Bug 546475 - Platform Help should use SVGs instead of GIFs

Change-Id: Ie441466919abba74e3217e41b346b34dc62d23ee
Signed-off-by: Matthias Becker <ma.becker@sap.com>
diff --git a/org.eclipse.help.base/doc/contents_view.gif b/org.eclipse.help.base/doc/contents_view.gif
deleted file mode 100644
index 9e665d5..0000000
--- a/org.eclipse.help.base/doc/contents_view.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.base/doc/contents_view.svg b/org.eclipse.help.base/doc/contents_view.svg
new file mode 100644
index 0000000..5b6159b
--- /dev/null
+++ b/org.eclipse.help.base/doc/contents_view.svg
@@ -0,0 +1,161 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="toc_obj.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4259"
+       id="linearGradient4265"
+       x1="24.120523"
+       y1="1050.0033"
+       x2="24.120523"
+       y2="1040.597"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4259">
+      <stop
+         style="stop-color:#dfe9f8;stop-opacity:1"
+         offset="0"
+         id="stop4261" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop4263" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4185"
+       id="linearGradient4191"
+       x1="22.993999"
+       y1="1063.8751"
+       x2="22.993999"
+       y2="1052.5172"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0,-12.561868)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4185">
+      <stop
+         style="stop-color:#525f71;stop-opacity:1"
+         offset="0"
+         id="stop4187" />
+      <stop
+         style="stop-color:#928d6e;stop-opacity:1"
+         offset="1"
+         id="stop4189" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4193"
+       id="linearGradient4199"
+       x1="21.093748"
+       y1="1039.2216"
+       x2="21.093748"
+       y2="1048.3466"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4193">
+      <stop
+         style="stop-color:#958e6c;stop-opacity:1;"
+         offset="0"
+         id="stop4195" />
+      <stop
+         style="stop-color:#536071;stop-opacity:1"
+         offset="1"
+         id="stop4197" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="143.92411"
+     inkscape:cy="-16.55322"
+     inkscape:document-units="px"
+     inkscape:current-layer="g4274"
+     showgrid="false"
+     inkscape:window-width="1440"
+     inkscape:window-height="900"
+     inkscape:window-x="781"
+     inkscape:window-y="423"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g4274"
+       transform="translate(-14.156249,0.03125)">
+      <g
+         style="display:inline"
+         id="g4201"
+         transform="translate(11.968749,-1.5211072e-7)">
+        <g
+           id="g4254"
+           transform="translate(-11.937499,0)">
+          <rect
+             style="opacity:1;fill:url(#linearGradient4265);fill-opacity:1;stroke:url(#linearGradient4191);stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             id="rect4183"
+             width="9.0049677"
+             height="11.010238"
+             x="18.627449"
+             y="1039.8192" />
+          <path
+             style="display:inline;fill:#7aace7;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4199);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 17.656249,1039.1123 8.031249,-2.125 0,11.0312 -8.062499,2.125 z"
+             id="path4156"
+             inkscape:connector-curvature="0" />
+          <path
+             style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#958e6c;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 19.643305,1041.6966 4.016734,-0.7459 -0.0221,2.3242 -4.014839,0.7291 z"
+             id="path4181"
+             inkscape:connector-curvature="0"
+             sodipodi:nodetypes="ccccc" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.base/doc/cpy.gif b/org.eclipse.help.base/doc/cpy.gif
deleted file mode 100644
index ce488b9..0000000
--- a/org.eclipse.help.base/doc/cpy.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.base/doc/e_auto_synch_toc.gif b/org.eclipse.help.base/doc/e_auto_synch_toc.gif
deleted file mode 100644
index 05cefef..0000000
--- a/org.eclipse.help.base/doc/e_auto_synch_toc.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.base/doc/e_auto_synch_toc.svg b/org.eclipse.help.base/doc/e_auto_synch_toc.svg
new file mode 100644
index 0000000..37c0b6a
--- /dev/null
+++ b/org.eclipse.help.base/doc/e_auto_synch_toc.svg
@@ -0,0 +1,184 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.0 r9654"
+   sodipodi:docname="synced.svg"
+   inkscape:export-filename="C:\Users\jmietling\Documents\rect3997-9-1.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4883">
+      <stop
+         style="stop-color:#bd8416;stop-opacity:1;"
+         offset="0"
+         id="stop4885" />
+      <stop
+         style="stop-color:#aa6f10;stop-opacity:1"
+         offset="1"
+         id="stop4887" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5103">
+      <stop
+         style="stop-color:#fefdef;stop-opacity:1"
+         offset="0"
+         id="stop5105" />
+      <stop
+         style="stop-color:#fce69e;stop-opacity:1"
+         offset="1"
+         id="stop5107" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5103"
+       id="linearGradient5109"
+       x1="11.906143"
+       y1="1042.3622"
+       x2="11.906143"
+       y2="1047.2684"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-1,2.9999502)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4883"
+       id="linearGradient4889"
+       x1="11"
+       y1="1043.3622"
+       x2="11"
+       y2="1052.3622"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4883-7"
+       id="linearGradient4889-1"
+       x1="11"
+       y1="1043.3622"
+       x2="11"
+       y2="1052.3622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1,0,0,1,15.987978,-7)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4883-7">
+      <stop
+         style="stop-color:#bd8416;stop-opacity:1;"
+         offset="0"
+         id="stop4885-4" />
+      <stop
+         style="stop-color:#aa6f10;stop-opacity:1"
+         offset="1"
+         id="stop4887-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5103-4">
+      <stop
+         style="stop-color:#fefdef;stop-opacity:1"
+         offset="0"
+         id="stop5105-8" />
+      <stop
+         style="stop-color:#fce69e;stop-opacity:1"
+         offset="1"
+         id="stop5107-8" />
+    </linearGradient>
+    <linearGradient
+       y2="1047.2684"
+       x2="11.906143"
+       y1="1042.3622"
+       x1="11.906143"
+       gradientTransform="matrix(-1,0,0,1,16.987978,-4)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient4911"
+       xlink:href="#linearGradient5103-4"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="15.999999"
+     inkscape:cx="16.638127"
+     inkscape:cy="5.0891236"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1241"
+     inkscape:window-height="814"
+     inkscape:window-x="1124"
+     inkscape:window-y="592"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="fill:url(#linearGradient5109);fill-opacity:1;stroke:none;display:inline"
+       d="m 4,1047.3622 0,1 7,0 0,3 3.999893,-3.5 -3.999893,-3.5 0,3 z"
+       id="path4108-1"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccc" />
+    <path
+       style="fill:url(#linearGradient4889);fill-opacity:1;stroke:none;display:inline"
+       d="m 10,1043.3622 0,3 -5,0 -1,0 c -0.99185,0.9918 -0.986324,2.0137 0,3 l 1,0 5,0 0,3 c 0,0.6519 0.740915,0.6375 1.5,0 l 4.9375,-4.5 -4.9375,-4.5 c -0.760225,-0.7602 -1.5,-0.5203 -1.5,0 z m 1,1 4,3.5 -4,3.5 0,-3 -6.4375,0 c -0.276214,-0.2099 -0.277444,-0.7282 0,-1 l 6.4375,0 z"
+       id="path4108-1-6"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccccccccccccc" />
+    <path
+       style="fill:url(#linearGradient4911);fill-opacity:1;stroke:none;display:inline"
+       d="m 11.987978,1040.3622 0,1 -7.0000023,0 0,3 -3.99989299,-3.5 3.99989299,-3.5 0,3 z"
+       id="path4108-1-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccc" />
+    <path
+       style="fill:url(#linearGradient4889-1);fill-opacity:1;stroke:none;display:inline"
+       d="m 5.9879757,1036.3622 0,3 5.0000023,0 1,0 c 0.99185,0.9918 0.986324,2.0137 0,3 l -1,0 -5.0000023,0 0,3 c 0,0.6519 -0.740915,0.6375 -1.5,0 l -4.93749974,-4.5 4.93749974,-4.5 c 0.760225,-0.7602 1.5,-0.5203 1.5,0 z m -1,1 -3.99999999,3.5 3.99999999,3.5 0,-3 6.4375023,0 c 0.276214,-0.2099 0.277444,-0.7282 0,-1 l -6.4375023,0 z"
+       id="path4108-1-6-4"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccccccccccccc" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.base/doc/e_index_view.gif b/org.eclipse.help.base/doc/e_index_view.gif
deleted file mode 100644
index 6645b64..0000000
--- a/org.eclipse.help.base/doc/e_index_view.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.base/doc/e_index_view.svg b/org.eclipse.help.base/doc/e_index_view.svg
new file mode 100644
index 0000000..74edc93
--- /dev/null
+++ b/org.eclipse.help.base/doc/e_index_view.svg
@@ -0,0 +1,1338 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="e_index_view.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1326"
+       inkscape:collect="always">
+      <stop
+         id="stop1322"
+         offset="0"
+         style="stop-color:#4073a8;stop-opacity:1" />
+      <stop
+         id="stop1324"
+         offset="1"
+         style="stop-color:#64893e;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1287"
+       inkscape:collect="always">
+      <stop
+         id="stop1283"
+         offset="0"
+         style="stop-color:#8ca0c7;stop-opacity:1" />
+      <stop
+         id="stop1285"
+         offset="1"
+         style="stop-color:#17325d;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1281"
+       inkscape:collect="always">
+      <stop
+         id="stop1277"
+         offset="0"
+         style="stop-color:#8ca0c7;stop-opacity:1" />
+      <stop
+         id="stop1279"
+         offset="1"
+         style="stop-color:#17325d;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1275"
+       inkscape:collect="always">
+      <stop
+         id="stop1271"
+         offset="0"
+         style="stop-color:#8ca0c7;stop-opacity:1" />
+      <stop
+         id="stop1273"
+         offset="1"
+         style="stop-color:#17325d;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1269"
+       inkscape:collect="always">
+      <stop
+         id="stop1265"
+         offset="0"
+         style="stop-color:#8ca0c7;stop-opacity:1" />
+      <stop
+         id="stop1267"
+         offset="1"
+         style="stop-color:#17325d;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1167">
+      <stop
+         style="stop-color:#8ca0c7;stop-opacity:1"
+         offset="0"
+         id="stop1163" />
+      <stop
+         style="stop-color:#4a6192;stop-opacity:1"
+         offset="1"
+         id="stop1165" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1157">
+      <stop
+         style="stop-color:#85c0ee;stop-opacity:1"
+         offset="0"
+         id="stop1153" />
+      <stop
+         style="stop-color:#f4f6f9;stop-opacity:1"
+         offset="1"
+         id="stop1155" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1149">
+      <stop
+         style="stop-color:#4073a8;stop-opacity:1"
+         offset="0"
+         id="stop1145" />
+      <stop
+         style="stop-color:#789dc2;stop-opacity:1"
+         offset="1"
+         id="stop1147" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1037">
+      <stop
+         style="stop-color:#e0e060;stop-opacity:1"
+         offset="0"
+         id="stop1033" />
+      <stop
+         style="stop-color:#80b050;stop-opacity:1"
+         offset="1"
+         id="stop1035" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5641">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5411">
+      <stop
+         style="stop-color:#72828e;stop-opacity:1;"
+         offset="0"
+         id="stop5413" />
+      <stop
+         style="stop-color:#003358;stop-opacity:1;"
+         offset="1"
+         id="stop5415" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5630">
+      <stop
+         style="stop-color:#d8bc68;stop-opacity:1;"
+         offset="0"
+         id="stop5632" />
+      <stop
+         style="stop-color:#fff0c2;stop-opacity:1;"
+         offset="1"
+         id="stop5634" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-6">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974-71" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1-2">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-8" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-9" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-7">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5-6" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-33" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-2-6">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-3-0" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-9-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-9" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-2" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-6"
+       id="linearGradient5572"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4283"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4288"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4321"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1"
+       id="linearGradient4382"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.817902,-657.26294)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3"
+       id="linearGradient4384"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.817902,-662.30115)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient4390"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient4392"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient4394"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-3" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-0" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-4"
+       id="linearGradient4382-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-731.7352)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-4">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-7"
+       id="linearGradient4384-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-736.99747)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-7">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-9" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-9"
+       id="linearGradient4382-3"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-731.7678)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-9">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-8" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-9" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-9"
+       id="linearGradient4384-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-737.03007)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-9">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-7" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-74" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-1"
+       id="linearGradient4394-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3892048,0,0,0.27549241,-31.899058,-1052.4756)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8-07"
+       id="linearGradient4392-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0464198,0,0,0.30750995,-29.951794,-1049.0796)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-07">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-4"
+       id="linearGradient4390-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3930703,0,0,0.26192631,-31.957849,1053.1869)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-4">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-26" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-5"
+       id="linearGradient4382-9"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,32.3374,-665.37304)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-5">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-97" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-60" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-0"
+       id="linearGradient4384-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,32.3374,-670.41122)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-0">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-90" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-1" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5417"
+       cx="13.94572"
+       cy="1045.8255"
+       fx="13.94572"
+       fy="1045.8255"
+       r="10.779004"
+       gradientTransform="matrix(1,0,0,0.98529514,0,15.378714)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5419"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.8121447,-1.9541983,0.96980008,0.27977302,-1035.1855,788.68965)"
+       cx="16.494715"
+       cy="1050.2904"
+       fx="16.494715"
+       fy="1050.2904"
+       r="10.779004" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5426"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient5428"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5430"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5430-8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9"
+       id="linearGradient5426-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66"
+       id="linearGradient5430-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475-9"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9-2"
+       id="linearGradient5426-4-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66-1"
+       id="linearGradient5430-1-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8-6" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525-6"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5592"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641"
+       id="linearGradient5647"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641-4"
+       id="linearGradient5647-2"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       id="linearGradient5641-4">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2" />
+    </linearGradient>
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71554797,0.15002359,0,0.70580829,-11.070338,316.74005)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664"
+       xlink:href="#linearGradient5641-4"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5695"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5697"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5699"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71554797,0.15002359,0,0.70580829,-11.070338,316.74005)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664-4"
+       xlink:href="#linearGradient5641-4-8"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient5641-4-8">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1-4" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5591-4">
+      <stop
+         id="stop5593-0"
+         offset="0"
+         style="stop-color:#e0e566;stop-opacity:1;" />
+      <stop
+         id="stop5595-5"
+         offset="1"
+         style="stop-color:#80b050;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5583-2">
+      <stop
+         id="stop5585-3"
+         offset="0"
+         style="stop-color:#005020;stop-opacity:1" />
+      <stop
+         id="stop5587-3"
+         offset="1"
+         style="stop-color:#309858;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5583-2"
+       id="linearGradient5620"
+       gradientUnits="userSpaceOnUse"
+       x1="2.1879039"
+       y1="9.2638359"
+       x2="2.03125"
+       y2="4.671875"
+       gradientTransform="matrix(1.4105678,0,0,1.4692784,1.35886,1033.7454)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1037"
+       id="linearGradient1039"
+       x1="-5.757359"
+       y1="1042.4757"
+       x2="-5.077126"
+       y2="1047.0719"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(11)" />
+    <linearGradient
+       id="linearGradient4852-7"
+       inkscape:collect="always">
+      <stop
+         id="stop4854-4"
+         offset="0"
+         style="stop-color:#f03f51;stop-opacity:1" />
+      <stop
+         id="stop4856-0"
+         offset="1"
+         style="stop-color:#f5817d;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4844-4">
+      <stop
+         id="stop4846-8"
+         offset="0"
+         style="stop-color:#c51325;stop-opacity:1" />
+      <stop
+         id="stop4848-8"
+         offset="1"
+         style="stop-color:#ca5d49;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4852-7"
+       id="linearGradient4047"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.49963553,0,0,0.49796697,0.18518926,524.81723)"
+       x1="5.1118913"
+       y1="1049.7977"
+       x2="4.7528968"
+       y2="1038.5814" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4844-4"
+       id="linearGradient4049"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.49963553,0,0,0.49796697,0.18518926,524.81723)"
+       x1="8.6566515"
+       y1="1050.7386"
+       x2="8.6566515"
+       y2="1037.7" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1149"
+       id="linearGradient1151"
+       x1="-15.895145"
+       y1="1049.3726"
+       x2="-15.109204"
+       y2="1037.396"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1157"
+       id="linearGradient1159"
+       x1="-4.9939418"
+       y1="1048.1637"
+       x2="-4.9939418"
+       y2="1038.2643"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1167"
+       id="linearGradient1169"
+       x1="-14.997779"
+       y1="1042.8622"
+       x2="-5.0022229"
+       y2="1042.8622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0.0022229,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1167"
+       id="linearGradient1169-1"
+       x1="-14.997779"
+       y1="1042.8622"
+       x2="-5.002223"
+       y2="1042.8622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(17.997779,3)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1287"
+       id="linearGradient1169-6"
+       x1="-14.997779"
+       y1="1042.8622"
+       x2="-5.002223"
+       y2="1042.8622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.30013206,0.30013206,0,-309.49638,1046.8609)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1281"
+       id="linearGradient1169-6-1"
+       x1="-14.997779"
+       y1="1042.8622"
+       x2="-5.002223"
+       y2="1042.8622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.30013206,0.30013206,0,-306.49638,1046.8609)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1275"
+       id="linearGradient1169-6-0"
+       x1="-14.997779"
+       y1="1042.8622"
+       x2="-5.002223"
+       y2="1042.8622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.30013206,0.30013206,0,-303.49638,1046.8609)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1269"
+       id="linearGradient1169-6-7"
+       x1="-14.997779"
+       y1="1042.8622"
+       x2="-5.002223"
+       y2="1042.8622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.30013206,0.30013206,0,-300.49638,1046.8609)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1326"
+       id="linearGradient1151-4"
+       x1="-15.895145"
+       y1="1049.3726"
+       x2="-15.109204"
+       y2="1037.396"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(5,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1326"
+       id="linearGradient1151-4-1"
+       x1="-15.895145"
+       y1="1049.3726"
+       x2="-15.109204"
+       y2="1037.396"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.99092354,9,10.420147)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1326"
+       id="linearGradient1365"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(23,1)"
+       x1="-15.895145"
+       y1="1049.3726"
+       x2="-15.109204"
+       y2="1037.396" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1157"
+       id="linearGradient1367"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(18,1)"
+       x1="-4.9939418"
+       y1="1048.1637"
+       x2="-4.9939418"
+       y2="1038.2643" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1149"
+       id="linearGradient1369"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(18,1)"
+       x1="-15.895145"
+       y1="1049.3726"
+       x2="-15.109204"
+       y2="1037.396" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1167"
+       id="linearGradient1371"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(18.002223,1)"
+       x1="-14.997779"
+       y1="1042.8622"
+       x2="-5.0022229"
+       y2="1042.8622" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1326"
+       id="linearGradient1365-6"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(28,1)"
+       x1="-15.895145"
+       y1="1049.3726"
+       x2="-15.109204"
+       y2="1037.396" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.627416"
+     inkscape:cx="3.5371346"
+     inkscape:cy="11.309364"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false"
+     inkscape:snap-others="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4250" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="display:inline;fill:#e0e060;fill-opacity:1;stroke:url(#linearGradient1365-6);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 11.5,1049.8622 h 1.729631 v -9 H 14.5 v -2 h -3 z"
+       id="path1143-1-4"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="display:inline;fill:#e0e060;fill-opacity:1;stroke:url(#linearGradient1365);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 6.5,1049.8622 h 7 v -9 h -4 v -2 h -3 z"
+       id="path1143-1"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="fill:url(#linearGradient1367);fill-opacity:1;stroke:url(#linearGradient1369);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 1.5,1049.8622 h 13 v -9 h -8 l -1.5,-2 H 1.5 Z"
+       id="path1143"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="fill:none;stroke:url(#linearGradient1371);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 3.004444,1043.8622 H 13"
+       id="path1161"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:none;stroke:url(#linearGradient1169-1);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 3,1045.8622 h 9.995556"
+       id="path1161-7"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:none;stroke:url(#linearGradient1169-6);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 3.5,1051.3622 v -3"
+       id="path1161-3"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:none;stroke:url(#linearGradient1169-6-1);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 6.5,1051.3622 v -3"
+       id="path1161-3-2"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:none;stroke:url(#linearGradient1169-6-0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 9.5,1051.3622 v -3"
+       id="path1161-3-9"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:none;stroke:url(#linearGradient1169-6-7);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 12.5,1051.3622 v -3"
+       id="path1161-3-4"
+       inkscape:connector-curvature="0" />
+    <image
+       y="1037.3622"
+       x="21"
+       id="image1140"
+       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAXVJREFU
+OI2lkjFrVEEUhb8bki59inSCYCWopSwpAhYSJIVgY1CESBCLVBJlrXQJ2PgDhBBBExJIoXaaIsli
+kSpVJJU/YSEx7t55b2aPxfLeyxLYRPbCwDnDzLkfd8YkMUyNDHUbGC3Ey5VmibL8pGbz76ZK/+HF
+7jlfaJNEY31fi7M3ytS36/ssTK9UfuM39QdX+nwRYpJ4/bGph/dqfWifvjYvxH/zqGajAJ4lPHYB
+AwkM7t+9DQIwhDBAGGZCgs9f9qoZdELk1LsXdjxbnRCrgHaWOAmJXz8PiDGS5TnuOe4Bd6fdyXAP
+hBAIWeT5q6e0s1QFhJBz7InJW9cv1f3YEyHkVYDniRNP/Dk8vBTB7LPHeH6GAOBv6GJXrzGGMSYY
+702N8vFNIAMTp1k1rzKgE4vNQV9b589IYqa+pcZOSxM353TUko5aGqgbOy3N1LckqUeQxcSPb99Z
+XV1mobEBMFC/X9vuJyjWnaVN/Y+W1PvKw9Q/3rIiaWq8Z5oAAAAASUVORK5CYII=
+"
+       style="image-rendering:optimizeSpeed"
+       preserveAspectRatio="none"
+       height="16"
+       width="16" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.base/doc/e_show_all.gif b/org.eclipse.help.base/doc/e_show_all.gif
deleted file mode 100644
index e8ff460..0000000
--- a/org.eclipse.help.base/doc/e_show_all.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.base/doc/e_show_all.svg b/org.eclipse.help.base/doc/e_show_all.svg
new file mode 100644
index 0000000..d94c134
--- /dev/null
+++ b/org.eclipse.help.base/doc/e_show_all.svg
@@ -0,0 +1,438 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="e_show_all.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4191">
+      <stop
+         style="stop-color:#b9cad4;stop-opacity:1"
+         offset="0"
+         id="stop4193" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="1"
+         id="stop4195" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4181">
+      <stop
+         style="stop-color:#998f6a;stop-opacity:1"
+         offset="0"
+         id="stop4183" />
+      <stop
+         style="stop-color:#7d827c;stop-opacity:1"
+         offset="1"
+         id="stop4185" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4173">
+      <stop
+         style="stop-color:#267fe3;stop-opacity:1"
+         offset="0"
+         id="stop4175" />
+      <stop
+         style="stop-color:#80b4ef;stop-opacity:1"
+         offset="1"
+         id="stop4177" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4173"
+       id="linearGradient4179"
+       x1="16.798458"
+       y1="1047.219"
+       x2="17.847075"
+       y2="1045.6079"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.80078059,-0.1437118,0.14355389,0.79990071,-146.90569,213.98117)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4181"
+       id="linearGradient4187"
+       x1="18.834337"
+       y1="1038.91"
+       x2="25.201481"
+       y2="1045.91"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.80078059,-0.1437118,0.14355389,0.79990071,-146.90569,213.98117)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4191"
+       id="linearGradient4197"
+       x1="25.593748"
+       y1="1046.6279"
+       x2="26.562498"
+       y2="1048.5029"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.80078059,-0.1437118,0.14355389,0.79990071,-146.90569,213.98117)" />
+    <linearGradient
+       id="linearGradient1326"
+       inkscape:collect="always">
+      <stop
+         id="stop1322"
+         offset="0"
+         style="stop-color:#f9fafc;stop-opacity:1" />
+      <stop
+         id="stop1324"
+         offset="1"
+         style="stop-color:#e3ebf8;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1310"
+       inkscape:collect="always">
+      <stop
+         id="stop1306"
+         offset="0"
+         style="stop-color:#c7b571;stop-opacity:1" />
+      <stop
+         id="stop1308"
+         offset="1"
+         style="stop-color:#a9a285;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1285">
+      <stop
+         style="stop-color:#9fb8f0;stop-opacity:1"
+         offset="0"
+         id="stop1281" />
+      <stop
+         style="stop-color:#718fcd;stop-opacity:1"
+         offset="1"
+         id="stop1283" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5206">
+      <stop
+         id="stop5208"
+         offset="0"
+         style="stop-color:#bbb8bb;stop-opacity:1" />
+      <stop
+         style="stop-color:#ccc8cb;stop-opacity:1"
+         offset="0.25"
+         id="stop5216" />
+      <stop
+         style="stop-color:#bdb6bc;stop-opacity:1"
+         offset="0.5"
+         id="stop5214" />
+      <stop
+         id="stop5210"
+         offset="1"
+         style="stop-color:#9b8c98;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5331">
+      <stop
+         id="stop5333"
+         offset="0"
+         style="stop-color:#fef48d;stop-opacity:1" />
+      <stop
+         style="stop-color:#fffffe;stop-opacity:1"
+         offset="0.3251386"
+         id="stop5341" />
+      <stop
+         style="stop-color:#fffffe;stop-opacity:1"
+         offset="0.66393197"
+         id="stop5339" />
+      <stop
+         id="stop5335"
+         offset="1"
+         style="stop-color:#fef48d;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5378">
+      <stop
+         style="stop-color:#f4d684;stop-opacity:1"
+         offset="0"
+         id="stop5380" />
+      <stop
+         id="stop5382"
+         offset="0.25"
+         style="stop-color:#fcf4c6;stop-opacity:1" />
+      <stop
+         id="stop5384"
+         offset="0.5"
+         style="stop-color:#fbeebc;stop-opacity:1" />
+      <stop
+         style="stop-color:#eeb960;stop-opacity:1"
+         offset="1"
+         id="stop5386" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5428">
+      <stop
+         id="stop5430"
+         offset="0"
+         style="stop-color:#f0a53b;stop-opacity:1;" />
+      <stop
+         style="stop-color:#f2d58f;stop-opacity:1"
+         offset="0.26895422"
+         id="stop5438" />
+      <stop
+         style="stop-color:#efb965;stop-opacity:1"
+         offset="0.60424823"
+         id="stop5436" />
+      <stop
+         id="stop5432"
+         offset="1"
+         style="stop-color:#df9833;stop-opacity:1" />
+    </linearGradient>
+    <mask
+       maskUnits="userSpaceOnUse"
+       id="mask8820">
+      <g
+         transform="matrix(1.0698871,0,0,1.0698871,15.540293,-72.622799)"
+         style="display:inline;fill:#ffffff;stroke:#ffffff"
+         id="g8822"
+         inkscape:label="Layer 1">
+        <g
+           transform="matrix(0.9346781,0,0,0.9346781,-14.571811,69.044514)"
+           id="g8824"
+           style="display:inline;fill:#ffffff;stroke:#ffffff">
+          <g
+             id="g8826"
+             transform="translate(15.600543)"
+             style="fill:#ffffff;stroke:#ffffff">
+            <g
+               transform="rotate(45,26.208459,1022.0081)"
+               id="g8828"
+               style="fill:#ffffff;stroke:#ffffff">
+              <path
+                 style="display:inline;fill:#ffffff;stroke:#ffffff;stroke-width:1.06988704;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                 d="m 28.565245,1040.0695 -1.069887,2.1398 h 4.279549 l -1.069887,-2.1398 c -0.472828,-0.9477 -1.844257,-0.7625 -2.139775,0 z"
+                 id="path8830"
+                 inkscape:connector-curvature="0"
+                 sodipodi:nodetypes="ccccc" />
+              <path
+                 style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1"
+                 d="m 26.607269,1042.2428 c 1.259438,-1.6377 4.858466,-1.5046 6.055728,0 v 8.5925 h -6.055728 z"
+                 id="path8832"
+                 inkscape:connector-curvature="0"
+                 sodipodi:nodetypes="ccccc" />
+              <path
+                 style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1px;marker:none;enable-background:accumulate"
+                 d="m 29.411544,1042.9075 c -0.368467,0.01 -0.72715,0.043 -1.069887,0.1003 v 2.4073 c 0.342737,-0.057 0.70142,-0.09 1.069887,-0.1003 z"
+                 id="path8834"
+                 inkscape:connector-curvature="0"
+                 sodipodi:nodetypes="ccccc" />
+              <path
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-opacity:1"
+                 d="m 29.645582,1053.51 c -1.546954,0 -3.096933,0.3554 -3.778039,1.0365 v 0.5683 c 1.362214,1.3622 6.178977,1.3438 7.522644,0 v -0.5683 c -0.671834,-0.6719 -2.197651,-1.0342 -3.744605,-1.0365 z"
+                 id="path8836"
+                 inkscape:connector-curvature="0"
+                 sodipodi:nodetypes="sccccs" />
+              <path
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.87995493;stroke-opacity:1"
+                 d="m 26.422196,1052.4196 v 12.1257 h 6.413338 v -12.1257 z"
+                 id="path8838"
+                 inkscape:connector-curvature="0"
+                 sodipodi:nodetypes="ccccc" />
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.0003444;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1"
+                 d="m 25.867543,1050.1666 v 4.3799 c 1.778049,-1.9187 5.89609,-1.8666 7.522644,0 v -4.3799 c -1.258456,-2.537 -6.051006,-2.5281 -7.522644,0 z"
+                 id="path8840"
+                 inkscape:connector-curvature="0" />
+            </g>
+          </g>
+        </g>
+      </g>
+    </mask>
+    <linearGradient
+       id="linearGradient7592-1-3-6">
+      <stop
+         style="stop-color:#ad7212;stop-opacity:1;"
+         offset="0"
+         id="stop7594-6-9-5" />
+      <stop
+         style="stop-color:#875f1e;stop-opacity:1;"
+         offset="1"
+         id="stop7596-9-2-1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient7584-5-3-4">
+      <stop
+         style="stop-color:#f9cd5f;stop-opacity:1;"
+         offset="0"
+         id="stop7586-4-4-4" />
+      <stop
+         style="stop-color:#ffebb7;stop-opacity:1;"
+         offset="1"
+         id="stop7588-5-0-3" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="matrix(0.49738539,0,0,3.6965564e-4,33.680806,1033.4462)"
+       gradientUnits="userSpaceOnUse"
+       y2="1040.7997"
+       x2="0.96027756"
+       y1="1040.7997"
+       x1="-5.08005"
+       id="linearGradient1271"
+       xlink:href="#linearGradient1285"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientTransform="matrix(0.59831158,0,0,0.00106437,34.196639,1030.7253)"
+       gradientUnits="userSpaceOnUse"
+       y2="1038.7997"
+       x2="-0.062227711"
+       y1="1038.7997"
+       x1="-5.0656271"
+       id="linearGradient1273"
+       xlink:href="#linearGradient1285"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientTransform="matrix(0.857143,0,0,1.1249987,37.009787,-137.78154)"
+       gradientUnits="userSpaceOnUse"
+       y2="1046.3566"
+       x2="-5.0235996"
+       y1="1037.4548"
+       x1="-5.5077791"
+       id="linearGradient1312"
+       xlink:href="#linearGradient1310"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientTransform="matrix(0.857143,0,0,1.1249987,37.009787,-137.78154)"
+       gradientUnits="userSpaceOnUse"
+       y2="1045.557"
+       x2="-3.1579704"
+       y1="1038.361"
+       x1="-3.0558093"
+       id="linearGradient1328"
+       xlink:href="#linearGradient1326"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientTransform="matrix(0.49738539,0,0,3.6965564e-4,33.680806,1035.4462)"
+       gradientUnits="userSpaceOnUse"
+       y2="1040.7997"
+       x2="0.96027756"
+       y1="1040.7997"
+       x1="-5.08005"
+       id="linearGradient1271-7"
+       xlink:href="#linearGradient1285"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.627417"
+     inkscape:cx="8.5007097"
+     inkscape:cy="6.1408713"
+     inkscape:document-units="px"
+     inkscape:current-layer="g4274"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g4274"
+       transform="translate(-14.156249,0.03125)">
+      <g
+         id="g1319"
+         transform="translate(-6,8.0000174)">
+        <rect
+           style="fill:url(#linearGradient1328);fill-opacity:1;stroke:url(#linearGradient1312);stroke-width:0.99999994;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           id="rect1304"
+           width="6.000001"
+           height="9.0000172"
+           x="29.656248"
+           y="1029.8309" />
+        <path
+           style="fill:none;stroke:url(#linearGradient1273);stroke-width:0.99999768px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 31.168991,1031.831 2.987241,-10e-5"
+           id="path1232"
+           inkscape:connector-curvature="0" />
+        <path
+           style="display:inline;fill:none;stroke:url(#linearGradient1271);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 31.156249,1033.831 h 3"
+           id="path1232-2"
+           inkscape:connector-curvature="0" />
+        <path
+           style="display:inline;fill:none;stroke:url(#linearGradient1271-7);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 31.156249,1035.831 h 3"
+           id="path1232-2-8"
+           inkscape:connector-curvature="0" />
+      </g>
+      <path
+         style="fill:#80b4ef;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4187);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 20.276214,1040.903 5.8871,4.3868 -4.911151,4.1552 -5.950069,-4.4499 z"
+         id="path4163"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         style="fill:url(#linearGradient4197);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 21.297202,1049.1828 5.121665,-3.9896 0.34094,1.8998 -5.243003,4.321 z"
+         id="path4189"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:none;fill-rule:evenodd;stroke:#727b84;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 21.493672,1051.573 c 0.186701,-0.1112 5.548927,-4.6805 5.548927,-4.6805 m -0.509362,-1.8205 -0.438481,0.3545 -3.831922,3.1739 -1.221739,0.8825"
+         id="path4169"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" />
+      <path
+         style="fill:url(#linearGradient4179);fill-opacity:1;fill-rule:evenodd;stroke:#8f8b70;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 15.311547,1044.9707 c 0,0 -0.367204,0.3116 -0.513721,0.522 -0.289455,0.4156 0.170038,2.2458 0.170038,2.2458 l 5.547965,3.8551 c 0,0 0.632026,0.1824 0.8158,-0.019 0.589061,-0.6467 -0.463564,-2.4946 -0.463564,-2.4946 z"
+         id="path4165"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="csccscc" />
+      <path
+         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#8f8b70;stroke-width:1.11224616px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 22.02647,1044.8259 -0.164656,-0.9175 -1.012515,-0.6792 -0.974165,0.1748 -0.609694,1.0851 -0.885784,0.1871 -0.06987,0.8249 1.254937,0.6556 0.890665,-0.1598 0.80948,-1.0925 z"
+         id="path4171"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.base/doc/e_synch_toc_nav.gif b/org.eclipse.help.base/doc/e_synch_toc_nav.gif
deleted file mode 100644
index 4353fd5..0000000
--- a/org.eclipse.help.base/doc/e_synch_toc_nav.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.base/doc/e_synch_toc_nav.svg b/org.eclipse.help.base/doc/e_synch_toc_nav.svg
new file mode 100644
index 0000000..fd235f6
--- /dev/null
+++ b/org.eclipse.help.base/doc/e_synch_toc_nav.svg
@@ -0,0 +1,373 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="e_synch_toc_nav.gif.svg"
+   inkscape:export-filename="C:\Users\jmietling\Documents\rect3997-9-1.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4871">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop4873" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4875" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4871"
+       id="linearGradient4877"
+       x1="3"
+       y1="1045.8622"
+       x2="4"
+       y2="1045.8622"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4871"
+       id="linearGradient4879"
+       x1="4.4999781"
+       y1="1044.3466"
+       x2="4.4999781"
+       y2="1045.3433"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4871-7"
+       id="linearGradient4877-1"
+       x1="3"
+       y1="1045.8622"
+       x2="4"
+       y2="1045.8622"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4871-7">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop4873-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4875-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4871-7"
+       id="linearGradient4879-9"
+       x1="4.4999781"
+       y1="1044.3466"
+       x2="4.4999781"
+       y2="1045.3433"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4871-7-1"
+       id="linearGradient4877-1-7"
+       x1="3"
+       y1="1045.8622"
+       x2="4"
+       y2="1045.8622"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4871-7-1">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop4873-4-1" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4875-0-5" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4871-7-1"
+       id="linearGradient4879-9-2"
+       x1="4.4999781"
+       y1="1044.3466"
+       x2="4.4999781"
+       y2="1045.3433"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient7134"
+       inkscape:collect="always">
+      <stop
+         id="stop7136"
+         offset="0"
+         style="stop-color:#bd8416;stop-opacity:1" />
+      <stop
+         id="stop7138"
+         offset="1"
+         style="stop-color:#a66b10;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       y2="1040.7345"
+       x2="22.519354"
+       y1="1042.0283"
+       x1="22.519354"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient7608-3-3"
+       xlink:href="#linearGradient7584-5-1"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient7584-5-1">
+      <stop
+         id="stop7586-4-6"
+         offset="0"
+         style="stop-color:#f9cd5f;stop-opacity:1;" />
+      <stop
+         id="stop7588-5-8"
+         offset="1"
+         style="stop-color:#ffebb7;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       y2="1045.3622"
+       x2="23.551146"
+       y1="1037.3622"
+       x1="23.551146"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient7610-5-8"
+       xlink:href="#linearGradient7134"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="1041.7356"
+       x2="22.930616"
+       y1="1039.6982"
+       x1="22.930616"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient7608-9-7-1"
+       xlink:href="#linearGradient7584-5-1"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="1037.7311"
+       x2="25.363291"
+       y1="1044.7311"
+       x1="25.363291"
+       id="linearGradient7140"
+       xlink:href="#linearGradient7134"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="15.999999"
+     inkscape:cx="1.6290223"
+     inkscape:cy="7.9808044"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1458"
+     inkscape:window-height="814"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-others="false"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g5029"
+       transform="matrix(0.59562329,0,0,0.59562329,-0.57375444,420.31576)">
+      <path
+         id="rect4035-17"
+         d="m 2.6421734,1042.6833 v 5.0367 H 7.678914 v -5.0367 z m 1.6789131,1.6789 H 6 v 1.6789 H 4.3210865 Z"
+         style="display:inline;fill:#5c7aaa;fill-opacity:1;stroke:none"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccccccc" />
+      <g
+         id="g4094"
+         transform="matrix(0.55964608,0,0,0.55963589,2.6421482,459.89962)">
+        <rect
+           style="display:inline;fill:#91a5c7;fill-opacity:1;stroke:none"
+           id="rect4035-1-1"
+           width="3"
+           height="3.0000174"
+           x="3"
+           y="1044.3622" />
+        <path
+           style="display:inline;opacity:0.5;fill:url(#linearGradient4877);fill-opacity:1;stroke:none"
+           d="m 3,1044.3622 1,1 v 2 H 3 Z"
+           id="rect4035-1-7-1"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+        <path
+           style="display:inline;opacity:0.5;fill:url(#linearGradient4879);fill-opacity:1;stroke:none"
+           d="m 3,1044.3622 1,1 h 2 v -1 z"
+           id="rect4035-1-7-4-5"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+      </g>
+    </g>
+    <g
+       style="display:inline"
+       id="g5029-8"
+       transform="matrix(0.59562329,0,0,0.59562329,3.4262456,424.31576)">
+      <path
+         id="rect4035-17-2"
+         d="m 2.6421734,1042.6833 v 5.0367 H 7.678914 v -5.0367 z m 1.6789131,1.6789 H 6 v 1.6789 H 4.3210865 Z"
+         style="display:inline;fill:#5c7aaa;fill-opacity:1;stroke:none"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccccccc" />
+      <g
+         id="g4094-4"
+         transform="matrix(0.55964608,0,0,0.55963589,2.6421482,459.89962)">
+        <rect
+           style="display:inline;fill:#91a5c7;fill-opacity:1;stroke:none"
+           id="rect4035-1-1-5"
+           width="3"
+           height="3.0000174"
+           x="3"
+           y="1044.3622" />
+        <path
+           style="display:inline;opacity:0.5;fill:url(#linearGradient4877-1);fill-opacity:1;stroke:none"
+           d="m 3,1044.3622 1,1 v 2 H 3 Z"
+           id="rect4035-1-7-1-5"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+        <path
+           style="display:inline;opacity:0.5;fill:url(#linearGradient4879-9);fill-opacity:1;stroke:none"
+           d="m 3,1044.3622 1,1 h 2 v -1 z"
+           id="rect4035-1-7-4-5-1"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+      </g>
+    </g>
+    <g
+       style="display:inline"
+       id="g5029-8-7"
+       transform="matrix(0.59562329,0,0,0.59562329,3.4262456,428.31576)">
+      <path
+         id="rect4035-17-2-6"
+         d="m 2.6421734,1042.6833 v 5.0367 H 7.678914 v -5.0367 z m 1.6789135,1.6912 h 1.6789135 v 1.6913 H 4.3210869 Z"
+         style="display:inline;fill:#5c7aaa;fill-opacity:1;stroke:none"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccccccc" />
+      <g
+         id="g4094-4-1"
+         transform="matrix(0.55964608,0,0,0.55963589,2.6421482,459.89962)">
+        <rect
+           style="display:inline;fill:#91a5c7;fill-opacity:1;stroke:none"
+           id="rect4035-1-1-5-4"
+           width="3"
+           height="3.0000174"
+           x="3"
+           y="1044.3622" />
+        <path
+           style="display:inline;opacity:0.5;fill:url(#linearGradient4877-1-7);fill-opacity:1;stroke:none"
+           d="m 3,1044.3622 1,1 v 2 H 3 Z"
+           id="rect4035-1-7-1-5-2"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+        <path
+           style="display:inline;opacity:0.5;fill:url(#linearGradient4879-9-2);fill-opacity:1;stroke:none"
+           d="m 3,1044.3622 1,1 h 2 v -1 z"
+           id="rect4035-1-7-4-5-1-3"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+      </g>
+    </g>
+    <path
+       style="display:inline;fill:#5c7aaa;fill-opacity:1;stroke:none"
+       d="m 1.9999853,1044.3622 h 1.0000146 v 7 H 1.9999853 Z"
+       id="rect4035-1-1-5-2"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:#5c7aaa;fill-opacity:1;stroke:none"
+       d="m 1.9999853,1046.3622 h 3.0000003 v 1 H 1.9999853 Z"
+       id="rect4035-1-1-5-2-2"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:#5c7aaa;fill-opacity:1;stroke:none"
+       d="m 1.9999853,1050.3622 h 3.0000003 v 0.9999 H 1.9999853 Z"
+       id="rect4035-1-1-5-2-2-1"
+       inkscape:connector-curvature="0" />
+    <g
+       style="display:inline;stroke-width:1.16937912"
+       id="g7604"
+       transform="matrix(-0.85515466,0,0,0.85515466,29.19168,150.66021)">
+      <path
+         sodipodi:nodetypes="ccssscscsssszcc"
+         inkscape:connector-curvature="0"
+         id="path7582"
+         d="m 23.585155,1039.3249 v -1.591 c 0,0 -0.353553,-0.8397 -1.370019,-0.044 -1.016466,0.7955 -2.209709,2.0772 -2.386486,2.4307 -0.176776,0.3536 -0.928077,0.9723 0.08839,1.9446 1.016466,0.9722 2.121321,1.9887 2.121321,1.9887 0,0 1.546796,1.4584 1.546796,0.088 0,-1.37 0,-1.812 0,-1.812 1.366404,-0.063 1.694788,0.3552 2.039845,0.6884 0.345482,0.3336 0.8125,1.9687 1.21875,2.0937 0.40625,0.125 0.625,-2.1875 0.625,-2.625 0,-0.4375 -0.174793,-1.2439 -0.71875,-1.9687 -0.293544,-0.3911 -1.006571,-0.9555 -1.53125,-1.0998 -0.524679,-0.1444 -1.633595,-0.094 -1.633595,-0.094 z"
+         style="fill:url(#linearGradient7608-3-3);fill-opacity:1;stroke:url(#linearGradient7610-5-8);stroke-width:0.9355033;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccssscc"
+         transform="translate(0,1036.3622)"
+         inkscape:connector-curvature="0"
+         id="path7602"
+         d="M 23.069359,2.3660973 V 1.769476 c 0,0 0.110485,-0.3756505 -0.220971,-0.243068 -0.331456,0.1325826 -0.972272,0.6629126 -1.038563,0.773398 -0.06629,0.1104855 -0.751301,0.5966214 -0.596622,0.8175923 0.15468,0.2209709 1.458408,0.066291 1.458408,0.066291 z"
+         style="opacity:0.85714285;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.16937912" />
+    </g>
+    <g
+       style="display:inline;stroke-width:1.16937912"
+       id="g7604-6"
+       transform="matrix(0.85515466,0,0,-0.85515466,-7.953295,1937.1582)">
+      <path
+         sodipodi:nodetypes="ccssscsscsssszcc"
+         inkscape:connector-curvature="0"
+         id="path7582-7"
+         d="m 23.585155,1039.3249 v -1.591 c 0,0 -0.353553,-0.8397 -1.370019,-0.044 -1.016466,0.7955 -2.209709,2.0772 -2.386486,2.4307 -0.176776,0.3536 -0.928077,0.9723 0.08839,1.9446 1.016466,0.9722 2.121321,1.9887 2.121321,1.9887 0,0 0.404271,0.3812 0.799458,0.5707 0.37782,0.1811 0.747338,0.1871 0.747338,-0.4827 0,-1.37 0,-1.812 0,-1.812 1.366404,-0.063 1.727345,0.3446 2.039845,0.6884 0.3125,0.3437 0.8125,1.9687 1.21875,2.0937 0.40625,0.125 0.625,-2.1875 0.625,-2.625 0,-0.4375 -0.09375,-1.3125 -0.71875,-1.9687 -0.625,-0.6563 -1.006571,-0.9555 -1.53125,-1.0998 -0.524679,-0.1444 -1.633595,-0.094 -1.633595,-0.094 z"
+         style="fill:url(#linearGradient7608-9-7-1);fill-opacity:1;stroke:url(#linearGradient7140);stroke-width:0.9355033;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccssscc"
+         inkscape:connector-curvature="0"
+         id="path7602-2"
+         d="m 23.069359,1042.9731 v 0.5966 c 0,0 0.110485,0.3757 -0.220971,0.2431 -0.331456,-0.1326 -0.972272,-0.6629 -1.038563,-0.7734 -0.06629,-0.1105 -0.751301,-0.5966 -0.596622,-0.8176 0.15468,-0.221 1.458408,-0.066 1.458408,-0.066 z"
+         style="opacity:0.85714285;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.16937912" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.base/doc/help_home.html b/org.eclipse.help.base/doc/help_home.html
index a723c69..12dc2bb 100644
--- a/org.eclipse.help.base/doc/help_home.html
+++ b/org.eclipse.help.base/doc/help_home.html
@@ -18,7 +18,7 @@
 	
 	<p>
 	Browse topics in the <b>Contents</b> frame <span class="icon">(<img
-	class="icon" src="contents_view.gif" alt="Contents icon">)</span> on
+	class="icon" src="contents_view.svg" alt="Contents icon">)</span> on
 	the left. Click on a topic to have it displayed. Use the <b>Back</b> and
 	<b>Forward</b> buttons to navigate within the history of viewed topics.
 	</p>
@@ -28,7 +28,7 @@
 	<p>
 	To quickly locate topics on a particular subject in the documentation, enter a
 	query in the <b>Search</b> field.  Use the <b>Search</b> frame <span
-	class="icon">(<img class="icon" src="search_results_view.gif" alt="Search icon">)</span>
+	class="icon">(<img class="icon" src="search_results_view.svg" alt="Search icon">)</span>
 	to display the Search view.  You can narrow the
 	<b>scope</b> of your search by selecting only the sections you are interested in.
 	</p>
@@ -38,10 +38,10 @@
 	<p>
 	Clicking the
 	<b>Show in Table of Contents</b> button <span class="icon">(<img class="icon"
-	src="e_synch_toc_nav.gif" alt="Show in Table of Contents icon">)</span> will
+	src="e_synch_toc_nav.svg" alt="Show in Table of Contents icon">)</span> will
 	select that topic in the navigation tree. The 
 	<b>Link with Contents</b> button <span class="icon">(<img class="icon"
-	src="e_auto_synch_toc.gif" alt="Link with Contents icon">)</span> keeps 
+	src="e_auto_synch_toc.svg" alt="Link with Contents icon">)</span> keeps 
 	the navigation tree synchronized to the current topic.
 	</p>
 	
@@ -50,14 +50,14 @@
 	<p>
 	To show documentation about capabilities that are disabled in the application,
 	select the <b>Show All Topics</b> button <span class="icon">(<img class="icon"
-	src="e_show_all.gif" alt="Refresh / Show Current Topic icon">)
+	src="e_show_all.svg" alt="Refresh / Show Current Topic icon">)
 	</span>. This affects the table of contents and search results.
 	</p>
 	
 	<h2>Keyword Index</h2>
 	<p>
 	To show an alphabetically sorted index of keywords select the <b>Index Frame</b> 
-	<span class="icon">(<img class="icon" src="e_index_view.gif" alt="Index icon">)</span>. 
+	<span class="icon">(<img class="icon" src="e_index_view.svg" alt="Index icon">)</span>. 
 	Not all products contain an index. 
 	</p>
 	
diff --git a/org.eclipse.help.base/doc/search_results_view.gif b/org.eclipse.help.base/doc/search_results_view.gif
deleted file mode 100644
index fed3e49..0000000
--- a/org.eclipse.help.base/doc/search_results_view.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.base/doc/search_results_view.svg b/org.eclipse.help.base/doc/search_results_view.svg
new file mode 100644
index 0000000..2e13a61
--- /dev/null
+++ b/org.eclipse.help.base/doc/search_results_view.svg
@@ -0,0 +1,508 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="quick_search.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1326">
+      <stop
+         style="stop-color:#f9fafc;stop-opacity:1"
+         offset="0"
+         id="stop1322" />
+      <stop
+         style="stop-color:#e3ebf8;stop-opacity:1"
+         offset="1"
+         id="stop1324" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1310">
+      <stop
+         style="stop-color:#c7b571;stop-opacity:1"
+         offset="0"
+         id="stop1306" />
+      <stop
+         style="stop-color:#a9a285;stop-opacity:1"
+         offset="1"
+         id="stop1308" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1285"
+       inkscape:collect="always">
+      <stop
+         id="stop1281"
+         offset="0"
+         style="stop-color:#9fb8f0;stop-opacity:1" />
+      <stop
+         id="stop1283"
+         offset="1"
+         style="stop-color:#718fcd;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1279"
+       inkscape:collect="always">
+      <stop
+         id="stop1275"
+         offset="0"
+         style="stop-color:#9fb8f0;stop-opacity:1" />
+      <stop
+         id="stop1277"
+         offset="1"
+         style="stop-color:#718fcd;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1265">
+      <stop
+         style="stop-color:#7f9ed8;stop-opacity:1"
+         offset="0"
+         id="stop1261" />
+      <stop
+         style="stop-color:#718fcd;stop-opacity:1"
+         offset="1"
+         id="stop1263" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,683.75303,332.65243)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5440"
+       id="linearGradient5446"
+       x1="25.367371"
+       y1="1051.4069"
+       x2="33.890358"
+       y2="1051.4069"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       gradientTransform="matrix(0.67296667,0.67261869,-0.67296667,0.67261869,695.88897,319.95238)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5428"
+       id="linearGradient5434"
+       x1="26.107269"
+       y1="1045.9496"
+       x2="33.162998"
+       y2="1045.9496"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5206"
+       id="linearGradient5376"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,683.75306,332.6524)"
+       x1="26.45211"
+       y1="1052.0043"
+       x2="32.842041"
+       y2="1052.0043" />
+    <linearGradient
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,683.34253,332.84136)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5351"
+       id="linearGradient5374"
+       gradientUnits="userSpaceOnUse"
+       x1="25.98222"
+       y1="1056.9694"
+       x2="33.275513"
+       y2="1056.9694" />
+    <linearGradient
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,683.34253,332.84136)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5331"
+       id="linearGradient5372"
+       gradientUnits="userSpaceOnUse"
+       x1="26.880592"
+       y1="1056.9694"
+       x2="32.471878"
+       y2="1056.9694" />
+    <linearGradient
+       gradientTransform="matrix(0.67296667,0.67261869,-0.67296667,0.67261869,695.88897,319.95238)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5378"
+       id="linearGradient5370"
+       gradientUnits="userSpaceOnUse"
+       x1="27.009878"
+       y1="1046.1316"
+       x2="32.176903"
+       y2="1046.1316" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5109"
+       id="linearGradient5368"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,683.52934,332.68514)"
+       x1="29.714636"
+       y1="1041.3262"
+       x2="29.714636"
+       y2="1039.1387" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5109">
+      <stop
+         style="stop-color:#906f4e;stop-opacity:1"
+         offset="0"
+         id="stop5111" />
+      <stop
+         style="stop-color:#dfbd7f;stop-opacity:1"
+         offset="1"
+         id="stop5113" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5206">
+      <stop
+         style="stop-color:#bbb8bb;stop-opacity:1"
+         offset="0"
+         id="stop5208" />
+      <stop
+         id="stop5216"
+         offset="0.25"
+         style="stop-color:#ccc8cb;stop-opacity:1" />
+      <stop
+         id="stop5214"
+         offset="0.5"
+         style="stop-color:#bdb6bc;stop-opacity:1" />
+      <stop
+         style="stop-color:#9b8c98;stop-opacity:1"
+         offset="1"
+         id="stop5210" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5331">
+      <stop
+         style="stop-color:#fef48d;stop-opacity:1"
+         offset="0"
+         id="stop5333" />
+      <stop
+         id="stop5341"
+         offset="0.3251386"
+         style="stop-color:#fffffe;stop-opacity:1" />
+      <stop
+         id="stop5339"
+         offset="0.66393197"
+         style="stop-color:#fffffe;stop-opacity:1" />
+      <stop
+         style="stop-color:#fef48d;stop-opacity:1"
+         offset="1"
+         id="stop5335" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5351">
+      <stop
+         style="stop-color:#e4a239;stop-opacity:1;"
+         offset="0"
+         id="stop5353" />
+      <stop
+         style="stop-color:#fada7d;stop-opacity:1"
+         offset="1"
+         id="stop5355" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5378">
+      <stop
+         id="stop5380"
+         offset="0"
+         style="stop-color:#f4d684;stop-opacity:1" />
+      <stop
+         style="stop-color:#fcf4c6;stop-opacity:1"
+         offset="0.25"
+         id="stop5382" />
+      <stop
+         style="stop-color:#fbeebc;stop-opacity:1"
+         offset="0.5"
+         id="stop5384" />
+      <stop
+         id="stop5386"
+         offset="1"
+         style="stop-color:#eeb960;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5428">
+      <stop
+         style="stop-color:#f0a53b;stop-opacity:1;"
+         offset="0"
+         id="stop5430" />
+      <stop
+         id="stop5438"
+         offset="0.26895422"
+         style="stop-color:#f2d58f;stop-opacity:1" />
+      <stop
+         id="stop5436"
+         offset="0.60424823"
+         style="stop-color:#efb965;stop-opacity:1" />
+      <stop
+         style="stop-color:#df9833;stop-opacity:1"
+         offset="1"
+         id="stop5432" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5440">
+      <stop
+         style="stop-color:#ad8e5f;stop-opacity:1"
+         offset="0"
+         id="stop5442" />
+      <stop
+         style="stop-color:#8f6e4d;stop-opacity:1"
+         offset="1"
+         id="stop5444" />
+    </linearGradient>
+    <mask
+       id="mask8820"
+       maskUnits="userSpaceOnUse">
+      <g
+         inkscape:label="Layer 1"
+         id="g8822"
+         style="display:inline;fill:#ffffff;stroke:#ffffff"
+         transform="matrix(1.0698871,0,0,1.0698871,15.540293,-72.622799)">
+        <g
+           style="display:inline;fill:#ffffff;stroke:#ffffff"
+           id="g8824"
+           transform="matrix(0.9346781,0,0,0.9346781,-14.571811,69.044514)">
+          <g
+             style="fill:#ffffff;stroke:#ffffff"
+             transform="translate(15.600543)"
+             id="g8826">
+            <g
+               style="fill:#ffffff;stroke:#ffffff"
+               id="g8828"
+               transform="rotate(45,26.208459,1022.0081)">
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8830"
+                 d="m 28.565245,1040.0695 -1.069887,2.1398 h 4.279549 l -1.069887,-2.1398 c -0.472828,-0.9477 -1.844257,-0.7625 -2.139775,0 z"
+                 style="display:inline;fill:#ffffff;stroke:#ffffff;stroke-width:1.06988704;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8832"
+                 d="m 26.607269,1042.2428 c 1.259438,-1.6377 4.858466,-1.5046 6.055728,0 v 8.5925 h -6.055728 z"
+                 style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8834"
+                 d="m 29.411544,1042.9075 c -0.368467,0.01 -0.72715,0.043 -1.069887,0.1003 v 2.4073 c 0.342737,-0.057 0.70142,-0.09 1.069887,-0.1003 z"
+                 style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1px;marker:none;enable-background:accumulate" />
+              <path
+                 sodipodi:nodetypes="sccccs"
+                 inkscape:connector-curvature="0"
+                 id="path8836"
+                 d="m 29.645582,1053.51 c -1.546954,0 -3.096933,0.3554 -3.778039,1.0365 v 0.5683 c 1.362214,1.3622 6.178977,1.3438 7.522644,0 v -0.5683 c -0.671834,-0.6719 -2.197651,-1.0342 -3.744605,-1.0365 z"
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-opacity:1" />
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8838"
+                 d="m 26.422196,1052.4196 v 12.1257 h 6.413338 v -12.1257 z"
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.87995493;stroke-opacity:1" />
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path8840"
+                 d="m 25.867543,1050.1666 v 4.3799 c 1.778049,-1.9187 5.89609,-1.8666 7.522644,0 v -4.3799 c -1.258456,-2.537 -6.051006,-2.5281 -7.522644,0 z"
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.0003444;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1"
+                 sodipodi:nodetypes="ccccc" />
+            </g>
+          </g>
+        </g>
+      </g>
+    </mask>
+    <linearGradient
+       id="linearGradient7592-1-3-6">
+      <stop
+         id="stop7594-6-9-5"
+         offset="0"
+         style="stop-color:#ad7212;stop-opacity:1;" />
+      <stop
+         id="stop7596-9-2-1"
+         offset="1"
+         style="stop-color:#875f1e;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient7584-5-3-4">
+      <stop
+         id="stop7586-4-4-4"
+         offset="0"
+         style="stop-color:#f9cd5f;stop-opacity:1;" />
+      <stop
+         id="stop7588-5-0-3"
+         offset="1"
+         style="stop-color:#ffebb7;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1265"
+       id="linearGradient1267"
+       x1="-5.0521278"
+       y1="1044.8525"
+       x2="-2.0791261"
+       y2="1044.8525"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3545244,0,0,0.00297926,10.750603,1040.7661)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1285"
+       id="linearGradient1271"
+       x1="-5.08005"
+       y1="1040.7997"
+       x2="0.96027756"
+       y2="1040.7997"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.66318052,0,0,4.9287419e-4,7.2869503,1041.3661)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1279"
+       id="linearGradient1273"
+       x1="-5.0656271"
+       y1="1038.7997"
+       x2="-0.062227711"
+       y2="1038.7997"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.79885103,0,0,0.00106437,7.9743681,1038.7734)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1310"
+       id="linearGradient1312"
+       x1="-5.5077791"
+       y1="1037.4548"
+       x2="-5.0235996"
+       y2="1046.3566"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(11,7.4309064e-5)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1326"
+       id="linearGradient1328"
+       x1="-3.0558093"
+       y1="1038.361"
+       x2="-3.1579704"
+       y2="1045.557"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(11,7.4309064e-5)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="18.760427"
+     inkscape:cx="4.5240835"
+     inkscape:cy="1.6631695"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1-2"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false"
+     inkscape:snap-global="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5105" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       style="display:inline"
+       id="layer1-2"
+       inkscape:label="Layer 1"
+       transform="translate(-0.92087393,-0.01685309)">
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path5028"
+         d="m 16.47385,1039.6239 c -0.272691,-0.2822 -0.554905,-0.5386 -0.843139,-0.7633 l -1.734497,1.895 c 0.288016,0.225 0.57023,0.4813 0.843138,0.7633 z"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#496da1;fill-opacity:1;stroke:none;stroke-width:0.93467808px;marker:none;enable-background:accumulate" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4221-4"
+         d="m 14.94724,1038.9569 -2.121338,0.7071 2.828428,2.8284 0.707124,-2.1213 c 0.313851,-0.9389 -0.714952,-1.7229 -1.414214,-1.4142 z"
+         style="display:inline;fill:none;stroke:url(#linearGradient5368);stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4221"
+         d="m 12.345416,1038.8654 c 1.949678,-0.2544 4.282132,2.2559 4.075304,4.0732 l -5.782466,5.7795 -4.075304,-4.0732 z"
+         style="fill:url(#linearGradient5370);fill-opacity:1;stroke:url(#linearGradient5434);stroke-width:0.93467802;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4221-7-1-2"
+         d="m 5.189458,1045.8513 -8.014085,8.0141 4.238686,4.2387 8.0140847,-8.0141 z"
+         style="display:inline;fill:url(#linearGradient5372);fill-opacity:1;stroke:url(#linearGradient5374);stroke-width:0.8224746;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="rect4221-7"
+         d="m 6.722435,1043.8068 -2.894752,2.8947 c 2.443246,-0.093 5.1304959,2.6632 4.9718449,4.9719 l 2.8947521,-2.8948 c 0.845012,-2.5085 -2.3283491,-5.6701 -4.971845,-4.9718 z"
+         style="display:inline;fill:url(#linearGradient5376);fill-opacity:1;stroke:url(#linearGradient5446);stroke-width:0.935;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1"
+         sodipodi:nodetypes="ccccc" />
+      <rect
+         style="fill:url(#linearGradient1328);fill-opacity:1;stroke:url(#linearGradient1312);stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1304"
+         width="7"
+         height="8.0000248"
+         x="2.4208739"
+         y="1037.879" />
+      <path
+         style="fill:none;stroke:url(#linearGradient1273);stroke-width:0.99999768px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.931926,1039.8791 3.9884909,-1e-4"
+         id="path1232"
+         inkscape:connector-curvature="0" />
+      <path
+         style="display:inline;fill:none;stroke:url(#linearGradient1271);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.920874,1041.8791 h 4"
+         id="path1232-2"
+         inkscape:connector-curvature="0" />
+      <path
+         style="display:inline;fill:none;stroke:url(#linearGradient1267);stroke-width:1.00000048px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.9195174,1043.8791 4.0027128,-2e-4"
+         id="path1232-0"
+         inkscape:connector-curvature="0" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path5028-3"
+         d="m 14.231992,1040.9825 c -0.272691,-0.2822 -0.554905,-0.5386 -0.843139,-0.7633 l -1.734497,1.895 c 0.288016,0.225 0.57023,0.4813 0.843138,0.7633 z"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#496da1;fill-opacity:1;stroke:none;stroke-width:0.93467808px;marker:none;enable-background:accumulate" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.base/src/org/eclipse/help/internal/protocols/HelpURLConnection.java b/org.eclipse.help.base/src/org/eclipse/help/internal/protocols/HelpURLConnection.java
index 38660dc..a4b48b3 100644
--- a/org.eclipse.help.base/src/org/eclipse/help/internal/protocols/HelpURLConnection.java
+++ b/org.eclipse.help.base/src/org/eclipse/help/internal/protocols/HelpURLConnection.java
@@ -225,6 +225,8 @@
 			return "text/css"; //$NON-NLS-1$
 		else if (file.endsWith(".gif")) //$NON-NLS-1$
 			return "image/gif"; //$NON-NLS-1$
+		else if (file.endsWith(".svg")) //$NON-NLS-1$
+			return "image/svg+xml"; //$NON-NLS-1$
 		else if (file.endsWith(".jpg")) //$NON-NLS-1$
 			return "image/jpeg"; //$NON-NLS-1$
 		else if (file.endsWith(".pdf")) //$NON-NLS-1$
diff --git a/org.eclipse.help.webapp/advanced/bookmarksToolbar.jsp b/org.eclipse.help.webapp/advanced/bookmarksToolbar.jsp
index af42fdc..2b2538c 100644
--- a/org.eclipse.help.webapp/advanced/bookmarksToolbar.jsp
+++ b/org.eclipse.help.webapp/advanced/bookmarksToolbar.jsp
@@ -20,14 +20,14 @@
 
 	<jsp:param name="name"     value="deleteBookmark"/>
 	<jsp:param name="tooltip"  value='deleteBookmark'/>
-	<jsp:param name="image"    value="bookmark_rem.gif"/>
+	<jsp:param name="image"    value="bookmark_rem.svg"/>
 	<jsp:param name="action"   value="removeBookmark"/>
 	<jsp:param name="param"    value=""/>
 	<jsp:param name="state"    value='off'/>
 
 	<jsp:param name="name"     value="deleteAllBookmarks"/>
 	<jsp:param name="tooltip"  value='deleteAllBookmarks'/>
-	<jsp:param name="image"    value="bookmark_remall.gif"/>
+	<jsp:param name="image"    value="bookmark_remall.svg"/>
 	<jsp:param name="action"   value="removeAllBookmarks"/>
 	<jsp:param name="param"    value=""/>
 	<jsp:param name="state"    value='off'/>
diff --git a/org.eclipse.help.webapp/advanced/bookmarksView.jsp b/org.eclipse.help.webapp/advanced/bookmarksView.jsp
index 30a8cd0..4fdcac8 100644
--- a/org.eclipse.help.webapp/advanced/bookmarksView.jsp
+++ b/org.eclipse.help.webapp/advanced/bookmarksView.jsp
@@ -135,7 +135,7 @@
 		   oncontextmenu="contextMenuHandler(event);return false;"
 		   onkeydown="bookmarkKeyDownHandler(event);"
 		   title="<%=UrlUtil.htmlEncode(bookmarks[i].getLabel())%>">
-		   <img src="<%=prefs.getImagesDirectory()%>/topic.gif" alt=""><%=UrlUtil.htmlEncode(bookmarks[i].getLabel())%></a>
+		   <img src="<%=prefs.getImagesDirectory()%>/topic.svg" alt=""><%=UrlUtil.htmlEncode(bookmarks[i].getLabel())%></a>
 	</td>
 </tr>
 
diff --git a/org.eclipse.help.webapp/advanced/contentToolbar.jsp b/org.eclipse.help.webapp/advanced/contentToolbar.jsp
index 85269cd..96e8c0a 100644
--- a/org.eclipse.help.webapp/advanced/contentToolbar.jsp
+++ b/org.eclipse.help.webapp/advanced/contentToolbar.jsp
@@ -18,13 +18,13 @@
 	WebappPreferences prefs = data.getPrefs();
 	String forwardImage, backImage, homeImage;
 	if(isRTL) {
-		forwardImage = "back.gif";
-		backImage = "forward.gif";
+		forwardImage = "back.svg";
+		backImage = "forward.svg";
 	} else {
-		forwardImage = "forward.gif";
-		backImage = "back.gif";
+		forwardImage = "forward.svg";
+		backImage = "back.svg";
 	}
-	homeImage = "home.gif";
+	homeImage = "home.svg";
 	String homeURL = UrlUtil.getHelpURL(prefs.getHelpHome());
 	boolean isBookmarkAction = prefs.isBookmarksView() 
 		|| prefs.isBookmarksAction() && data.isIE() && !data.isOpera(); // for infocenter, add to favorites supported on IE
@@ -37,7 +37,7 @@
 		
 	<jsp:param name="name"     value="toggle_highlight"/>
 	<jsp:param name="tooltip"  value='highlight_tip'/>
-	<jsp:param name="image"    value="highlight.gif"/>
+	<jsp:param name="image"    value="highlight.svg"/>
 	<jsp:param name="action"   value="toggleHighlight"/>
 	<jsp:param name="param"    value=""/>
 	<jsp:param name="state"    value='hidden'/>	
@@ -72,21 +72,21 @@
 	
 	<jsp:param name="name"     value="synch"/>
 	<jsp:param name="tooltip"  value='Synch'/>
-	<jsp:param name="image"    value="synch_toc_nav.gif"/>
+	<jsp:param name="image"    value="synch_toc_nav.svg"/>
 	<jsp:param name="action"   value="resynch"/>
 	<jsp:param name="param"    value=""/>
 	<jsp:param name="state"    value='off'/>
 	
 	<jsp:param name="name"     value="add_bkmrk"/>
 	<jsp:param name="tooltip"  value='BookmarkPage'/>
-	<jsp:param name="image"    value="add_bkmrk.gif"/>
+	<jsp:param name="image"    value="add_bkmrk.svg"/>
 	<jsp:param name="action"   value="<%=bookmarkAction%>"/>
 	<jsp:param name="param"    value=""/>
 	<jsp:param name="state"    value='<%=bookmarkButtonState%>'/>
 
 	<jsp:param name="name"     value="print"/>
 	<jsp:param name="tooltip"  value='Print'/>
-	<jsp:param name="image"    value="print_topic.gif"/>
+	<jsp:param name="image"    value="print_topic.svg"/>
 	<jsp:param name="action"   value="printContent"/>
 	<jsp:param name="param"    value=""/>
 	<jsp:param name="state"    value='off'/>
diff --git a/org.eclipse.help.webapp/advanced/helptreechildren.js b/org.eclipse.help.webapp/advanced/helptreechildren.js
index d22364b..3d49461 100644
--- a/org.eclipse.help.webapp/advanced/helptreechildren.js
+++ b/org.eclipse.help.webapp/advanced/helptreechildren.js
@@ -112,7 +112,7 @@
                         openImage = node.getAttribute("image");
                         if (openImage) {
                             imageAltText = getAltText(openImage);
-                            openImage = imagesDirectory + "/" + openImage + ".gif";
+                            openImage = imagesDirectory + "/" + openImage + ".svg";
                         }
                     }              
                     if (node.getAttribute("closedImage")) {
diff --git a/org.eclipse.help.webapp/advanced/images/add_bkmrk.gif b/org.eclipse.help.webapp/advanced/images/add_bkmrk.gif
deleted file mode 100644
index 5b092dd..0000000
--- a/org.eclipse.help.webapp/advanced/images/add_bkmrk.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/add_bkmrk.svg b/org.eclipse.help.webapp/advanced/images/add_bkmrk.svg
new file mode 100644
index 0000000..5f3e64f
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/add_bkmrk.svg
@@ -0,0 +1,1037 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="add_bkmrk.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1014">
+      <stop
+         style="stop-color:#c8ccd1;stop-opacity:1;"
+         offset="0"
+         id="stop1010" />
+      <stop
+         style="stop-color:#dee0e3;stop-opacity:1"
+         offset="1"
+         id="stop1012" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1008">
+      <stop
+         id="stop1004"
+         offset="0"
+         style="stop-color:#c2c1c1;stop-opacity:1" />
+      <stop
+         id="stop1006"
+         offset="1"
+         style="stop-color:#c2c1c1;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1037">
+      <stop
+         style="stop-color:#cdcdbe;stop-opacity:1"
+         offset="0"
+         id="stop1033" />
+      <stop
+         style="stop-color:#babdb1;stop-opacity:1"
+         offset="1"
+         id="stop1035" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5641">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5411">
+      <stop
+         style="stop-color:#72828e;stop-opacity:1;"
+         offset="0"
+         id="stop5413" />
+      <stop
+         style="stop-color:#003358;stop-opacity:1;"
+         offset="1"
+         id="stop5415" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5630">
+      <stop
+         style="stop-color:#d8bc68;stop-opacity:1;"
+         offset="0"
+         id="stop5632" />
+      <stop
+         style="stop-color:#fff0c2;stop-opacity:1;"
+         offset="1"
+         id="stop5634" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-6">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974-71" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1-2">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-8" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-9" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-7">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5-6" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-33" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-2-6">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-3-0" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-9-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-9" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-2" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-6"
+       id="linearGradient5572"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4283"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4288"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4321"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1"
+       id="linearGradient4382"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.817902,-657.26294)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3"
+       id="linearGradient4384"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.817902,-662.30115)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient4390"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient4392"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient4394"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-3" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-0" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-4"
+       id="linearGradient4382-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-731.7352)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-4">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-7"
+       id="linearGradient4384-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-736.99747)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-7">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-9" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-9"
+       id="linearGradient4382-3"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-731.7678)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-9">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-8" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-9" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-9"
+       id="linearGradient4384-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-737.03007)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-9">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-7" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-74" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-1"
+       id="linearGradient4394-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3892048,0,0,0.27549241,-31.899058,-1052.4756)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8-07"
+       id="linearGradient4392-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0464198,0,0,0.30750995,-29.951794,-1049.0796)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-07">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-4"
+       id="linearGradient4390-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3930703,0,0,0.26192631,-31.957849,1053.1869)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-4">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-26" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-5"
+       id="linearGradient4382-9"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,32.3374,-665.37304)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-5">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-97" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-60" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-0"
+       id="linearGradient4384-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,32.3374,-670.41122)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-0">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-90" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-1" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5417"
+       cx="13.94572"
+       cy="1045.8255"
+       fx="13.94572"
+       fy="1045.8255"
+       r="10.779004"
+       gradientTransform="matrix(1,0,0,0.98529514,0,15.378714)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5419"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.8121447,-1.9541983,0.96980008,0.27977302,-1035.1855,788.68965)"
+       cx="16.494715"
+       cy="1050.2904"
+       fx="16.494715"
+       fy="1050.2904"
+       r="10.779004" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5426"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient5428"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5430"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5430-8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9"
+       id="linearGradient5426-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66"
+       id="linearGradient5430-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475-9"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9-2"
+       id="linearGradient5426-4-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66-1"
+       id="linearGradient5430-1-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8-6" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525-6"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5592"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641"
+       id="linearGradient5647"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641-4"
+       id="linearGradient5647-2"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       id="linearGradient5641-4">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2" />
+    </linearGradient>
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71554797,0.15002359,0,0.70580829,-11.070338,316.74005)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664"
+       xlink:href="#linearGradient5641-4"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5695"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5697"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5699"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71554797,0.15002359,0,0.70580829,-11.070338,316.74005)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664-4"
+       xlink:href="#linearGradient5641-4-8"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient5641-4-8">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1-4" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2-3" />
+    </linearGradient>
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.69574445,0.13682846,0,0.64372984,-8.5125514,381.02553)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3174"
+       xlink:href="#linearGradient1008"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient5591-4">
+      <stop
+         id="stop5593-0"
+         offset="0"
+         style="stop-color:#e0e566;stop-opacity:1;" />
+      <stop
+         id="stop5595-5"
+         offset="1"
+         style="stop-color:#80b050;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5583-2">
+      <stop
+         id="stop5585-3"
+         offset="0"
+         style="stop-color:#848f89;stop-opacity:1" />
+      <stop
+         id="stop5587-3"
+         offset="1"
+         style="stop-color:#c2c1c1;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5583-2"
+       id="linearGradient5620"
+       gradientUnits="userSpaceOnUse"
+       x1="2.1879039"
+       y1="9.2638359"
+       x2="2.03125"
+       y2="5.3336091"
+       gradientTransform="matrix(1.4105678,0,0,1.4692784,1.35886,1033.7454)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1037"
+       id="linearGradient1039"
+       x1="-5.757359"
+       y1="1042.4757"
+       x2="-5.077126"
+       y2="1047.0719"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(11)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1014"
+       id="linearGradient1016"
+       x1="11.592962"
+       y1="1048.0435"
+       x2="11.330146"
+       y2="1038.6311"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.63"
+     inkscape:cx="-3.8432928"
+     inkscape:cy="13.077131"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4250" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="display:inline;fill:url(#linearGradient1016);fill-opacity:1;stroke:url(#linearGradient3174);stroke-width:0.97756839px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 10.490941,1038.9341 c 0,0 0.803623,-0.9469 1.776433,-1.0253 0.972807,-0.077 2.241686,-0.041 2.241686,-0.041 v 13.1768 l -2.030207,-2.0455 -0.930513,2.5152 c 0,0 -0.972807,-0.861 -1.015103,-1.6048 -0.0423,-0.7434 -0.0423,-10.9749 -0.0423,-10.9749 z"
+       id="path5639"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="csccccscc" />
+    <path
+       style="display:inline;fill:url(#linearGradient1039);fill-opacity:1;stroke:url(#linearGradient5620);stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 3.5,1041.8622 h 2 v 2 h 2 v 2 h -2 v 2 h -2 v -2 h -2 v -2 h 2 z"
+       id="path5581"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccccccccc" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/auto_synch_toc.gif b/org.eclipse.help.webapp/advanced/images/auto_synch_toc.gif
deleted file mode 100644
index 4b9e567..0000000
--- a/org.eclipse.help.webapp/advanced/images/auto_synch_toc.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/auto_synch_toc.svg b/org.eclipse.help.webapp/advanced/images/auto_synch_toc.svg
new file mode 100644
index 0000000..37c0b6a
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/auto_synch_toc.svg
@@ -0,0 +1,184 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.0 r9654"
+   sodipodi:docname="synced.svg"
+   inkscape:export-filename="C:\Users\jmietling\Documents\rect3997-9-1.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4883">
+      <stop
+         style="stop-color:#bd8416;stop-opacity:1;"
+         offset="0"
+         id="stop4885" />
+      <stop
+         style="stop-color:#aa6f10;stop-opacity:1"
+         offset="1"
+         id="stop4887" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5103">
+      <stop
+         style="stop-color:#fefdef;stop-opacity:1"
+         offset="0"
+         id="stop5105" />
+      <stop
+         style="stop-color:#fce69e;stop-opacity:1"
+         offset="1"
+         id="stop5107" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5103"
+       id="linearGradient5109"
+       x1="11.906143"
+       y1="1042.3622"
+       x2="11.906143"
+       y2="1047.2684"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-1,2.9999502)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4883"
+       id="linearGradient4889"
+       x1="11"
+       y1="1043.3622"
+       x2="11"
+       y2="1052.3622"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4883-7"
+       id="linearGradient4889-1"
+       x1="11"
+       y1="1043.3622"
+       x2="11"
+       y2="1052.3622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1,0,0,1,15.987978,-7)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4883-7">
+      <stop
+         style="stop-color:#bd8416;stop-opacity:1;"
+         offset="0"
+         id="stop4885-4" />
+      <stop
+         style="stop-color:#aa6f10;stop-opacity:1"
+         offset="1"
+         id="stop4887-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5103-4">
+      <stop
+         style="stop-color:#fefdef;stop-opacity:1"
+         offset="0"
+         id="stop5105-8" />
+      <stop
+         style="stop-color:#fce69e;stop-opacity:1"
+         offset="1"
+         id="stop5107-8" />
+    </linearGradient>
+    <linearGradient
+       y2="1047.2684"
+       x2="11.906143"
+       y1="1042.3622"
+       x1="11.906143"
+       gradientTransform="matrix(-1,0,0,1,16.987978,-4)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient4911"
+       xlink:href="#linearGradient5103-4"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="15.999999"
+     inkscape:cx="16.638127"
+     inkscape:cy="5.0891236"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1241"
+     inkscape:window-height="814"
+     inkscape:window-x="1124"
+     inkscape:window-y="592"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="fill:url(#linearGradient5109);fill-opacity:1;stroke:none;display:inline"
+       d="m 4,1047.3622 0,1 7,0 0,3 3.999893,-3.5 -3.999893,-3.5 0,3 z"
+       id="path4108-1"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccc" />
+    <path
+       style="fill:url(#linearGradient4889);fill-opacity:1;stroke:none;display:inline"
+       d="m 10,1043.3622 0,3 -5,0 -1,0 c -0.99185,0.9918 -0.986324,2.0137 0,3 l 1,0 5,0 0,3 c 0,0.6519 0.740915,0.6375 1.5,0 l 4.9375,-4.5 -4.9375,-4.5 c -0.760225,-0.7602 -1.5,-0.5203 -1.5,0 z m 1,1 4,3.5 -4,3.5 0,-3 -6.4375,0 c -0.276214,-0.2099 -0.277444,-0.7282 0,-1 l 6.4375,0 z"
+       id="path4108-1-6"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccccccccccccc" />
+    <path
+       style="fill:url(#linearGradient4911);fill-opacity:1;stroke:none;display:inline"
+       d="m 11.987978,1040.3622 0,1 -7.0000023,0 0,3 -3.99989299,-3.5 3.99989299,-3.5 0,3 z"
+       id="path4108-1-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccc" />
+    <path
+       style="fill:url(#linearGradient4889-1);fill-opacity:1;stroke:none;display:inline"
+       d="m 5.9879757,1036.3622 0,3 5.0000023,0 1,0 c 0.99185,0.9918 0.986324,2.0137 0,3 l -1,0 -5.0000023,0 0,3 c 0,0.6519 -0.740915,0.6375 -1.5,0 l -4.93749974,-4.5 4.93749974,-4.5 c 0.760225,-0.7602 1.5,-0.5203 1.5,0 z m -1,1 -3.99999999,3.5 3.99999999,3.5 0,-3 6.4375023,0 c 0.276214,-0.2099 0.277444,-0.7282 0,-1 l -6.4375023,0 z"
+       id="path4108-1-6-4"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccccccccccccc" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/back.gif b/org.eclipse.help.webapp/advanced/images/back.gif
deleted file mode 100644
index 2972ff5..0000000
--- a/org.eclipse.help.webapp/advanced/images/back.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/back.svg b/org.eclipse.help.webapp/advanced/images/back.svg
new file mode 100644
index 0000000..a4a4af1
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/back.svg
@@ -0,0 +1,113 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="backward_nav.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="arrow_background">
+      <stop
+         style="stop-color:#ffffee;stop-opacity:1"
+         offset="0"
+         id="background_stop_0" />
+      <stop
+         style="stop-color:#ffecad;stop-opacity:1"
+         offset="1"
+         id="background_stop_1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="arrow_stroke">
+      <stop
+         style="stop-color:#ba7f0d;stop-opacity:1"
+         offset="0"
+         id="stroke_stop_0" />
+      <stop
+         style="stop-color:#a2660b;stop-opacity:1"
+         offset="1"
+         id="stroke_stop_1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#arrow_stroke"
+       id="linearGradient4747"
+       x1="11.0625"
+       y1="1038.5497"
+       x2="11.0625"
+       y2="1049.912"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1,0,0,1,16,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#arrow_background"
+       id="linearGradient4755"
+       x1="4.5"
+       y1="1042.047"
+       x2="4.5"
+       y2="1046.4902"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1,0,0,1,16,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="32"
+     inkscape:cx="2.8457129"
+     inkscape:cy="5.7052771"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1363"
+     inkscape:window-height="1057"
+     inkscape:window-x="675"
+     inkscape:window-y="356"
+     inkscape:window-maximized="0"
+     inkscape:snap-global="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3966" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="fill:url(#linearGradient4755);fill-opacity:1;stroke:url(#linearGradient4747);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       d="m 7.5,1038.8622 0,3 5.78125,0 c 0.667867,0 1.21875,0.5509 1.21875,1.2188 l 0,2.5625 c 0,0.6678 -0.550883,1.2187 -1.21875,1.2187 l -5.78125,0 0,3 -1,0 -5.5,-5.5 5.5,-5.5 1,0 z"
+       id="back_arrow"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/bookmark_rem.gif b/org.eclipse.help.webapp/advanced/images/bookmark_rem.gif
deleted file mode 100644
index 38fefb8..0000000
--- a/org.eclipse.help.webapp/advanced/images/bookmark_rem.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/bookmark_rem.svg b/org.eclipse.help.webapp/advanced/images/bookmark_rem.svg
new file mode 100644
index 0000000..a0ae95e
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/bookmark_rem.svg
@@ -0,0 +1,1092 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="bookmark_rem.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1037">
+      <stop
+         style="stop-color:#e0e060;stop-opacity:1"
+         offset="0"
+         id="stop1033" />
+      <stop
+         style="stop-color:#80b050;stop-opacity:1"
+         offset="1"
+         id="stop1035" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5641">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5411">
+      <stop
+         style="stop-color:#72828e;stop-opacity:1;"
+         offset="0"
+         id="stop5413" />
+      <stop
+         style="stop-color:#003358;stop-opacity:1;"
+         offset="1"
+         id="stop5415" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5630">
+      <stop
+         style="stop-color:#d8bc68;stop-opacity:1;"
+         offset="0"
+         id="stop5632" />
+      <stop
+         style="stop-color:#fff0c2;stop-opacity:1;"
+         offset="1"
+         id="stop5634" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-6">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974-71" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1-2">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-8" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-9" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-7">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5-6" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-33" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-2-6">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-3-0" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-9-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-9" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-2" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-6"
+       id="linearGradient5572"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4283"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4288"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4321"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1"
+       id="linearGradient4382"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.817902,-657.26294)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3"
+       id="linearGradient4384"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.817902,-662.30115)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient4390"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient4392"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient4394"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-3" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-0" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-4"
+       id="linearGradient4382-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-731.7352)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-4">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-7"
+       id="linearGradient4384-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-736.99747)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-7">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-9" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-9"
+       id="linearGradient4382-3"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-731.7678)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-9">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-8" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-9" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-9"
+       id="linearGradient4384-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-737.03007)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-9">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-7" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-74" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-1"
+       id="linearGradient4394-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3892048,0,0,0.27549241,-31.899058,-1052.4756)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8-07"
+       id="linearGradient4392-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0464198,0,0,0.30750995,-29.951794,-1049.0796)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-07">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-4"
+       id="linearGradient4390-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3930703,0,0,0.26192631,-31.957849,1053.1869)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-4">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-26" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-5"
+       id="linearGradient4382-9"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,32.3374,-665.37304)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-5">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-97" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-60" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-0"
+       id="linearGradient4384-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,32.3374,-670.41122)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-0">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-90" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-1" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5417"
+       cx="13.94572"
+       cy="1045.8255"
+       fx="13.94572"
+       fy="1045.8255"
+       r="10.779004"
+       gradientTransform="matrix(1,0,0,0.98529514,0,15.378714)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5419"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.8121447,-1.9541983,0.96980008,0.27977302,-1035.1855,788.68965)"
+       cx="16.494715"
+       cy="1050.2904"
+       fx="16.494715"
+       fy="1050.2904"
+       r="10.779004" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5426"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient5428"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5430"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5430-8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9"
+       id="linearGradient5426-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66"
+       id="linearGradient5430-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475-9"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9-2"
+       id="linearGradient5426-4-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66-1"
+       id="linearGradient5430-1-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8-6" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525-6"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5592"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641"
+       id="linearGradient5647"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641-4"
+       id="linearGradient5647-2"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       id="linearGradient5641-4">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2" />
+    </linearGradient>
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71554797,0.15002359,0,0.70580829,-11.070338,316.74005)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664"
+       xlink:href="#linearGradient5641-4"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5695"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5697"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5699"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71554797,0.15002359,0,0.70580829,-11.070338,316.74005)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664-4"
+       xlink:href="#linearGradient5641-4-8"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient5641-4-8">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1-4" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5591-4">
+      <stop
+         id="stop5593-0"
+         offset="0"
+         style="stop-color:#e0e566;stop-opacity:1;" />
+      <stop
+         id="stop5595-5"
+         offset="1"
+         style="stop-color:#80b050;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5583-2">
+      <stop
+         id="stop5585-3"
+         offset="0"
+         style="stop-color:#005020;stop-opacity:1" />
+      <stop
+         id="stop5587-3"
+         offset="1"
+         style="stop-color:#309858;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5583-2"
+       id="linearGradient5620"
+       gradientUnits="userSpaceOnUse"
+       x1="2.1879039"
+       y1="9.2638359"
+       x2="2.03125"
+       y2="4.671875"
+       gradientTransform="matrix(1.4105678,0,0,1.4692784,1.35886,1033.7454)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1037"
+       id="linearGradient1039"
+       x1="-5.757359"
+       y1="1042.4757"
+       x2="-5.077126"
+       y2="1047.0719"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(11)" />
+    <linearGradient
+       id="linearGradient4844-4">
+      <stop
+         id="stop4846-8"
+         offset="0"
+         style="stop-color:#c51325;stop-opacity:1" />
+      <stop
+         id="stop4848-8"
+         offset="1"
+         style="stop-color:#ca5d49;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3295">
+      <stop
+         style="stop-color:#c2c1c1;stop-opacity:1"
+         offset="0"
+         id="stop3291" />
+      <stop
+         style="stop-color:#b1b5bb;stop-opacity:1"
+         offset="1"
+         id="stop3293" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3289">
+      <stop
+         style="stop-color:#c2c1c1;stop-opacity:1"
+         offset="0"
+         id="stop3285" />
+      <stop
+         style="stop-color:#c2c1c1;stop-opacity:1"
+         offset="1"
+         id="stop3287" />
+    </linearGradient>
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.98529514,0,15.378714)"
+       r="10.779004"
+       fy="1045.8255"
+       fx="13.94572"
+       cy="1045.8255"
+       cx="13.94572"
+       id="radialGradient5417-6"
+       xlink:href="#linearGradient5411"
+       inkscape:collect="always" />
+    <radialGradient
+       r="10.779004"
+       fy="1050.2904"
+       fx="16.494715"
+       cy="1050.2904"
+       cx="16.494715"
+       gradientTransform="matrix(1.8121447,-1.9541983,0.96980008,0.27977302,-1035.1855,788.68965)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient5419-9"
+       xlink:href="#linearGradient5411"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3295"
+       id="linearGradient3174-8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.69574445,0.13796775,0,0.64908976,-8.5103956,375.54835)"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4852-7-7">
+      <stop
+         style="stop-color:#b5a1a2;stop-opacity:1"
+         offset="0"
+         id="stop4854-4-9" />
+      <stop
+         style="stop-color:#e4bebe;stop-opacity:1"
+         offset="1"
+         id="stop4856-0-2" />
+    </linearGradient>
+    <linearGradient
+       y2="1038.5814"
+       x2="4.7528968"
+       y1="1049.7977"
+       x1="5.1118913"
+       gradientTransform="matrix(0.49963553,0,0,0.49796697,0.19533948,524.81717)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient4047-7"
+       xlink:href="#linearGradient4852-7-7"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="1037.7"
+       x2="8.6566515"
+       y1="1051.0936"
+       x1="9.2758217"
+       gradientTransform="matrix(0.49963553,0,0,0.49796697,0.19533948,524.81717)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient4049-9"
+       xlink:href="#linearGradient3289"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.627416"
+     inkscape:cx="3.5371346"
+     inkscape:cy="13.077131"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4250" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="display:inline;fill:#cbced3;fill-opacity:1;stroke:url(#linearGradient3174-8);stroke-width:0.97756827px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 10.493097,1038.9349 c 0,0 0.803623,-0.9547 1.776433,-1.0337 0.972807,-0.078 2.241686,-0.041 2.241686,-0.041 v 13.2865 l -2.030207,-2.0626 -0.930513,2.5362 c 0,0 -0.972807,-0.8681 -1.015103,-1.6182 -0.0423,-0.7496 -0.0423,-11.0663 -0.0423,-11.0663 z"
+       id="path5639-91"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="csccccscc" />
+    <path
+       style="display:inline;fill:url(#linearGradient4047-7);fill-opacity:1;stroke:url(#linearGradient4049-9);stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 6.9000935,1042.0333 c -0.233922,-0.2331 -0.610541,-0.2331 -0.844451,0 l -1.555264,1.5501 -1.555252,-1.5501 c -0.233886,-0.2331 -0.610541,-0.2331 -0.844451,0 l -0.429714,0.4284 c -0.233899,0.233 -0.233893,0.6084 1.8e-5,0.8415 l 1.555227,1.5501 -1.555229,1.5501 c -0.233935,0.2331 -0.233929,0.6085 -7e-6,0.8416 l 0.429737,0.4283 c 0.233897,0.2332 0.610517,0.2332 0.844452,0 l 1.555254,-1.55 1.566059,1.5608 c 0.233898,0.2331 0.610517,0.2331 0.844452,0 l 0.429714,-0.4283 c 0.23391,-0.2332 0.23156,-0.6062 -1.8e-5,-0.8416 l -1.566061,-1.5609 1.555254,-1.55 c 0.23392,-0.2332 0.233914,-0.6085 1.7e-5,-0.8416 z"
+       id="rect4043-5"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sccccccccssccsccsccss" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/bookmark_remall.gif b/org.eclipse.help.webapp/advanced/images/bookmark_remall.gif
deleted file mode 100644
index 5c6035d..0000000
--- a/org.eclipse.help.webapp/advanced/images/bookmark_remall.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/bookmark_remall.svg b/org.eclipse.help.webapp/advanced/images/bookmark_remall.svg
new file mode 100644
index 0000000..c1c30f4
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/bookmark_remall.svg
@@ -0,0 +1,1086 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="bookmark_remall.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient3295">
+      <stop
+         id="stop3291"
+         offset="0"
+         style="stop-color:#c2c1c1;stop-opacity:1" />
+      <stop
+         id="stop3293"
+         offset="1"
+         style="stop-color:#b1b5bb;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3289">
+      <stop
+         id="stop3285"
+         offset="0"
+         style="stop-color:#c2c1c1;stop-opacity:1" />
+      <stop
+         id="stop3287"
+         offset="1"
+         style="stop-color:#c2c1c1;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1037">
+      <stop
+         style="stop-color:#e0e060;stop-opacity:1"
+         offset="0"
+         id="stop1033" />
+      <stop
+         style="stop-color:#80b050;stop-opacity:1"
+         offset="1"
+         id="stop1035" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5641">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5411">
+      <stop
+         style="stop-color:#72828e;stop-opacity:1;"
+         offset="0"
+         id="stop5413" />
+      <stop
+         style="stop-color:#003358;stop-opacity:1;"
+         offset="1"
+         id="stop5415" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5630">
+      <stop
+         style="stop-color:#d8bc68;stop-opacity:1;"
+         offset="0"
+         id="stop5632" />
+      <stop
+         style="stop-color:#fff0c2;stop-opacity:1;"
+         offset="1"
+         id="stop5634" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-6">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974-71" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1-2">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-8" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-9" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-7">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5-6" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-33" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-2-6">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-3-0" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-9-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-9" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-2" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-6"
+       id="linearGradient5572"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4283"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4288"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4321"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1"
+       id="linearGradient4382"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.817902,-657.26294)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3"
+       id="linearGradient4384"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.817902,-662.30115)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient4390"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient4392"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient4394"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-3" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-0" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-4"
+       id="linearGradient4382-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-731.7352)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-4">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-7"
+       id="linearGradient4384-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-736.99747)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-7">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-9" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-9"
+       id="linearGradient4382-3"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-731.7678)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-9">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-8" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-9" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-9"
+       id="linearGradient4384-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-737.03007)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-9">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-7" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-74" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-1"
+       id="linearGradient4394-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3892048,0,0,0.27549241,-31.899058,-1052.4756)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8-07"
+       id="linearGradient4392-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0464198,0,0,0.30750995,-29.951794,-1049.0796)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-07">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-4"
+       id="linearGradient4390-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3930703,0,0,0.26192631,-31.957849,1053.1869)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-4">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-26" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-5"
+       id="linearGradient4382-9"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,32.3374,-665.37304)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-5">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-97" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-60" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-0"
+       id="linearGradient4384-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,32.3374,-670.41122)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-0">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-90" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-1" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5417"
+       cx="13.94572"
+       cy="1045.8255"
+       fx="13.94572"
+       fy="1045.8255"
+       r="10.779004"
+       gradientTransform="matrix(1,0,0,0.98529514,0,15.378714)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5419"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.8121447,-1.9541983,0.96980008,0.27977302,-1035.1855,788.68965)"
+       cx="16.494715"
+       cy="1050.2904"
+       fx="16.494715"
+       fy="1050.2904"
+       r="10.779004" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5426"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient5428"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5430"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5430-8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9"
+       id="linearGradient5426-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66"
+       id="linearGradient5430-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475-9"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9-2"
+       id="linearGradient5426-4-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66-1"
+       id="linearGradient5430-1-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8-6" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525-6"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5592"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641"
+       id="linearGradient5647"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641-4"
+       id="linearGradient5647-2"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       id="linearGradient5641-4">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2" />
+    </linearGradient>
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71554797,0.15002359,0,0.70580829,-11.070338,316.74005)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664"
+       xlink:href="#linearGradient5641-4"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5695"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5697"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5699"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71554797,0.15002359,0,0.70580829,-11.070338,316.74005)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664-4"
+       xlink:href="#linearGradient5641-4-8"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient5641-4-8">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1-4" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2-3" />
+    </linearGradient>
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.69574445,0.09745746,0,0.45850309,-9.5103956,570.03807)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3174"
+       xlink:href="#linearGradient3295"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient5591-4">
+      <stop
+         id="stop5593-0"
+         offset="0"
+         style="stop-color:#e0e566;stop-opacity:1;" />
+      <stop
+         id="stop5595-5"
+         offset="1"
+         style="stop-color:#80b050;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5583-2">
+      <stop
+         id="stop5585-3"
+         offset="0"
+         style="stop-color:#005020;stop-opacity:1" />
+      <stop
+         id="stop5587-3"
+         offset="1"
+         style="stop-color:#309858;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5583-2"
+       id="linearGradient5620"
+       gradientUnits="userSpaceOnUse"
+       x1="2.1879039"
+       y1="9.2638359"
+       x2="2.03125"
+       y2="4.671875"
+       gradientTransform="matrix(1.4105678,0,0,1.4692784,1.35886,1033.7454)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1037"
+       id="linearGradient1039"
+       x1="-5.757359"
+       y1="1042.4757"
+       x2="-5.077126"
+       y2="1047.0719"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(11)" />
+    <linearGradient
+       id="linearGradient4852-7"
+       inkscape:collect="always">
+      <stop
+         id="stop4854-4"
+         offset="0"
+         style="stop-color:#b5a1a2;stop-opacity:1" />
+      <stop
+         id="stop4856-0"
+         offset="1"
+         style="stop-color:#e4bebe;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4844-4">
+      <stop
+         id="stop4846-8"
+         offset="0"
+         style="stop-color:#c2c1c1;stop-opacity:1" />
+      <stop
+         id="stop4848-8"
+         offset="1"
+         style="stop-color:#c2c1c1;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4852-7"
+       id="linearGradient4047"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.49963553,0,0,0.49796697,0.18518926,524.81723)"
+       x1="5.1118913"
+       y1="1049.7977"
+       x2="4.7528968"
+       y2="1038.5814" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4844-4"
+       id="linearGradient4049"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.49963553,0,0,0.49796697,0.18518926,524.81723)"
+       x1="9.2758217"
+       y1="1051.0936"
+       x2="8.6566515"
+       y2="1037.7" />
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.69574445,0.09745745,0,0.45850309,-7.5103956,574.03802)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3174-7"
+       xlink:href="#linearGradient3289"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.627416"
+     inkscape:cx="-3.8432928"
+     inkscape:cy="13.077131"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4250" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="display:inline;fill:#cbced3;fill-opacity:1;stroke:url(#linearGradient3174-7);stroke-width:0.97756833px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 11.493097,1042.6401 c 0,0 0.803623,-0.6744 1.776433,-0.7302 0.972807,-0.055 2.241686,-0.029 2.241686,-0.029 v 9.3853 l -2.030207,-1.457 -0.930513,1.7915 c 0,0 -0.972807,-0.6132 -1.015103,-1.143 -0.0423,-0.5295 -0.0423,-7.817 -0.0423,-7.817 z"
+       id="path5639-9"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="csccccscc" />
+    <path
+       style="display:inline;fill:#cbced3;fill-opacity:1;stroke:url(#linearGradient3174);stroke-width:0.97756833px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 9.4930968,1038.6401 c 0,0 0.8036232,-0.6744 1.7764332,-0.7302 0.972807,-0.055 2.241686,-0.029 2.241686,-0.029 v 9.3853 l -2.030207,-1.457 -0.930513,1.7915 c 0,0 -0.9728072,-0.6132 -1.0151032,-1.143 -0.0423,-0.5295 -0.0423,-7.817 -0.0423,-7.817 z"
+       id="path5639"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="csccccscc" />
+    <path
+       style="display:inline;fill:url(#linearGradient4047);fill-opacity:1;stroke:url(#linearGradient4049);stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 6.8899433,1042.0333 c -0.233922,-0.2331 -0.610541,-0.2331 -0.844451,0 l -1.555264,1.5501 -1.555252,-1.5501 c -0.233886,-0.2331 -0.610541,-0.2331 -0.844451,0 l -0.429714,0.4284 c -0.233899,0.233 -0.233893,0.6084 1.8e-5,0.8415 l 1.555227,1.5501 -1.555229,1.5501 c -0.233935,0.2331 -0.233929,0.6085 -7e-6,0.8416 l 0.429737,0.4283 c 0.233897,0.2332 0.610517,0.2332 0.844452,0 l 1.555254,-1.55 1.566059,1.5608 c 0.233898,0.2331 0.610517,0.2331 0.844452,0 l 0.429714,-0.4283 c 0.23391,-0.2332 0.23156,-0.6062 -1.8e-5,-0.8416 l -1.566061,-1.5609 1.555254,-1.55 c 0.23392,-0.2332 0.233914,-0.6085 1.7e-5,-0.8416 z"
+       id="rect4043"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sccccccccssccsccsccss" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/collapseall.gif b/org.eclipse.help.webapp/advanced/images/collapseall.gif
deleted file mode 100644
index a2d80a9..0000000
--- a/org.eclipse.help.webapp/advanced/images/collapseall.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/collapseall.svg b/org.eclipse.help.webapp/advanced/images/collapseall.svg
new file mode 100644
index 0000000..3dcb9a8
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/collapseall.svg
@@ -0,0 +1,289 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.0 r9654"
+   sodipodi:docname="collapseall.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4883-4"
+       id="linearGradient4889-2"
+       x1="28"
+       y1="1039.3622"
+       x2="28"
+       y2="1049.3622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.9,0,0,0.9,-17.7,103.93622)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4883-4">
+      <stop
+         style="stop-color:#ebf9ff;stop-opacity:1"
+         offset="0"
+         id="stop4885-5" />
+      <stop
+         style="stop-color:#fcffff;stop-opacity:1"
+         offset="1"
+         id="stop4887-5" />
+    </linearGradient>
+    <linearGradient
+       y2="1047.3622"
+       x2="-15"
+       y1="1047.3622"
+       x1="-12"
+       gradientTransform="translate(18,-3)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5062-9"
+       xlink:href="#linearGradient4910-4-4"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4910-4-4">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="0"
+         id="stop4912-8-8" />
+      <stop
+         style="stop-color:#c3e9ff;stop-opacity:1"
+         offset="1"
+         id="stop4914-8-8" />
+    </linearGradient>
+    <linearGradient
+       y2="1045.3622"
+       x2="-11"
+       y1="1042.3622"
+       x1="-11"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient4975-2-1"
+       xlink:href="#linearGradient4994-4-7-7"
+       inkscape:collect="always"
+       gradientTransform="translate(18,-3)" />
+    <linearGradient
+       id="linearGradient4994-4-7-7"
+       inkscape:collect="always">
+      <stop
+         id="stop4996-5-4"
+         offset="0"
+         style="stop-color:#c3e9ff;stop-opacity:1" />
+      <stop
+         id="stop4998-5-0"
+         offset="1"
+         style="stop-color:#ffffff;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4883-4-7"
+       id="linearGradient4889-2-1"
+       x1="28"
+       y1="1039.3622"
+       x2="28"
+       y2="1049.3622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.9,0,0,0.9,-15.7,105.93622)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4883-4-7">
+      <stop
+         style="stop-color:#ebf9ff;stop-opacity:1"
+         offset="0"
+         id="stop4885-5-1" />
+      <stop
+         style="stop-color:#fcffff;stop-opacity:1"
+         offset="1"
+         id="stop4887-5-1" />
+    </linearGradient>
+    <linearGradient
+       y2="1043.3622"
+       x2="-11"
+       y1="1042.3622"
+       x1="-11"
+       gradientTransform="translate(22,4)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient4970"
+       xlink:href="#linearGradient4989"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4989">
+      <stop
+         style="stop-color:#c3e9ff;stop-opacity:0.49019608;"
+         offset="0"
+         id="stop4991" />
+      <stop
+         id="stop4995"
+         offset="0.5"
+         style="stop-color:#c3e9ff;stop-opacity:1;" />
+      <stop
+         style="stop-color:#c3e9ff;stop-opacity:0.49019608;"
+         offset="1"
+         id="stop4993" />
+    </linearGradient>
+    <linearGradient
+       y2="1047.3622"
+       x2="-15"
+       y1="1047.3622"
+       x1="-12"
+       gradientTransform="translate(20,-1)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5062-9-5"
+       xlink:href="#linearGradient4910-4-4-2"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4910-4-4-2">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="0"
+         id="stop4912-8-8-7" />
+      <stop
+         style="stop-color:#c3e9ff;stop-opacity:1"
+         offset="1"
+         id="stop4914-8-8-6" />
+    </linearGradient>
+    <linearGradient
+       y2="1045.3622"
+       x2="-11"
+       y1="1042.3622"
+       x1="-11"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient4975-2-1-1"
+       xlink:href="#linearGradient4994-4-7-4"
+       inkscape:collect="always"
+       gradientTransform="translate(20,-1)" />
+    <linearGradient
+       id="linearGradient4994-4-7-4"
+       inkscape:collect="always">
+      <stop
+         id="stop4996-5-4-2"
+         offset="0"
+         style="stop-color:#c3e9ff;stop-opacity:1" />
+      <stop
+         id="stop4998-5-0-3"
+         offset="1"
+         style="stop-color:#ffffff;stop-opacity:0;" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="16"
+     inkscape:cx="9.8506072"
+     inkscape:cy="9.9346296"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1241"
+     inkscape:window-height="809"
+     inkscape:window-x="175"
+     inkscape:window-y="175"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#a6afc4;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
+       d="m 2,1038.3622 0,11 11,0 0,-11 z m 1,1 9,0 0,9 -9,0 z"
+       id="rect3997-9-1"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccc"
+       inkscape:export-filename="C:\Users\jmietling\Documents\rect3997-9-1.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90" />
+    <path
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:url(#linearGradient4889-2);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
+       d="m 3,1039.3622 8.971875,0 0.02812,9 -8.971875,0 z"
+       id="rect3997-9-1-1"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:url(#linearGradient5062-9);fill-opacity:1;stroke:none;display:inline"
+       d="m 5,1041.3622 0,7 -2,0 0,-9 z"
+       id="rect4853-82-7-6"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="fill:url(#linearGradient4975-2-1);fill-opacity:1;stroke:none;display:inline"
+       d="m 5,1041.3622 7,0 0,-2 -9,0 z"
+       id="rect4853-82-0-1"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#8b96ab;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
+       d="m 4,1040.3622 0,11 11,0 0,-11 z m 1,1 9,0 0,9 -9,0 z"
+       id="rect3997-9-1-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccc"
+       inkscape:export-filename="C:\Users\jmietling\Documents\rect3997-9-1.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90" />
+    <path
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:url(#linearGradient4889-2-1);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
+       d="m 5,1041.3622 8.971875,0 0.02812,9 -8.971875,0 z"
+       id="rect3997-9-1-1-2"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:url(#linearGradient4970);fill-opacity:1;stroke:none;display:inline"
+       d="m 8,1047.3622 5,0 c 1,0 1,-1 0,-1 l -5,0 c -1,0 -1,1 0,1 z"
+       id="rect4853-82-0-6-8"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="fill:url(#linearGradient5062-9-5);fill-opacity:1;stroke:none;display:inline"
+       d="m 7,1043.3622 0,7 -2,0 0,-9 z"
+       id="rect4853-82-7-1"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="fill:url(#linearGradient4975-2-1-1);fill-opacity:1;stroke:none;display:inline"
+       d="m 7,1043.3622 7,0 0,-2 -9,0 z"
+       id="rect4853-82-0-6"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <rect
+       style="fill:#01467a;fill-opacity:1;stroke:none;display:inline"
+       id="rect4167-8"
+       width="1"
+       height="7"
+       x="1045.3622"
+       y="-13"
+       transform="matrix(0,1,-1,0,0,0)" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/container_obj.gif b/org.eclipse.help.webapp/advanced/images/container_obj.gif
deleted file mode 100644
index b9a31ad..0000000
--- a/org.eclipse.help.webapp/advanced/images/container_obj.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/container_obj.svg b/org.eclipse.help.webapp/advanced/images/container_obj.svg
new file mode 100644
index 0000000..9b09e9b
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/container_obj.svg
@@ -0,0 +1,267 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="toc_topic_obj.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4446">
+      <stop
+         style="stop-color:#d1d6dd;stop-opacity:1"
+         offset="0"
+         id="stop4448" />
+      <stop
+         style="stop-color:#bfc9d6;stop-opacity:1"
+         offset="1"
+         id="stop4450" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4289">
+      <stop
+         style="stop-color:#bfc9d6;stop-opacity:1"
+         offset="0"
+         id="stop4291" />
+      <stop
+         style="stop-color:#cbd2db;stop-opacity:1"
+         offset="1"
+         id="stop4293" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4209">
+      <stop
+         style="stop-color:#eef6ff;stop-opacity:1"
+         offset="0"
+         id="stop4211" />
+      <stop
+         style="stop-color:#fdfeff;stop-opacity:1"
+         offset="1"
+         id="stop4213" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4201">
+      <stop
+         style="stop-color:#717883;stop-opacity:1"
+         offset="0"
+         id="stop4203" />
+      <stop
+         style="stop-color:#81733e;stop-opacity:1"
+         offset="1"
+         id="stop4205" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4179">
+      <stop
+         style="stop-color:#d6e0e6;stop-opacity:1;"
+         offset="0"
+         id="stop4181" />
+      <stop
+         style="stop-color:#d6e0e6;stop-opacity:0;"
+         offset="1"
+         id="stop4183" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4201"
+       id="linearGradient4207"
+       x1="21.948286"
+       y1="1035.7197"
+       x2="21.948286"
+       y2="1028.4276"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-14.203124,22.029685)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4209"
+       id="linearGradient4215"
+       x1="20.93182"
+       y1="1036.2058"
+       x2="20.93182"
+       y2="1030.549"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-14.203124,22.029685)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4289"
+       id="linearGradient4295"
+       x1="23.191113"
+       y1="1022.8389"
+       x2="26.21289"
+       y2="1022.8389"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       gradientTransform="translate(-5.4632568e-7,-2.0000302)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient4289"
+       id="linearGradient4295-6"
+       x1="23.191113"
+       y1="1022.8389"
+       x2="26.212891"
+       y2="1022.8389"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       gradientTransform="translate(-5.4632568e-7,-3.9844052)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient4289"
+       id="linearGradient4295-6-2"
+       x1="23.191113"
+       y1="1022.8389"
+       x2="26.212891"
+       y2="1022.8389"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4179"
+       id="linearGradient4374"
+       gradientUnits="userSpaceOnUse"
+       x1="15.156249"
+       y1="1043.7998"
+       x2="28.135472"
+       y2="1043.7998" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4446"
+       id="linearGradient4452"
+       x1="17.205662"
+       y1="1020.3426"
+       x2="21.227332"
+       y2="1020.3426"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-14.203124,34.030335)" />
+    <linearGradient
+       gradientTransform="translate(-14.203124,36.037394)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient4446"
+       id="linearGradient4452-6"
+       x1="17.205662"
+       y1="1020.3426"
+       x2="21.227331"
+       y2="1020.3426"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="16.491742"
+     inkscape:cy="3.3705216"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="964"
+     inkscape:window-height="972"
+     inkscape:window-x="1353"
+     inkscape:window-y="422"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g4580"
+       transform="translate(0,-11.992529)">
+      <g
+         id="g4571">
+        <rect
+           y="1051.3237"
+           x="8.2643099"
+           height="8.5930243"
+           width="6.248764"
+           id="rect4217"
+           style="opacity:1;fill:#3d4b65;fill-opacity:1;stroke:#3d4b65;stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cssccssccscccs"
+           inkscape:connector-curvature="0"
+           d="m 7.535109,1056.0246 -2.209709,0 c -0.369764,0 -0.359452,-1.0385 -0.795495,-1.0385 l -3.071495,0 0,4.9497 2.452777,0 c 0.637939,0 0.201444,1.0469 0.60439,1.0469 l 3.019532,0 z m -0.0221,0.044 c 0,-0.4897 1.06066,-1.0164 1.06066,-1.0164 l -0.132583,4.9939 -0.883883,0.8839 c 0,0 -0.04419,-2.1102 -0.04419,-4.8614 z"
+           style="display:inline;fill:#3d4b65;fill-opacity:1;fill-rule:evenodd;stroke:#3d4b65;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           id="path4192-8" />
+        <path
+           inkscape:connector-curvature="0"
+           d="m 7.57662,1051.91 -2.209709,0 c -0.369764,0 -0.359452,-1.0385 -0.795495,-1.0385 l -3.071495,0 0,8.0433 2.452777,0 c 0.637939,0 0.201444,1.0469 0.60439,1.0469 l 3.019532,0 z m -0.0221,0.044 c 0,-0.4897 0.570981,-1.0164 1.06066,-1.0164 l 4.905553,0 0,8.0875 c 0,0 -3.574259,0 -5.038136,0 -0.350397,0 -0.883883,0.8839 -0.883883,0.8839 0,0 -0.04419,-5.2038 -0.04419,-7.955 z"
+           style="fill:url(#linearGradient4215);fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4207);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           id="path4192" />
+        <g
+           transform="translate(-14.171874,34.029685)"
+           style="stroke:url(#linearGradient4374)"
+           id="g4369">
+          <rect
+             style="opacity:1;fill:url(#linearGradient4295);fill-opacity:1;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             id="rect4287"
+             width="3.0217779"
+             height="1.0109552"
+             x="23.191113"
+             y="1022.3334" />
+          <rect
+             style="display:inline;opacity:1;fill:url(#linearGradient4295-6);fill-opacity:1;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             id="rect4287-1"
+             width="3.0217779"
+             height="1.0109552"
+             x="23.191113"
+             y="1020.3334" />
+          <rect
+             style="display:inline;opacity:1;fill:url(#linearGradient4295-6-2);fill-opacity:1;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             id="rect4287-1-6"
+             width="3.0217779"
+             height="1.0109552"
+             x="23.191113"
+             y="1018.349" />
+        </g>
+      </g>
+      <path
+         id="path4192-1"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4452);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 7.024208,1054.8923 -1.325826,0 c -0.369764,0 -0.359452,-1.0385 -0.795495,-1.0385 l -1.900349,0"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cssc" />
+      <path
+         id="path4192-1-0"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4452-6);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 7.024208,1056.8993 -1.325826,0 c -0.369764,0 -0.359452,-1.0385 -0.795495,-1.0385 l -1.900349,0"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cssc" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/container_topic.gif b/org.eclipse.help.webapp/advanced/images/container_topic.gif
deleted file mode 100644
index 1bff447..0000000
--- a/org.eclipse.help.webapp/advanced/images/container_topic.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/container_topic.svg b/org.eclipse.help.webapp/advanced/images/container_topic.svg
new file mode 100644
index 0000000..f043547
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/container_topic.svg
@@ -0,0 +1,421 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="13"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="container_topic.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4446">
+      <stop
+         style="stop-color:#d1d6dd;stop-opacity:1"
+         offset="0"
+         id="stop4448" />
+      <stop
+         style="stop-color:#bfc9d6;stop-opacity:1"
+         offset="1"
+         id="stop4450" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4289">
+      <stop
+         style="stop-color:#bfc9d6;stop-opacity:1"
+         offset="0"
+         id="stop4291" />
+      <stop
+         style="stop-color:#cbd2db;stop-opacity:1"
+         offset="1"
+         id="stop4293" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4209">
+      <stop
+         style="stop-color:#eef6ff;stop-opacity:1"
+         offset="0"
+         id="stop4211" />
+      <stop
+         style="stop-color:#fdfeff;stop-opacity:1"
+         offset="1"
+         id="stop4213" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4201">
+      <stop
+         style="stop-color:#717883;stop-opacity:1"
+         offset="0"
+         id="stop4203" />
+      <stop
+         style="stop-color:#81733e;stop-opacity:1"
+         offset="1"
+         id="stop4205" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4179">
+      <stop
+         style="stop-color:#d6e0e6;stop-opacity:1;"
+         offset="0"
+         id="stop4181" />
+      <stop
+         style="stop-color:#d6e0e6;stop-opacity:0;"
+         offset="1"
+         id="stop4183" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4201"
+       id="linearGradient4207"
+       x1="21.948286"
+       y1="1035.7197"
+       x2="21.948286"
+       y2="1028.4276"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-14.203124,22.029685)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4209"
+       id="linearGradient4215"
+       x1="20.93182"
+       y1="1036.2058"
+       x2="20.93182"
+       y2="1030.549"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-14.203124,22.029685)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4289"
+       id="linearGradient4295"
+       x1="23.191113"
+       y1="1022.8389"
+       x2="26.212891"
+       y2="1022.8389"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       gradientTransform="translate(-5.4632568e-7,-2.0000302)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient4289"
+       id="linearGradient4295-6"
+       x1="23.191113"
+       y1="1022.8389"
+       x2="26.212891"
+       y2="1022.8389"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       gradientTransform="translate(-5.4632568e-7,-3.9844052)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient4289"
+       id="linearGradient4295-6-2"
+       x1="23.191113"
+       y1="1022.8389"
+       x2="26.212891"
+       y2="1022.8389"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4179"
+       id="linearGradient4374"
+       gradientUnits="userSpaceOnUse"
+       x1="15.156249"
+       y1="1043.7998"
+       x2="28.135471"
+       y2="1043.7998" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4446"
+       id="linearGradient4452"
+       x1="17.205662"
+       y1="1020.3426"
+       x2="21.227331"
+       y2="1020.3426"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-14.203124,34.030335)" />
+    <linearGradient
+       gradientTransform="translate(-14.203124,36.037394)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient4446"
+       id="linearGradient4452-6"
+       x1="17.205662"
+       y1="1020.3426"
+       x2="21.227331"
+       y2="1020.3426"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient5300">
+      <stop
+         id="stop5302"
+         offset="0"
+         style="stop-color:#4d4d4d;stop-opacity:1;" />
+      <stop
+         style="stop-color:#727272;stop-opacity:1;"
+         offset="0.29405674"
+         id="stop5308" />
+      <stop
+         id="stop5304"
+         offset="1"
+         style="stop-color:#4d4d4d;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5077-5">
+      <stop
+         id="stop5079-7"
+         offset="0"
+         style="stop-color:#e4cf94;stop-opacity:1" />
+      <stop
+         style="stop-color:#ede0ba;stop-opacity:1"
+         offset="0.32186735"
+         id="stop5087-6" />
+      <stop
+         style="stop-color:#c1aa7e;stop-opacity:1"
+         offset="0.64764118"
+         id="stop5085-1" />
+      <stop
+         id="stop5081-8"
+         offset="1"
+         style="stop-color:#ad8865;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4908-52-3-2"
+       inkscape:collect="always">
+      <stop
+         id="stop4910-7-2-7"
+         offset="0"
+         style="stop-color:#986443;stop-opacity:1" />
+      <stop
+         id="stop4912-6-2-9"
+         offset="1"
+         style="stop-color:#994f1b;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="matrix(0.48466379,0,0,0.48447951,19.861403,537.36059)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient4908-52-3-2"
+       id="linearGradient5173"
+       gradientUnits="userSpaceOnUse"
+       x1="-11.21119"
+       y1="1042.1598"
+       x2="-8.7005796"
+       y2="1044.6704" />
+    <linearGradient
+       y2="1050.3188"
+       x2="1.9838035"
+       y1="1047.4242"
+       x1="-0.9810437"
+       gradientTransform="matrix(0.48466379,0,0,0.48447951,12.106782,537.36055)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5196"
+       xlink:href="#linearGradient5077-5"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="1050.5304"
+       x2="4.0822439"
+       y1="1049.3976"
+       x1="2.65625"
+       id="linearGradient5306"
+       xlink:href="#linearGradient5300"
+       inkscape:collect="always"
+       gradientTransform="matrix(0.48466379,0,0,0.48447951,10.168127,537.36059)" />
+    <filter
+       id="filter5428"
+       inkscape:collect="always">
+      <feGaussianBlur
+         id="feGaussianBlur5430"
+         stdDeviation="0.22207033"
+         inkscape:collect="always" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="21.905886"
+     inkscape:cx="12.876098"
+     inkscape:cy="4.2940524"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="false"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1039.3622)">
+    <g
+       id="g4580"
+       transform="translate(-0.04101662,-10.000859)">
+      <g
+         id="g4571">
+        <rect
+           y="1051.3237"
+           x="8.2643099"
+           height="8.5930243"
+           width="6.248764"
+           id="rect4217"
+           style="opacity:1;fill:#3d4b65;fill-opacity:1;stroke:#3d4b65;stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cssccssccscccs"
+           inkscape:connector-curvature="0"
+           d="M 7.535109,1056.0246 H 5.3254 c -0.369764,0 -0.359452,-1.0385 -0.795495,-1.0385 H 1.45841 v 4.9497 h 2.452777 c 0.637939,0 0.201444,1.0469 0.60439,1.0469 h 3.019532 z m -0.0221,0.044 c 0,-0.4897 1.06066,-1.0164 1.06066,-1.0164 l -0.132583,4.9939 -0.883883,0.8839 c 0,0 -0.04419,-2.1102 -0.04419,-4.8614 z"
+           style="display:inline;fill:#3d4b65;fill-opacity:1;fill-rule:evenodd;stroke:#3d4b65;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           id="path4192-8" />
+        <path
+           inkscape:connector-curvature="0"
+           d="M 7.57662,1051.91 H 5.366911 c -0.369764,0 -0.359452,-1.0385 -0.795495,-1.0385 H 1.499921 v 8.0433 h 2.452777 c 0.637939,0 0.201444,1.0469 0.60439,1.0469 H 7.57662 Z m -0.0221,0.044 c 0,-0.4897 0.570981,-1.0164 1.06066,-1.0164 h 4.905553 v 8.0875 c 0,0 -3.574259,0 -5.038136,0 -0.350397,0 -0.883883,0.8839 -0.883883,0.8839 0,0 -0.04419,-5.2038 -0.04419,-7.955 z"
+           style="fill:url(#linearGradient4215);fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4207);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           id="path4192" />
+        <g
+           transform="translate(-14.171874,34.029685)"
+           style="stroke:url(#linearGradient4374)"
+           id="g4369">
+          <rect
+             style="opacity:1;fill:url(#linearGradient4295);fill-opacity:1;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             id="rect4287"
+             width="3.0217779"
+             height="1.0109552"
+             x="23.191113"
+             y="1022.3334" />
+          <rect
+             style="display:inline;opacity:1;fill:url(#linearGradient4295-6);fill-opacity:1;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             id="rect4287-1"
+             width="3.0217779"
+             height="1.0109552"
+             x="23.191113"
+             y="1020.3334" />
+          <rect
+             style="display:inline;opacity:1;fill:url(#linearGradient4295-6-2);fill-opacity:1;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             id="rect4287-1-6"
+             width="3.0217779"
+             height="1.0109552"
+             x="23.191113"
+             y="1018.349" />
+        </g>
+      </g>
+      <path
+         id="path4192-1"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4452);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="M 7.024208,1054.8923 H 5.698382 c -0.369764,0 -0.359452,-1.0385 -0.795495,-1.0385 H 3.002538"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cssc" />
+      <path
+         id="path4192-1-0"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4452-6);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="M 7.024208,1056.8993 H 5.698382 c -0.369764,0 -0.359452,-1.0385 -0.795495,-1.0385 H 3.002538"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cssc" />
+    </g>
+    <image
+       y="1055.4766"
+       x="18.579481"
+       id="image1550"
+       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAABHNCSVQICAgIfAhkiAAAAaxJREFU
+KJGVk79rFEEUxz97s1HSBiRqhCxXGE6MkCKtbmOn/4DVXQohgl0qjbLGHAhaCoIg5I8QFQsZxU7l
+0Jgf5sy5iAe5wpR6dzszz2Jus96lyqtm3pvv933fd3iBiHCU0FoLOiGKItZ0SulIaCAHp2kKQAiw
+snRpSMbdR2+D/JzXLl+9QU8mC54U4mriCc5Mn2Ph5hNGQQOy/5rHQ93jOA5CAGMVIpCjlh960Nrj
+RZxAu7PP7vaXQ90B70HmFMbB1+0Wn9abOAEnkFmFdTA1OeFnj6ukRAD8deOFBz0TYgVmzpYRgfcf
+twDIrM/vdfZJoyoRoLWmmiRsfHeFgv6A4NtOi/XNJvNzFebnKvRMiHFw8sQEtVoNncLtZ5pOp8RW
+80ehoJv5h1G5DAIfGl5BNxvDOtj52ebX3m9CVSKz8PLVaxq7GUuL1wYE5hjWQYA38sJsBYA3L0Ks
+g1Onpw4M7BromTH6/T+Fgr5V1FdWD37h1p1lED9a/X6d0RAUxmQFQWOjjeAVnJ+Z5l7yAEEIOM7n
+zdYQWCk1dA9Gd+HileuHluPd86fBaC6Pf61MxXdHvMhNAAAAAElFTkSuQmCC
+"
+       style="image-rendering:optimizeSpeed"
+       preserveAspectRatio="none"
+       height="13"
+       width="16" />
+    <path
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:3;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate"
+       d="m 34.886431,1049.888 -4.239642,4.2175 -2.646789,1.2567 1.257096,-2.6435 4.199036,-4.2262 c 0.615468,0.2919 1.071333,0.7834 1.430299,1.3957 z"
+       id="path5226-6-14-1-5-4"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+    <g
+       id="g1664"
+       transform="matrix(1.2782603,-0.1997704,0.23473136,1.0878758,-249.28054,-89.951737)"
+       style="stroke-width:0.83406323">
+      <path
+         sodipodi:nodetypes="ccccccc"
+         inkscape:connector-curvature="0"
+         id="path5226-6-14-1-5"
+         d="m 17.77054,1041.4869 -4.239642,4.2175 -2.646789,1.2567 1.257096,-2.6435 4.199036,-4.2262 c 0.615468,0.2919 1.071333,0.7834 1.430299,1.3957 z"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:none;stroke:url(#linearGradient5173);stroke-width:0.83406317;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path5424"
+         d="m 16.34759,1040.0927 -4.210516,4.2241 0.454372,0.439 4.331683,-4.2997 c -0.175786,-0.1436 -0.364868,-0.2635 -0.575539,-0.3634 z"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffcb72;fill-opacity:1;stroke:none;stroke-width:0.83406317;marker:none;enable-background:accumulate" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path5226-6-14-1-5-2"
+         d="m 17.589541,1041.198 -4.255954,4.3148 0.196895,0.1969 4.240808,-4.2241 c -0.05822,-0.099 -0.118166,-0.1951 -0.181749,-0.2876 z"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#e5a856;fill-opacity:1;stroke:none;stroke-width:0.83406317;marker:none;enable-background:accumulate" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path5226-6-14-1-5-2-7"
+         d="m 13.336238,1045.5102 -0.750327,-0.7488 4.332757,-4.3032 c 0.254477,0.2077 0.475036,0.4578 0.669304,0.7408 z"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#fbbc67;fill-opacity:1;stroke:none;stroke-width:0.83406317;marker:none;enable-background:accumulate" />
+      <path
+         transform="matrix(0.48466379,0,0,0.48447951,10.168127,537.36059)"
+         inkscape:connector-curvature="0"
+         id="path5426"
+         d="m 4.984376,1047.2528 8.937501,-8.8281"
+         style="opacity:0.5;fill:none;stroke:#ffffff;stroke-width:1.72123814;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter5428)" />
+      <path
+         sodipodi:nodetypes="cccccccccc"
+         inkscape:connector-curvature="0"
+         id="path5006"
+         d="m 12.788341,1043.6657 -0.636122,0.6359 -0.681558,1.4232 0.666413,0.6207 -0.01515,0.03 1.4237,-0.6813 0.363498,-0.3634 0.09087,-0.9689 -1.31768,-0.076 c 0,0 0.06165,-0.3599 0.106021,-0.6208 z"
+         style="display:inline;fill:url(#linearGradient5196);fill-opacity:1;stroke:none;stroke-width:0.83406317" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path5006-1"
+         d="m 11.743284,1045.6491 c -0.10252,0.012 -0.199095,0.043 -0.272623,0.076 l -0.590684,1.2415 1.241951,-0.5905 0.01515,-0.03 c 0.05893,-0.1454 0.132374,-0.403 -0.04544,-0.5905 -0.06427,-0.068 -0.16071,-0.095 -0.242331,-0.1059 -0.03905,-0.01 -0.06733,0 -0.106021,0 z"
+         style="display:inline;fill:url(#linearGradient5306);fill-opacity:1;stroke:none;stroke-width:0.83406317" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/d_topic.gif b/org.eclipse.help.webapp/advanced/images/d_topic.gif
deleted file mode 100644
index 400a9c8..0000000
--- a/org.eclipse.help.webapp/advanced/images/d_topic.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/d_topic.svg b/org.eclipse.help.webapp/advanced/images/d_topic.svg
new file mode 100644
index 0000000..686e05f
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/d_topic.svg
@@ -0,0 +1,239 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="14"
+   height="11"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="d_topic.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient2163"
+       inkscape:collect="always">
+      <stop
+         id="stop2159"
+         offset="0"
+         style="stop-color:#d8e0ec;stop-opacity:1" />
+      <stop
+         id="stop2161"
+         offset="1"
+         style="stop-color:#c9d4e5;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient931">
+      <stop
+         style="stop-color:#fdfdfe;stop-opacity:1"
+         offset="0"
+         id="stop927" />
+      <stop
+         style="stop-color:#f3f6fc;stop-opacity:1"
+         offset="1"
+         id="stop929" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient911">
+      <stop
+         style="stop-color:#f3e9ce;stop-opacity:1"
+         offset="0"
+         id="stop907" />
+      <stop
+         style="stop-color:#eedfb7;stop-opacity:1"
+         offset="1"
+         id="stop909" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient873">
+      <stop
+         style="stop-color:#d8e0ec;stop-opacity:1"
+         offset="0"
+         id="stop869" />
+      <stop
+         style="stop-color:#c9d4e5;stop-opacity:1"
+         offset="1"
+         id="stop871" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient873"
+       id="linearGradient4873-1"
+       x1="7.0070496"
+       y1="1051.8571"
+       x2="12.016466"
+       y2="1051.8571"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-3.0070491,-2.9997256)" />
+    <linearGradient
+       id="linearGradient5135-7"
+       inkscape:collect="always">
+      <stop
+         id="stop5137-4"
+         offset="0"
+         style="stop-color:#d4dcea;stop-opacity:1" />
+      <stop
+         id="stop5139-0"
+         offset="1"
+         style="stop-color:#d0d9e8;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4902-3"
+       id="linearGradient4908-2"
+       x1="10.544736"
+       y1="1038.5779"
+       x2="10.544736"
+       y2="1052.3228"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.79430271,0,0,0.76853995,-1.8665064,243.42306)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4902-3">
+      <stop
+         style="stop-color:#e0ce96;stop-opacity:1"
+         offset="0"
+         id="stop4904-2" />
+      <stop
+         style="stop-color:#c3bea5;stop-opacity:1"
+         offset="1"
+         id="stop4906-2" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5135-7"
+       id="linearGradient4873-1-1"
+       x1="7.0070496"
+       y1="1051.8571"
+       x2="12.016466"
+       y2="1051.8571"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.39924809,0,0,1,1.2024491,-6.9892826)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2163"
+       id="linearGradient4873-1-6"
+       x1="7.0070496"
+       y1="1051.8571"
+       x2="12.016466"
+       y2="1051.8571"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-3.0070491,-4.9892826)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient911"
+       id="radialGradient915"
+       cx="9.4973984"
+       cy="1043.7322"
+       fx="9.4973984"
+       fy="1043.7322"
+       r="2"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.1888267,-0.01895316,0.01939058,1.0155155,-24.031622,-14.988269)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient931"
+       id="linearGradient933"
+       x1="8.2201166"
+       y1="1040.9601"
+       x2="8.7504463"
+       y2="1050.3292"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-2,0.99999997)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.627417"
+     inkscape:cx="7.0375435"
+     inkscape:cy="-1.0549002"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1041.3622)">
+    <path
+       style="fill:url(#linearGradient933);fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 2.6845824,1041.9159 h 5.0381359 l -0.2209709,2.8726 2.9168156,0.088 0.220971,6.9827 -7.9549516,-0.088 z"
+       id="path925"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#efdfb8;fill-opacity:1;fill-rule:evenodd;stroke:url(#radialGradient915);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 10.574525,1044.8622 H 7.5 v -2.8094"
+       id="path4256"
+       inkscape:connector-curvature="0" />
+    <rect
+       style="display:inline;fill:url(#linearGradient4873-1);fill-opacity:1;stroke:none"
+       id="rect4001-1-7-4-0-9"
+       width="5.0094166"
+       height="1.0103934"
+       x="4"
+       y="1048.3518" />
+    <rect
+       style="display:inline;fill:url(#linearGradient4873-1-1);fill-opacity:1;stroke:none"
+       id="rect4001-1-7-4-0-9-39"
+       width="2"
+       height="1.0103934"
+       x="4"
+       y="1044.3622" />
+    <rect
+       style="display:inline;fill:url(#linearGradient4873-1-6);fill-opacity:1;stroke:none"
+       id="rect4001-1-7-4-0-9-1"
+       width="5.0094166"
+       height="1.0103934"
+       x="4"
+       y="1046.3622" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:url(#linearGradient4908-2);stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 2.5,1041.8622 h 5.5678 l 2.4322,2.3107 v 7.6505 h -8 z"
+       id="rect4001"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccc" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_add_bkmrk.gif b/org.eclipse.help.webapp/advanced/images/e_add_bkmrk.gif
deleted file mode 100644
index 611844c..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_add_bkmrk.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_add_bkmrk.svg b/org.eclipse.help.webapp/advanced/images/e_add_bkmrk.svg
new file mode 100644
index 0000000..8ca3f0b
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_add_bkmrk.svg
@@ -0,0 +1,1005 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="e_add_bkmrk.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1037">
+      <stop
+         style="stop-color:#e0e060;stop-opacity:1"
+         offset="0"
+         id="stop1033" />
+      <stop
+         style="stop-color:#80b050;stop-opacity:1"
+         offset="1"
+         id="stop1035" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5641">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5411">
+      <stop
+         style="stop-color:#72828e;stop-opacity:1;"
+         offset="0"
+         id="stop5413" />
+      <stop
+         style="stop-color:#003358;stop-opacity:1;"
+         offset="1"
+         id="stop5415" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5630">
+      <stop
+         style="stop-color:#d8bc68;stop-opacity:1;"
+         offset="0"
+         id="stop5632" />
+      <stop
+         style="stop-color:#fff0c2;stop-opacity:1;"
+         offset="1"
+         id="stop5634" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-6">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974-71" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1-2">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-8" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-9" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-7">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5-6" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-33" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-2-6">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-3-0" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-9-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-9" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-2" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-6"
+       id="linearGradient5572"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4283"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4288"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4321"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1"
+       id="linearGradient4382"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.817902,-657.26294)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3"
+       id="linearGradient4384"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.817902,-662.30115)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient4390"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient4392"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient4394"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-3" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-0" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-4"
+       id="linearGradient4382-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-731.7352)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-4">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-7"
+       id="linearGradient4384-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-736.99747)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-7">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-9" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-9"
+       id="linearGradient4382-3"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-731.7678)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-9">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-8" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-9" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-9"
+       id="linearGradient4384-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-737.03007)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-9">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-7" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-74" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-1"
+       id="linearGradient4394-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3892048,0,0,0.27549241,-31.899058,-1052.4756)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8-07"
+       id="linearGradient4392-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0464198,0,0,0.30750995,-29.951794,-1049.0796)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-07">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-4"
+       id="linearGradient4390-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3930703,0,0,0.26192631,-31.957849,1053.1869)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-4">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-26" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-5"
+       id="linearGradient4382-9"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,32.3374,-665.37304)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-5">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-97" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-60" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-0"
+       id="linearGradient4384-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,32.3374,-670.41122)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-0">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-90" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-1" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5417"
+       cx="13.94572"
+       cy="1045.8255"
+       fx="13.94572"
+       fy="1045.8255"
+       r="10.779004"
+       gradientTransform="matrix(1,0,0,0.98529514,0,15.378714)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5419"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.8121447,-1.9541983,0.96980008,0.27977302,-1035.1855,788.68965)"
+       cx="16.494715"
+       cy="1050.2904"
+       fx="16.494715"
+       fy="1050.2904"
+       r="10.779004" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5426"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient5428"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5430"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5430-8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9"
+       id="linearGradient5426-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66"
+       id="linearGradient5430-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475-9"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9-2"
+       id="linearGradient5426-4-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66-1"
+       id="linearGradient5430-1-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8-6" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525-6"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5592"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641"
+       id="linearGradient5647"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641-4"
+       id="linearGradient5647-2"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       id="linearGradient5641-4">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2" />
+    </linearGradient>
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71554797,0.15002359,0,0.70580829,-11.070338,316.74005)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664"
+       xlink:href="#linearGradient5641-4"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5695"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5697"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5699"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71554797,0.15002359,0,0.70580829,-11.070338,316.74005)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664-4"
+       xlink:href="#linearGradient5641-4-8"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient5641-4-8">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1-4" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2-3" />
+    </linearGradient>
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.69574445,0.13682846,0,0.64372984,-8.5125514,381.02553)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3174"
+       xlink:href="#linearGradient5641-4-8"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient5591-4">
+      <stop
+         id="stop5593-0"
+         offset="0"
+         style="stop-color:#e0e566;stop-opacity:1;" />
+      <stop
+         id="stop5595-5"
+         offset="1"
+         style="stop-color:#80b050;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5583-2">
+      <stop
+         id="stop5585-3"
+         offset="0"
+         style="stop-color:#005020;stop-opacity:1" />
+      <stop
+         id="stop5587-3"
+         offset="1"
+         style="stop-color:#309858;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5583-2"
+       id="linearGradient5620"
+       gradientUnits="userSpaceOnUse"
+       x1="2.1879039"
+       y1="9.2638359"
+       x2="2.03125"
+       y2="4.671875"
+       gradientTransform="matrix(1.4105678,0,0,1.4692784,1.35886,1033.7454)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1037"
+       id="linearGradient1039"
+       x1="-5.757359"
+       y1="1042.4757"
+       x2="-5.077126"
+       y2="1047.0719"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(11)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.627416"
+     inkscape:cx="3.5371346"
+     inkscape:cy="13.077131"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4250" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="display:inline;fill:#71baff;fill-opacity:1;stroke:url(#linearGradient3174);stroke-width:0.97756839px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 10.490941,1038.9341 c 0,0 0.803623,-0.9469 1.776433,-1.0253 0.972807,-0.077 2.241686,-0.041 2.241686,-0.041 v 13.1768 l -2.030207,-2.0455 -0.930513,2.5152 c 0,0 -0.972807,-0.861 -1.015103,-1.6048 -0.0423,-0.7434 -0.0423,-10.9749 -0.0423,-10.9749 z"
+       id="path5639"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="csccccscc" />
+    <path
+       style="display:inline;fill:url(#linearGradient1039);fill-opacity:1;stroke:url(#linearGradient5620);stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 3.5,1041.8622 h 2 v 2 h 2 v 2 h -2 v 2 h -2 v -2 h -2 v -2 h 2 z"
+       id="path5581"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccccccccc" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_auto_synch_toc.gif b/org.eclipse.help.webapp/advanced/images/e_auto_synch_toc.gif
deleted file mode 100644
index 05cefef..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_auto_synch_toc.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_auto_synch_toc.svg b/org.eclipse.help.webapp/advanced/images/e_auto_synch_toc.svg
new file mode 100644
index 0000000..37c0b6a
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_auto_synch_toc.svg
@@ -0,0 +1,184 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.0 r9654"
+   sodipodi:docname="synced.svg"
+   inkscape:export-filename="C:\Users\jmietling\Documents\rect3997-9-1.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4883">
+      <stop
+         style="stop-color:#bd8416;stop-opacity:1;"
+         offset="0"
+         id="stop4885" />
+      <stop
+         style="stop-color:#aa6f10;stop-opacity:1"
+         offset="1"
+         id="stop4887" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5103">
+      <stop
+         style="stop-color:#fefdef;stop-opacity:1"
+         offset="0"
+         id="stop5105" />
+      <stop
+         style="stop-color:#fce69e;stop-opacity:1"
+         offset="1"
+         id="stop5107" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5103"
+       id="linearGradient5109"
+       x1="11.906143"
+       y1="1042.3622"
+       x2="11.906143"
+       y2="1047.2684"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-1,2.9999502)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4883"
+       id="linearGradient4889"
+       x1="11"
+       y1="1043.3622"
+       x2="11"
+       y2="1052.3622"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4883-7"
+       id="linearGradient4889-1"
+       x1="11"
+       y1="1043.3622"
+       x2="11"
+       y2="1052.3622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1,0,0,1,15.987978,-7)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4883-7">
+      <stop
+         style="stop-color:#bd8416;stop-opacity:1;"
+         offset="0"
+         id="stop4885-4" />
+      <stop
+         style="stop-color:#aa6f10;stop-opacity:1"
+         offset="1"
+         id="stop4887-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5103-4">
+      <stop
+         style="stop-color:#fefdef;stop-opacity:1"
+         offset="0"
+         id="stop5105-8" />
+      <stop
+         style="stop-color:#fce69e;stop-opacity:1"
+         offset="1"
+         id="stop5107-8" />
+    </linearGradient>
+    <linearGradient
+       y2="1047.2684"
+       x2="11.906143"
+       y1="1042.3622"
+       x1="11.906143"
+       gradientTransform="matrix(-1,0,0,1,16.987978,-4)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient4911"
+       xlink:href="#linearGradient5103-4"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="15.999999"
+     inkscape:cx="16.638127"
+     inkscape:cy="5.0891236"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1241"
+     inkscape:window-height="814"
+     inkscape:window-x="1124"
+     inkscape:window-y="592"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="fill:url(#linearGradient5109);fill-opacity:1;stroke:none;display:inline"
+       d="m 4,1047.3622 0,1 7,0 0,3 3.999893,-3.5 -3.999893,-3.5 0,3 z"
+       id="path4108-1"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccc" />
+    <path
+       style="fill:url(#linearGradient4889);fill-opacity:1;stroke:none;display:inline"
+       d="m 10,1043.3622 0,3 -5,0 -1,0 c -0.99185,0.9918 -0.986324,2.0137 0,3 l 1,0 5,0 0,3 c 0,0.6519 0.740915,0.6375 1.5,0 l 4.9375,-4.5 -4.9375,-4.5 c -0.760225,-0.7602 -1.5,-0.5203 -1.5,0 z m 1,1 4,3.5 -4,3.5 0,-3 -6.4375,0 c -0.276214,-0.2099 -0.277444,-0.7282 0,-1 l 6.4375,0 z"
+       id="path4108-1-6"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccccccccccccc" />
+    <path
+       style="fill:url(#linearGradient4911);fill-opacity:1;stroke:none;display:inline"
+       d="m 11.987978,1040.3622 0,1 -7.0000023,0 0,3 -3.99989299,-3.5 3.99989299,-3.5 0,3 z"
+       id="path4108-1-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccc" />
+    <path
+       style="fill:url(#linearGradient4889-1);fill-opacity:1;stroke:none;display:inline"
+       d="m 5.9879757,1036.3622 0,3 5.0000023,0 1,0 c 0.99185,0.9918 0.986324,2.0137 0,3 l -1,0 -5.0000023,0 0,3 c 0,0.6519 -0.740915,0.6375 -1.5,0 l -4.93749974,-4.5 4.93749974,-4.5 c 0.760225,-0.7602 1.5,-0.5203 1.5,0 z m -1,1 -3.99999999,3.5 3.99999999,3.5 0,-3 6.4375023,0 c 0.276214,-0.2099 0.277444,-0.7282 0,-1 l -6.4375023,0 z"
+       id="path4108-1-6-4"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccccccccccccc" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_back.gif b/org.eclipse.help.webapp/advanced/images/e_back.gif
deleted file mode 100644
index 4fb4150..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_back.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_back.svg b/org.eclipse.help.webapp/advanced/images/e_back.svg
new file mode 100644
index 0000000..a4a4af1
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_back.svg
@@ -0,0 +1,113 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="backward_nav.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="arrow_background">
+      <stop
+         style="stop-color:#ffffee;stop-opacity:1"
+         offset="0"
+         id="background_stop_0" />
+      <stop
+         style="stop-color:#ffecad;stop-opacity:1"
+         offset="1"
+         id="background_stop_1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="arrow_stroke">
+      <stop
+         style="stop-color:#ba7f0d;stop-opacity:1"
+         offset="0"
+         id="stroke_stop_0" />
+      <stop
+         style="stop-color:#a2660b;stop-opacity:1"
+         offset="1"
+         id="stroke_stop_1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#arrow_stroke"
+       id="linearGradient4747"
+       x1="11.0625"
+       y1="1038.5497"
+       x2="11.0625"
+       y2="1049.912"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1,0,0,1,16,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#arrow_background"
+       id="linearGradient4755"
+       x1="4.5"
+       y1="1042.047"
+       x2="4.5"
+       y2="1046.4902"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1,0,0,1,16,0)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="32"
+     inkscape:cx="2.8457129"
+     inkscape:cy="5.7052771"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1363"
+     inkscape:window-height="1057"
+     inkscape:window-x="675"
+     inkscape:window-y="356"
+     inkscape:window-maximized="0"
+     inkscape:snap-global="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3966" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="fill:url(#linearGradient4755);fill-opacity:1;stroke:url(#linearGradient4747);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       d="m 7.5,1038.8622 0,3 5.78125,0 c 0.667867,0 1.21875,0.5509 1.21875,1.2188 l 0,2.5625 c 0,0.6678 -0.550883,1.2187 -1.21875,1.2187 l -5.78125,0 0,3 -1,0 -5.5,-5.5 5.5,-5.5 1,0 z"
+       id="back_arrow"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_bookmark_rem.gif b/org.eclipse.help.webapp/advanced/images/e_bookmark_rem.gif
deleted file mode 100644
index 00bc855..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_bookmark_rem.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_bookmark_rem.svg b/org.eclipse.help.webapp/advanced/images/e_bookmark_rem.svg
new file mode 100644
index 0000000..95b7da3
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_bookmark_rem.svg
@@ -0,0 +1,1048 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="e_bookmark_rem.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1037">
+      <stop
+         style="stop-color:#e0e060;stop-opacity:1"
+         offset="0"
+         id="stop1033" />
+      <stop
+         style="stop-color:#80b050;stop-opacity:1"
+         offset="1"
+         id="stop1035" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5641">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5411">
+      <stop
+         style="stop-color:#72828e;stop-opacity:1;"
+         offset="0"
+         id="stop5413" />
+      <stop
+         style="stop-color:#003358;stop-opacity:1;"
+         offset="1"
+         id="stop5415" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5630">
+      <stop
+         style="stop-color:#d8bc68;stop-opacity:1;"
+         offset="0"
+         id="stop5632" />
+      <stop
+         style="stop-color:#fff0c2;stop-opacity:1;"
+         offset="1"
+         id="stop5634" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-6">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974-71" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1-2">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-8" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-9" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-7">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5-6" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-33" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-2-6">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-3-0" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-9-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-9" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-2" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-6"
+       id="linearGradient5572"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4283"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4288"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4321"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1"
+       id="linearGradient4382"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.817902,-657.26294)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3"
+       id="linearGradient4384"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.817902,-662.30115)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient4390"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient4392"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient4394"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-3" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-0" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-4"
+       id="linearGradient4382-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-731.7352)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-4">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-7"
+       id="linearGradient4384-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-736.99747)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-7">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-9" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-9"
+       id="linearGradient4382-3"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-731.7678)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-9">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-8" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-9" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-9"
+       id="linearGradient4384-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-737.03007)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-9">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-7" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-74" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-1"
+       id="linearGradient4394-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3892048,0,0,0.27549241,-31.899058,-1052.4756)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8-07"
+       id="linearGradient4392-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0464198,0,0,0.30750995,-29.951794,-1049.0796)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-07">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-4"
+       id="linearGradient4390-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3930703,0,0,0.26192631,-31.957849,1053.1869)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-4">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-26" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-5"
+       id="linearGradient4382-9"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,32.3374,-665.37304)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-5">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-97" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-60" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-0"
+       id="linearGradient4384-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,32.3374,-670.41122)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-0">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-90" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-1" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5417"
+       cx="13.94572"
+       cy="1045.8255"
+       fx="13.94572"
+       fy="1045.8255"
+       r="10.779004"
+       gradientTransform="matrix(1,0,0,0.98529514,0,15.378714)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5419"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.8121447,-1.9541983,0.96980008,0.27977302,-1035.1855,788.68965)"
+       cx="16.494715"
+       cy="1050.2904"
+       fx="16.494715"
+       fy="1050.2904"
+       r="10.779004" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5426"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient5428"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5430"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5430-8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9"
+       id="linearGradient5426-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66"
+       id="linearGradient5430-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475-9"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9-2"
+       id="linearGradient5426-4-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66-1"
+       id="linearGradient5430-1-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8-6" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525-6"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5592"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641"
+       id="linearGradient5647"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641-4"
+       id="linearGradient5647-2"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       id="linearGradient5641-4">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2" />
+    </linearGradient>
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71554797,0.15002359,0,0.70580829,-11.070338,316.74005)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664"
+       xlink:href="#linearGradient5641-4"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5695"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5697"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5699"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71554797,0.15002359,0,0.70580829,-11.070338,316.74005)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664-4"
+       xlink:href="#linearGradient5641-4-8"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient5641-4-8">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1-4" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2-3" />
+    </linearGradient>
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.69574445,0.13682846,0,0.64372984,-8.5125514,381.02553)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3174"
+       xlink:href="#linearGradient5641-4-8"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient5591-4">
+      <stop
+         id="stop5593-0"
+         offset="0"
+         style="stop-color:#e0e566;stop-opacity:1;" />
+      <stop
+         id="stop5595-5"
+         offset="1"
+         style="stop-color:#80b050;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5583-2">
+      <stop
+         id="stop5585-3"
+         offset="0"
+         style="stop-color:#005020;stop-opacity:1" />
+      <stop
+         id="stop5587-3"
+         offset="1"
+         style="stop-color:#309858;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5583-2"
+       id="linearGradient5620"
+       gradientUnits="userSpaceOnUse"
+       x1="2.1879039"
+       y1="9.2638359"
+       x2="2.03125"
+       y2="4.671875"
+       gradientTransform="matrix(1.4105678,0,0,1.4692784,1.35886,1033.7454)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1037"
+       id="linearGradient1039"
+       x1="-5.757359"
+       y1="1042.4757"
+       x2="-5.077126"
+       y2="1047.0719"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(11)" />
+    <linearGradient
+       id="linearGradient4852-7"
+       inkscape:collect="always">
+      <stop
+         id="stop4854-4"
+         offset="0"
+         style="stop-color:#f03f51;stop-opacity:1" />
+      <stop
+         id="stop4856-0"
+         offset="1"
+         style="stop-color:#f5817d;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4844-4">
+      <stop
+         id="stop4846-8"
+         offset="0"
+         style="stop-color:#c51325;stop-opacity:1" />
+      <stop
+         id="stop4848-8"
+         offset="1"
+         style="stop-color:#ca5d49;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4852-7"
+       id="linearGradient4047"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.49963553,0,0,0.49796697,0.18518926,524.81723)"
+       x1="5.1118913"
+       y1="1049.7977"
+       x2="4.7528968"
+       y2="1038.5814" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4844-4"
+       id="linearGradient4049"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.49963553,0,0,0.49796697,0.18518926,524.81723)"
+       x1="8.6566515"
+       y1="1050.7386"
+       x2="8.6566515"
+       y2="1037.7" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.627416"
+     inkscape:cx="3.5371346"
+     inkscape:cy="13.077131"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4250" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="display:inline;fill:#71baff;fill-opacity:1;stroke:url(#linearGradient3174);stroke-width:0.97756839px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 10.490941,1038.9341 c 0,0 0.803623,-0.9469 1.776433,-1.0253 0.972807,-0.077 2.241686,-0.041 2.241686,-0.041 v 13.1768 l -2.030207,-2.0455 -0.930513,2.5152 c 0,0 -0.972807,-0.861 -1.015103,-1.6048 -0.0423,-0.7434 -0.0423,-10.9749 -0.0423,-10.9749 z"
+       id="path5639"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="csccccscc" />
+    <path
+       style="display:inline;fill:url(#linearGradient4047);fill-opacity:1;stroke:url(#linearGradient4049);stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 6.8899433,1042.0333 c -0.233922,-0.2331 -0.610541,-0.2331 -0.844451,0 l -1.555264,1.5501 -1.555252,-1.5501 c -0.233886,-0.2331 -0.610541,-0.2331 -0.844451,0 l -0.429714,0.4284 c -0.233899,0.233 -0.233893,0.6084 1.8e-5,0.8415 l 1.555227,1.5501 -1.555229,1.5501 c -0.233935,0.2331 -0.233929,0.6085 -7e-6,0.8416 l 0.429737,0.4283 c 0.233897,0.2332 0.610517,0.2332 0.844452,0 l 1.555254,-1.55 1.566059,1.5608 c 0.233898,0.2331 0.610517,0.2331 0.844452,0 l 0.429714,-0.4283 c 0.23391,-0.2332 0.23156,-0.6062 -1.8e-5,-0.8416 l -1.566061,-1.5609 1.555254,-1.55 c 0.23392,-0.2332 0.233914,-0.6085 1.7e-5,-0.8416 z"
+       id="rect4043"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sccccccccssccsccsccss" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_bookmark_remall.gif b/org.eclipse.help.webapp/advanced/images/e_bookmark_remall.gif
deleted file mode 100644
index 0a18db8..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_bookmark_remall.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_bookmark_remall.svg b/org.eclipse.help.webapp/advanced/images/e_bookmark_remall.svg
new file mode 100644
index 0000000..de6e3f5
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_bookmark_remall.svg
@@ -0,0 +1,1064 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="e_bookmark_remall.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1037">
+      <stop
+         style="stop-color:#e0e060;stop-opacity:1"
+         offset="0"
+         id="stop1033" />
+      <stop
+         style="stop-color:#80b050;stop-opacity:1"
+         offset="1"
+         id="stop1035" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5641">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5411">
+      <stop
+         style="stop-color:#72828e;stop-opacity:1;"
+         offset="0"
+         id="stop5413" />
+      <stop
+         style="stop-color:#003358;stop-opacity:1;"
+         offset="1"
+         id="stop5415" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5630">
+      <stop
+         style="stop-color:#d8bc68;stop-opacity:1;"
+         offset="0"
+         id="stop5632" />
+      <stop
+         style="stop-color:#fff0c2;stop-opacity:1;"
+         offset="1"
+         id="stop5634" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-6">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974-71" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1-2">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-8" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-9" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-7">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5-6" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-33" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-2-6">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-3-0" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-9-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-9" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-2" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-6"
+       id="linearGradient5572"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4283"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4288"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4321"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1"
+       id="linearGradient4382"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.817902,-657.26294)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3"
+       id="linearGradient4384"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.817902,-662.30115)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient4390"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient4392"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient4394"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-3" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-0" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-4"
+       id="linearGradient4382-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-731.7352)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-4">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-7"
+       id="linearGradient4384-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-736.99747)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-7">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-9" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-9"
+       id="linearGradient4382-3"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-731.7678)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-9">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-8" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-9" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-9"
+       id="linearGradient4384-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-737.03007)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-9">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-7" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-74" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-1"
+       id="linearGradient4394-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3892048,0,0,0.27549241,-31.899058,-1052.4756)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8-07"
+       id="linearGradient4392-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0464198,0,0,0.30750995,-29.951794,-1049.0796)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-07">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-4"
+       id="linearGradient4390-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3930703,0,0,0.26192631,-31.957849,1053.1869)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-4">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-26" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-5"
+       id="linearGradient4382-9"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,32.3374,-665.37304)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-5">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-97" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-60" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-0"
+       id="linearGradient4384-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,32.3374,-670.41122)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-0">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-90" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-1" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5417"
+       cx="13.94572"
+       cy="1045.8255"
+       fx="13.94572"
+       fy="1045.8255"
+       r="10.779004"
+       gradientTransform="matrix(1,0,0,0.98529514,0,15.378714)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5419"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.8121447,-1.9541983,0.96980008,0.27977302,-1035.1855,788.68965)"
+       cx="16.494715"
+       cy="1050.2904"
+       fx="16.494715"
+       fy="1050.2904"
+       r="10.779004" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5426"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient5428"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5430"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5430-8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9"
+       id="linearGradient5426-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66"
+       id="linearGradient5430-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475-9"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9-2"
+       id="linearGradient5426-4-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66-1"
+       id="linearGradient5430-1-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8-6" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525-6"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5592"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641"
+       id="linearGradient5647"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641-4"
+       id="linearGradient5647-2"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       id="linearGradient5641-4">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2" />
+    </linearGradient>
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71554797,0.15002359,0,0.70580829,-11.070338,316.74005)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664"
+       xlink:href="#linearGradient5641-4"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5695"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5697"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5699"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71554797,0.15002359,0,0.70580829,-11.070338,316.74005)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664-4"
+       xlink:href="#linearGradient5641-4-8"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient5641-4-8">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1-4" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2-3" />
+    </linearGradient>
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.69574445,0.09745746,0,0.45850309,-9.5103956,570.03807)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3174"
+       xlink:href="#linearGradient5641-4-8"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient5591-4">
+      <stop
+         id="stop5593-0"
+         offset="0"
+         style="stop-color:#e0e566;stop-opacity:1;" />
+      <stop
+         id="stop5595-5"
+         offset="1"
+         style="stop-color:#80b050;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5583-2">
+      <stop
+         id="stop5585-3"
+         offset="0"
+         style="stop-color:#005020;stop-opacity:1" />
+      <stop
+         id="stop5587-3"
+         offset="1"
+         style="stop-color:#309858;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5583-2"
+       id="linearGradient5620"
+       gradientUnits="userSpaceOnUse"
+       x1="2.1879039"
+       y1="9.2638359"
+       x2="2.03125"
+       y2="4.671875"
+       gradientTransform="matrix(1.4105678,0,0,1.4692784,1.35886,1033.7454)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1037"
+       id="linearGradient1039"
+       x1="-5.757359"
+       y1="1042.4757"
+       x2="-5.077126"
+       y2="1047.0719"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(11)" />
+    <linearGradient
+       id="linearGradient4852-7"
+       inkscape:collect="always">
+      <stop
+         id="stop4854-4"
+         offset="0"
+         style="stop-color:#f03f51;stop-opacity:1" />
+      <stop
+         id="stop4856-0"
+         offset="1"
+         style="stop-color:#f5817d;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4844-4">
+      <stop
+         id="stop4846-8"
+         offset="0"
+         style="stop-color:#c51325;stop-opacity:1" />
+      <stop
+         id="stop4848-8"
+         offset="1"
+         style="stop-color:#ca5d49;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4852-7"
+       id="linearGradient4047"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.49963553,0,0,0.49796697,0.18518926,524.81723)"
+       x1="5.1118913"
+       y1="1049.7977"
+       x2="4.7528968"
+       y2="1038.5814" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4844-4"
+       id="linearGradient4049"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.49963553,0,0,0.49796697,0.18518926,524.81723)"
+       x1="8.6566515"
+       y1="1050.7386"
+       x2="8.6566515"
+       y2="1037.7" />
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.69574445,0.09745745,0,0.45850309,-7.5103956,574.03802)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3174-7"
+       xlink:href="#linearGradient5641"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.627416"
+     inkscape:cx="3.5371346"
+     inkscape:cy="13.077131"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4250" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="display:inline;fill:#71baff;fill-opacity:1;stroke:url(#linearGradient3174-7);stroke-width:0.97756833px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 11.493097,1042.6401 c 0,0 0.803623,-0.6744 1.776433,-0.7302 0.972807,-0.055 2.241686,-0.029 2.241686,-0.029 v 9.3853 l -2.030207,-1.457 -0.930513,1.7915 c 0,0 -0.972807,-0.6132 -1.015103,-1.143 -0.0423,-0.5295 -0.0423,-7.817 -0.0423,-7.817 z"
+       id="path5639-9"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="csccccscc" />
+    <path
+       style="display:inline;fill:#71baff;fill-opacity:1;stroke:url(#linearGradient3174);stroke-width:0.97756833px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 9.4930968,1038.6401 c 0,0 0.8036232,-0.6744 1.7764332,-0.7302 0.972807,-0.055 2.241686,-0.029 2.241686,-0.029 v 9.3853 l -2.030207,-1.457 -0.930513,1.7915 c 0,0 -0.9728072,-0.6132 -1.0151032,-1.143 -0.0423,-0.5295 -0.0423,-7.817 -0.0423,-7.817 z"
+       id="path5639"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="csccccscc" />
+    <path
+       style="display:inline;fill:url(#linearGradient4047);fill-opacity:1;stroke:url(#linearGradient4049);stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 6.8899433,1042.0333 c -0.233922,-0.2331 -0.610541,-0.2331 -0.844451,0 l -1.555264,1.5501 -1.555252,-1.5501 c -0.233886,-0.2331 -0.610541,-0.2331 -0.844451,0 l -0.429714,0.4284 c -0.233899,0.233 -0.233893,0.6084 1.8e-5,0.8415 l 1.555227,1.5501 -1.555229,1.5501 c -0.233935,0.2331 -0.233929,0.6085 -7e-6,0.8416 l 0.429737,0.4283 c 0.233897,0.2332 0.610517,0.2332 0.844452,0 l 1.555254,-1.55 1.566059,1.5608 c 0.233898,0.2331 0.610517,0.2331 0.844452,0 l 0.429714,-0.4283 c 0.23391,-0.2332 0.23156,-0.6062 -1.8e-5,-0.8416 l -1.566061,-1.5609 1.555254,-1.55 c 0.23392,-0.2332 0.233914,-0.6085 1.7e-5,-0.8416 z"
+       id="rect4043"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sccccccccssccsccsccss" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_bookmarks_view.gif b/org.eclipse.help.webapp/advanced/images/e_bookmarks_view.gif
deleted file mode 100644
index 8eefad3..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_bookmarks_view.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_bookmarks_view.svg b/org.eclipse.help.webapp/advanced/images/e_bookmarks_view.svg
new file mode 100644
index 0000000..2589945
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_bookmarks_view.svg
@@ -0,0 +1,991 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="bkmrk_nav.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient5641">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5411">
+      <stop
+         style="stop-color:#72828e;stop-opacity:1;"
+         offset="0"
+         id="stop5413" />
+      <stop
+         style="stop-color:#003358;stop-opacity:1;"
+         offset="1"
+         id="stop5415" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5630">
+      <stop
+         style="stop-color:#d8bc68;stop-opacity:1;"
+         offset="0"
+         id="stop5632" />
+      <stop
+         style="stop-color:#fff0c2;stop-opacity:1;"
+         offset="1"
+         id="stop5634" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-6">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974-71" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1-2">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-8" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-9" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-7">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5-6" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-33" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-2-6">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-3-0" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-9-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-9" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-2" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-6"
+       id="linearGradient5572"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4283"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4288"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4321"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1"
+       id="linearGradient4382"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.7571096,-657.15428)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3"
+       id="linearGradient4384"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.7571096,-662.19249)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient4390"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient4392"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient4394"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-3" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-0" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-4"
+       id="linearGradient4382-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-731.7352)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-4">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-7"
+       id="linearGradient4384-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-736.99747)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-7">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-9" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-9"
+       id="linearGradient4382-3"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-731.7678)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-9">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-8" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-9" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-9"
+       id="linearGradient4384-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-737.03007)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-9">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-7" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-74" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-1"
+       id="linearGradient4394-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3892048,0,0,0.27549241,-31.899058,-1052.4756)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8-07"
+       id="linearGradient4392-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0464198,0,0,0.30750995,-29.951794,-1049.0796)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-07">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-4"
+       id="linearGradient4390-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3930703,0,0,0.26192631,-31.957849,1053.1869)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-4">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-26" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-5"
+       id="linearGradient4382-9"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,31.851061,-665.08729)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-5">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-97" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-60" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-0"
+       id="linearGradient4384-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,31.851061,-670.12547)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-0">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-90" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-1" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5417"
+       cx="13.94572"
+       cy="1045.8255"
+       fx="13.94572"
+       fy="1045.8255"
+       r="10.779004"
+       gradientTransform="matrix(1,0,0,0.98529514,0,15.378714)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5419"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.8121447,-1.9541983,0.96980008,0.27977302,-1035.1855,788.68965)"
+       cx="16.494715"
+       cy="1050.2904"
+       fx="16.494715"
+       fy="1050.2904"
+       r="10.779004" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5426"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient5428"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5430"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5430-8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9"
+       id="linearGradient5426-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66"
+       id="linearGradient5430-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475-9"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9-2"
+       id="linearGradient5426-4-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66-1"
+       id="linearGradient5430-1-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8-6" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525-6"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5592"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641"
+       id="linearGradient5647"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641-4"
+       id="linearGradient5647-2"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       id="linearGradient5641-4">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2" />
+    </linearGradient>
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71755587,0.14615422,0,0.68760427,-11.219368,335.30884)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664"
+       xlink:href="#linearGradient5641-4"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5695"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5697"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5699"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="45.254832"
+     inkscape:cx="8.9351454"
+     inkscape:cy="13.418233"
+     inkscape:document-units="px"
+     inkscape:current-layer="g5494"
+     showgrid="true"
+     inkscape:window-width="1171"
+     inkscape:window-height="959"
+     inkscape:window-x="1324"
+     inkscape:window-y="500"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4250" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g4328"
+       transform="matrix(0.7269685,0.15452131,0,0.7269685,-1.9135076,281.00893)">
+      <path
+         id="rect6795-0-1"
+         style="color:#000000;fill:url(#radialGradient5419);fill-opacity:1;stroke:none;stroke-width:1.05102229;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         d="m 24.629424,1051.8747 c 0,0 -3.992044,0.5682 -11.390548,4.8211 0,-5.4647 0,-15.2237 0,-15.2237 0,0 0.0075,-4.3255 0.0075,-3.2598 0,1.0657 0.44242,-0.08 3.322649,-1.5295 2.880227,-1.4497 8.094855,-2.1898 8.094855,-2.1898 0,0 0.674765,13.1244 -0.03446,17.3817 z m -21.2774334,-11.0351 -0.185274,15.8319 c 0,0 3.5446198,-1.0065 10.1139074,0.015 0,-4.9305 0,-13.7353 0,-13.7353 0,0 -0.0067,-3.8997 -0.0067,-2.9382 0,0.9615 -0.392834,0.097 -2.95025,-0.1158 -2.5574137,-0.2119 -6.9716755,0.9414 -6.9716755,0.9414 z"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccscccccccsccc" />
+      <path
+         sodipodi:nodetypes="ccccczcc"
+         inkscape:connector-curvature="0"
+         id="rect6795"
+         d="m 3.4603246,1039.0118 -0.1746117,14.8143 c 0,0 3.5230099,-0.9857 9.7142451,-0.039 0,-4.6135 0,-12.8522 0,-12.8522 0,0 -0.0063,-3.649 -0.0063,-2.7493 0,0.8997 -0.552604,0.1298 -2.962845,-0.065 -2.410241,-0.1947 -6.5704694,0.8908 -6.5704694,0.8908 z"
+         style="color:#000000;fill:url(#linearGradient4382);fill-opacity:1;stroke:url(#linearGradient4384);stroke-width:1.37557542;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+      <g
+         id="g5421"
+         transform="translate(0.36475453,0.16563903)">
+        <g
+           id="g5494">
+          <rect
+             style="color:#000000;fill:none;stroke:url(#linearGradient5695);stroke-width:0.57948124;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+             id="rect6891-5-7-3-9"
+             width="5.0426011"
+             height="0.20836112"
+             x="5.1543803"
+             y="1047.5212" />
+          <rect
+             transform="scale(1,-1)"
+             style="color:#000000;fill:none;stroke:url(#linearGradient5697);stroke-width:0.59347337;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+             id="rect6891-5-7-3-9-8"
+             width="5.0286093"
+             height="0.21915288"
+             x="5.1861606"
+             y="-1045.4623" />
+          <rect
+             transform="scale(1,-1)"
+             style="color:#000000;fill:none;stroke:url(#linearGradient5699);stroke-width:0.59347337;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+             id="rect6891-5-7-3-9-8-5"
+             width="5.0286093"
+             height="0.21915288"
+             x="5.1861606"
+             y="-1043.0914" />
+        </g>
+      </g>
+      <path
+         sodipodi:nodetypes="cccczzcc"
+         inkscape:connector-curvature="0"
+         id="rect6795-9"
+         d="m 22.633627,1034.9971 0.174612,14.74 c 0,0 -3.583802,0.525 -9.775038,4.1039 0,-4.6135 0,-12.8522 0,-12.8522 0,0 0.0063,-3.6517 0.0063,-2.752 0,0.8997 0.370226,-0.066 2.780467,-1.2856 2.410241,-1.2194 6.813639,-1.9541 6.813639,-1.9541 z"
+         style="color:#000000;fill:url(#linearGradient4382-9);fill-opacity:1;stroke:url(#linearGradient4384-0);stroke-width:1.37557542;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+    </g>
+    <g
+       style="display:inline"
+       id="g5494-1"
+       transform="matrix(-0.7269685,0.15452131,0,0.7269685,16.858502,281.15492)">
+      <rect
+         style="color:#000000;fill:none;stroke:url(#linearGradient5426-4-0);stroke-width:0.57948124;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect6891-5-7-3-9-9"
+         width="5.0426011"
+         height="0.20836112"
+         x="5.1543803"
+         y="1047.5212" />
+      <rect
+         transform="scale(1,-1)"
+         style="color:#000000;fill:none;stroke:url(#linearGradient5430-1-7);stroke-width:0.59347337;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect6891-5-7-3-9-8-3"
+         width="5.0286093"
+         height="0.21915288"
+         x="5.1861606"
+         y="-1045.4623" />
+      <rect
+         transform="scale(1,-1)"
+         style="color:#000000;fill:none;stroke:url(#linearGradient5592);stroke-width:0.59347337;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect6891-5-7-3-9-8-5-2"
+         width="5.0286093"
+         height="0.21915288"
+         x="5.1861606"
+         y="-1043.0914" />
+    </g>
+    <path
+       style="fill:#71baff;fill-opacity:1;stroke:url(#linearGradient5664);stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
+       d="m 8.3798787,1037.8372 c 0,0 0.8288172,-0.7904 1.8321243,-0.8741 1.003304,-0.083 2.311962,-0.044 2.311962,-0.044 l 0,14.0748 -2.093853,-2.1849 -0.9596847,2.6867 c 0,0 -1.0033045,-0.9197 -1.0469266,-1.7142 -0.043622,-0.794 -0.043622,-11.9439 -0.043622,-11.9439 z"
+       id="path5639"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="csccccscc" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_collapseall.gif b/org.eclipse.help.webapp/advanced/images/e_collapseall.gif
deleted file mode 100644
index a2d80a9..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_collapseall.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_collapseall.svg b/org.eclipse.help.webapp/advanced/images/e_collapseall.svg
new file mode 100644
index 0000000..3dcb9a8
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_collapseall.svg
@@ -0,0 +1,289 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.0 r9654"
+   sodipodi:docname="collapseall.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4883-4"
+       id="linearGradient4889-2"
+       x1="28"
+       y1="1039.3622"
+       x2="28"
+       y2="1049.3622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.9,0,0,0.9,-17.7,103.93622)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4883-4">
+      <stop
+         style="stop-color:#ebf9ff;stop-opacity:1"
+         offset="0"
+         id="stop4885-5" />
+      <stop
+         style="stop-color:#fcffff;stop-opacity:1"
+         offset="1"
+         id="stop4887-5" />
+    </linearGradient>
+    <linearGradient
+       y2="1047.3622"
+       x2="-15"
+       y1="1047.3622"
+       x1="-12"
+       gradientTransform="translate(18,-3)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5062-9"
+       xlink:href="#linearGradient4910-4-4"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4910-4-4">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="0"
+         id="stop4912-8-8" />
+      <stop
+         style="stop-color:#c3e9ff;stop-opacity:1"
+         offset="1"
+         id="stop4914-8-8" />
+    </linearGradient>
+    <linearGradient
+       y2="1045.3622"
+       x2="-11"
+       y1="1042.3622"
+       x1="-11"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient4975-2-1"
+       xlink:href="#linearGradient4994-4-7-7"
+       inkscape:collect="always"
+       gradientTransform="translate(18,-3)" />
+    <linearGradient
+       id="linearGradient4994-4-7-7"
+       inkscape:collect="always">
+      <stop
+         id="stop4996-5-4"
+         offset="0"
+         style="stop-color:#c3e9ff;stop-opacity:1" />
+      <stop
+         id="stop4998-5-0"
+         offset="1"
+         style="stop-color:#ffffff;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4883-4-7"
+       id="linearGradient4889-2-1"
+       x1="28"
+       y1="1039.3622"
+       x2="28"
+       y2="1049.3622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.9,0,0,0.9,-15.7,105.93622)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4883-4-7">
+      <stop
+         style="stop-color:#ebf9ff;stop-opacity:1"
+         offset="0"
+         id="stop4885-5-1" />
+      <stop
+         style="stop-color:#fcffff;stop-opacity:1"
+         offset="1"
+         id="stop4887-5-1" />
+    </linearGradient>
+    <linearGradient
+       y2="1043.3622"
+       x2="-11"
+       y1="1042.3622"
+       x1="-11"
+       gradientTransform="translate(22,4)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient4970"
+       xlink:href="#linearGradient4989"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4989">
+      <stop
+         style="stop-color:#c3e9ff;stop-opacity:0.49019608;"
+         offset="0"
+         id="stop4991" />
+      <stop
+         id="stop4995"
+         offset="0.5"
+         style="stop-color:#c3e9ff;stop-opacity:1;" />
+      <stop
+         style="stop-color:#c3e9ff;stop-opacity:0.49019608;"
+         offset="1"
+         id="stop4993" />
+    </linearGradient>
+    <linearGradient
+       y2="1047.3622"
+       x2="-15"
+       y1="1047.3622"
+       x1="-12"
+       gradientTransform="translate(20,-1)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5062-9-5"
+       xlink:href="#linearGradient4910-4-4-2"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4910-4-4-2">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="0"
+         id="stop4912-8-8-7" />
+      <stop
+         style="stop-color:#c3e9ff;stop-opacity:1"
+         offset="1"
+         id="stop4914-8-8-6" />
+    </linearGradient>
+    <linearGradient
+       y2="1045.3622"
+       x2="-11"
+       y1="1042.3622"
+       x1="-11"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient4975-2-1-1"
+       xlink:href="#linearGradient4994-4-7-4"
+       inkscape:collect="always"
+       gradientTransform="translate(20,-1)" />
+    <linearGradient
+       id="linearGradient4994-4-7-4"
+       inkscape:collect="always">
+      <stop
+         id="stop4996-5-4-2"
+         offset="0"
+         style="stop-color:#c3e9ff;stop-opacity:1" />
+      <stop
+         id="stop4998-5-0-3"
+         offset="1"
+         style="stop-color:#ffffff;stop-opacity:0;" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="16"
+     inkscape:cx="9.8506072"
+     inkscape:cy="9.9346296"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1241"
+     inkscape:window-height="809"
+     inkscape:window-x="175"
+     inkscape:window-y="175"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#a6afc4;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
+       d="m 2,1038.3622 0,11 11,0 0,-11 z m 1,1 9,0 0,9 -9,0 z"
+       id="rect3997-9-1"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccc"
+       inkscape:export-filename="C:\Users\jmietling\Documents\rect3997-9-1.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90" />
+    <path
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:url(#linearGradient4889-2);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
+       d="m 3,1039.3622 8.971875,0 0.02812,9 -8.971875,0 z"
+       id="rect3997-9-1-1"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:url(#linearGradient5062-9);fill-opacity:1;stroke:none;display:inline"
+       d="m 5,1041.3622 0,7 -2,0 0,-9 z"
+       id="rect4853-82-7-6"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="fill:url(#linearGradient4975-2-1);fill-opacity:1;stroke:none;display:inline"
+       d="m 5,1041.3622 7,0 0,-2 -9,0 z"
+       id="rect4853-82-0-1"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#8b96ab;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
+       d="m 4,1040.3622 0,11 11,0 0,-11 z m 1,1 9,0 0,9 -9,0 z"
+       id="rect3997-9-1-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccc"
+       inkscape:export-filename="C:\Users\jmietling\Documents\rect3997-9-1.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90" />
+    <path
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:url(#linearGradient4889-2-1);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
+       d="m 5,1041.3622 8.971875,0 0.02812,9 -8.971875,0 z"
+       id="rect3997-9-1-1-2"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:url(#linearGradient4970);fill-opacity:1;stroke:none;display:inline"
+       d="m 8,1047.3622 5,0 c 1,0 1,-1 0,-1 l -5,0 c -1,0 -1,1 0,1 z"
+       id="rect4853-82-0-6-8"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="fill:url(#linearGradient5062-9-5);fill-opacity:1;stroke:none;display:inline"
+       d="m 7,1043.3622 0,7 -2,0 0,-9 z"
+       id="rect4853-82-7-1"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="fill:url(#linearGradient4975-2-1-1);fill-opacity:1;stroke:none;display:inline"
+       d="m 7,1043.3622 7,0 0,-2 -9,0 z"
+       id="rect4853-82-0-6"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <rect
+       style="fill:#01467a;fill-opacity:1;stroke:none;display:inline"
+       id="rect4167-8"
+       width="1"
+       height="7"
+       x="1045.3622"
+       y="-13"
+       transform="matrix(0,1,-1,0,0,0)" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_contents_view.gif b/org.eclipse.help.webapp/advanced/images/e_contents_view.gif
deleted file mode 100644
index 9e665d5..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_contents_view.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_contents_view.svg b/org.eclipse.help.webapp/advanced/images/e_contents_view.svg
new file mode 100644
index 0000000..5b6159b
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_contents_view.svg
@@ -0,0 +1,161 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="toc_obj.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4259"
+       id="linearGradient4265"
+       x1="24.120523"
+       y1="1050.0033"
+       x2="24.120523"
+       y2="1040.597"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4259">
+      <stop
+         style="stop-color:#dfe9f8;stop-opacity:1"
+         offset="0"
+         id="stop4261" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop4263" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4185"
+       id="linearGradient4191"
+       x1="22.993999"
+       y1="1063.8751"
+       x2="22.993999"
+       y2="1052.5172"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0,-12.561868)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4185">
+      <stop
+         style="stop-color:#525f71;stop-opacity:1"
+         offset="0"
+         id="stop4187" />
+      <stop
+         style="stop-color:#928d6e;stop-opacity:1"
+         offset="1"
+         id="stop4189" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4193"
+       id="linearGradient4199"
+       x1="21.093748"
+       y1="1039.2216"
+       x2="21.093748"
+       y2="1048.3466"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4193">
+      <stop
+         style="stop-color:#958e6c;stop-opacity:1;"
+         offset="0"
+         id="stop4195" />
+      <stop
+         style="stop-color:#536071;stop-opacity:1"
+         offset="1"
+         id="stop4197" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="143.92411"
+     inkscape:cy="-16.55322"
+     inkscape:document-units="px"
+     inkscape:current-layer="g4274"
+     showgrid="false"
+     inkscape:window-width="1440"
+     inkscape:window-height="900"
+     inkscape:window-x="781"
+     inkscape:window-y="423"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g4274"
+       transform="translate(-14.156249,0.03125)">
+      <g
+         style="display:inline"
+         id="g4201"
+         transform="translate(11.968749,-1.5211072e-7)">
+        <g
+           id="g4254"
+           transform="translate(-11.937499,0)">
+          <rect
+             style="opacity:1;fill:url(#linearGradient4265);fill-opacity:1;stroke:url(#linearGradient4191);stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             id="rect4183"
+             width="9.0049677"
+             height="11.010238"
+             x="18.627449"
+             y="1039.8192" />
+          <path
+             style="display:inline;fill:#7aace7;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4199);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 17.656249,1039.1123 8.031249,-2.125 0,11.0312 -8.062499,2.125 z"
+             id="path4156"
+             inkscape:connector-curvature="0" />
+          <path
+             style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#958e6c;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 19.643305,1041.6966 4.016734,-0.7459 -0.0221,2.3242 -4.014839,0.7291 z"
+             id="path4181"
+             inkscape:connector-curvature="0"
+             sodipodi:nodetypes="ccccc" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_forward.gif b/org.eclipse.help.webapp/advanced/images/e_forward.gif
deleted file mode 100644
index e2f8c3e..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_forward.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_forward.svg b/org.eclipse.help.webapp/advanced/images/e_forward.svg
new file mode 100644
index 0000000..cf6e3e2
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_forward.svg
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.0 r9654"
+   sodipodi:docname="forward_nav.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4749">
+      <stop
+         style="stop-color:#ffffee;stop-opacity:1"
+         offset="0"
+         id="stop4751" />
+      <stop
+         style="stop-color:#ffecad;stop-opacity:1"
+         offset="1"
+         id="stop4753" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4741">
+      <stop
+         style="stop-color:#ba7f0d;stop-opacity:1"
+         offset="0"
+         id="stop4743" />
+      <stop
+         style="stop-color:#a2660b;stop-opacity:1"
+         offset="1"
+         id="stop4745" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4741"
+       id="linearGradient4747"
+       x1="11.0625"
+       y1="1038.5497"
+       x2="11.0625"
+       y2="1049.912"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4749"
+       id="linearGradient4755"
+       x1="4.5"
+       y1="1042.047"
+       x2="4.5"
+       y2="1046.4902"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="16"
+     inkscape:cx="-0.57568266"
+     inkscape:cy="2.7852926"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1164"
+     inkscape:window-height="982"
+     inkscape:window-x="104"
+     inkscape:window-y="89"
+     inkscape:window-maximized="0"
+     inkscape:snap-global="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3966" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="fill:url(#linearGradient4755);fill-opacity:1;stroke:url(#linearGradient4747);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       d="m 8.5,1038.8622 0,3 -5.78125,0 c -0.6678671,0 -1.21875,0.5509 -1.21875,1.2188 l 0,2.5625 c 0,0.6678 0.5508829,1.2187 1.21875,1.2187 l 5.78125,0 0,3 1,0 5.5,-5.5 -5.5,-5.5 -1,0 z"
+       id="rect3968"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_highlight.gif b/org.eclipse.help.webapp/advanced/images/e_highlight.gif
deleted file mode 100644
index fd7c175..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_highlight.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_highlight.svg b/org.eclipse.help.webapp/advanced/images/e_highlight.svg
new file mode 100644
index 0000000..d533a16
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_highlight.svg
@@ -0,0 +1,224 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.0 r9654"
+   sodipodi:docname="mark_occurrences.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient4994">
+      <stop
+         id="stop4996"
+         offset="0"
+         style="stop-color:#a19a7c;stop-opacity:1" />
+      <stop
+         style="stop-color:#a29d80;stop-opacity:1"
+         offset="0.13130741"
+         id="stop5002" />
+      <stop
+         style="stop-color:#c5c3b5;stop-opacity:1"
+         offset="0.26261482"
+         id="stop4998" />
+      <stop
+         id="stop5004"
+         offset="0.63130742"
+         style="stop-color:#a29d80;stop-opacity:1" />
+      <stop
+         id="stop5000"
+         offset="1"
+         style="stop-color:#9e9070;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4976">
+      <stop
+         style="stop-color:#a8a38c;stop-opacity:1"
+         offset="0"
+         id="stop4978" />
+      <stop
+         id="stop4984"
+         offset="0.26261482"
+         style="stop-color:#c5c3b5;stop-opacity:1" />
+      <stop
+         style="stop-color:#a19a7c;stop-opacity:1"
+         offset="1"
+         id="stop4980" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4960">
+      <stop
+         style="stop-color:#eac826;stop-opacity:1"
+         offset="0"
+         id="stop4962" />
+      <stop
+         style="stop-color:#c5a334;stop-opacity:1"
+         offset="1"
+         id="stop4964" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4952">
+      <stop
+         style="stop-color:#fbdd83;stop-opacity:1"
+         offset="0"
+         id="stop4954" />
+      <stop
+         id="stop4970"
+         offset="0.25"
+         style="stop-color:#fdf39f;stop-opacity:1" />
+      <stop
+         id="stop4968"
+         offset="0.62763387"
+         style="stop-color:#fee745;stop-opacity:1" />
+      <stop
+         style="stop-color:#eac826;stop-opacity:1"
+         offset="1"
+         id="stop4956" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4942">
+      <stop
+         style="stop-color:#f5d71e;stop-opacity:1"
+         offset="0"
+         id="stop4944" />
+      <stop
+         style="stop-color:#fdf39f;stop-opacity:1"
+         offset="1"
+         id="stop4946" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4942"
+       id="linearGradient4948"
+       x1="17.662846"
+       y1="1052.5724"
+       x2="19.885061"
+       y2="1052.5724"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0,-2.1397741)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4952"
+       id="linearGradient4958"
+       x1="26.461384"
+       y1="1045.0045"
+       x2="29.825548"
+       y2="1048.598"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-2.1397741,4.8953347e-7)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4960"
+       id="linearGradient4966"
+       x1="28.021715"
+       y1="1042.9713"
+       x2="32.686157"
+       y2="1046.8485"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-2.1397741,4.8953347e-7)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4976"
+       id="linearGradient4982"
+       x1="26.544964"
+       y1="1057.6731"
+       x2="30.345661"
+       y2="1061.172"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0,-14.978419)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4994"
+       id="linearGradient4992"
+       x1="29.5947"
+       y1="1053.5125"
+       x2="35.038246"
+       y2="1058.7136"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0,-14.978419)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.313709"
+     inkscape:cx="27.607793"
+     inkscape:cy="3.0183401"
+     inkscape:document-units="px"
+     inkscape:current-layer="g8472"
+     showgrid="false"
+     inkscape:window-width="1171"
+     inkscape:window-height="959"
+     inkscape:window-x="50"
+     inkscape:window-y="50"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       style="display:inline"
+       id="g8472"
+       transform="matrix(0.9346781,0,0,0.9346781,-14.571811,69.044514)">
+      <rect
+         style="fill:url(#linearGradient4948);fill-opacity:1;stroke:none"
+         id="rect4172"
+         width="5.3480377"
+         height="1.0668679"
+         x="15.590192"
+         y="1049.8992" />
+      <g
+         transform="translate(15.600543,0)"
+         id="g8421" />
+      <path
+         style="fill:url(#linearGradient4958);fill-opacity:1;stroke:url(#linearGradient4966);stroke-width:1.06988704px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 25.874196,1042.866 -5.532085,5.3903 c 0,0 -0.425545,1.3948 0.33098,1.9858 0.756524,0.5911 5.933987,0.2601 5.933987,0.2601 l 3.90083,-3.8299 z"
+         id="path4950"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:url(#linearGradient4982);fill-opacity:1;stroke:#999072;stroke-width:1.06988704px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 30.106004,1047.3342 -4.633711,-4.3499 3.889236,-3.8893 4.468222,4.3027 z"
+         id="path4972"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         style="fill:url(#linearGradient4992);fill-opacity:1;stroke:#9c9170;stroke-width:1.06988704px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 30.36606,1044.5919 c -0.532814,-0.6954 -1.460212,-1.6094 -2.245932,-2.1042 -0.785721,-0.4947 -1.820388,-0.6616 -1.820388,-0.6616 0,0 0.09457,-0.993 1.205712,-1.9859 l 8.700031,-8.854 0,12.542 -2.742401,2.3641 c -0.898374,0.5438 -2.316857,0.662 -2.316857,0.662 0.127896,-0.6188 -0.247352,-1.267 -0.780165,-1.9624 z"
+         id="path4974"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="zzccccccz" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_home.gif b/org.eclipse.help.webapp/advanced/images/e_home.gif
deleted file mode 100644
index 4472e8c..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_home.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_home.svg b/org.eclipse.help.webapp/advanced/images/e_home.svg
new file mode 100644
index 0000000..d1b26f7
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_home.svg
@@ -0,0 +1,330 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.0 r9654"
+   sodipodi:docname="home_nav.svg"
+   inkscape:export-filename="C:\Users\jmietling\Documents\rect3997-9-1.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5000">
+      <stop
+         style="stop-color:#fffbce;stop-opacity:1;"
+         offset="0"
+         id="stop5002" />
+      <stop
+         style="stop-color:#ffcf73;stop-opacity:1"
+         offset="1"
+         id="stop5004" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4990">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop4992" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop4994" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4962">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop4964" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop4966" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4901">
+      <stop
+         style="stop-color:#5b7aac;stop-opacity:1"
+         offset="0"
+         id="stop4903" />
+      <stop
+         style="stop-color:#13347c;stop-opacity:1"
+         offset="1"
+         id="stop4905" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4893">
+      <stop
+         style="stop-color:#dff2fe;stop-opacity:1;"
+         offset="0"
+         id="stop4895" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop4897" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4832">
+      <stop
+         style="stop-color:#edeb02;stop-opacity:1;"
+         offset="0"
+         id="stop4834" />
+      <stop
+         style="stop-color:#6cc13a;stop-opacity:1"
+         offset="1"
+         id="stop4836" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4818"
+       inkscape:collect="always">
+      <stop
+         id="stop4820"
+         offset="0"
+         style="stop-color:#296166;stop-opacity:1" />
+      <stop
+         id="stop4822"
+         offset="1"
+         style="stop-color:#274184;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4776">
+      <stop
+         style="stop-color:#39845b;stop-opacity:1;"
+         offset="0"
+         id="stop4778" />
+      <stop
+         style="stop-color:#367a5d;stop-opacity:1"
+         offset="1"
+         id="stop4780" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4764">
+      <stop
+         style="stop-color:#6f736b;stop-opacity:1"
+         offset="0"
+         id="stop4766" />
+      <stop
+         style="stop-color:#a6967b;stop-opacity:1"
+         offset="1"
+         id="stop4768" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4764"
+       id="linearGradient4770"
+       x1="8.4092102"
+       y1="8.7891455"
+       x2="8.4092102"
+       y2="1.1254452"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4776"
+       id="linearGradient4782"
+       x1="10.582661"
+       y1="1043.6017"
+       x2="10.582661"
+       y2="1046.0001"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-2,0)" />
+    <linearGradient
+       y2="1047.6909"
+       x2="10.582661"
+       y1="1043.6017"
+       x1="10.582661"
+       gradientTransform="translate(-2,3.9999517)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient4799"
+       xlink:href="#linearGradient4818"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4832"
+       id="linearGradient4838"
+       x1="11.953301"
+       y1="1048.0667"
+       x2="11.953301"
+       y2="1051.5563"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-4,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4893"
+       id="linearGradient4899"
+       x1="10.672073"
+       y1="1051.7124"
+       x2="10.672073"
+       y2="1039.9114"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-2,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4901"
+       id="linearGradient4907"
+       x1="27.048151"
+       y1="1051.9556"
+       x2="27.048151"
+       y2="1043.3688"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-22,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4962"
+       id="linearGradient4968"
+       x1="5.81739"
+       y1="1041.0914"
+       x2="4.7714186"
+       y2="1040.0861"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4990"
+       id="linearGradient4996"
+       x1="10"
+       y1="1041.3622"
+       x2="9"
+       y2="1042.3622"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4990"
+       id="linearGradient4998"
+       x1="7"
+       y1="1041.3622"
+       x2="8"
+       y2="1042.3622"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5000"
+       id="linearGradient5006"
+       x1="11"
+       y1="1"
+       x2="11"
+       y2="9"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.313708"
+     inkscape:cx="19.547345"
+     inkscape:cy="6.4098931"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1389"
+     inkscape:window-height="982"
+     inkscape:window-x="49"
+     inkscape:window-y="165"
+     inkscape:window-maximized="0"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3966" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="fill:url(#linearGradient4899);fill-opacity:1;stroke:url(#linearGradient4907);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;display:inline"
+       d="m 3.639246,1044.01 4.871803,-4.9944 4.871802,4.9944 c 0.04798,0.049 0.124028,0.055 0.124028,0.124 l 0,7.6443 c 0,0.069 -0.05532,0.1241 -0.124028,0.1241 l -9.743605,0 c -0.06871,0 -0.124028,-0.055 -0.124028,-0.1241 l 0,-7.6443 c 0,-0.069 0.05532,-0.124 0.124028,-0.124 z"
+       id="rect4774-4-4"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="scssssssss" />
+    <rect
+       style="fill:#9f453a;fill-opacity:1;stroke:#aeaa73;stroke-width:0.64999998000000003;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       id="rect4762"
+       width="1.3515625"
+       height="4.5546875"
+       x="4.3203125"
+       y="1.3359375"
+       transform="translate(0,1036.3622)"
+       rx="0.16010694"
+       ry="0.16010694" />
+    <rect
+       style="fill:url(#linearGradient4968);fill-opacity:1;stroke:none;display:inline;opacity:0.5"
+       id="rect4762-8"
+       width="2.0034266"
+       height="3.4940274"
+       x="3.9943805"
+       y="1038.7588"
+       rx="0.23732717"
+       ry="0.12282249" />
+    <rect
+       style="fill:#edeb02;fill-opacity:1;stroke:url(#linearGradient4782);stroke-width:0.66977459;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       id="rect4774"
+       width="2.3239722"
+       height="2.3239722"
+       x="7.3380146"
+       y="1043.7002"
+       rx="0.12402803"
+       ry="0.12402803" />
+    <rect
+       style="fill:url(#linearGradient4838);fill-opacity:1;stroke:url(#linearGradient4799);stroke-width:0.66977459;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;display:inline"
+       id="rect4774-4"
+       width="2.3239722"
+       height="4.1801276"
+       x="7.3380146"
+       y="1047.7002"
+       rx="0.12402803"
+       ry="0.12402803" />
+    <path
+       style="fill:url(#linearGradient4998);fill-opacity:1;stroke:none;display:inline;opacity:0.5"
+       d="m 3.1531968,1043.8654 5.3578522,-5.4927 -5e-7,8.1726 -5.3578517,0 -0.136402,-0.1366 0,-2.4069 z"
+       id="rect4774-4-4-5"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="fill:url(#linearGradient4996);fill-opacity:1;stroke:none;display:inline;opacity:0.5"
+       d="m 8.511049,1038.3727 5.357851,5.4927 0.136402,0.1364 0,2.4069 -0.136402,0.1366 -5.3578515,0 z"
+       id="rect4774-4-4-5-8"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="fill:url(#linearGradient5006);fill-opacity:1;stroke:url(#linearGradient4770);stroke-width:0.64999998000000003;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       d="M 8.46875 1.6875 C 8.4278236 1.6875 8.4063599 1.6873901 8.375 1.71875 L 7.6875 2.40625 L 2.15625 7.9375 C 2.0935302 8.0002198 2.0935302 8.0935302 2.15625 8.15625 L 2.84375 8.84375 C 2.9064698 8.9064698 2.9997802 8.9064698 3.0625 8.84375 L 8.5 3.4375 L 13.90625 8.84375 C 13.96897 8.9064698 14.06228 8.9064698 14.125 8.84375 L 14.8125 8.15625 C 14.87522 8.0935302 14.87522 8.0002198 14.8125 7.9375 L 9.28125 2.40625 L 8.59375 1.71875 C 8.5623901 1.6873901 8.5096764 1.6875 8.46875 1.6875 z "
+       transform="translate(0,1036.3622)"
+       id="rect3973" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_index_view.gif b/org.eclipse.help.webapp/advanced/images/e_index_view.gif
deleted file mode 100644
index 6645b64..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_index_view.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_index_view.svg b/org.eclipse.help.webapp/advanced/images/e_index_view.svg
new file mode 100644
index 0000000..74edc93
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_index_view.svg
@@ -0,0 +1,1338 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="e_index_view.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1326"
+       inkscape:collect="always">
+      <stop
+         id="stop1322"
+         offset="0"
+         style="stop-color:#4073a8;stop-opacity:1" />
+      <stop
+         id="stop1324"
+         offset="1"
+         style="stop-color:#64893e;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1287"
+       inkscape:collect="always">
+      <stop
+         id="stop1283"
+         offset="0"
+         style="stop-color:#8ca0c7;stop-opacity:1" />
+      <stop
+         id="stop1285"
+         offset="1"
+         style="stop-color:#17325d;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1281"
+       inkscape:collect="always">
+      <stop
+         id="stop1277"
+         offset="0"
+         style="stop-color:#8ca0c7;stop-opacity:1" />
+      <stop
+         id="stop1279"
+         offset="1"
+         style="stop-color:#17325d;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1275"
+       inkscape:collect="always">
+      <stop
+         id="stop1271"
+         offset="0"
+         style="stop-color:#8ca0c7;stop-opacity:1" />
+      <stop
+         id="stop1273"
+         offset="1"
+         style="stop-color:#17325d;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1269"
+       inkscape:collect="always">
+      <stop
+         id="stop1265"
+         offset="0"
+         style="stop-color:#8ca0c7;stop-opacity:1" />
+      <stop
+         id="stop1267"
+         offset="1"
+         style="stop-color:#17325d;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1167">
+      <stop
+         style="stop-color:#8ca0c7;stop-opacity:1"
+         offset="0"
+         id="stop1163" />
+      <stop
+         style="stop-color:#4a6192;stop-opacity:1"
+         offset="1"
+         id="stop1165" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1157">
+      <stop
+         style="stop-color:#85c0ee;stop-opacity:1"
+         offset="0"
+         id="stop1153" />
+      <stop
+         style="stop-color:#f4f6f9;stop-opacity:1"
+         offset="1"
+         id="stop1155" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1149">
+      <stop
+         style="stop-color:#4073a8;stop-opacity:1"
+         offset="0"
+         id="stop1145" />
+      <stop
+         style="stop-color:#789dc2;stop-opacity:1"
+         offset="1"
+         id="stop1147" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1037">
+      <stop
+         style="stop-color:#e0e060;stop-opacity:1"
+         offset="0"
+         id="stop1033" />
+      <stop
+         style="stop-color:#80b050;stop-opacity:1"
+         offset="1"
+         id="stop1035" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5641">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5411">
+      <stop
+         style="stop-color:#72828e;stop-opacity:1;"
+         offset="0"
+         id="stop5413" />
+      <stop
+         style="stop-color:#003358;stop-opacity:1;"
+         offset="1"
+         id="stop5415" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5630">
+      <stop
+         style="stop-color:#d8bc68;stop-opacity:1;"
+         offset="0"
+         id="stop5632" />
+      <stop
+         style="stop-color:#fff0c2;stop-opacity:1;"
+         offset="1"
+         id="stop5634" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-6">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974-71" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1-2">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-8" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-9" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-7">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5-6" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-33" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-2-6">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-3-0" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-9-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-9" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-2" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-6"
+       id="linearGradient5572"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4283"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4288"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4321"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1"
+       id="linearGradient4382"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.817902,-657.26294)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3"
+       id="linearGradient4384"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.817902,-662.30115)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient4390"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient4392"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient4394"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-3" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-0" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-4"
+       id="linearGradient4382-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-731.7352)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-4">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-7"
+       id="linearGradient4384-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-736.99747)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-7">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-9" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-9"
+       id="linearGradient4382-3"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-731.7678)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-9">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-8" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-9" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-9"
+       id="linearGradient4384-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-737.03007)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-9">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-7" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-74" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-1"
+       id="linearGradient4394-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3892048,0,0,0.27549241,-31.899058,-1052.4756)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8-07"
+       id="linearGradient4392-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0464198,0,0,0.30750995,-29.951794,-1049.0796)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-07">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-4"
+       id="linearGradient4390-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3930703,0,0,0.26192631,-31.957849,1053.1869)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-4">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-26" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-5"
+       id="linearGradient4382-9"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,32.3374,-665.37304)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-5">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-97" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-60" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-0"
+       id="linearGradient4384-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,32.3374,-670.41122)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-0">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-90" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-1" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5417"
+       cx="13.94572"
+       cy="1045.8255"
+       fx="13.94572"
+       fy="1045.8255"
+       r="10.779004"
+       gradientTransform="matrix(1,0,0,0.98529514,0,15.378714)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5419"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.8121447,-1.9541983,0.96980008,0.27977302,-1035.1855,788.68965)"
+       cx="16.494715"
+       cy="1050.2904"
+       fx="16.494715"
+       fy="1050.2904"
+       r="10.779004" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5426"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient5428"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5430"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5430-8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9"
+       id="linearGradient5426-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66"
+       id="linearGradient5430-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475-9"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9-2"
+       id="linearGradient5426-4-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66-1"
+       id="linearGradient5430-1-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8-6" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525-6"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5592"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641"
+       id="linearGradient5647"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641-4"
+       id="linearGradient5647-2"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       id="linearGradient5641-4">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2" />
+    </linearGradient>
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71554797,0.15002359,0,0.70580829,-11.070338,316.74005)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664"
+       xlink:href="#linearGradient5641-4"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5695"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5697"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5699"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71554797,0.15002359,0,0.70580829,-11.070338,316.74005)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664-4"
+       xlink:href="#linearGradient5641-4-8"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient5641-4-8">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1-4" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5591-4">
+      <stop
+         id="stop5593-0"
+         offset="0"
+         style="stop-color:#e0e566;stop-opacity:1;" />
+      <stop
+         id="stop5595-5"
+         offset="1"
+         style="stop-color:#80b050;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5583-2">
+      <stop
+         id="stop5585-3"
+         offset="0"
+         style="stop-color:#005020;stop-opacity:1" />
+      <stop
+         id="stop5587-3"
+         offset="1"
+         style="stop-color:#309858;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5583-2"
+       id="linearGradient5620"
+       gradientUnits="userSpaceOnUse"
+       x1="2.1879039"
+       y1="9.2638359"
+       x2="2.03125"
+       y2="4.671875"
+       gradientTransform="matrix(1.4105678,0,0,1.4692784,1.35886,1033.7454)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1037"
+       id="linearGradient1039"
+       x1="-5.757359"
+       y1="1042.4757"
+       x2="-5.077126"
+       y2="1047.0719"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(11)" />
+    <linearGradient
+       id="linearGradient4852-7"
+       inkscape:collect="always">
+      <stop
+         id="stop4854-4"
+         offset="0"
+         style="stop-color:#f03f51;stop-opacity:1" />
+      <stop
+         id="stop4856-0"
+         offset="1"
+         style="stop-color:#f5817d;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4844-4">
+      <stop
+         id="stop4846-8"
+         offset="0"
+         style="stop-color:#c51325;stop-opacity:1" />
+      <stop
+         id="stop4848-8"
+         offset="1"
+         style="stop-color:#ca5d49;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4852-7"
+       id="linearGradient4047"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.49963553,0,0,0.49796697,0.18518926,524.81723)"
+       x1="5.1118913"
+       y1="1049.7977"
+       x2="4.7528968"
+       y2="1038.5814" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4844-4"
+       id="linearGradient4049"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.49963553,0,0,0.49796697,0.18518926,524.81723)"
+       x1="8.6566515"
+       y1="1050.7386"
+       x2="8.6566515"
+       y2="1037.7" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1149"
+       id="linearGradient1151"
+       x1="-15.895145"
+       y1="1049.3726"
+       x2="-15.109204"
+       y2="1037.396"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1157"
+       id="linearGradient1159"
+       x1="-4.9939418"
+       y1="1048.1637"
+       x2="-4.9939418"
+       y2="1038.2643"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1167"
+       id="linearGradient1169"
+       x1="-14.997779"
+       y1="1042.8622"
+       x2="-5.0022229"
+       y2="1042.8622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0.0022229,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1167"
+       id="linearGradient1169-1"
+       x1="-14.997779"
+       y1="1042.8622"
+       x2="-5.002223"
+       y2="1042.8622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(17.997779,3)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1287"
+       id="linearGradient1169-6"
+       x1="-14.997779"
+       y1="1042.8622"
+       x2="-5.002223"
+       y2="1042.8622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.30013206,0.30013206,0,-309.49638,1046.8609)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1281"
+       id="linearGradient1169-6-1"
+       x1="-14.997779"
+       y1="1042.8622"
+       x2="-5.002223"
+       y2="1042.8622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.30013206,0.30013206,0,-306.49638,1046.8609)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1275"
+       id="linearGradient1169-6-0"
+       x1="-14.997779"
+       y1="1042.8622"
+       x2="-5.002223"
+       y2="1042.8622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.30013206,0.30013206,0,-303.49638,1046.8609)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1269"
+       id="linearGradient1169-6-7"
+       x1="-14.997779"
+       y1="1042.8622"
+       x2="-5.002223"
+       y2="1042.8622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.30013206,0.30013206,0,-300.49638,1046.8609)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1326"
+       id="linearGradient1151-4"
+       x1="-15.895145"
+       y1="1049.3726"
+       x2="-15.109204"
+       y2="1037.396"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(5,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1326"
+       id="linearGradient1151-4-1"
+       x1="-15.895145"
+       y1="1049.3726"
+       x2="-15.109204"
+       y2="1037.396"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.99092354,9,10.420147)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1326"
+       id="linearGradient1365"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(23,1)"
+       x1="-15.895145"
+       y1="1049.3726"
+       x2="-15.109204"
+       y2="1037.396" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1157"
+       id="linearGradient1367"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(18,1)"
+       x1="-4.9939418"
+       y1="1048.1637"
+       x2="-4.9939418"
+       y2="1038.2643" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1149"
+       id="linearGradient1369"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(18,1)"
+       x1="-15.895145"
+       y1="1049.3726"
+       x2="-15.109204"
+       y2="1037.396" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1167"
+       id="linearGradient1371"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(18.002223,1)"
+       x1="-14.997779"
+       y1="1042.8622"
+       x2="-5.0022229"
+       y2="1042.8622" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1326"
+       id="linearGradient1365-6"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(28,1)"
+       x1="-15.895145"
+       y1="1049.3726"
+       x2="-15.109204"
+       y2="1037.396" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.627416"
+     inkscape:cx="3.5371346"
+     inkscape:cy="11.309364"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false"
+     inkscape:snap-others="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4250" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="display:inline;fill:#e0e060;fill-opacity:1;stroke:url(#linearGradient1365-6);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 11.5,1049.8622 h 1.729631 v -9 H 14.5 v -2 h -3 z"
+       id="path1143-1-4"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="display:inline;fill:#e0e060;fill-opacity:1;stroke:url(#linearGradient1365);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 6.5,1049.8622 h 7 v -9 h -4 v -2 h -3 z"
+       id="path1143-1"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="fill:url(#linearGradient1367);fill-opacity:1;stroke:url(#linearGradient1369);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 1.5,1049.8622 h 13 v -9 h -8 l -1.5,-2 H 1.5 Z"
+       id="path1143"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="fill:none;stroke:url(#linearGradient1371);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 3.004444,1043.8622 H 13"
+       id="path1161"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:none;stroke:url(#linearGradient1169-1);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 3,1045.8622 h 9.995556"
+       id="path1161-7"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:none;stroke:url(#linearGradient1169-6);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 3.5,1051.3622 v -3"
+       id="path1161-3"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:none;stroke:url(#linearGradient1169-6-1);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 6.5,1051.3622 v -3"
+       id="path1161-3-2"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:none;stroke:url(#linearGradient1169-6-0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 9.5,1051.3622 v -3"
+       id="path1161-3-9"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:none;stroke:url(#linearGradient1169-6-7);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 12.5,1051.3622 v -3"
+       id="path1161-3-4"
+       inkscape:connector-curvature="0" />
+    <image
+       y="1037.3622"
+       x="21"
+       id="image1140"
+       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAXVJREFU
+OI2lkjFrVEEUhb8bki59inSCYCWopSwpAhYSJIVgY1CESBCLVBJlrXQJ2PgDhBBBExJIoXaaIsli
+kSpVJJU/YSEx7t55b2aPxfLeyxLYRPbCwDnDzLkfd8YkMUyNDHUbGC3Ey5VmibL8pGbz76ZK/+HF
+7jlfaJNEY31fi7M3ytS36/ssTK9UfuM39QdX+nwRYpJ4/bGph/dqfWifvjYvxH/zqGajAJ4lPHYB
+AwkM7t+9DQIwhDBAGGZCgs9f9qoZdELk1LsXdjxbnRCrgHaWOAmJXz8PiDGS5TnuOe4Bd6fdyXAP
+hBAIWeT5q6e0s1QFhJBz7InJW9cv1f3YEyHkVYDniRNP/Dk8vBTB7LPHeH6GAOBv6GJXrzGGMSYY
+702N8vFNIAMTp1k1rzKgE4vNQV9b589IYqa+pcZOSxM353TUko5aGqgbOy3N1LckqUeQxcSPb99Z
+XV1mobEBMFC/X9vuJyjWnaVN/Y+W1PvKw9Q/3rIiaWq8Z5oAAAAASUVORK5CYII=
+"
+       style="image-rendering:optimizeSpeed"
+       preserveAspectRatio="none"
+       height="16"
+       width="16" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_links_view.gif b/org.eclipse.help.webapp/advanced/images/e_links_view.gif
deleted file mode 100644
index d0b5c15..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_links_view.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_maximize.gif b/org.eclipse.help.webapp/advanced/images/e_maximize.gif
deleted file mode 100644
index 55af28e..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_maximize.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_maximize.svg b/org.eclipse.help.webapp/advanced/images/e_maximize.svg
new file mode 100644
index 0000000..6046b5f
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_maximize.svg
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="e_maximize.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient4989">
+      <stop
+         style="stop-color:#c3e9ff;stop-opacity:0.49019608;"
+         offset="0"
+         id="stop4991" />
+      <stop
+         id="stop4995"
+         offset="0.5"
+         style="stop-color:#c3e9ff;stop-opacity:1;" />
+      <stop
+         style="stop-color:#c3e9ff;stop-opacity:0.49019608;"
+         offset="1"
+         id="stop4993" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#8b8b8b"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="16"
+     inkscape:cx="-0.5868928"
+     inkscape:cy="9.9346296"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-nodes="false"
+     inkscape:bbox-paths="false"
+     inkscape:bbox-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="fill:#f6f7f9;fill-opacity:1;stroke:#000000;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 4.5,1039.8622 h 7 v 9 h -7 z"
+       id="path863"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 5,1041.8622 h 6.125"
+       id="path865"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_print_toc.gif b/org.eclipse.help.webapp/advanced/images/e_print_toc.gif
deleted file mode 100644
index 6fe0942..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_print_toc.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_print_toc.svg b/org.eclipse.help.webapp/advanced/images/e_print_toc.svg
new file mode 100644
index 0000000..16af538
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_print_toc.svg
@@ -0,0 +1,388 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="28"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="print_toc.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       gradientTransform="translate(-17.574693,0.01687047)"
+       gradientUnits="userSpaceOnUse"
+       y2="1049.379"
+       x2="28"
+       y1="1050.379"
+       x1="28"
+       id="linearGradient4893-5-8"
+       xlink:href="#linearGradient4887-09-2"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4887-09-2"
+       inkscape:collect="always">
+      <stop
+         id="stop4889-4-4"
+         offset="0"
+         style="stop-color:#7e9bcb;stop-opacity:1;" />
+      <stop
+         id="stop4891-8-5"
+         offset="1"
+         style="stop-color:#4368a4;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(-17.574693,0.01687047)"
+       gradientUnits="userSpaceOnUse"
+       y2="1050.3622"
+       x2="24"
+       y1="1051.3622"
+       x1="24"
+       id="linearGradient4901-0"
+       xlink:href="#linearGradient4895-4"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4895-4"
+       inkscape:collect="always">
+      <stop
+         id="stop4897-4"
+         offset="0"
+         style="stop-color:#5978ab;stop-opacity:1;" />
+      <stop
+         id="stop4899-0"
+         offset="1"
+         style="stop-color:#3b5176;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(-17.574693,0.01687047)"
+       gradientUnits="userSpaceOnUse"
+       y2="1042.915"
+       x2="29.453629"
+       y1="1049.8108"
+       x1="29.453629"
+       id="linearGradient4827-5"
+       xlink:href="#linearGradient4821-8-1"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4821-8-1"
+       inkscape:collect="always">
+      <stop
+         id="stop4823-1"
+         offset="0"
+         style="stop-color:#b7c9e3;stop-opacity:1;" />
+      <stop
+         id="stop4825-5"
+         offset="1"
+         style="stop-color:#f3f5f6;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(-17.574693,0.01687047)"
+       gradientUnits="userSpaceOnUse"
+       y2="1042.6865"
+       x2="23.289864"
+       y1="1050.5165"
+       x1="23.289864"
+       id="linearGradient4835-90"
+       xlink:href="#linearGradient4829-8"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4829-8"
+       inkscape:collect="always">
+      <stop
+         id="stop4831-3"
+         offset="0"
+         style="stop-color:#607fb0;stop-opacity:1" />
+      <stop
+         id="stop4833-87"
+         offset="1"
+         style="stop-color:#7593c1;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(1.4253066,-1.022192)"
+       gradientUnits="userSpaceOnUse"
+       y2="1046.4012"
+       x2="9.8946028"
+       y1="1039.153"
+       x1="9.8946028"
+       id="linearGradient5000-26"
+       xlink:href="#linearGradient4994-93"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4994-93"
+       inkscape:collect="always">
+      <stop
+         id="stop4996-8"
+         offset="0"
+         style="stop-color:#f9fafc;stop-opacity:1;" />
+      <stop
+         id="stop4998-10"
+         offset="1"
+         style="stop-color:#dce7f8;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(3.4253066,-1.022192)"
+       gradientUnits="userSpaceOnUse"
+       y2="1039.9095"
+       x2="9.0883884"
+       y1="1040.9814"
+       x1="8.3314562"
+       id="linearGradient4900-3"
+       xlink:href="#linearGradient4894-3"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4894-3"
+       inkscape:collect="always">
+      <stop
+         id="stop4896-8"
+         offset="0"
+         style="stop-color:#e4cf9d;stop-opacity:1" />
+      <stop
+         id="stop4898-4"
+         offset="1"
+         style="stop-color:#d0ab5b;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(1.4253066,-1.022192)"
+       gradientUnits="userSpaceOnUse"
+       y2="1047.4012"
+       x2="10.544736"
+       y1="1038.5779"
+       x1="10.544736"
+       id="linearGradient4908-8"
+       xlink:href="#linearGradient4902-0"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4902-0"
+       inkscape:collect="always">
+      <stop
+         id="stop4904-1"
+         offset="0"
+         style="stop-color:#c7b571;stop-opacity:1" />
+      <stop
+         id="stop4906-5"
+         offset="1"
+         style="stop-color:#989891;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="matrix(0.7139977,0,0,1,3.4222893,-3.9727361)"
+       gradientUnits="userSpaceOnUse"
+       y2="1045.8571"
+       x2="14"
+       y1="1045.8571"
+       x1="7.0070496"
+       id="linearGradient4869-4"
+       xlink:href="#linearGradient4861-1"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4861-1"
+       inkscape:collect="always">
+      <stop
+         id="stop4863-3"
+         offset="0"
+         style="stop-color:#91a5c7;stop-opacity:1;" />
+      <stop
+         id="stop4865-7"
+         offset="1"
+         style="stop-color:#637aa7;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="matrix(0.7139977,0,0,1,3.4222893,-3.9623427)"
+       gradientUnits="userSpaceOnUse"
+       y2="1047.8571"
+       x2="14"
+       y1="1047.8571"
+       x1="7.0070496"
+       id="linearGradient4871-3"
+       xlink:href="#linearGradient5147-5"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5147-5">
+      <stop
+         style="stop-color:#91a5c7;stop-opacity:1;"
+         offset="0"
+         id="stop5149-8" />
+      <stop
+         style="stop-color:#637aa7;stop-opacity:1"
+         offset="1"
+         id="stop5151-5" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4937-4-9"
+       id="linearGradient4918-7-6"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-0.57469339,-1.0222295)"
+       x1="6"
+       y1="1045.4012"
+       x2="7"
+       y2="1045.4012" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4937-4-9">
+      <stop
+         style="stop-color:#000000;stop-opacity:0"
+         offset="0"
+         id="stop4939-0" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1"
+         id="stop4941-8" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4937-5-3">
+      <stop
+         style="stop-color:#000000;stop-opacity:0"
+         offset="0"
+         id="stop4939-2-6" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1"
+         id="stop4941-7-0" />
+    </linearGradient>
+    <linearGradient
+       y2="1045.4012"
+       x2="7"
+       y1="1045.4012"
+       x1="6"
+       gradientTransform="matrix(-1,0,0,1,22.425307,-1.0222295)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient6209"
+       xlink:href="#linearGradient4937-5-3"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="26.53125"
+     inkscape:cx="7.5100118"
+     inkscape:cy="2.5507888"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1-2"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5105" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       style="display:inline"
+       id="layer1-2"
+       inkscape:label="Layer 1"
+       transform="translate(-0.92087393,-0.01685309)">
+      <g
+         id="g82"
+         transform="translate(-0.50172396,-0.00347069)">
+        <rect
+           style="display:inline;fill:url(#linearGradient4893-5-8);fill-opacity:1;stroke:url(#linearGradient4901-0);stroke-opacity:1"
+           id="rect4051-2"
+           width="12.001725"
+           height="3.5034955"
+           x="4.9208741"
+           y="1048.379"
+           rx="0.86178637"
+           ry="0.86178637" />
+        <rect
+           style="fill:url(#linearGradient4827-5);fill-opacity:1;stroke:url(#linearGradient4835-90);stroke-opacity:1"
+           id="rect4051"
+           width="13.999893"
+           height="7.0015941"
+           x="3.9225979"
+           y="1042.881"
+           rx="0.86178637"
+           ry="0.86178637" />
+        <path
+           style="display:inline;fill:url(#linearGradient5000-26);fill-opacity:1;stroke:none"
+           d="m 6.9225891,1037.8816 h 5.0096699 l 3.062057,3.0066 v 4.9048 H 6.9225891 Z"
+           id="rect4001-3"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccccc" />
+        <path
+           style="fill:url(#linearGradient4900-3);fill-opacity:1;stroke:none"
+           d="m 11.401929,1037.4189 v 2.961 h 3.977476 z"
+           id="path4884"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccc" />
+        <path
+           style="fill:none;stroke:url(#linearGradient4908-8);stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1"
+           d="m 6.9225891,1037.8816 h 4.9432629 l 3.062058,2.0122 v 5.9867 H 6.9225891 Z"
+           id="rect4001"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccccc" />
+        <rect
+           style="display:inline;fill:url(#linearGradient4869-4);fill-opacity:1;stroke:none"
+           id="rect4001-1-7"
+           width="4.9929504"
+           height="1.0103934"
+           x="8.4253063"
+           y="1041.379" />
+        <rect
+           style="display:inline;fill:url(#linearGradient4871-3);fill-opacity:1;stroke:none"
+           id="rect4001-1-7-4"
+           width="4.9929504"
+           height="1.0103934"
+           x="8.4253063"
+           y="1043.3894" />
+        <path
+           style="display:inline;opacity:0.25;fill:url(#linearGradient4918-7-6);fill-opacity:1;stroke:none"
+           d="m 5.4253066,1042.3791 h 1 v 4 h -1 z"
+           id="rect4001-3-1"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+        <path
+           style="display:inline;opacity:0.25;fill:url(#linearGradient6209);fill-opacity:1;stroke:none"
+           d="m 16.425307,1042.3791 h -1 v 4 h 1 z"
+           id="rect4001-3-1-6"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+      </g>
+      <path
+         style="fill:#6483b4;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 21.920874,1043.4161 7,-0.037 -3.5,3.9996 z"
+         id="path86"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_print_topic.gif b/org.eclipse.help.webapp/advanced/images/e_print_topic.gif
deleted file mode 100644
index 04cb84b..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_print_topic.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_print_topic.svg b/org.eclipse.help.webapp/advanced/images/e_print_topic.svg
new file mode 100644
index 0000000..290088d
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_print_topic.svg
@@ -0,0 +1,375 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="print_edit.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       gradientTransform="translate(-20,0)"
+       gradientUnits="userSpaceOnUse"
+       y2="1049.379"
+       x2="28"
+       y1="1050.379"
+       x1="28"
+       id="linearGradient4893-5-8"
+       xlink:href="#linearGradient4887-09-2"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4887-09-2"
+       inkscape:collect="always">
+      <stop
+         id="stop4889-4-4"
+         offset="0"
+         style="stop-color:#7e9bcb;stop-opacity:1;" />
+      <stop
+         id="stop4891-8-5"
+         offset="1"
+         style="stop-color:#4368a4;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(-20,0)"
+       gradientUnits="userSpaceOnUse"
+       y2="1050.3622"
+       x2="24"
+       y1="1051.3622"
+       x1="24"
+       id="linearGradient4901-0"
+       xlink:href="#linearGradient4895-4"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4895-4"
+       inkscape:collect="always">
+      <stop
+         id="stop4897-4"
+         offset="0"
+         style="stop-color:#5978ab;stop-opacity:1;" />
+      <stop
+         id="stop4899-0"
+         offset="1"
+         style="stop-color:#3b5176;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(-20,0)"
+       gradientUnits="userSpaceOnUse"
+       y2="1042.915"
+       x2="29.453629"
+       y1="1049.8108"
+       x1="29.453629"
+       id="linearGradient4827-5"
+       xlink:href="#linearGradient4821-8-1"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4821-8-1"
+       inkscape:collect="always">
+      <stop
+         id="stop4823-1"
+         offset="0"
+         style="stop-color:#b7c9e3;stop-opacity:1;" />
+      <stop
+         id="stop4825-5"
+         offset="1"
+         style="stop-color:#f3f5f6;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(-20,0)"
+       gradientUnits="userSpaceOnUse"
+       y2="1042.6865"
+       x2="23.289864"
+       y1="1050.5165"
+       x1="23.289864"
+       id="linearGradient4835-90"
+       xlink:href="#linearGradient4829-8"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4829-8"
+       inkscape:collect="always">
+      <stop
+         id="stop4831-3"
+         offset="0"
+         style="stop-color:#607fb0;stop-opacity:1" />
+      <stop
+         id="stop4833-87"
+         offset="1"
+         style="stop-color:#7593c1;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(-1,-1.0390625)"
+       gradientUnits="userSpaceOnUse"
+       y2="1046.4012"
+       x2="9.8946028"
+       y1="1039.153"
+       x1="9.8946028"
+       id="linearGradient5000-26"
+       xlink:href="#linearGradient4994-93"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4994-93"
+       inkscape:collect="always">
+      <stop
+         id="stop4996-8"
+         offset="0"
+         style="stop-color:#f9fafc;stop-opacity:1;" />
+      <stop
+         id="stop4998-10"
+         offset="1"
+         style="stop-color:#dce7f8;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(1,-1.0390625)"
+       gradientUnits="userSpaceOnUse"
+       y2="1039.9095"
+       x2="9.0883884"
+       y1="1040.9814"
+       x1="8.3314562"
+       id="linearGradient4900-3"
+       xlink:href="#linearGradient4894-3"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4894-3"
+       inkscape:collect="always">
+      <stop
+         id="stop4896-8"
+         offset="0"
+         style="stop-color:#e4cf9d;stop-opacity:1" />
+      <stop
+         id="stop4898-4"
+         offset="1"
+         style="stop-color:#d0ab5b;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(-1,-1.0390625)"
+       gradientUnits="userSpaceOnUse"
+       y2="1047.4012"
+       x2="10.544736"
+       y1="1038.5779"
+       x1="10.544736"
+       id="linearGradient4908-8"
+       xlink:href="#linearGradient4902-0"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4902-0"
+       inkscape:collect="always">
+      <stop
+         id="stop4904-1"
+         offset="0"
+         style="stop-color:#c7b571;stop-opacity:1" />
+      <stop
+         id="stop4906-5"
+         offset="1"
+         style="stop-color:#989891;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="matrix(0.7139977,0,0,1,0.99698274,-3.9896066)"
+       gradientUnits="userSpaceOnUse"
+       y2="1045.8571"
+       x2="14"
+       y1="1045.8571"
+       x1="7.0070496"
+       id="linearGradient4869-4"
+       xlink:href="#linearGradient4861-1"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4861-1"
+       inkscape:collect="always">
+      <stop
+         id="stop4863-3"
+         offset="0"
+         style="stop-color:#91a5c7;stop-opacity:1;" />
+      <stop
+         id="stop4865-7"
+         offset="1"
+         style="stop-color:#637aa7;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="matrix(0.7139977,0,0,1,0.99698274,-3.9792132)"
+       gradientUnits="userSpaceOnUse"
+       y2="1047.8571"
+       x2="14"
+       y1="1047.8571"
+       x1="7.0070496"
+       id="linearGradient4871-3"
+       xlink:href="#linearGradient5147-5"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5147-5">
+      <stop
+         style="stop-color:#91a5c7;stop-opacity:1;"
+         offset="0"
+         id="stop5149-8" />
+      <stop
+         style="stop-color:#637aa7;stop-opacity:1"
+         offset="1"
+         id="stop5151-5" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4937-4-9"
+       id="linearGradient4918-7-6"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-3,-1.0391)"
+       x1="6"
+       y1="1045.4012"
+       x2="7"
+       y2="1045.4012" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4937-4-9">
+      <stop
+         style="stop-color:#000000;stop-opacity:0"
+         offset="0"
+         id="stop4939-0" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1"
+         id="stop4941-8" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4937-5-3">
+      <stop
+         style="stop-color:#000000;stop-opacity:0"
+         offset="0"
+         id="stop4939-2-6" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1"
+         id="stop4941-7-0" />
+    </linearGradient>
+    <linearGradient
+       y2="1045.4012"
+       x2="7"
+       y1="1045.4012"
+       x1="6"
+       gradientTransform="matrix(-1,0,0,1,20,-1.0391)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient6209"
+       xlink:href="#linearGradient4937-5-3"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="45.254834"
+     inkscape:cx="7.3324484"
+     inkscape:cy="2.0249319"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1-2"
+     showgrid="true"
+     inkscape:window-width="1208"
+     inkscape:window-height="913"
+     inkscape:window-x="50"
+     inkscape:window-y="50"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5105" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       style="display:inline"
+       id="layer1-2"
+       inkscape:label="Layer 1"
+       transform="translate(-0.92087393,-0.01685309)">
+      <rect
+         ry="0.86178637"
+         rx="0.86178637"
+         y="1048.3622"
+         x="2.4955673"
+         height="3.5034955"
+         width="12.001725"
+         id="rect4051-2"
+         style="fill:url(#linearGradient4893-5-8);fill-opacity:1;stroke:url(#linearGradient4901-0);stroke-opacity:1;display:inline" />
+      <rect
+         ry="0.86178637"
+         rx="0.86178637"
+         y="1042.8641"
+         x="1.4972912"
+         height="7.0015941"
+         width="13.999893"
+         id="rect4051"
+         style="fill:url(#linearGradient4827-5);fill-opacity:1;stroke:url(#linearGradient4835-90);stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="cccccc"
+         inkscape:connector-curvature="0"
+         id="rect4001-3"
+         d="m 4.4972825,1037.8647 5.0096695,0 3.062057,3.0066 0,4.9048 -8.0717265,0 z"
+         style="fill:url(#linearGradient5000-26);fill-opacity:1;stroke:none;display:inline" />
+      <path
+         sodipodi:nodetypes="cccc"
+         inkscape:connector-curvature="0"
+         id="path4884"
+         d="m 8.976622,1037.402 0,2.961 3.977476,0 z"
+         style="fill:url(#linearGradient4900-3);fill-opacity:1;stroke:none" />
+      <path
+         sodipodi:nodetypes="cccccc"
+         inkscape:connector-curvature="0"
+         id="rect4001"
+         d="m 4.4972825,1037.8647 4.9432633,0 3.0620572,2.0122 0,5.9867 -8.0053205,0 z"
+         style="fill:none;stroke:url(#linearGradient4908-8);stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0" />
+      <rect
+         y="1041.3622"
+         x="6"
+         height="1.0103934"
+         width="4.9929504"
+         id="rect4001-1-7"
+         style="fill:url(#linearGradient4869-4);fill-opacity:1;stroke:none;display:inline" />
+      <rect
+         y="1043.3726"
+         x="6"
+         height="1.0103934"
+         width="4.9929504"
+         id="rect4001-1-7-4"
+         style="fill:url(#linearGradient4871-3);fill-opacity:1;stroke:none;display:inline" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4001-3-1"
+         d="m 3,1042.3622 1,0 0,4 -1,0 z"
+         style="opacity:0.25;fill:url(#linearGradient4918-7-6);fill-opacity:1;stroke:none;display:inline" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4001-3-1-6"
+         d="m 14,1042.3622 -1,0 0,4 1,0 z"
+         style="opacity:0.25;fill:url(#linearGradient6209);fill-opacity:1;stroke:none;display:inline" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_quick_search.gif b/org.eclipse.help.webapp/advanced/images/e_quick_search.gif
deleted file mode 100644
index 0fa847e..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_quick_search.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_quick_search.svg b/org.eclipse.help.webapp/advanced/images/e_quick_search.svg
new file mode 100644
index 0000000..2e13a61
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_quick_search.svg
@@ -0,0 +1,508 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="quick_search.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1326">
+      <stop
+         style="stop-color:#f9fafc;stop-opacity:1"
+         offset="0"
+         id="stop1322" />
+      <stop
+         style="stop-color:#e3ebf8;stop-opacity:1"
+         offset="1"
+         id="stop1324" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1310">
+      <stop
+         style="stop-color:#c7b571;stop-opacity:1"
+         offset="0"
+         id="stop1306" />
+      <stop
+         style="stop-color:#a9a285;stop-opacity:1"
+         offset="1"
+         id="stop1308" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1285"
+       inkscape:collect="always">
+      <stop
+         id="stop1281"
+         offset="0"
+         style="stop-color:#9fb8f0;stop-opacity:1" />
+      <stop
+         id="stop1283"
+         offset="1"
+         style="stop-color:#718fcd;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1279"
+       inkscape:collect="always">
+      <stop
+         id="stop1275"
+         offset="0"
+         style="stop-color:#9fb8f0;stop-opacity:1" />
+      <stop
+         id="stop1277"
+         offset="1"
+         style="stop-color:#718fcd;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1265">
+      <stop
+         style="stop-color:#7f9ed8;stop-opacity:1"
+         offset="0"
+         id="stop1261" />
+      <stop
+         style="stop-color:#718fcd;stop-opacity:1"
+         offset="1"
+         id="stop1263" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,683.75303,332.65243)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5440"
+       id="linearGradient5446"
+       x1="25.367371"
+       y1="1051.4069"
+       x2="33.890358"
+       y2="1051.4069"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       gradientTransform="matrix(0.67296667,0.67261869,-0.67296667,0.67261869,695.88897,319.95238)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5428"
+       id="linearGradient5434"
+       x1="26.107269"
+       y1="1045.9496"
+       x2="33.162998"
+       y2="1045.9496"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5206"
+       id="linearGradient5376"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,683.75306,332.6524)"
+       x1="26.45211"
+       y1="1052.0043"
+       x2="32.842041"
+       y2="1052.0043" />
+    <linearGradient
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,683.34253,332.84136)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5351"
+       id="linearGradient5374"
+       gradientUnits="userSpaceOnUse"
+       x1="25.98222"
+       y1="1056.9694"
+       x2="33.275513"
+       y2="1056.9694" />
+    <linearGradient
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,683.34253,332.84136)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5331"
+       id="linearGradient5372"
+       gradientUnits="userSpaceOnUse"
+       x1="26.880592"
+       y1="1056.9694"
+       x2="32.471878"
+       y2="1056.9694" />
+    <linearGradient
+       gradientTransform="matrix(0.67296667,0.67261869,-0.67296667,0.67261869,695.88897,319.95238)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5378"
+       id="linearGradient5370"
+       gradientUnits="userSpaceOnUse"
+       x1="27.009878"
+       y1="1046.1316"
+       x2="32.176903"
+       y2="1046.1316" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5109"
+       id="linearGradient5368"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,683.52934,332.68514)"
+       x1="29.714636"
+       y1="1041.3262"
+       x2="29.714636"
+       y2="1039.1387" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5109">
+      <stop
+         style="stop-color:#906f4e;stop-opacity:1"
+         offset="0"
+         id="stop5111" />
+      <stop
+         style="stop-color:#dfbd7f;stop-opacity:1"
+         offset="1"
+         id="stop5113" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5206">
+      <stop
+         style="stop-color:#bbb8bb;stop-opacity:1"
+         offset="0"
+         id="stop5208" />
+      <stop
+         id="stop5216"
+         offset="0.25"
+         style="stop-color:#ccc8cb;stop-opacity:1" />
+      <stop
+         id="stop5214"
+         offset="0.5"
+         style="stop-color:#bdb6bc;stop-opacity:1" />
+      <stop
+         style="stop-color:#9b8c98;stop-opacity:1"
+         offset="1"
+         id="stop5210" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5331">
+      <stop
+         style="stop-color:#fef48d;stop-opacity:1"
+         offset="0"
+         id="stop5333" />
+      <stop
+         id="stop5341"
+         offset="0.3251386"
+         style="stop-color:#fffffe;stop-opacity:1" />
+      <stop
+         id="stop5339"
+         offset="0.66393197"
+         style="stop-color:#fffffe;stop-opacity:1" />
+      <stop
+         style="stop-color:#fef48d;stop-opacity:1"
+         offset="1"
+         id="stop5335" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5351">
+      <stop
+         style="stop-color:#e4a239;stop-opacity:1;"
+         offset="0"
+         id="stop5353" />
+      <stop
+         style="stop-color:#fada7d;stop-opacity:1"
+         offset="1"
+         id="stop5355" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5378">
+      <stop
+         id="stop5380"
+         offset="0"
+         style="stop-color:#f4d684;stop-opacity:1" />
+      <stop
+         style="stop-color:#fcf4c6;stop-opacity:1"
+         offset="0.25"
+         id="stop5382" />
+      <stop
+         style="stop-color:#fbeebc;stop-opacity:1"
+         offset="0.5"
+         id="stop5384" />
+      <stop
+         id="stop5386"
+         offset="1"
+         style="stop-color:#eeb960;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5428">
+      <stop
+         style="stop-color:#f0a53b;stop-opacity:1;"
+         offset="0"
+         id="stop5430" />
+      <stop
+         id="stop5438"
+         offset="0.26895422"
+         style="stop-color:#f2d58f;stop-opacity:1" />
+      <stop
+         id="stop5436"
+         offset="0.60424823"
+         style="stop-color:#efb965;stop-opacity:1" />
+      <stop
+         style="stop-color:#df9833;stop-opacity:1"
+         offset="1"
+         id="stop5432" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5440">
+      <stop
+         style="stop-color:#ad8e5f;stop-opacity:1"
+         offset="0"
+         id="stop5442" />
+      <stop
+         style="stop-color:#8f6e4d;stop-opacity:1"
+         offset="1"
+         id="stop5444" />
+    </linearGradient>
+    <mask
+       id="mask8820"
+       maskUnits="userSpaceOnUse">
+      <g
+         inkscape:label="Layer 1"
+         id="g8822"
+         style="display:inline;fill:#ffffff;stroke:#ffffff"
+         transform="matrix(1.0698871,0,0,1.0698871,15.540293,-72.622799)">
+        <g
+           style="display:inline;fill:#ffffff;stroke:#ffffff"
+           id="g8824"
+           transform="matrix(0.9346781,0,0,0.9346781,-14.571811,69.044514)">
+          <g
+             style="fill:#ffffff;stroke:#ffffff"
+             transform="translate(15.600543)"
+             id="g8826">
+            <g
+               style="fill:#ffffff;stroke:#ffffff"
+               id="g8828"
+               transform="rotate(45,26.208459,1022.0081)">
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8830"
+                 d="m 28.565245,1040.0695 -1.069887,2.1398 h 4.279549 l -1.069887,-2.1398 c -0.472828,-0.9477 -1.844257,-0.7625 -2.139775,0 z"
+                 style="display:inline;fill:#ffffff;stroke:#ffffff;stroke-width:1.06988704;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8832"
+                 d="m 26.607269,1042.2428 c 1.259438,-1.6377 4.858466,-1.5046 6.055728,0 v 8.5925 h -6.055728 z"
+                 style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8834"
+                 d="m 29.411544,1042.9075 c -0.368467,0.01 -0.72715,0.043 -1.069887,0.1003 v 2.4073 c 0.342737,-0.057 0.70142,-0.09 1.069887,-0.1003 z"
+                 style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1px;marker:none;enable-background:accumulate" />
+              <path
+                 sodipodi:nodetypes="sccccs"
+                 inkscape:connector-curvature="0"
+                 id="path8836"
+                 d="m 29.645582,1053.51 c -1.546954,0 -3.096933,0.3554 -3.778039,1.0365 v 0.5683 c 1.362214,1.3622 6.178977,1.3438 7.522644,0 v -0.5683 c -0.671834,-0.6719 -2.197651,-1.0342 -3.744605,-1.0365 z"
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-opacity:1" />
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8838"
+                 d="m 26.422196,1052.4196 v 12.1257 h 6.413338 v -12.1257 z"
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.87995493;stroke-opacity:1" />
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path8840"
+                 d="m 25.867543,1050.1666 v 4.3799 c 1.778049,-1.9187 5.89609,-1.8666 7.522644,0 v -4.3799 c -1.258456,-2.537 -6.051006,-2.5281 -7.522644,0 z"
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.0003444;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1"
+                 sodipodi:nodetypes="ccccc" />
+            </g>
+          </g>
+        </g>
+      </g>
+    </mask>
+    <linearGradient
+       id="linearGradient7592-1-3-6">
+      <stop
+         id="stop7594-6-9-5"
+         offset="0"
+         style="stop-color:#ad7212;stop-opacity:1;" />
+      <stop
+         id="stop7596-9-2-1"
+         offset="1"
+         style="stop-color:#875f1e;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient7584-5-3-4">
+      <stop
+         id="stop7586-4-4-4"
+         offset="0"
+         style="stop-color:#f9cd5f;stop-opacity:1;" />
+      <stop
+         id="stop7588-5-0-3"
+         offset="1"
+         style="stop-color:#ffebb7;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1265"
+       id="linearGradient1267"
+       x1="-5.0521278"
+       y1="1044.8525"
+       x2="-2.0791261"
+       y2="1044.8525"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3545244,0,0,0.00297926,10.750603,1040.7661)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1285"
+       id="linearGradient1271"
+       x1="-5.08005"
+       y1="1040.7997"
+       x2="0.96027756"
+       y2="1040.7997"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.66318052,0,0,4.9287419e-4,7.2869503,1041.3661)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1279"
+       id="linearGradient1273"
+       x1="-5.0656271"
+       y1="1038.7997"
+       x2="-0.062227711"
+       y2="1038.7997"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.79885103,0,0,0.00106437,7.9743681,1038.7734)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1310"
+       id="linearGradient1312"
+       x1="-5.5077791"
+       y1="1037.4548"
+       x2="-5.0235996"
+       y2="1046.3566"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(11,7.4309064e-5)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1326"
+       id="linearGradient1328"
+       x1="-3.0558093"
+       y1="1038.361"
+       x2="-3.1579704"
+       y2="1045.557"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(11,7.4309064e-5)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="18.760427"
+     inkscape:cx="4.5240835"
+     inkscape:cy="1.6631695"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1-2"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false"
+     inkscape:snap-global="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5105" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       style="display:inline"
+       id="layer1-2"
+       inkscape:label="Layer 1"
+       transform="translate(-0.92087393,-0.01685309)">
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path5028"
+         d="m 16.47385,1039.6239 c -0.272691,-0.2822 -0.554905,-0.5386 -0.843139,-0.7633 l -1.734497,1.895 c 0.288016,0.225 0.57023,0.4813 0.843138,0.7633 z"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#496da1;fill-opacity:1;stroke:none;stroke-width:0.93467808px;marker:none;enable-background:accumulate" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4221-4"
+         d="m 14.94724,1038.9569 -2.121338,0.7071 2.828428,2.8284 0.707124,-2.1213 c 0.313851,-0.9389 -0.714952,-1.7229 -1.414214,-1.4142 z"
+         style="display:inline;fill:none;stroke:url(#linearGradient5368);stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4221"
+         d="m 12.345416,1038.8654 c 1.949678,-0.2544 4.282132,2.2559 4.075304,4.0732 l -5.782466,5.7795 -4.075304,-4.0732 z"
+         style="fill:url(#linearGradient5370);fill-opacity:1;stroke:url(#linearGradient5434);stroke-width:0.93467802;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4221-7-1-2"
+         d="m 5.189458,1045.8513 -8.014085,8.0141 4.238686,4.2387 8.0140847,-8.0141 z"
+         style="display:inline;fill:url(#linearGradient5372);fill-opacity:1;stroke:url(#linearGradient5374);stroke-width:0.8224746;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="rect4221-7"
+         d="m 6.722435,1043.8068 -2.894752,2.8947 c 2.443246,-0.093 5.1304959,2.6632 4.9718449,4.9719 l 2.8947521,-2.8948 c 0.845012,-2.5085 -2.3283491,-5.6701 -4.971845,-4.9718 z"
+         style="display:inline;fill:url(#linearGradient5376);fill-opacity:1;stroke:url(#linearGradient5446);stroke-width:0.935;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1"
+         sodipodi:nodetypes="ccccc" />
+      <rect
+         style="fill:url(#linearGradient1328);fill-opacity:1;stroke:url(#linearGradient1312);stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1304"
+         width="7"
+         height="8.0000248"
+         x="2.4208739"
+         y="1037.879" />
+      <path
+         style="fill:none;stroke:url(#linearGradient1273);stroke-width:0.99999768px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.931926,1039.8791 3.9884909,-1e-4"
+         id="path1232"
+         inkscape:connector-curvature="0" />
+      <path
+         style="display:inline;fill:none;stroke:url(#linearGradient1271);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.920874,1041.8791 h 4"
+         id="path1232-2"
+         inkscape:connector-curvature="0" />
+      <path
+         style="display:inline;fill:none;stroke:url(#linearGradient1267);stroke-width:1.00000048px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.9195174,1043.8791 4.0027128,-2e-4"
+         id="path1232-0"
+         inkscape:connector-curvature="0" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path5028-3"
+         d="m 14.231992,1040.9825 c -0.272691,-0.2822 -0.554905,-0.5386 -0.843139,-0.7633 l -1.734497,1.895 c 0.288016,0.225 0.57023,0.4813 0.843138,0.7633 z"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#496da1;fill-opacity:1;stroke:none;stroke-width:0.93467808px;marker:none;enable-background:accumulate" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_quick_search_multi.gif b/org.eclipse.help.webapp/advanced/images/e_quick_search_multi.gif
deleted file mode 100644
index 97184de..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_quick_search_multi.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_quick_search_multi.svg b/org.eclipse.help.webapp/advanced/images/e_quick_search_multi.svg
new file mode 100644
index 0000000..ae921c2
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_quick_search_multi.svg
@@ -0,0 +1,499 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="28"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="quick_search.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1291"
+       inkscape:collect="always">
+      <stop
+         id="stop1287"
+         offset="0"
+         style="stop-color:#9fb8f0;stop-opacity:1" />
+      <stop
+         id="stop1289"
+         offset="1"
+         style="stop-color:#718fcd;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1285"
+       inkscape:collect="always">
+      <stop
+         id="stop1281"
+         offset="0"
+         style="stop-color:#9fb8f0;stop-opacity:1" />
+      <stop
+         id="stop1283"
+         offset="1"
+         style="stop-color:#718fcd;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1279"
+       inkscape:collect="always">
+      <stop
+         id="stop1275"
+         offset="0"
+         style="stop-color:#9fb8f0;stop-opacity:1" />
+      <stop
+         id="stop1277"
+         offset="1"
+         style="stop-color:#718fcd;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1265">
+      <stop
+         style="stop-color:#7f9ed8;stop-opacity:1"
+         offset="0"
+         id="stop1261" />
+      <stop
+         style="stop-color:#718fcd;stop-opacity:1"
+         offset="1"
+         id="stop1263" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,687.52153,331.69117)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5440"
+       id="linearGradient5454"
+       x1="25.367543"
+       y1="1054.8198"
+       x2="33.890187"
+       y2="1054.8198"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,687.52153,331.69117)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5440"
+       id="linearGradient5446"
+       x1="25.367371"
+       y1="1051.4068"
+       x2="33.890359"
+       y2="1051.4068"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,687.52153,331.69117)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5428"
+       id="linearGradient5434"
+       x1="26.107269"
+       y1="1045.9496"
+       x2="33.162997"
+       y2="1045.9496"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5206"
+       id="linearGradient5376"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,687.52156,331.69114)"
+       x1="26.45211"
+       y1="1052.0043"
+       x2="32.842041"
+       y2="1052.0043" />
+    <linearGradient
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,689.6696,329.53474)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5351"
+       id="linearGradient5374"
+       gradientUnits="userSpaceOnUse"
+       x1="25.982219"
+       y1="1056.9694"
+       x2="33.275511"
+       y2="1056.9694" />
+    <linearGradient
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,689.6696,329.53474)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5331"
+       id="linearGradient5372"
+       gradientUnits="userSpaceOnUse"
+       x1="26.880592"
+       y1="1056.9694"
+       x2="32.471878"
+       y2="1056.9694" />
+    <linearGradient
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,687.52153,331.69117)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5378"
+       id="linearGradient5370"
+       gradientUnits="userSpaceOnUse"
+       x1="27.009878"
+       y1="1046.1316"
+       x2="32.176903"
+       y2="1046.1316" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5109"
+       id="linearGradient5368"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,687.52934,331.68336)"
+       x1="29.714636"
+       y1="1041.3262"
+       x2="29.714636"
+       y2="1039.1387" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5109">
+      <stop
+         style="stop-color:#906f4e;stop-opacity:1"
+         offset="0"
+         id="stop5111" />
+      <stop
+         style="stop-color:#dfbd7f;stop-opacity:1"
+         offset="1"
+         id="stop5113" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5206">
+      <stop
+         style="stop-color:#bbb8bb;stop-opacity:1"
+         offset="0"
+         id="stop5208" />
+      <stop
+         id="stop5216"
+         offset="0.25"
+         style="stop-color:#ccc8cb;stop-opacity:1" />
+      <stop
+         id="stop5214"
+         offset="0.5"
+         style="stop-color:#bdb6bc;stop-opacity:1" />
+      <stop
+         style="stop-color:#9b8c98;stop-opacity:1"
+         offset="1"
+         id="stop5210" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5331">
+      <stop
+         style="stop-color:#fef48d;stop-opacity:1"
+         offset="0"
+         id="stop5333" />
+      <stop
+         id="stop5341"
+         offset="0.3251386"
+         style="stop-color:#fffffe;stop-opacity:1" />
+      <stop
+         id="stop5339"
+         offset="0.66393197"
+         style="stop-color:#fffffe;stop-opacity:1" />
+      <stop
+         style="stop-color:#fef48d;stop-opacity:1"
+         offset="1"
+         id="stop5335" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5351">
+      <stop
+         style="stop-color:#e4a239;stop-opacity:1;"
+         offset="0"
+         id="stop5353" />
+      <stop
+         style="stop-color:#fada7d;stop-opacity:1"
+         offset="1"
+         id="stop5355" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5378">
+      <stop
+         id="stop5380"
+         offset="0"
+         style="stop-color:#f4d684;stop-opacity:1" />
+      <stop
+         style="stop-color:#fcf4c6;stop-opacity:1"
+         offset="0.25"
+         id="stop5382" />
+      <stop
+         style="stop-color:#fbeebc;stop-opacity:1"
+         offset="0.5"
+         id="stop5384" />
+      <stop
+         id="stop5386"
+         offset="1"
+         style="stop-color:#eeb960;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5428">
+      <stop
+         style="stop-color:#f0a53b;stop-opacity:1;"
+         offset="0"
+         id="stop5430" />
+      <stop
+         id="stop5438"
+         offset="0.26895422"
+         style="stop-color:#f2d58f;stop-opacity:1" />
+      <stop
+         id="stop5436"
+         offset="0.60424823"
+         style="stop-color:#efb965;stop-opacity:1" />
+      <stop
+         style="stop-color:#df9833;stop-opacity:1"
+         offset="1"
+         id="stop5432" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5440">
+      <stop
+         style="stop-color:#ad8e5f;stop-opacity:1"
+         offset="0"
+         id="stop5442" />
+      <stop
+         style="stop-color:#8f6e4d;stop-opacity:1"
+         offset="1"
+         id="stop5444" />
+    </linearGradient>
+    <mask
+       id="mask8820"
+       maskUnits="userSpaceOnUse">
+      <g
+         inkscape:label="Layer 1"
+         id="g8822"
+         style="fill:#ffffff;stroke:#ffffff;display:inline"
+         transform="matrix(1.0698871,0,0,1.0698871,15.540293,-72.622799)">
+        <g
+           style="fill:#ffffff;stroke:#ffffff;display:inline"
+           id="g8824"
+           transform="matrix(0.9346781,0,0,0.9346781,-14.571811,69.044514)">
+          <g
+             style="fill:#ffffff;stroke:#ffffff"
+             transform="translate(15.600543,0)"
+             id="g8826">
+            <g
+               style="fill:#ffffff;stroke:#ffffff"
+               id="g8828"
+               transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,730.34515,280.80707)">
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8830"
+                 d="m 28.565245,1040.0695 -1.069887,2.1398 4.279549,0 -1.069887,-2.1398 c -0.472828,-0.9477 -1.844257,-0.7625 -2.139775,0 z"
+                 style="fill:#ffffff;stroke:#ffffff;stroke-width:1.06988704;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8832"
+                 d="m 26.607269,1042.2428 c 1.259438,-1.6377 4.858466,-1.5046 6.055728,0 l 0,8.5925 -6.055728,0 z"
+                 style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8834"
+                 d="m 29.411544,1042.9075 c -0.368467,0.01 -0.72715,0.043 -1.069887,0.1003 l 0,2.4073 c 0.342737,-0.057 0.70142,-0.09 1.069887,-0.1003 z"
+                 style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1px;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
+              <path
+                 sodipodi:nodetypes="sccccs"
+                 inkscape:connector-curvature="0"
+                 id="path8836"
+                 d="m 29.645582,1053.51 c -1.546954,0 -3.096933,0.3554 -3.778039,1.0365 l 0,0.5683 c 1.362214,1.3622 6.178977,1.3438 7.522644,0 l 0,-0.5683 c -0.671834,-0.6719 -2.197651,-1.0342 -3.744605,-1.0365 z"
+                 style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-opacity:1;display:inline" />
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8838"
+                 d="m 26.422196,1052.4196 0,12.1257 6.413338,0 0,-12.1257 z"
+                 style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.87995493;stroke-opacity:1;display:inline" />
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path8840"
+                 d="m 25.867543,1050.1666 0,4.3799 c 1.778049,-1.9187 5.89609,-1.8666 7.522644,0 l 0,-4.3799 c -1.258456,-2.537 -6.051006,-2.5281 -7.522644,0 z"
+                 style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.0003444;stroke-linejoin:round;stroke-miterlimit:3;stroke-opacity:1;stroke-dasharray:none;display:inline"
+                 sodipodi:nodetypes="ccccc" />
+            </g>
+          </g>
+        </g>
+      </g>
+    </mask>
+    <linearGradient
+       id="linearGradient7592-1-3-6">
+      <stop
+         id="stop7594-6-9-5"
+         offset="0"
+         style="stop-color:#ad7212;stop-opacity:1;" />
+      <stop
+         id="stop7596-9-2-1"
+         offset="1"
+         style="stop-color:#875f1e;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient7584-5-3-4">
+      <stop
+         id="stop7586-4-4-4"
+         offset="0"
+         style="stop-color:#f9cd5f;stop-opacity:1;" />
+      <stop
+         id="stop7588-5-0-3"
+         offset="1"
+         style="stop-color:#ffebb7;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1265"
+       id="linearGradient1267"
+       x1="-5.0521279"
+       y1="1044.8526"
+       x2="-2.0791261"
+       y2="1044.8526"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0091362,0,0,0.00297926,9.019077,1041.7661)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1291"
+       id="linearGradient1269"
+       x1="-5.0639272"
+       y1="1042.8526"
+       x2="-0.06052771"
+       y2="1042.8526"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.99931913,0,0,0.00106442,8.9813568,1041.769)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1285"
+       id="linearGradient1271"
+       x1="-5.0800498"
+       y1="1040.7997"
+       x2="0.96027753"
+       y2="1040.7997"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.99331393,0,0,7.3822855e-4,8.9669875,1040.1107)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1279"
+       id="linearGradient1273"
+       x1="-5.0656272"
+       y1="1038.7997"
+       x2="-0.06222771"
+       y2="1038.7997"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.99931913,0,0,0.00106442,8.9830557,1037.7734)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="18.760427"
+     inkscape:cx="4.7639501"
+     inkscape:cy="1.6631695"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1-2"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5105" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       style="display:inline"
+       id="layer1-2"
+       inkscape:label="Layer 1"
+       transform="translate(-0.92087393,-0.01685309)">
+      <path
+         style="fill:#6483b4;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 21.920874,1043.4161 7,-0.037 -3.5,3.9996 z"
+         id="path86"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4221-4"
+         d="m 18.94724,1037.9551 -2.121338,0.7071 2.828428,2.8284 0.707124,-2.1213 c 0.313851,-0.9389 -0.714952,-1.7229 -1.414214,-1.4142 z"
+         style="display:inline;fill:none;stroke:url(#linearGradient5368);stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4221"
+         d="m 16.216808,1038.0974 c 1.914769,-0.25 4.20546,2.2166 4.002335,4.0023 l -5.678931,5.679 -4.002335,-4.0024 z"
+         style="fill:url(#linearGradient5370);fill-opacity:1;stroke:url(#linearGradient5434);stroke-width:0.93467808;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path5028"
+         d="m 17.63089,1040.3901 c -0.250135,-0.2369 -0.509005,-0.4522 -0.773397,-0.6408 l -1.591025,1.591 c 0.264193,0.1889 0.523063,0.4041 0.773396,0.6408 z"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#496da1;fill-opacity:1;stroke:none;stroke-width:0.93467808px;marker:none;enable-background:accumulate" />
+      <path
+         sodipodi:nodetypes="sccccs"
+         inkscape:connector-curvature="0"
+         id="rect4221-7-1"
+         d="m 10.778195,1047.5522 c -1.022408,-1.0225 -2.281706,-1.812 -3.182012,-1.812 l -0.375599,0.3756 c 9e-6,1.8006 3.195652,4.972 4.971845,4.9719 l 0.375599,-0.3756 c 4.4e-5,-0.8881 -0.768944,-2.136 -1.789833,-3.1599 z"
+         style="display:inline;fill:#ffffc9;fill-opacity:1;stroke:url(#linearGradient5454);stroke-width:0.93467808;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4221-7-1-2"
+         d="m 11.516535,1042.5447 -8.0140845,8.0141 4.238686,4.2387 8.0140845,-8.0141 z"
+         style="display:inline;fill:url(#linearGradient5372);fill-opacity:1;stroke:url(#linearGradient5374);stroke-width:0.8224746;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="rect4221-7"
+         d="m 10.490935,1042.8455 -2.894752,2.8947 c 2.443246,-0.093 5.130496,2.6632 4.971845,4.9719 l 2.894752,-2.8948 c 0.845012,-2.5085 -2.328349,-5.6701 -4.971845,-4.9718 z"
+         style="display:inline;fill:url(#linearGradient5376);fill-opacity:1;stroke:url(#linearGradient5446);stroke-width:0.935;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         style="fill:none;stroke:url(#linearGradient1273);stroke-width:0.99999768px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.9261813,1038.8791 4.9893853,-1e-4"
+         id="path1232"
+         inkscape:connector-curvature="0" />
+      <path
+         style="display:inline;fill:none;stroke:url(#linearGradient1271);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="M 3.9252673,1040.8791 H 9.9164805"
+         id="path1232-2"
+         inkscape:connector-curvature="0" />
+      <path
+         style="display:inline;fill:none;stroke:url(#linearGradient1269);stroke-width:0.99999768px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.9261813,1042.8791 4.9893853,-1e-4"
+         id="path1232-7"
+         inkscape:connector-curvature="0" />
+      <path
+         style="display:inline;fill:none;stroke:url(#linearGradient1267);stroke-width:1.00000048px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.92984,1044.8791 2.9820675,-2e-4"
+         id="path1232-0"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_restore.gif b/org.eclipse.help.webapp/advanced/images/e_restore.gif
deleted file mode 100644
index 55cc251..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_restore.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_restore.svg b/org.eclipse.help.webapp/advanced/images/e_restore.svg
new file mode 100644
index 0000000..ba33866
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_restore.svg
@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="e_restore.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient4989">
+      <stop
+         style="stop-color:#c3e9ff;stop-opacity:0.49019608;"
+         offset="0"
+         id="stop4991" />
+      <stop
+         id="stop4995"
+         offset="0.5"
+         style="stop-color:#c3e9ff;stop-opacity:1;" />
+      <stop
+         style="stop-color:#c3e9ff;stop-opacity:0.49019608;"
+         offset="1"
+         id="stop4993" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#8b8b8b"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="16"
+     inkscape:cx="-0.5868928"
+     inkscape:cy="9.9346296"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-nodes="false"
+     inkscape:bbox-paths="false"
+     inkscape:bbox-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="display:inline;fill:#f6f7f9;fill-opacity:1;stroke:#000000;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 6.5,1040.8622 h 5 v 4 h -5 z"
+       id="path863-9"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 6,1041.8622 h 6"
+       id="path865-0"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#f6f7f9;fill-opacity:1;stroke:#000000;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 4.5,1043.8622 h 5 v 4 h -5 z"
+       id="path863"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 4,1044.8622 h 6"
+       id="path865"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_search_results_view.gif b/org.eclipse.help.webapp/advanced/images/e_search_results_view.gif
deleted file mode 100644
index fed3e49..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_search_results_view.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_search_results_view.svg b/org.eclipse.help.webapp/advanced/images/e_search_results_view.svg
new file mode 100644
index 0000000..2e13a61
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_search_results_view.svg
@@ -0,0 +1,508 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="quick_search.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1326">
+      <stop
+         style="stop-color:#f9fafc;stop-opacity:1"
+         offset="0"
+         id="stop1322" />
+      <stop
+         style="stop-color:#e3ebf8;stop-opacity:1"
+         offset="1"
+         id="stop1324" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1310">
+      <stop
+         style="stop-color:#c7b571;stop-opacity:1"
+         offset="0"
+         id="stop1306" />
+      <stop
+         style="stop-color:#a9a285;stop-opacity:1"
+         offset="1"
+         id="stop1308" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1285"
+       inkscape:collect="always">
+      <stop
+         id="stop1281"
+         offset="0"
+         style="stop-color:#9fb8f0;stop-opacity:1" />
+      <stop
+         id="stop1283"
+         offset="1"
+         style="stop-color:#718fcd;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1279"
+       inkscape:collect="always">
+      <stop
+         id="stop1275"
+         offset="0"
+         style="stop-color:#9fb8f0;stop-opacity:1" />
+      <stop
+         id="stop1277"
+         offset="1"
+         style="stop-color:#718fcd;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1265">
+      <stop
+         style="stop-color:#7f9ed8;stop-opacity:1"
+         offset="0"
+         id="stop1261" />
+      <stop
+         style="stop-color:#718fcd;stop-opacity:1"
+         offset="1"
+         id="stop1263" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,683.75303,332.65243)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5440"
+       id="linearGradient5446"
+       x1="25.367371"
+       y1="1051.4069"
+       x2="33.890358"
+       y2="1051.4069"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       gradientTransform="matrix(0.67296667,0.67261869,-0.67296667,0.67261869,695.88897,319.95238)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5428"
+       id="linearGradient5434"
+       x1="26.107269"
+       y1="1045.9496"
+       x2="33.162998"
+       y2="1045.9496"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5206"
+       id="linearGradient5376"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,683.75306,332.6524)"
+       x1="26.45211"
+       y1="1052.0043"
+       x2="32.842041"
+       y2="1052.0043" />
+    <linearGradient
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,683.34253,332.84136)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5351"
+       id="linearGradient5374"
+       gradientUnits="userSpaceOnUse"
+       x1="25.98222"
+       y1="1056.9694"
+       x2="33.275513"
+       y2="1056.9694" />
+    <linearGradient
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,683.34253,332.84136)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5331"
+       id="linearGradient5372"
+       gradientUnits="userSpaceOnUse"
+       x1="26.880592"
+       y1="1056.9694"
+       x2="32.471878"
+       y2="1056.9694" />
+    <linearGradient
+       gradientTransform="matrix(0.67296667,0.67261869,-0.67296667,0.67261869,695.88897,319.95238)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5378"
+       id="linearGradient5370"
+       gradientUnits="userSpaceOnUse"
+       x1="27.009878"
+       y1="1046.1316"
+       x2="32.176903"
+       y2="1046.1316" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5109"
+       id="linearGradient5368"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,683.52934,332.68514)"
+       x1="29.714636"
+       y1="1041.3262"
+       x2="29.714636"
+       y2="1039.1387" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5109">
+      <stop
+         style="stop-color:#906f4e;stop-opacity:1"
+         offset="0"
+         id="stop5111" />
+      <stop
+         style="stop-color:#dfbd7f;stop-opacity:1"
+         offset="1"
+         id="stop5113" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5206">
+      <stop
+         style="stop-color:#bbb8bb;stop-opacity:1"
+         offset="0"
+         id="stop5208" />
+      <stop
+         id="stop5216"
+         offset="0.25"
+         style="stop-color:#ccc8cb;stop-opacity:1" />
+      <stop
+         id="stop5214"
+         offset="0.5"
+         style="stop-color:#bdb6bc;stop-opacity:1" />
+      <stop
+         style="stop-color:#9b8c98;stop-opacity:1"
+         offset="1"
+         id="stop5210" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5331">
+      <stop
+         style="stop-color:#fef48d;stop-opacity:1"
+         offset="0"
+         id="stop5333" />
+      <stop
+         id="stop5341"
+         offset="0.3251386"
+         style="stop-color:#fffffe;stop-opacity:1" />
+      <stop
+         id="stop5339"
+         offset="0.66393197"
+         style="stop-color:#fffffe;stop-opacity:1" />
+      <stop
+         style="stop-color:#fef48d;stop-opacity:1"
+         offset="1"
+         id="stop5335" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5351">
+      <stop
+         style="stop-color:#e4a239;stop-opacity:1;"
+         offset="0"
+         id="stop5353" />
+      <stop
+         style="stop-color:#fada7d;stop-opacity:1"
+         offset="1"
+         id="stop5355" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5378">
+      <stop
+         id="stop5380"
+         offset="0"
+         style="stop-color:#f4d684;stop-opacity:1" />
+      <stop
+         style="stop-color:#fcf4c6;stop-opacity:1"
+         offset="0.25"
+         id="stop5382" />
+      <stop
+         style="stop-color:#fbeebc;stop-opacity:1"
+         offset="0.5"
+         id="stop5384" />
+      <stop
+         id="stop5386"
+         offset="1"
+         style="stop-color:#eeb960;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5428">
+      <stop
+         style="stop-color:#f0a53b;stop-opacity:1;"
+         offset="0"
+         id="stop5430" />
+      <stop
+         id="stop5438"
+         offset="0.26895422"
+         style="stop-color:#f2d58f;stop-opacity:1" />
+      <stop
+         id="stop5436"
+         offset="0.60424823"
+         style="stop-color:#efb965;stop-opacity:1" />
+      <stop
+         style="stop-color:#df9833;stop-opacity:1"
+         offset="1"
+         id="stop5432" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5440">
+      <stop
+         style="stop-color:#ad8e5f;stop-opacity:1"
+         offset="0"
+         id="stop5442" />
+      <stop
+         style="stop-color:#8f6e4d;stop-opacity:1"
+         offset="1"
+         id="stop5444" />
+    </linearGradient>
+    <mask
+       id="mask8820"
+       maskUnits="userSpaceOnUse">
+      <g
+         inkscape:label="Layer 1"
+         id="g8822"
+         style="display:inline;fill:#ffffff;stroke:#ffffff"
+         transform="matrix(1.0698871,0,0,1.0698871,15.540293,-72.622799)">
+        <g
+           style="display:inline;fill:#ffffff;stroke:#ffffff"
+           id="g8824"
+           transform="matrix(0.9346781,0,0,0.9346781,-14.571811,69.044514)">
+          <g
+             style="fill:#ffffff;stroke:#ffffff"
+             transform="translate(15.600543)"
+             id="g8826">
+            <g
+               style="fill:#ffffff;stroke:#ffffff"
+               id="g8828"
+               transform="rotate(45,26.208459,1022.0081)">
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8830"
+                 d="m 28.565245,1040.0695 -1.069887,2.1398 h 4.279549 l -1.069887,-2.1398 c -0.472828,-0.9477 -1.844257,-0.7625 -2.139775,0 z"
+                 style="display:inline;fill:#ffffff;stroke:#ffffff;stroke-width:1.06988704;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8832"
+                 d="m 26.607269,1042.2428 c 1.259438,-1.6377 4.858466,-1.5046 6.055728,0 v 8.5925 h -6.055728 z"
+                 style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8834"
+                 d="m 29.411544,1042.9075 c -0.368467,0.01 -0.72715,0.043 -1.069887,0.1003 v 2.4073 c 0.342737,-0.057 0.70142,-0.09 1.069887,-0.1003 z"
+                 style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1px;marker:none;enable-background:accumulate" />
+              <path
+                 sodipodi:nodetypes="sccccs"
+                 inkscape:connector-curvature="0"
+                 id="path8836"
+                 d="m 29.645582,1053.51 c -1.546954,0 -3.096933,0.3554 -3.778039,1.0365 v 0.5683 c 1.362214,1.3622 6.178977,1.3438 7.522644,0 v -0.5683 c -0.671834,-0.6719 -2.197651,-1.0342 -3.744605,-1.0365 z"
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-opacity:1" />
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8838"
+                 d="m 26.422196,1052.4196 v 12.1257 h 6.413338 v -12.1257 z"
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.87995493;stroke-opacity:1" />
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path8840"
+                 d="m 25.867543,1050.1666 v 4.3799 c 1.778049,-1.9187 5.89609,-1.8666 7.522644,0 v -4.3799 c -1.258456,-2.537 -6.051006,-2.5281 -7.522644,0 z"
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.0003444;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1"
+                 sodipodi:nodetypes="ccccc" />
+            </g>
+          </g>
+        </g>
+      </g>
+    </mask>
+    <linearGradient
+       id="linearGradient7592-1-3-6">
+      <stop
+         id="stop7594-6-9-5"
+         offset="0"
+         style="stop-color:#ad7212;stop-opacity:1;" />
+      <stop
+         id="stop7596-9-2-1"
+         offset="1"
+         style="stop-color:#875f1e;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient7584-5-3-4">
+      <stop
+         id="stop7586-4-4-4"
+         offset="0"
+         style="stop-color:#f9cd5f;stop-opacity:1;" />
+      <stop
+         id="stop7588-5-0-3"
+         offset="1"
+         style="stop-color:#ffebb7;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1265"
+       id="linearGradient1267"
+       x1="-5.0521278"
+       y1="1044.8525"
+       x2="-2.0791261"
+       y2="1044.8525"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3545244,0,0,0.00297926,10.750603,1040.7661)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1285"
+       id="linearGradient1271"
+       x1="-5.08005"
+       y1="1040.7997"
+       x2="0.96027756"
+       y2="1040.7997"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.66318052,0,0,4.9287419e-4,7.2869503,1041.3661)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1279"
+       id="linearGradient1273"
+       x1="-5.0656271"
+       y1="1038.7997"
+       x2="-0.062227711"
+       y2="1038.7997"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.79885103,0,0,0.00106437,7.9743681,1038.7734)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1310"
+       id="linearGradient1312"
+       x1="-5.5077791"
+       y1="1037.4548"
+       x2="-5.0235996"
+       y2="1046.3566"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(11,7.4309064e-5)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1326"
+       id="linearGradient1328"
+       x1="-3.0558093"
+       y1="1038.361"
+       x2="-3.1579704"
+       y2="1045.557"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(11,7.4309064e-5)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="18.760427"
+     inkscape:cx="4.5240835"
+     inkscape:cy="1.6631695"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1-2"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false"
+     inkscape:snap-global="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5105" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       style="display:inline"
+       id="layer1-2"
+       inkscape:label="Layer 1"
+       transform="translate(-0.92087393,-0.01685309)">
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path5028"
+         d="m 16.47385,1039.6239 c -0.272691,-0.2822 -0.554905,-0.5386 -0.843139,-0.7633 l -1.734497,1.895 c 0.288016,0.225 0.57023,0.4813 0.843138,0.7633 z"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#496da1;fill-opacity:1;stroke:none;stroke-width:0.93467808px;marker:none;enable-background:accumulate" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4221-4"
+         d="m 14.94724,1038.9569 -2.121338,0.7071 2.828428,2.8284 0.707124,-2.1213 c 0.313851,-0.9389 -0.714952,-1.7229 -1.414214,-1.4142 z"
+         style="display:inline;fill:none;stroke:url(#linearGradient5368);stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4221"
+         d="m 12.345416,1038.8654 c 1.949678,-0.2544 4.282132,2.2559 4.075304,4.0732 l -5.782466,5.7795 -4.075304,-4.0732 z"
+         style="fill:url(#linearGradient5370);fill-opacity:1;stroke:url(#linearGradient5434);stroke-width:0.93467802;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4221-7-1-2"
+         d="m 5.189458,1045.8513 -8.014085,8.0141 4.238686,4.2387 8.0140847,-8.0141 z"
+         style="display:inline;fill:url(#linearGradient5372);fill-opacity:1;stroke:url(#linearGradient5374);stroke-width:0.8224746;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="rect4221-7"
+         d="m 6.722435,1043.8068 -2.894752,2.8947 c 2.443246,-0.093 5.1304959,2.6632 4.9718449,4.9719 l 2.8947521,-2.8948 c 0.845012,-2.5085 -2.3283491,-5.6701 -4.971845,-4.9718 z"
+         style="display:inline;fill:url(#linearGradient5376);fill-opacity:1;stroke:url(#linearGradient5446);stroke-width:0.935;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1"
+         sodipodi:nodetypes="ccccc" />
+      <rect
+         style="fill:url(#linearGradient1328);fill-opacity:1;stroke:url(#linearGradient1312);stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1304"
+         width="7"
+         height="8.0000248"
+         x="2.4208739"
+         y="1037.879" />
+      <path
+         style="fill:none;stroke:url(#linearGradient1273);stroke-width:0.99999768px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.931926,1039.8791 3.9884909,-1e-4"
+         id="path1232"
+         inkscape:connector-curvature="0" />
+      <path
+         style="display:inline;fill:none;stroke:url(#linearGradient1271);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.920874,1041.8791 h 4"
+         id="path1232-2"
+         inkscape:connector-curvature="0" />
+      <path
+         style="display:inline;fill:none;stroke:url(#linearGradient1267);stroke-width:1.00000048px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.9195174,1043.8791 4.0027128,-2e-4"
+         id="path1232-0"
+         inkscape:connector-curvature="0" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path5028-3"
+         d="m 14.231992,1040.9825 c -0.272691,-0.2822 -0.554905,-0.5386 -0.843139,-0.7633 l -1.734497,1.895 c 0.288016,0.225 0.57023,0.4813 0.843138,0.7633 z"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#496da1;fill-opacity:1;stroke:none;stroke-width:0.93467808px;marker:none;enable-background:accumulate" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_show_all.gif b/org.eclipse.help.webapp/advanced/images/e_show_all.gif
deleted file mode 100644
index e8ff460..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_show_all.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_show_all.svg b/org.eclipse.help.webapp/advanced/images/e_show_all.svg
new file mode 100644
index 0000000..d94c134
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_show_all.svg
@@ -0,0 +1,438 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="e_show_all.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4191">
+      <stop
+         style="stop-color:#b9cad4;stop-opacity:1"
+         offset="0"
+         id="stop4193" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="1"
+         id="stop4195" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4181">
+      <stop
+         style="stop-color:#998f6a;stop-opacity:1"
+         offset="0"
+         id="stop4183" />
+      <stop
+         style="stop-color:#7d827c;stop-opacity:1"
+         offset="1"
+         id="stop4185" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4173">
+      <stop
+         style="stop-color:#267fe3;stop-opacity:1"
+         offset="0"
+         id="stop4175" />
+      <stop
+         style="stop-color:#80b4ef;stop-opacity:1"
+         offset="1"
+         id="stop4177" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4173"
+       id="linearGradient4179"
+       x1="16.798458"
+       y1="1047.219"
+       x2="17.847075"
+       y2="1045.6079"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.80078059,-0.1437118,0.14355389,0.79990071,-146.90569,213.98117)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4181"
+       id="linearGradient4187"
+       x1="18.834337"
+       y1="1038.91"
+       x2="25.201481"
+       y2="1045.91"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.80078059,-0.1437118,0.14355389,0.79990071,-146.90569,213.98117)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4191"
+       id="linearGradient4197"
+       x1="25.593748"
+       y1="1046.6279"
+       x2="26.562498"
+       y2="1048.5029"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.80078059,-0.1437118,0.14355389,0.79990071,-146.90569,213.98117)" />
+    <linearGradient
+       id="linearGradient1326"
+       inkscape:collect="always">
+      <stop
+         id="stop1322"
+         offset="0"
+         style="stop-color:#f9fafc;stop-opacity:1" />
+      <stop
+         id="stop1324"
+         offset="1"
+         style="stop-color:#e3ebf8;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1310"
+       inkscape:collect="always">
+      <stop
+         id="stop1306"
+         offset="0"
+         style="stop-color:#c7b571;stop-opacity:1" />
+      <stop
+         id="stop1308"
+         offset="1"
+         style="stop-color:#a9a285;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1285">
+      <stop
+         style="stop-color:#9fb8f0;stop-opacity:1"
+         offset="0"
+         id="stop1281" />
+      <stop
+         style="stop-color:#718fcd;stop-opacity:1"
+         offset="1"
+         id="stop1283" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5206">
+      <stop
+         id="stop5208"
+         offset="0"
+         style="stop-color:#bbb8bb;stop-opacity:1" />
+      <stop
+         style="stop-color:#ccc8cb;stop-opacity:1"
+         offset="0.25"
+         id="stop5216" />
+      <stop
+         style="stop-color:#bdb6bc;stop-opacity:1"
+         offset="0.5"
+         id="stop5214" />
+      <stop
+         id="stop5210"
+         offset="1"
+         style="stop-color:#9b8c98;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5331">
+      <stop
+         id="stop5333"
+         offset="0"
+         style="stop-color:#fef48d;stop-opacity:1" />
+      <stop
+         style="stop-color:#fffffe;stop-opacity:1"
+         offset="0.3251386"
+         id="stop5341" />
+      <stop
+         style="stop-color:#fffffe;stop-opacity:1"
+         offset="0.66393197"
+         id="stop5339" />
+      <stop
+         id="stop5335"
+         offset="1"
+         style="stop-color:#fef48d;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5378">
+      <stop
+         style="stop-color:#f4d684;stop-opacity:1"
+         offset="0"
+         id="stop5380" />
+      <stop
+         id="stop5382"
+         offset="0.25"
+         style="stop-color:#fcf4c6;stop-opacity:1" />
+      <stop
+         id="stop5384"
+         offset="0.5"
+         style="stop-color:#fbeebc;stop-opacity:1" />
+      <stop
+         style="stop-color:#eeb960;stop-opacity:1"
+         offset="1"
+         id="stop5386" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5428">
+      <stop
+         id="stop5430"
+         offset="0"
+         style="stop-color:#f0a53b;stop-opacity:1;" />
+      <stop
+         style="stop-color:#f2d58f;stop-opacity:1"
+         offset="0.26895422"
+         id="stop5438" />
+      <stop
+         style="stop-color:#efb965;stop-opacity:1"
+         offset="0.60424823"
+         id="stop5436" />
+      <stop
+         id="stop5432"
+         offset="1"
+         style="stop-color:#df9833;stop-opacity:1" />
+    </linearGradient>
+    <mask
+       maskUnits="userSpaceOnUse"
+       id="mask8820">
+      <g
+         transform="matrix(1.0698871,0,0,1.0698871,15.540293,-72.622799)"
+         style="display:inline;fill:#ffffff;stroke:#ffffff"
+         id="g8822"
+         inkscape:label="Layer 1">
+        <g
+           transform="matrix(0.9346781,0,0,0.9346781,-14.571811,69.044514)"
+           id="g8824"
+           style="display:inline;fill:#ffffff;stroke:#ffffff">
+          <g
+             id="g8826"
+             transform="translate(15.600543)"
+             style="fill:#ffffff;stroke:#ffffff">
+            <g
+               transform="rotate(45,26.208459,1022.0081)"
+               id="g8828"
+               style="fill:#ffffff;stroke:#ffffff">
+              <path
+                 style="display:inline;fill:#ffffff;stroke:#ffffff;stroke-width:1.06988704;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                 d="m 28.565245,1040.0695 -1.069887,2.1398 h 4.279549 l -1.069887,-2.1398 c -0.472828,-0.9477 -1.844257,-0.7625 -2.139775,0 z"
+                 id="path8830"
+                 inkscape:connector-curvature="0"
+                 sodipodi:nodetypes="ccccc" />
+              <path
+                 style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1"
+                 d="m 26.607269,1042.2428 c 1.259438,-1.6377 4.858466,-1.5046 6.055728,0 v 8.5925 h -6.055728 z"
+                 id="path8832"
+                 inkscape:connector-curvature="0"
+                 sodipodi:nodetypes="ccccc" />
+              <path
+                 style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1px;marker:none;enable-background:accumulate"
+                 d="m 29.411544,1042.9075 c -0.368467,0.01 -0.72715,0.043 -1.069887,0.1003 v 2.4073 c 0.342737,-0.057 0.70142,-0.09 1.069887,-0.1003 z"
+                 id="path8834"
+                 inkscape:connector-curvature="0"
+                 sodipodi:nodetypes="ccccc" />
+              <path
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-opacity:1"
+                 d="m 29.645582,1053.51 c -1.546954,0 -3.096933,0.3554 -3.778039,1.0365 v 0.5683 c 1.362214,1.3622 6.178977,1.3438 7.522644,0 v -0.5683 c -0.671834,-0.6719 -2.197651,-1.0342 -3.744605,-1.0365 z"
+                 id="path8836"
+                 inkscape:connector-curvature="0"
+                 sodipodi:nodetypes="sccccs" />
+              <path
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.87995493;stroke-opacity:1"
+                 d="m 26.422196,1052.4196 v 12.1257 h 6.413338 v -12.1257 z"
+                 id="path8838"
+                 inkscape:connector-curvature="0"
+                 sodipodi:nodetypes="ccccc" />
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.0003444;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1"
+                 d="m 25.867543,1050.1666 v 4.3799 c 1.778049,-1.9187 5.89609,-1.8666 7.522644,0 v -4.3799 c -1.258456,-2.537 -6.051006,-2.5281 -7.522644,0 z"
+                 id="path8840"
+                 inkscape:connector-curvature="0" />
+            </g>
+          </g>
+        </g>
+      </g>
+    </mask>
+    <linearGradient
+       id="linearGradient7592-1-3-6">
+      <stop
+         style="stop-color:#ad7212;stop-opacity:1;"
+         offset="0"
+         id="stop7594-6-9-5" />
+      <stop
+         style="stop-color:#875f1e;stop-opacity:1;"
+         offset="1"
+         id="stop7596-9-2-1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient7584-5-3-4">
+      <stop
+         style="stop-color:#f9cd5f;stop-opacity:1;"
+         offset="0"
+         id="stop7586-4-4-4" />
+      <stop
+         style="stop-color:#ffebb7;stop-opacity:1;"
+         offset="1"
+         id="stop7588-5-0-3" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="matrix(0.49738539,0,0,3.6965564e-4,33.680806,1033.4462)"
+       gradientUnits="userSpaceOnUse"
+       y2="1040.7997"
+       x2="0.96027756"
+       y1="1040.7997"
+       x1="-5.08005"
+       id="linearGradient1271"
+       xlink:href="#linearGradient1285"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientTransform="matrix(0.59831158,0,0,0.00106437,34.196639,1030.7253)"
+       gradientUnits="userSpaceOnUse"
+       y2="1038.7997"
+       x2="-0.062227711"
+       y1="1038.7997"
+       x1="-5.0656271"
+       id="linearGradient1273"
+       xlink:href="#linearGradient1285"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientTransform="matrix(0.857143,0,0,1.1249987,37.009787,-137.78154)"
+       gradientUnits="userSpaceOnUse"
+       y2="1046.3566"
+       x2="-5.0235996"
+       y1="1037.4548"
+       x1="-5.5077791"
+       id="linearGradient1312"
+       xlink:href="#linearGradient1310"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientTransform="matrix(0.857143,0,0,1.1249987,37.009787,-137.78154)"
+       gradientUnits="userSpaceOnUse"
+       y2="1045.557"
+       x2="-3.1579704"
+       y1="1038.361"
+       x1="-3.0558093"
+       id="linearGradient1328"
+       xlink:href="#linearGradient1326"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientTransform="matrix(0.49738539,0,0,3.6965564e-4,33.680806,1035.4462)"
+       gradientUnits="userSpaceOnUse"
+       y2="1040.7997"
+       x2="0.96027756"
+       y1="1040.7997"
+       x1="-5.08005"
+       id="linearGradient1271-7"
+       xlink:href="#linearGradient1285"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.627417"
+     inkscape:cx="8.5007097"
+     inkscape:cy="6.1408713"
+     inkscape:document-units="px"
+     inkscape:current-layer="g4274"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g4274"
+       transform="translate(-14.156249,0.03125)">
+      <g
+         id="g1319"
+         transform="translate(-6,8.0000174)">
+        <rect
+           style="fill:url(#linearGradient1328);fill-opacity:1;stroke:url(#linearGradient1312);stroke-width:0.99999994;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           id="rect1304"
+           width="6.000001"
+           height="9.0000172"
+           x="29.656248"
+           y="1029.8309" />
+        <path
+           style="fill:none;stroke:url(#linearGradient1273);stroke-width:0.99999768px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 31.168991,1031.831 2.987241,-10e-5"
+           id="path1232"
+           inkscape:connector-curvature="0" />
+        <path
+           style="display:inline;fill:none;stroke:url(#linearGradient1271);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 31.156249,1033.831 h 3"
+           id="path1232-2"
+           inkscape:connector-curvature="0" />
+        <path
+           style="display:inline;fill:none;stroke:url(#linearGradient1271-7);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 31.156249,1035.831 h 3"
+           id="path1232-2-8"
+           inkscape:connector-curvature="0" />
+      </g>
+      <path
+         style="fill:#80b4ef;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4187);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 20.276214,1040.903 5.8871,4.3868 -4.911151,4.1552 -5.950069,-4.4499 z"
+         id="path4163"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         style="fill:url(#linearGradient4197);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 21.297202,1049.1828 5.121665,-3.9896 0.34094,1.8998 -5.243003,4.321 z"
+         id="path4189"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:none;fill-rule:evenodd;stroke:#727b84;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 21.493672,1051.573 c 0.186701,-0.1112 5.548927,-4.6805 5.548927,-4.6805 m -0.509362,-1.8205 -0.438481,0.3545 -3.831922,3.1739 -1.221739,0.8825"
+         id="path4169"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" />
+      <path
+         style="fill:url(#linearGradient4179);fill-opacity:1;fill-rule:evenodd;stroke:#8f8b70;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 15.311547,1044.9707 c 0,0 -0.367204,0.3116 -0.513721,0.522 -0.289455,0.4156 0.170038,2.2458 0.170038,2.2458 l 5.547965,3.8551 c 0,0 0.632026,0.1824 0.8158,-0.019 0.589061,-0.6467 -0.463564,-2.4946 -0.463564,-2.4946 z"
+         id="path4165"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="csccscc" />
+      <path
+         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#8f8b70;stroke-width:1.11224616px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 22.02647,1044.8259 -0.164656,-0.9175 -1.012515,-0.6792 -0.974165,0.1748 -0.609694,1.0851 -0.885784,0.1871 -0.06987,0.8249 1.254937,0.6556 0.890665,-0.1598 0.80948,-1.0925 z"
+         id="path4171"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_show_categories.gif b/org.eclipse.help.webapp/advanced/images/e_show_categories.gif
deleted file mode 100644
index 5ef0ed7..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_show_categories.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_show_categories.svg b/org.eclipse.help.webapp/advanced/images/e_show_categories.svg
new file mode 100644
index 0000000..8417566
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_show_categories.svg
@@ -0,0 +1,228 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="category_obj.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4177">
+      <stop
+         style="stop-color:#5d7bae;stop-opacity:1"
+         offset="0"
+         id="stop4179" />
+      <stop
+         style="stop-color:#7593c1;stop-opacity:1"
+         offset="1"
+         id="stop4181" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4169">
+      <stop
+         style="stop-color:#a77e1c;stop-opacity:1"
+         offset="0"
+         id="stop4171" />
+      <stop
+         style="stop-color:#bb9826;stop-opacity:1"
+         offset="1"
+         id="stop4173" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4161">
+      <stop
+         style="stop-color:#679989;stop-opacity:1"
+         offset="0"
+         id="stop4163" />
+      <stop
+         style="stop-color:#7eb89d;stop-opacity:1"
+         offset="1"
+         id="stop4165" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4154">
+      <stop
+         style="stop-color:#2c71af;stop-opacity:1"
+         offset="0"
+         id="stop4156" />
+      <stop
+         style="stop-color:#e3ebf2;stop-opacity:1"
+         offset="1"
+         id="stop4158" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4146">
+      <stop
+         style="stop-color:#fef5da;stop-opacity:1;"
+         offset="0"
+         id="stop4148" />
+      <stop
+         style="stop-color:#f2c17b;stop-opacity:1"
+         offset="1"
+         id="stop4150" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4138">
+      <stop
+         style="stop-color:#e6e9a0;stop-opacity:1;"
+         offset="0"
+         id="stop4140" />
+      <stop
+         style="stop-color:#b0c994;stop-opacity:1"
+         offset="1"
+         id="stop4142" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4138"
+       id="linearGradient4144"
+       x1="-2.8482134"
+       y1="1039.2729"
+       x2="-2.8482134"
+       y2="1039.5676"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4146"
+       id="linearGradient4152"
+       x1="-3.1607134"
+       y1="1044.2325"
+       x2="-3.1607134"
+       y2="1044.6013"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.99919524,0,0,1.0138636,-0.00235319,-14.454477)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4154"
+       id="linearGradient4160"
+       x1="-3.0267849"
+       y1="1050.3479"
+       x2="-3.0267849"
+       y2="1049.2792"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.99892818,0,0,1.0184881,-0.00313413,-19.368468)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4161"
+       id="linearGradient4167"
+       x1="-5.0651731"
+       y1="1041.0127"
+       x2="-5.0651731"
+       y2="1037.4772"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4169"
+       id="linearGradient4175"
+       x1="-4.697381"
+       y1="1046.3468"
+       x2="-4.697381"
+       y2="1042.7482"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.99919524,0,0,1.0138636,-0.00235319,-14.454477)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4177"
+       id="linearGradient4183"
+       x1="-4.9499192"
+       y1="1051.5363"
+       x2="-4.9499192"
+       y2="1047.8113"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.99892818,0,0,1.0184881,-0.00313413,-19.368468)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="32"
+     inkscape:cx="7.48751"
+     inkscape:cy="2.8401925"
+     inkscape:document-units="px"
+     inkscape:current-layer="g4218"
+     showgrid="false"
+     units="px"
+     inkscape:snap-others="false"
+     inkscape:snap-grids="false"
+     inkscape:window-width="1071"
+     inkscape:window-height="833"
+     inkscape:window-x="1195"
+     inkscape:window-y="730"
+     inkscape:window-maximized="0"
+     inkscape:snap-global="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3336" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g4218"
+       transform="translate(11.428571,-2.1875007e-7)">
+      <rect
+         ry="0.37885901"
+         rx="0.37885901"
+         y="1037.8979"
+         x="-6.9642854"
+         height="2.9464285"
+         width="8.0803576"
+         id="rect4186"
+         style="opacity:1;fill:url(#linearGradient4144);fill-opacity:1;stroke:url(#linearGradient4167);stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         ry="0.38411137"
+         rx="0.37855414"
+         y="1042.8566"
+         x="-6.9610338"
+         height="2.9872768"
+         width="8.0738544"
+         id="rect4186-4"
+         style="opacity:1;fill:url(#linearGradient4152);fill-opacity:1;stroke:url(#linearGradient4175);stroke-width:1.00650275;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         ry="0.38586339"
+         rx="0.37845296"
+         y="1047.8575"
+         x="-6.9599552"
+         height="3.0009024"
+         width="8.0716972"
+         id="rect4186-4-0"
+         style="opacity:1;fill:url(#linearGradient4160);fill-opacity:1;stroke:url(#linearGradient4183);stroke-width:1.00866067;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_show_descriptions.gif b/org.eclipse.help.webapp/advanced/images/e_show_descriptions.gif
deleted file mode 100644
index 484d828..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_show_descriptions.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_show_descriptions.svg b/org.eclipse.help.webapp/advanced/images/e_show_descriptions.svg
new file mode 100644
index 0000000..b59bd45
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_show_descriptions.svg
@@ -0,0 +1,336 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="e_show_descriptions.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1279"
+       inkscape:collect="always">
+      <stop
+         id="stop1275"
+         offset="0"
+         style="stop-color:#abb7cb;stop-opacity:1" />
+      <stop
+         id="stop1277"
+         offset="1"
+         style="stop-color:#869fc8;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5206">
+      <stop
+         style="stop-color:#bbb8bb;stop-opacity:1"
+         offset="0"
+         id="stop5208" />
+      <stop
+         id="stop5216"
+         offset="0.25"
+         style="stop-color:#ccc8cb;stop-opacity:1" />
+      <stop
+         id="stop5214"
+         offset="0.5"
+         style="stop-color:#bdb6bc;stop-opacity:1" />
+      <stop
+         style="stop-color:#9b8c98;stop-opacity:1"
+         offset="1"
+         id="stop5210" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5331">
+      <stop
+         style="stop-color:#fef48d;stop-opacity:1"
+         offset="0"
+         id="stop5333" />
+      <stop
+         id="stop5341"
+         offset="0.3251386"
+         style="stop-color:#fffffe;stop-opacity:1" />
+      <stop
+         id="stop5339"
+         offset="0.66393197"
+         style="stop-color:#fffffe;stop-opacity:1" />
+      <stop
+         style="stop-color:#fef48d;stop-opacity:1"
+         offset="1"
+         id="stop5335" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5378">
+      <stop
+         id="stop5380"
+         offset="0"
+         style="stop-color:#f4d684;stop-opacity:1" />
+      <stop
+         style="stop-color:#fcf4c6;stop-opacity:1"
+         offset="0.25"
+         id="stop5382" />
+      <stop
+         style="stop-color:#fbeebc;stop-opacity:1"
+         offset="0.5"
+         id="stop5384" />
+      <stop
+         id="stop5386"
+         offset="1"
+         style="stop-color:#eeb960;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5428">
+      <stop
+         style="stop-color:#f0a53b;stop-opacity:1;"
+         offset="0"
+         id="stop5430" />
+      <stop
+         id="stop5438"
+         offset="0.26895422"
+         style="stop-color:#f2d58f;stop-opacity:1" />
+      <stop
+         id="stop5436"
+         offset="0.60424823"
+         style="stop-color:#efb965;stop-opacity:1" />
+      <stop
+         style="stop-color:#df9833;stop-opacity:1"
+         offset="1"
+         id="stop5432" />
+    </linearGradient>
+    <mask
+       id="mask8820"
+       maskUnits="userSpaceOnUse">
+      <g
+         inkscape:label="Layer 1"
+         id="g8822"
+         style="display:inline;fill:#ffffff;stroke:#ffffff"
+         transform="matrix(1.0698871,0,0,1.0698871,15.540293,-72.622799)">
+        <g
+           style="display:inline;fill:#ffffff;stroke:#ffffff"
+           id="g8824"
+           transform="matrix(0.9346781,0,0,0.9346781,-14.571811,69.044514)">
+          <g
+             style="fill:#ffffff;stroke:#ffffff"
+             transform="translate(15.600543)"
+             id="g8826">
+            <g
+               style="fill:#ffffff;stroke:#ffffff"
+               id="g8828"
+               transform="rotate(45,26.208459,1022.0081)">
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8830"
+                 d="m 28.565245,1040.0695 -1.069887,2.1398 h 4.279549 l -1.069887,-2.1398 c -0.472828,-0.9477 -1.844257,-0.7625 -2.139775,0 z"
+                 style="display:inline;fill:#ffffff;stroke:#ffffff;stroke-width:1.06988704;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8832"
+                 d="m 26.607269,1042.2428 c 1.259438,-1.6377 4.858466,-1.5046 6.055728,0 v 8.5925 h -6.055728 z"
+                 style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8834"
+                 d="m 29.411544,1042.9075 c -0.368467,0.01 -0.72715,0.043 -1.069887,0.1003 v 2.4073 c 0.342737,-0.057 0.70142,-0.09 1.069887,-0.1003 z"
+                 style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1px;marker:none;enable-background:accumulate" />
+              <path
+                 sodipodi:nodetypes="sccccs"
+                 inkscape:connector-curvature="0"
+                 id="path8836"
+                 d="m 29.645582,1053.51 c -1.546954,0 -3.096933,0.3554 -3.778039,1.0365 v 0.5683 c 1.362214,1.3622 6.178977,1.3438 7.522644,0 v -0.5683 c -0.671834,-0.6719 -2.197651,-1.0342 -3.744605,-1.0365 z"
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-opacity:1" />
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8838"
+                 d="m 26.422196,1052.4196 v 12.1257 h 6.413338 v -12.1257 z"
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.87995493;stroke-opacity:1" />
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path8840"
+                 d="m 25.867543,1050.1666 v 4.3799 c 1.778049,-1.9187 5.89609,-1.8666 7.522644,0 v -4.3799 c -1.258456,-2.537 -6.051006,-2.5281 -7.522644,0 z"
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.0003444;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1"
+                 sodipodi:nodetypes="ccccc" />
+            </g>
+          </g>
+        </g>
+      </g>
+    </mask>
+    <linearGradient
+       id="linearGradient7592-1-3-6">
+      <stop
+         id="stop7594-6-9-5"
+         offset="0"
+         style="stop-color:#ad7212;stop-opacity:1;" />
+      <stop
+         id="stop7596-9-2-1"
+         offset="1"
+         style="stop-color:#875f1e;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient7584-5-3-4">
+      <stop
+         id="stop7586-4-4-4"
+         offset="0"
+         style="stop-color:#f9cd5f;stop-opacity:1;" />
+      <stop
+         id="stop7588-5-0-3"
+         offset="1"
+         style="stop-color:#ffebb7;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1279"
+       id="linearGradient1273"
+       x1="-5.0656271"
+       y1="1038.7997"
+       x2="-0.062227711"
+       y2="1038.7997"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(2.2049309,0,0,0.00106437,15.074158,1037.7735)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1279"
+       id="linearGradient1273-5"
+       x1="-5.0656271"
+       y1="1038.7997"
+       x2="-0.062227711"
+       y2="1038.7997"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(2.2049309,0,0,0.00106437,15.078535,1039.7735)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1279"
+       id="linearGradient1273-1"
+       x1="-5.0656271"
+       y1="1038.7997"
+       x2="-0.062227711"
+       y2="1038.7997"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(2.2049309,0,0,0.00106437,15.078535,1043.7734)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1279"
+       id="linearGradient1273-2"
+       x1="-5.0656271"
+       y1="1038.7997"
+       x2="-0.062227711"
+       y2="1038.7997"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(2.2049309,0,0,0.00106437,15.078535,1045.7735)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1279"
+       id="linearGradient1273-21"
+       x1="-5.0656271"
+       y1="1038.7997"
+       x2="-0.062227711"
+       y2="1038.7997"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.602146,0,0,0.00106437,12.028661,1041.7734)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1279"
+       id="linearGradient1273-21-1"
+       x1="-5.0656271"
+       y1="1038.7997"
+       x2="-0.062227711"
+       y2="1038.7997"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.602146,0,0,0.00106437,12.028252,1047.7735)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="18.760427"
+     inkscape:cx="4.5240835"
+     inkscape:cy="1.6631695"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1-2"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5105" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       style="display:inline"
+       id="layer1-2"
+       inkscape:label="Layer 1"
+       transform="translate(-0.92087393,-0.01685309)">
+      <path
+         style="fill:none;stroke:url(#linearGradient1273);stroke-width:0.99999768px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.916502,1038.8792 11.008744,-10e-5"
+         id="path1232"
+         inkscape:connector-curvature="0" />
+      <path
+         style="display:inline;fill:none;stroke:url(#linearGradient1273-5);stroke-width:0.99999768px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.9208785,1040.8792 11.0087445,-10e-5"
+         id="path1232-9"
+         inkscape:connector-curvature="0" />
+      <path
+         style="display:inline;fill:none;stroke:url(#linearGradient1273-1);stroke-width:0.99999768px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.9208785,1044.8791 11.0087445,-1e-4"
+         id="path1232-0"
+         inkscape:connector-curvature="0" />
+      <path
+         style="display:inline;fill:none;stroke:url(#linearGradient1273-2);stroke-width:0.99999768px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.9208785,1046.8792 11.0087445,-10e-5"
+         id="path1232-8"
+         inkscape:connector-curvature="0" />
+      <path
+         style="display:inline;fill:none;stroke:url(#linearGradient1273-21);stroke-width:0.99999768px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.9212892,1042.8791 7.9991698,-1e-4"
+         id="path1232-5"
+         inkscape:connector-curvature="0" />
+      <path
+         style="display:inline;fill:none;stroke:url(#linearGradient1273-21-1);stroke-width:0.99999768px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.9208802,1048.8792 7.9991698,-10e-5"
+         id="path1232-5-6"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/e_synch_toc_nav.gif b/org.eclipse.help.webapp/advanced/images/e_synch_toc_nav.gif
deleted file mode 100644
index 4353fd5..0000000
--- a/org.eclipse.help.webapp/advanced/images/e_synch_toc_nav.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/e_synch_toc_nav.svg b/org.eclipse.help.webapp/advanced/images/e_synch_toc_nav.svg
new file mode 100644
index 0000000..fd235f6
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/e_synch_toc_nav.svg
@@ -0,0 +1,373 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="e_synch_toc_nav.gif.svg"
+   inkscape:export-filename="C:\Users\jmietling\Documents\rect3997-9-1.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4871">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop4873" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4875" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4871"
+       id="linearGradient4877"
+       x1="3"
+       y1="1045.8622"
+       x2="4"
+       y2="1045.8622"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4871"
+       id="linearGradient4879"
+       x1="4.4999781"
+       y1="1044.3466"
+       x2="4.4999781"
+       y2="1045.3433"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4871-7"
+       id="linearGradient4877-1"
+       x1="3"
+       y1="1045.8622"
+       x2="4"
+       y2="1045.8622"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4871-7">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop4873-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4875-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4871-7"
+       id="linearGradient4879-9"
+       x1="4.4999781"
+       y1="1044.3466"
+       x2="4.4999781"
+       y2="1045.3433"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4871-7-1"
+       id="linearGradient4877-1-7"
+       x1="3"
+       y1="1045.8622"
+       x2="4"
+       y2="1045.8622"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4871-7-1">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop4873-4-1" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4875-0-5" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4871-7-1"
+       id="linearGradient4879-9-2"
+       x1="4.4999781"
+       y1="1044.3466"
+       x2="4.4999781"
+       y2="1045.3433"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient7134"
+       inkscape:collect="always">
+      <stop
+         id="stop7136"
+         offset="0"
+         style="stop-color:#bd8416;stop-opacity:1" />
+      <stop
+         id="stop7138"
+         offset="1"
+         style="stop-color:#a66b10;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       y2="1040.7345"
+       x2="22.519354"
+       y1="1042.0283"
+       x1="22.519354"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient7608-3-3"
+       xlink:href="#linearGradient7584-5-1"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient7584-5-1">
+      <stop
+         id="stop7586-4-6"
+         offset="0"
+         style="stop-color:#f9cd5f;stop-opacity:1;" />
+      <stop
+         id="stop7588-5-8"
+         offset="1"
+         style="stop-color:#ffebb7;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       y2="1045.3622"
+       x2="23.551146"
+       y1="1037.3622"
+       x1="23.551146"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient7610-5-8"
+       xlink:href="#linearGradient7134"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="1041.7356"
+       x2="22.930616"
+       y1="1039.6982"
+       x1="22.930616"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient7608-9-7-1"
+       xlink:href="#linearGradient7584-5-1"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="1037.7311"
+       x2="25.363291"
+       y1="1044.7311"
+       x1="25.363291"
+       id="linearGradient7140"
+       xlink:href="#linearGradient7134"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="15.999999"
+     inkscape:cx="1.6290223"
+     inkscape:cy="7.9808044"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1458"
+     inkscape:window-height="814"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-others="false"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g5029"
+       transform="matrix(0.59562329,0,0,0.59562329,-0.57375444,420.31576)">
+      <path
+         id="rect4035-17"
+         d="m 2.6421734,1042.6833 v 5.0367 H 7.678914 v -5.0367 z m 1.6789131,1.6789 H 6 v 1.6789 H 4.3210865 Z"
+         style="display:inline;fill:#5c7aaa;fill-opacity:1;stroke:none"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccccccc" />
+      <g
+         id="g4094"
+         transform="matrix(0.55964608,0,0,0.55963589,2.6421482,459.89962)">
+        <rect
+           style="display:inline;fill:#91a5c7;fill-opacity:1;stroke:none"
+           id="rect4035-1-1"
+           width="3"
+           height="3.0000174"
+           x="3"
+           y="1044.3622" />
+        <path
+           style="display:inline;opacity:0.5;fill:url(#linearGradient4877);fill-opacity:1;stroke:none"
+           d="m 3,1044.3622 1,1 v 2 H 3 Z"
+           id="rect4035-1-7-1"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+        <path
+           style="display:inline;opacity:0.5;fill:url(#linearGradient4879);fill-opacity:1;stroke:none"
+           d="m 3,1044.3622 1,1 h 2 v -1 z"
+           id="rect4035-1-7-4-5"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+      </g>
+    </g>
+    <g
+       style="display:inline"
+       id="g5029-8"
+       transform="matrix(0.59562329,0,0,0.59562329,3.4262456,424.31576)">
+      <path
+         id="rect4035-17-2"
+         d="m 2.6421734,1042.6833 v 5.0367 H 7.678914 v -5.0367 z m 1.6789131,1.6789 H 6 v 1.6789 H 4.3210865 Z"
+         style="display:inline;fill:#5c7aaa;fill-opacity:1;stroke:none"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccccccc" />
+      <g
+         id="g4094-4"
+         transform="matrix(0.55964608,0,0,0.55963589,2.6421482,459.89962)">
+        <rect
+           style="display:inline;fill:#91a5c7;fill-opacity:1;stroke:none"
+           id="rect4035-1-1-5"
+           width="3"
+           height="3.0000174"
+           x="3"
+           y="1044.3622" />
+        <path
+           style="display:inline;opacity:0.5;fill:url(#linearGradient4877-1);fill-opacity:1;stroke:none"
+           d="m 3,1044.3622 1,1 v 2 H 3 Z"
+           id="rect4035-1-7-1-5"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+        <path
+           style="display:inline;opacity:0.5;fill:url(#linearGradient4879-9);fill-opacity:1;stroke:none"
+           d="m 3,1044.3622 1,1 h 2 v -1 z"
+           id="rect4035-1-7-4-5-1"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+      </g>
+    </g>
+    <g
+       style="display:inline"
+       id="g5029-8-7"
+       transform="matrix(0.59562329,0,0,0.59562329,3.4262456,428.31576)">
+      <path
+         id="rect4035-17-2-6"
+         d="m 2.6421734,1042.6833 v 5.0367 H 7.678914 v -5.0367 z m 1.6789135,1.6912 h 1.6789135 v 1.6913 H 4.3210869 Z"
+         style="display:inline;fill:#5c7aaa;fill-opacity:1;stroke:none"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccccccc" />
+      <g
+         id="g4094-4-1"
+         transform="matrix(0.55964608,0,0,0.55963589,2.6421482,459.89962)">
+        <rect
+           style="display:inline;fill:#91a5c7;fill-opacity:1;stroke:none"
+           id="rect4035-1-1-5-4"
+           width="3"
+           height="3.0000174"
+           x="3"
+           y="1044.3622" />
+        <path
+           style="display:inline;opacity:0.5;fill:url(#linearGradient4877-1-7);fill-opacity:1;stroke:none"
+           d="m 3,1044.3622 1,1 v 2 H 3 Z"
+           id="rect4035-1-7-1-5-2"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+        <path
+           style="display:inline;opacity:0.5;fill:url(#linearGradient4879-9-2);fill-opacity:1;stroke:none"
+           d="m 3,1044.3622 1,1 h 2 v -1 z"
+           id="rect4035-1-7-4-5-1-3"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+      </g>
+    </g>
+    <path
+       style="display:inline;fill:#5c7aaa;fill-opacity:1;stroke:none"
+       d="m 1.9999853,1044.3622 h 1.0000146 v 7 H 1.9999853 Z"
+       id="rect4035-1-1-5-2"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:#5c7aaa;fill-opacity:1;stroke:none"
+       d="m 1.9999853,1046.3622 h 3.0000003 v 1 H 1.9999853 Z"
+       id="rect4035-1-1-5-2-2"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:#5c7aaa;fill-opacity:1;stroke:none"
+       d="m 1.9999853,1050.3622 h 3.0000003 v 0.9999 H 1.9999853 Z"
+       id="rect4035-1-1-5-2-2-1"
+       inkscape:connector-curvature="0" />
+    <g
+       style="display:inline;stroke-width:1.16937912"
+       id="g7604"
+       transform="matrix(-0.85515466,0,0,0.85515466,29.19168,150.66021)">
+      <path
+         sodipodi:nodetypes="ccssscscsssszcc"
+         inkscape:connector-curvature="0"
+         id="path7582"
+         d="m 23.585155,1039.3249 v -1.591 c 0,0 -0.353553,-0.8397 -1.370019,-0.044 -1.016466,0.7955 -2.209709,2.0772 -2.386486,2.4307 -0.176776,0.3536 -0.928077,0.9723 0.08839,1.9446 1.016466,0.9722 2.121321,1.9887 2.121321,1.9887 0,0 1.546796,1.4584 1.546796,0.088 0,-1.37 0,-1.812 0,-1.812 1.366404,-0.063 1.694788,0.3552 2.039845,0.6884 0.345482,0.3336 0.8125,1.9687 1.21875,2.0937 0.40625,0.125 0.625,-2.1875 0.625,-2.625 0,-0.4375 -0.174793,-1.2439 -0.71875,-1.9687 -0.293544,-0.3911 -1.006571,-0.9555 -1.53125,-1.0998 -0.524679,-0.1444 -1.633595,-0.094 -1.633595,-0.094 z"
+         style="fill:url(#linearGradient7608-3-3);fill-opacity:1;stroke:url(#linearGradient7610-5-8);stroke-width:0.9355033;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccssscc"
+         transform="translate(0,1036.3622)"
+         inkscape:connector-curvature="0"
+         id="path7602"
+         d="M 23.069359,2.3660973 V 1.769476 c 0,0 0.110485,-0.3756505 -0.220971,-0.243068 -0.331456,0.1325826 -0.972272,0.6629126 -1.038563,0.773398 -0.06629,0.1104855 -0.751301,0.5966214 -0.596622,0.8175923 0.15468,0.2209709 1.458408,0.066291 1.458408,0.066291 z"
+         style="opacity:0.85714285;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.16937912" />
+    </g>
+    <g
+       style="display:inline;stroke-width:1.16937912"
+       id="g7604-6"
+       transform="matrix(0.85515466,0,0,-0.85515466,-7.953295,1937.1582)">
+      <path
+         sodipodi:nodetypes="ccssscsscsssszcc"
+         inkscape:connector-curvature="0"
+         id="path7582-7"
+         d="m 23.585155,1039.3249 v -1.591 c 0,0 -0.353553,-0.8397 -1.370019,-0.044 -1.016466,0.7955 -2.209709,2.0772 -2.386486,2.4307 -0.176776,0.3536 -0.928077,0.9723 0.08839,1.9446 1.016466,0.9722 2.121321,1.9887 2.121321,1.9887 0,0 0.404271,0.3812 0.799458,0.5707 0.37782,0.1811 0.747338,0.1871 0.747338,-0.4827 0,-1.37 0,-1.812 0,-1.812 1.366404,-0.063 1.727345,0.3446 2.039845,0.6884 0.3125,0.3437 0.8125,1.9687 1.21875,2.0937 0.40625,0.125 0.625,-2.1875 0.625,-2.625 0,-0.4375 -0.09375,-1.3125 -0.71875,-1.9687 -0.625,-0.6563 -1.006571,-0.9555 -1.53125,-1.0998 -0.524679,-0.1444 -1.633595,-0.094 -1.633595,-0.094 z"
+         style="fill:url(#linearGradient7608-9-7-1);fill-opacity:1;stroke:url(#linearGradient7140);stroke-width:0.9355033;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccssscc"
+         inkscape:connector-curvature="0"
+         id="path7602-2"
+         d="m 23.069359,1042.9731 v 0.5966 c 0,0 0.110485,0.3757 -0.220971,0.2431 -0.331456,-0.1326 -0.972272,-0.6629 -1.038563,-0.7734 -0.06629,-0.1105 -0.751301,-0.5966 -0.596622,-0.8176 0.15468,-0.221 1.458408,-0.066 1.458408,-0.066 z"
+         style="opacity:0.85714285;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.16937912" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/forward.gif b/org.eclipse.help.webapp/advanced/images/forward.gif
deleted file mode 100644
index 319fe8d..0000000
--- a/org.eclipse.help.webapp/advanced/images/forward.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/forward.svg b/org.eclipse.help.webapp/advanced/images/forward.svg
new file mode 100644
index 0000000..cf6e3e2
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/forward.svg
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.0 r9654"
+   sodipodi:docname="forward_nav.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4749">
+      <stop
+         style="stop-color:#ffffee;stop-opacity:1"
+         offset="0"
+         id="stop4751" />
+      <stop
+         style="stop-color:#ffecad;stop-opacity:1"
+         offset="1"
+         id="stop4753" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4741">
+      <stop
+         style="stop-color:#ba7f0d;stop-opacity:1"
+         offset="0"
+         id="stop4743" />
+      <stop
+         style="stop-color:#a2660b;stop-opacity:1"
+         offset="1"
+         id="stop4745" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4741"
+       id="linearGradient4747"
+       x1="11.0625"
+       y1="1038.5497"
+       x2="11.0625"
+       y2="1049.912"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4749"
+       id="linearGradient4755"
+       x1="4.5"
+       y1="1042.047"
+       x2="4.5"
+       y2="1046.4902"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="16"
+     inkscape:cx="-0.57568266"
+     inkscape:cy="2.7852926"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1164"
+     inkscape:window-height="982"
+     inkscape:window-x="104"
+     inkscape:window-y="89"
+     inkscape:window-maximized="0"
+     inkscape:snap-global="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3966" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="fill:url(#linearGradient4755);fill-opacity:1;stroke:url(#linearGradient4747);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       d="m 8.5,1038.8622 0,3 -5.78125,0 c -0.6678671,0 -1.21875,0.5509 -1.21875,1.2188 l 0,2.5625 c 0,0.6678 0.5508829,1.2187 1.21875,1.2187 l 5.78125,0 0,3 1,0 5.5,-5.5 -5.5,-5.5 -1,0 z"
+       id="rect3968"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/highlight.gif b/org.eclipse.help.webapp/advanced/images/highlight.gif
deleted file mode 100644
index 1af4d3b..0000000
--- a/org.eclipse.help.webapp/advanced/images/highlight.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/highlight.svg b/org.eclipse.help.webapp/advanced/images/highlight.svg
new file mode 100644
index 0000000..98519c7
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/highlight.svg
@@ -0,0 +1,184 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="highlight.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient4994">
+      <stop
+         id="stop4996"
+         offset="0"
+         style="stop-color:#bbbab6;stop-opacity:1" />
+      <stop
+         style="stop-color:#d8d8d6;stop-opacity:1"
+         offset="0.13130741"
+         id="stop5002" />
+      <stop
+         style="stop-color:#bbbab6;stop-opacity:1"
+         offset="0.26261482"
+         id="stop4998" />
+      <stop
+         id="stop5004"
+         offset="0.63130742"
+         style="stop-color:#b8b6b2;stop-opacity:1" />
+      <stop
+         id="stop5000"
+         offset="1"
+         style="stop-color:#a8a6a1;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4976">
+      <stop
+         style="stop-color:#cececb;stop-opacity:1"
+         offset="0"
+         id="stop4978" />
+      <stop
+         id="stop4984"
+         offset="0.26261482"
+         style="stop-color:#c5c3b5;stop-opacity:1" />
+      <stop
+         style="stop-color:#bebdb9;stop-opacity:1"
+         offset="1"
+         id="stop4980" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4952">
+      <stop
+         style="stop-color:#e0dcd1;stop-opacity:1"
+         offset="0"
+         id="stop4954" />
+      <stop
+         id="stop4970"
+         offset="0.25"
+         style="stop-color:#e7e6db;stop-opacity:1" />
+      <stop
+         id="stop4968"
+         offset="0.62763387"
+         style="stop-color:#d2cfbb;stop-opacity:1" />
+      <stop
+         style="stop-color:#c3bfab;stop-opacity:1"
+         offset="1"
+         id="stop4956" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4952"
+       id="linearGradient4958"
+       x1="26.461384"
+       y1="1045.0045"
+       x2="29.825548"
+       y2="1048.598"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-2.1397741,4.8953347e-7)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4976"
+       id="linearGradient4982"
+       x1="26.544964"
+       y1="1057.6731"
+       x2="30.345661"
+       y2="1061.172"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0,-14.978419)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4994"
+       id="linearGradient4992"
+       x1="29.5947"
+       y1="1053.5125"
+       x2="35.038246"
+       y2="1058.7136"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0,-14.978419)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="32.000001"
+     inkscape:cx="12.308583"
+     inkscape:cy="8.8724808"
+     inkscape:document-units="px"
+     inkscape:current-layer="g8472"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid844" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       style="display:inline"
+       id="g8472"
+       transform="matrix(0.9346781,0,0,0.9346781,-14.571811,69.044514)">
+      <rect
+         style="fill:#c2c1c1;fill-opacity:1;stroke:none"
+         id="rect4172"
+         width="5.3480377"
+         height="1.0668679"
+         x="15.590192"
+         y="1049.8992" />
+      <g
+         transform="translate(15.600543,0)"
+         id="g8421" />
+      <path
+         style="fill:url(#linearGradient4958);fill-opacity:1;stroke:#c2c1c1;stroke-width:1.06988704px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 25.874196,1042.866 -5.532085,5.3903 c 0,0 -0.425545,1.3948 0.33098,1.9858 0.756524,0.5911 5.933987,0.2601 5.933987,0.2601 l 3.90083,-3.8299 z"
+         id="path4950"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:url(#linearGradient4982);fill-opacity:1;stroke:#c2c1c1;stroke-width:1.06988704px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 30.106004,1047.3342 -4.633711,-4.3499 3.889236,-3.8893 4.468222,4.3027 z"
+         id="path4972"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         style="fill:url(#linearGradient4992);fill-opacity:1;stroke:#c2c1c1;stroke-width:1.06988704px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 30.36606,1044.5919 c -0.532814,-0.6954 -1.460212,-1.6094 -2.245932,-2.1042 -0.785721,-0.4947 -1.820388,-0.6616 -1.820388,-0.6616 0,0 0.09457,-0.993 1.205712,-1.9859 l 8.700031,-8.854 0,12.542 -2.742401,2.3641 c -0.898374,0.5438 -2.316857,0.662 -2.316857,0.662 0.127896,-0.6188 -0.247352,-1.267 -0.780165,-1.9624 z"
+         id="path4974"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="zzccccccz" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/home.gif b/org.eclipse.help.webapp/advanced/images/home.gif
deleted file mode 100644
index 819e85b..0000000
--- a/org.eclipse.help.webapp/advanced/images/home.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/home.svg b/org.eclipse.help.webapp/advanced/images/home.svg
new file mode 100644
index 0000000..d1b26f7
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/home.svg
@@ -0,0 +1,330 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.0 r9654"
+   sodipodi:docname="home_nav.svg"
+   inkscape:export-filename="C:\Users\jmietling\Documents\rect3997-9-1.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5000">
+      <stop
+         style="stop-color:#fffbce;stop-opacity:1;"
+         offset="0"
+         id="stop5002" />
+      <stop
+         style="stop-color:#ffcf73;stop-opacity:1"
+         offset="1"
+         id="stop5004" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4990">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop4992" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop4994" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4962">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop4964" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop4966" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4901">
+      <stop
+         style="stop-color:#5b7aac;stop-opacity:1"
+         offset="0"
+         id="stop4903" />
+      <stop
+         style="stop-color:#13347c;stop-opacity:1"
+         offset="1"
+         id="stop4905" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4893">
+      <stop
+         style="stop-color:#dff2fe;stop-opacity:1;"
+         offset="0"
+         id="stop4895" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop4897" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4832">
+      <stop
+         style="stop-color:#edeb02;stop-opacity:1;"
+         offset="0"
+         id="stop4834" />
+      <stop
+         style="stop-color:#6cc13a;stop-opacity:1"
+         offset="1"
+         id="stop4836" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4818"
+       inkscape:collect="always">
+      <stop
+         id="stop4820"
+         offset="0"
+         style="stop-color:#296166;stop-opacity:1" />
+      <stop
+         id="stop4822"
+         offset="1"
+         style="stop-color:#274184;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4776">
+      <stop
+         style="stop-color:#39845b;stop-opacity:1;"
+         offset="0"
+         id="stop4778" />
+      <stop
+         style="stop-color:#367a5d;stop-opacity:1"
+         offset="1"
+         id="stop4780" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4764">
+      <stop
+         style="stop-color:#6f736b;stop-opacity:1"
+         offset="0"
+         id="stop4766" />
+      <stop
+         style="stop-color:#a6967b;stop-opacity:1"
+         offset="1"
+         id="stop4768" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4764"
+       id="linearGradient4770"
+       x1="8.4092102"
+       y1="8.7891455"
+       x2="8.4092102"
+       y2="1.1254452"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4776"
+       id="linearGradient4782"
+       x1="10.582661"
+       y1="1043.6017"
+       x2="10.582661"
+       y2="1046.0001"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-2,0)" />
+    <linearGradient
+       y2="1047.6909"
+       x2="10.582661"
+       y1="1043.6017"
+       x1="10.582661"
+       gradientTransform="translate(-2,3.9999517)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient4799"
+       xlink:href="#linearGradient4818"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4832"
+       id="linearGradient4838"
+       x1="11.953301"
+       y1="1048.0667"
+       x2="11.953301"
+       y2="1051.5563"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-4,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4893"
+       id="linearGradient4899"
+       x1="10.672073"
+       y1="1051.7124"
+       x2="10.672073"
+       y2="1039.9114"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-2,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4901"
+       id="linearGradient4907"
+       x1="27.048151"
+       y1="1051.9556"
+       x2="27.048151"
+       y2="1043.3688"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-22,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4962"
+       id="linearGradient4968"
+       x1="5.81739"
+       y1="1041.0914"
+       x2="4.7714186"
+       y2="1040.0861"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4990"
+       id="linearGradient4996"
+       x1="10"
+       y1="1041.3622"
+       x2="9"
+       y2="1042.3622"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4990"
+       id="linearGradient4998"
+       x1="7"
+       y1="1041.3622"
+       x2="8"
+       y2="1042.3622"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5000"
+       id="linearGradient5006"
+       x1="11"
+       y1="1"
+       x2="11"
+       y2="9"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.313708"
+     inkscape:cx="19.547345"
+     inkscape:cy="6.4098931"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1389"
+     inkscape:window-height="982"
+     inkscape:window-x="49"
+     inkscape:window-y="165"
+     inkscape:window-maximized="0"
+     inkscape:snap-global="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3966" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="fill:url(#linearGradient4899);fill-opacity:1;stroke:url(#linearGradient4907);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;display:inline"
+       d="m 3.639246,1044.01 4.871803,-4.9944 4.871802,4.9944 c 0.04798,0.049 0.124028,0.055 0.124028,0.124 l 0,7.6443 c 0,0.069 -0.05532,0.1241 -0.124028,0.1241 l -9.743605,0 c -0.06871,0 -0.124028,-0.055 -0.124028,-0.1241 l 0,-7.6443 c 0,-0.069 0.05532,-0.124 0.124028,-0.124 z"
+       id="rect4774-4-4"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="scssssssss" />
+    <rect
+       style="fill:#9f453a;fill-opacity:1;stroke:#aeaa73;stroke-width:0.64999998000000003;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       id="rect4762"
+       width="1.3515625"
+       height="4.5546875"
+       x="4.3203125"
+       y="1.3359375"
+       transform="translate(0,1036.3622)"
+       rx="0.16010694"
+       ry="0.16010694" />
+    <rect
+       style="fill:url(#linearGradient4968);fill-opacity:1;stroke:none;display:inline;opacity:0.5"
+       id="rect4762-8"
+       width="2.0034266"
+       height="3.4940274"
+       x="3.9943805"
+       y="1038.7588"
+       rx="0.23732717"
+       ry="0.12282249" />
+    <rect
+       style="fill:#edeb02;fill-opacity:1;stroke:url(#linearGradient4782);stroke-width:0.66977459;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       id="rect4774"
+       width="2.3239722"
+       height="2.3239722"
+       x="7.3380146"
+       y="1043.7002"
+       rx="0.12402803"
+       ry="0.12402803" />
+    <rect
+       style="fill:url(#linearGradient4838);fill-opacity:1;stroke:url(#linearGradient4799);stroke-width:0.66977459;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;display:inline"
+       id="rect4774-4"
+       width="2.3239722"
+       height="4.1801276"
+       x="7.3380146"
+       y="1047.7002"
+       rx="0.12402803"
+       ry="0.12402803" />
+    <path
+       style="fill:url(#linearGradient4998);fill-opacity:1;stroke:none;display:inline;opacity:0.5"
+       d="m 3.1531968,1043.8654 5.3578522,-5.4927 -5e-7,8.1726 -5.3578517,0 -0.136402,-0.1366 0,-2.4069 z"
+       id="rect4774-4-4-5"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="fill:url(#linearGradient4996);fill-opacity:1;stroke:none;display:inline;opacity:0.5"
+       d="m 8.511049,1038.3727 5.357851,5.4927 0.136402,0.1364 0,2.4069 -0.136402,0.1366 -5.3578515,0 z"
+       id="rect4774-4-4-5-8"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="fill:url(#linearGradient5006);fill-opacity:1;stroke:url(#linearGradient4770);stroke-width:0.64999998000000003;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       d="M 8.46875 1.6875 C 8.4278236 1.6875 8.4063599 1.6873901 8.375 1.71875 L 7.6875 2.40625 L 2.15625 7.9375 C 2.0935302 8.0002198 2.0935302 8.0935302 2.15625 8.15625 L 2.84375 8.84375 C 2.9064698 8.9064698 2.9997802 8.9064698 3.0625 8.84375 L 8.5 3.4375 L 13.90625 8.84375 C 13.96897 8.9064698 14.06228 8.9064698 14.125 8.84375 L 14.8125 8.15625 C 14.87522 8.0935302 14.87522 8.0002198 14.8125 7.9375 L 9.28125 2.40625 L 8.59375 1.71875 C 8.5623901 1.6873901 8.5096764 1.6875 8.46875 1.6875 z "
+       transform="translate(0,1036.3622)"
+       id="rect3973" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/maximize.gif b/org.eclipse.help.webapp/advanced/images/maximize.gif
deleted file mode 100644
index 55af28e..0000000
--- a/org.eclipse.help.webapp/advanced/images/maximize.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/maximize.svg b/org.eclipse.help.webapp/advanced/images/maximize.svg
new file mode 100644
index 0000000..e29fed6
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/maximize.svg
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="maximize.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient4989">
+      <stop
+         style="stop-color:#c3e9ff;stop-opacity:0.49019608;"
+         offset="0"
+         id="stop4991" />
+      <stop
+         id="stop4995"
+         offset="0.5"
+         style="stop-color:#c3e9ff;stop-opacity:1;" />
+      <stop
+         style="stop-color:#c3e9ff;stop-opacity:0.49019608;"
+         offset="1"
+         id="stop4993" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#8b8b8b"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="16"
+     inkscape:cx="-0.5868928"
+     inkscape:cy="9.9346296"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-nodes="false"
+     inkscape:bbox-paths="false"
+     inkscape:bbox-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="fill:#f6f7f9;fill-opacity:1;stroke:#000000;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 4.5,1039.8622 h 7 v 9 h -7 z"
+       id="path863"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 5,1041.8622 h 6.125"
+       id="path865"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/minus.gif b/org.eclipse.help.webapp/advanced/images/minus.gif
deleted file mode 100644
index 90d1d34..0000000
--- a/org.eclipse.help.webapp/advanced/images/minus.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/minus.svg b/org.eclipse.help.webapp/advanced/images/minus.svg
new file mode 100644
index 0000000..a89931a
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/minus.svg
@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="9"
+   height="9"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="minus.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient871">
+      <stop
+         style="stop-color:#d5f3ff;stop-opacity:1"
+         offset="0"
+         id="stop867" />
+      <stop
+         style="stop-color:#faffff;stop-opacity:1"
+         offset="1"
+         id="stop869" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4989">
+      <stop
+         style="stop-color:#c3e9ff;stop-opacity:0.49019608;"
+         offset="0"
+         id="stop4991" />
+      <stop
+         id="stop4995"
+         offset="0.5"
+         style="stop-color:#c3e9ff;stop-opacity:1;" />
+      <stop
+         style="stop-color:#c3e9ff;stop-opacity:0.49019608;"
+         offset="1"
+         id="stop4993" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient871"
+       id="linearGradient873"
+       x1="1.0625"
+       y1="1044.3622"
+       x2="7.9375"
+       y2="1051.4247"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="16"
+     inkscape:cx="-0.5868928"
+     inkscape:cy="9.9346296"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1043.3622)">
+    <path
+       style="fill:url(#linearGradient873);stroke:#8b96ab;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
+       d="m 0.5,1043.8622 h 8 v 8 h -8 z"
+       id="path865"
+       inkscape:connector-curvature="0" />
+    <rect
+       style="display:inline;fill:#d5f3ff;fill-opacity:1;stroke:none;stroke-width:1"
+       id="rect4167-8-9"
+       width="1"
+       height="5"
+       x="1048.3622"
+       y="-8"
+       transform="rotate(90)" />
+    <rect
+       style="display:inline;fill:#01467a;fill-opacity:1;stroke:none;stroke-width:1"
+       id="rect4167-8"
+       width="1"
+       height="5"
+       x="1047.3622"
+       y="-7"
+       transform="rotate(90)" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/plus.gif b/org.eclipse.help.webapp/advanced/images/plus.gif
deleted file mode 100644
index 014671f..0000000
--- a/org.eclipse.help.webapp/advanced/images/plus.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/plus.svg b/org.eclipse.help.webapp/advanced/images/plus.svg
new file mode 100644
index 0000000..5b30493
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/plus.svg
@@ -0,0 +1,142 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="9"
+   height="9"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="plus.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient871">
+      <stop
+         style="stop-color:#d5f3ff;stop-opacity:1"
+         offset="0"
+         id="stop867" />
+      <stop
+         style="stop-color:#faffff;stop-opacity:1"
+         offset="1"
+         id="stop869" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4989">
+      <stop
+         style="stop-color:#c3e9ff;stop-opacity:0.49019608;"
+         offset="0"
+         id="stop4991" />
+      <stop
+         id="stop4995"
+         offset="0.5"
+         style="stop-color:#c3e9ff;stop-opacity:1;" />
+      <stop
+         style="stop-color:#c3e9ff;stop-opacity:0.49019608;"
+         offset="1"
+         id="stop4993" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient871"
+       id="linearGradient873"
+       x1="1.0625"
+       y1="1044.3622"
+       x2="7.9375"
+       y2="1051.4247"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="16"
+     inkscape:cx="-0.5868928"
+     inkscape:cy="9.9346296"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1043.3622)">
+    <path
+       style="fill:url(#linearGradient873);stroke:#8b96ab;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
+       d="m 0.5,1043.8622 h 8 v 8 h -8 z"
+       id="path865"
+       inkscape:connector-curvature="0" />
+    <rect
+       style="display:inline;fill:#d5f3ff;fill-opacity:1;stroke:none;stroke-width:1"
+       id="rect4167-8-9"
+       width="1"
+       height="5"
+       x="1048.3622"
+       y="-8"
+       transform="rotate(90)" />
+    <rect
+       style="display:inline;fill:#d5f3ff;fill-opacity:1;stroke:none;stroke-width:1"
+       id="rect4167-8-1-4"
+       width="1"
+       height="5"
+       x="-6"
+       y="-1051.3622"
+       transform="scale(-1)" />
+    <rect
+       style="display:inline;fill:#01467a;fill-opacity:1;stroke:none;stroke-width:1"
+       id="rect4167-8-1"
+       width="1"
+       height="5"
+       x="-5"
+       y="-1050.3622"
+       transform="scale(-1)" />
+    <rect
+       style="display:inline;fill:#01467a;fill-opacity:1;stroke:none;stroke-width:1"
+       id="rect4167-8"
+       width="1"
+       height="5"
+       x="1047.3622"
+       y="-7"
+       transform="rotate(90)" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/print_toc.gif b/org.eclipse.help.webapp/advanced/images/print_toc.gif
deleted file mode 100644
index f7db31f..0000000
--- a/org.eclipse.help.webapp/advanced/images/print_toc.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/print_toc.svg b/org.eclipse.help.webapp/advanced/images/print_toc.svg
new file mode 100644
index 0000000..16af538
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/print_toc.svg
@@ -0,0 +1,388 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="28"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="print_toc.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       gradientTransform="translate(-17.574693,0.01687047)"
+       gradientUnits="userSpaceOnUse"
+       y2="1049.379"
+       x2="28"
+       y1="1050.379"
+       x1="28"
+       id="linearGradient4893-5-8"
+       xlink:href="#linearGradient4887-09-2"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4887-09-2"
+       inkscape:collect="always">
+      <stop
+         id="stop4889-4-4"
+         offset="0"
+         style="stop-color:#7e9bcb;stop-opacity:1;" />
+      <stop
+         id="stop4891-8-5"
+         offset="1"
+         style="stop-color:#4368a4;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(-17.574693,0.01687047)"
+       gradientUnits="userSpaceOnUse"
+       y2="1050.3622"
+       x2="24"
+       y1="1051.3622"
+       x1="24"
+       id="linearGradient4901-0"
+       xlink:href="#linearGradient4895-4"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4895-4"
+       inkscape:collect="always">
+      <stop
+         id="stop4897-4"
+         offset="0"
+         style="stop-color:#5978ab;stop-opacity:1;" />
+      <stop
+         id="stop4899-0"
+         offset="1"
+         style="stop-color:#3b5176;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(-17.574693,0.01687047)"
+       gradientUnits="userSpaceOnUse"
+       y2="1042.915"
+       x2="29.453629"
+       y1="1049.8108"
+       x1="29.453629"
+       id="linearGradient4827-5"
+       xlink:href="#linearGradient4821-8-1"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4821-8-1"
+       inkscape:collect="always">
+      <stop
+         id="stop4823-1"
+         offset="0"
+         style="stop-color:#b7c9e3;stop-opacity:1;" />
+      <stop
+         id="stop4825-5"
+         offset="1"
+         style="stop-color:#f3f5f6;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(-17.574693,0.01687047)"
+       gradientUnits="userSpaceOnUse"
+       y2="1042.6865"
+       x2="23.289864"
+       y1="1050.5165"
+       x1="23.289864"
+       id="linearGradient4835-90"
+       xlink:href="#linearGradient4829-8"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4829-8"
+       inkscape:collect="always">
+      <stop
+         id="stop4831-3"
+         offset="0"
+         style="stop-color:#607fb0;stop-opacity:1" />
+      <stop
+         id="stop4833-87"
+         offset="1"
+         style="stop-color:#7593c1;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(1.4253066,-1.022192)"
+       gradientUnits="userSpaceOnUse"
+       y2="1046.4012"
+       x2="9.8946028"
+       y1="1039.153"
+       x1="9.8946028"
+       id="linearGradient5000-26"
+       xlink:href="#linearGradient4994-93"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4994-93"
+       inkscape:collect="always">
+      <stop
+         id="stop4996-8"
+         offset="0"
+         style="stop-color:#f9fafc;stop-opacity:1;" />
+      <stop
+         id="stop4998-10"
+         offset="1"
+         style="stop-color:#dce7f8;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(3.4253066,-1.022192)"
+       gradientUnits="userSpaceOnUse"
+       y2="1039.9095"
+       x2="9.0883884"
+       y1="1040.9814"
+       x1="8.3314562"
+       id="linearGradient4900-3"
+       xlink:href="#linearGradient4894-3"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4894-3"
+       inkscape:collect="always">
+      <stop
+         id="stop4896-8"
+         offset="0"
+         style="stop-color:#e4cf9d;stop-opacity:1" />
+      <stop
+         id="stop4898-4"
+         offset="1"
+         style="stop-color:#d0ab5b;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(1.4253066,-1.022192)"
+       gradientUnits="userSpaceOnUse"
+       y2="1047.4012"
+       x2="10.544736"
+       y1="1038.5779"
+       x1="10.544736"
+       id="linearGradient4908-8"
+       xlink:href="#linearGradient4902-0"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4902-0"
+       inkscape:collect="always">
+      <stop
+         id="stop4904-1"
+         offset="0"
+         style="stop-color:#c7b571;stop-opacity:1" />
+      <stop
+         id="stop4906-5"
+         offset="1"
+         style="stop-color:#989891;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="matrix(0.7139977,0,0,1,3.4222893,-3.9727361)"
+       gradientUnits="userSpaceOnUse"
+       y2="1045.8571"
+       x2="14"
+       y1="1045.8571"
+       x1="7.0070496"
+       id="linearGradient4869-4"
+       xlink:href="#linearGradient4861-1"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4861-1"
+       inkscape:collect="always">
+      <stop
+         id="stop4863-3"
+         offset="0"
+         style="stop-color:#91a5c7;stop-opacity:1;" />
+      <stop
+         id="stop4865-7"
+         offset="1"
+         style="stop-color:#637aa7;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="matrix(0.7139977,0,0,1,3.4222893,-3.9623427)"
+       gradientUnits="userSpaceOnUse"
+       y2="1047.8571"
+       x2="14"
+       y1="1047.8571"
+       x1="7.0070496"
+       id="linearGradient4871-3"
+       xlink:href="#linearGradient5147-5"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5147-5">
+      <stop
+         style="stop-color:#91a5c7;stop-opacity:1;"
+         offset="0"
+         id="stop5149-8" />
+      <stop
+         style="stop-color:#637aa7;stop-opacity:1"
+         offset="1"
+         id="stop5151-5" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4937-4-9"
+       id="linearGradient4918-7-6"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-0.57469339,-1.0222295)"
+       x1="6"
+       y1="1045.4012"
+       x2="7"
+       y2="1045.4012" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4937-4-9">
+      <stop
+         style="stop-color:#000000;stop-opacity:0"
+         offset="0"
+         id="stop4939-0" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1"
+         id="stop4941-8" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4937-5-3">
+      <stop
+         style="stop-color:#000000;stop-opacity:0"
+         offset="0"
+         id="stop4939-2-6" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1"
+         id="stop4941-7-0" />
+    </linearGradient>
+    <linearGradient
+       y2="1045.4012"
+       x2="7"
+       y1="1045.4012"
+       x1="6"
+       gradientTransform="matrix(-1,0,0,1,22.425307,-1.0222295)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient6209"
+       xlink:href="#linearGradient4937-5-3"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="26.53125"
+     inkscape:cx="7.5100118"
+     inkscape:cy="2.5507888"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1-2"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5105" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       style="display:inline"
+       id="layer1-2"
+       inkscape:label="Layer 1"
+       transform="translate(-0.92087393,-0.01685309)">
+      <g
+         id="g82"
+         transform="translate(-0.50172396,-0.00347069)">
+        <rect
+           style="display:inline;fill:url(#linearGradient4893-5-8);fill-opacity:1;stroke:url(#linearGradient4901-0);stroke-opacity:1"
+           id="rect4051-2"
+           width="12.001725"
+           height="3.5034955"
+           x="4.9208741"
+           y="1048.379"
+           rx="0.86178637"
+           ry="0.86178637" />
+        <rect
+           style="fill:url(#linearGradient4827-5);fill-opacity:1;stroke:url(#linearGradient4835-90);stroke-opacity:1"
+           id="rect4051"
+           width="13.999893"
+           height="7.0015941"
+           x="3.9225979"
+           y="1042.881"
+           rx="0.86178637"
+           ry="0.86178637" />
+        <path
+           style="display:inline;fill:url(#linearGradient5000-26);fill-opacity:1;stroke:none"
+           d="m 6.9225891,1037.8816 h 5.0096699 l 3.062057,3.0066 v 4.9048 H 6.9225891 Z"
+           id="rect4001-3"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccccc" />
+        <path
+           style="fill:url(#linearGradient4900-3);fill-opacity:1;stroke:none"
+           d="m 11.401929,1037.4189 v 2.961 h 3.977476 z"
+           id="path4884"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccc" />
+        <path
+           style="fill:none;stroke:url(#linearGradient4908-8);stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1"
+           d="m 6.9225891,1037.8816 h 4.9432629 l 3.062058,2.0122 v 5.9867 H 6.9225891 Z"
+           id="rect4001"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccccc" />
+        <rect
+           style="display:inline;fill:url(#linearGradient4869-4);fill-opacity:1;stroke:none"
+           id="rect4001-1-7"
+           width="4.9929504"
+           height="1.0103934"
+           x="8.4253063"
+           y="1041.379" />
+        <rect
+           style="display:inline;fill:url(#linearGradient4871-3);fill-opacity:1;stroke:none"
+           id="rect4001-1-7-4"
+           width="4.9929504"
+           height="1.0103934"
+           x="8.4253063"
+           y="1043.3894" />
+        <path
+           style="display:inline;opacity:0.25;fill:url(#linearGradient4918-7-6);fill-opacity:1;stroke:none"
+           d="m 5.4253066,1042.3791 h 1 v 4 h -1 z"
+           id="rect4001-3-1"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+        <path
+           style="display:inline;opacity:0.25;fill:url(#linearGradient6209);fill-opacity:1;stroke:none"
+           d="m 16.425307,1042.3791 h -1 v 4 h 1 z"
+           id="rect4001-3-1-6"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+      </g>
+      <path
+         style="fill:#6483b4;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 21.920874,1043.4161 7,-0.037 -3.5,3.9996 z"
+         id="path86"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/print_topic.gif b/org.eclipse.help.webapp/advanced/images/print_topic.gif
deleted file mode 100644
index 4d2722f..0000000
--- a/org.eclipse.help.webapp/advanced/images/print_topic.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/print_topic.svg b/org.eclipse.help.webapp/advanced/images/print_topic.svg
new file mode 100644
index 0000000..290088d
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/print_topic.svg
@@ -0,0 +1,375 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="print_edit.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       gradientTransform="translate(-20,0)"
+       gradientUnits="userSpaceOnUse"
+       y2="1049.379"
+       x2="28"
+       y1="1050.379"
+       x1="28"
+       id="linearGradient4893-5-8"
+       xlink:href="#linearGradient4887-09-2"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4887-09-2"
+       inkscape:collect="always">
+      <stop
+         id="stop4889-4-4"
+         offset="0"
+         style="stop-color:#7e9bcb;stop-opacity:1;" />
+      <stop
+         id="stop4891-8-5"
+         offset="1"
+         style="stop-color:#4368a4;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(-20,0)"
+       gradientUnits="userSpaceOnUse"
+       y2="1050.3622"
+       x2="24"
+       y1="1051.3622"
+       x1="24"
+       id="linearGradient4901-0"
+       xlink:href="#linearGradient4895-4"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4895-4"
+       inkscape:collect="always">
+      <stop
+         id="stop4897-4"
+         offset="0"
+         style="stop-color:#5978ab;stop-opacity:1;" />
+      <stop
+         id="stop4899-0"
+         offset="1"
+         style="stop-color:#3b5176;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(-20,0)"
+       gradientUnits="userSpaceOnUse"
+       y2="1042.915"
+       x2="29.453629"
+       y1="1049.8108"
+       x1="29.453629"
+       id="linearGradient4827-5"
+       xlink:href="#linearGradient4821-8-1"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4821-8-1"
+       inkscape:collect="always">
+      <stop
+         id="stop4823-1"
+         offset="0"
+         style="stop-color:#b7c9e3;stop-opacity:1;" />
+      <stop
+         id="stop4825-5"
+         offset="1"
+         style="stop-color:#f3f5f6;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(-20,0)"
+       gradientUnits="userSpaceOnUse"
+       y2="1042.6865"
+       x2="23.289864"
+       y1="1050.5165"
+       x1="23.289864"
+       id="linearGradient4835-90"
+       xlink:href="#linearGradient4829-8"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4829-8"
+       inkscape:collect="always">
+      <stop
+         id="stop4831-3"
+         offset="0"
+         style="stop-color:#607fb0;stop-opacity:1" />
+      <stop
+         id="stop4833-87"
+         offset="1"
+         style="stop-color:#7593c1;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(-1,-1.0390625)"
+       gradientUnits="userSpaceOnUse"
+       y2="1046.4012"
+       x2="9.8946028"
+       y1="1039.153"
+       x1="9.8946028"
+       id="linearGradient5000-26"
+       xlink:href="#linearGradient4994-93"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4994-93"
+       inkscape:collect="always">
+      <stop
+         id="stop4996-8"
+         offset="0"
+         style="stop-color:#f9fafc;stop-opacity:1;" />
+      <stop
+         id="stop4998-10"
+         offset="1"
+         style="stop-color:#dce7f8;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(1,-1.0390625)"
+       gradientUnits="userSpaceOnUse"
+       y2="1039.9095"
+       x2="9.0883884"
+       y1="1040.9814"
+       x1="8.3314562"
+       id="linearGradient4900-3"
+       xlink:href="#linearGradient4894-3"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4894-3"
+       inkscape:collect="always">
+      <stop
+         id="stop4896-8"
+         offset="0"
+         style="stop-color:#e4cf9d;stop-opacity:1" />
+      <stop
+         id="stop4898-4"
+         offset="1"
+         style="stop-color:#d0ab5b;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(-1,-1.0390625)"
+       gradientUnits="userSpaceOnUse"
+       y2="1047.4012"
+       x2="10.544736"
+       y1="1038.5779"
+       x1="10.544736"
+       id="linearGradient4908-8"
+       xlink:href="#linearGradient4902-0"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4902-0"
+       inkscape:collect="always">
+      <stop
+         id="stop4904-1"
+         offset="0"
+         style="stop-color:#c7b571;stop-opacity:1" />
+      <stop
+         id="stop4906-5"
+         offset="1"
+         style="stop-color:#989891;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="matrix(0.7139977,0,0,1,0.99698274,-3.9896066)"
+       gradientUnits="userSpaceOnUse"
+       y2="1045.8571"
+       x2="14"
+       y1="1045.8571"
+       x1="7.0070496"
+       id="linearGradient4869-4"
+       xlink:href="#linearGradient4861-1"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient4861-1"
+       inkscape:collect="always">
+      <stop
+         id="stop4863-3"
+         offset="0"
+         style="stop-color:#91a5c7;stop-opacity:1;" />
+      <stop
+         id="stop4865-7"
+         offset="1"
+         style="stop-color:#637aa7;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="matrix(0.7139977,0,0,1,0.99698274,-3.9792132)"
+       gradientUnits="userSpaceOnUse"
+       y2="1047.8571"
+       x2="14"
+       y1="1047.8571"
+       x1="7.0070496"
+       id="linearGradient4871-3"
+       xlink:href="#linearGradient5147-5"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5147-5">
+      <stop
+         style="stop-color:#91a5c7;stop-opacity:1;"
+         offset="0"
+         id="stop5149-8" />
+      <stop
+         style="stop-color:#637aa7;stop-opacity:1"
+         offset="1"
+         id="stop5151-5" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4937-4-9"
+       id="linearGradient4918-7-6"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-3,-1.0391)"
+       x1="6"
+       y1="1045.4012"
+       x2="7"
+       y2="1045.4012" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4937-4-9">
+      <stop
+         style="stop-color:#000000;stop-opacity:0"
+         offset="0"
+         id="stop4939-0" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1"
+         id="stop4941-8" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4937-5-3">
+      <stop
+         style="stop-color:#000000;stop-opacity:0"
+         offset="0"
+         id="stop4939-2-6" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1"
+         id="stop4941-7-0" />
+    </linearGradient>
+    <linearGradient
+       y2="1045.4012"
+       x2="7"
+       y1="1045.4012"
+       x1="6"
+       gradientTransform="matrix(-1,0,0,1,20,-1.0391)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient6209"
+       xlink:href="#linearGradient4937-5-3"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="45.254834"
+     inkscape:cx="7.3324484"
+     inkscape:cy="2.0249319"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1-2"
+     showgrid="true"
+     inkscape:window-width="1208"
+     inkscape:window-height="913"
+     inkscape:window-x="50"
+     inkscape:window-y="50"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5105" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       style="display:inline"
+       id="layer1-2"
+       inkscape:label="Layer 1"
+       transform="translate(-0.92087393,-0.01685309)">
+      <rect
+         ry="0.86178637"
+         rx="0.86178637"
+         y="1048.3622"
+         x="2.4955673"
+         height="3.5034955"
+         width="12.001725"
+         id="rect4051-2"
+         style="fill:url(#linearGradient4893-5-8);fill-opacity:1;stroke:url(#linearGradient4901-0);stroke-opacity:1;display:inline" />
+      <rect
+         ry="0.86178637"
+         rx="0.86178637"
+         y="1042.8641"
+         x="1.4972912"
+         height="7.0015941"
+         width="13.999893"
+         id="rect4051"
+         style="fill:url(#linearGradient4827-5);fill-opacity:1;stroke:url(#linearGradient4835-90);stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="cccccc"
+         inkscape:connector-curvature="0"
+         id="rect4001-3"
+         d="m 4.4972825,1037.8647 5.0096695,0 3.062057,3.0066 0,4.9048 -8.0717265,0 z"
+         style="fill:url(#linearGradient5000-26);fill-opacity:1;stroke:none;display:inline" />
+      <path
+         sodipodi:nodetypes="cccc"
+         inkscape:connector-curvature="0"
+         id="path4884"
+         d="m 8.976622,1037.402 0,2.961 3.977476,0 z"
+         style="fill:url(#linearGradient4900-3);fill-opacity:1;stroke:none" />
+      <path
+         sodipodi:nodetypes="cccccc"
+         inkscape:connector-curvature="0"
+         id="rect4001"
+         d="m 4.4972825,1037.8647 4.9432633,0 3.0620572,2.0122 0,5.9867 -8.0053205,0 z"
+         style="fill:none;stroke:url(#linearGradient4908-8);stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0" />
+      <rect
+         y="1041.3622"
+         x="6"
+         height="1.0103934"
+         width="4.9929504"
+         id="rect4001-1-7"
+         style="fill:url(#linearGradient4869-4);fill-opacity:1;stroke:none;display:inline" />
+      <rect
+         y="1043.3726"
+         x="6"
+         height="1.0103934"
+         width="4.9929504"
+         id="rect4001-1-7-4"
+         style="fill:url(#linearGradient4871-3);fill-opacity:1;stroke:none;display:inline" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4001-3-1"
+         d="m 3,1042.3622 1,0 0,4 -1,0 z"
+         style="opacity:0.25;fill:url(#linearGradient4918-7-6);fill-opacity:1;stroke:none;display:inline" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4001-3-1-6"
+         d="m 14,1042.3622 -1,0 0,4 1,0 z"
+         style="opacity:0.25;fill:url(#linearGradient6209);fill-opacity:1;stroke:none;display:inline" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/restore.gif b/org.eclipse.help.webapp/advanced/images/restore.gif
deleted file mode 100644
index 55cc251..0000000
--- a/org.eclipse.help.webapp/advanced/images/restore.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/restore.svg b/org.eclipse.help.webapp/advanced/images/restore.svg
new file mode 100644
index 0000000..fa4ce6b
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/restore.svg
@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="restore.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient4989">
+      <stop
+         style="stop-color:#c3e9ff;stop-opacity:0.49019608;"
+         offset="0"
+         id="stop4991" />
+      <stop
+         id="stop4995"
+         offset="0.5"
+         style="stop-color:#c3e9ff;stop-opacity:1;" />
+      <stop
+         style="stop-color:#c3e9ff;stop-opacity:0.49019608;"
+         offset="1"
+         id="stop4993" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#8b8b8b"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="16"
+     inkscape:cx="-0.5868928"
+     inkscape:cy="9.9346296"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-nodes="false"
+     inkscape:bbox-paths="false"
+     inkscape:bbox-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="display:inline;fill:#f6f7f9;fill-opacity:1;stroke:#000000;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 6.5,1040.8622 h 5 v 4 h -5 z"
+       id="path863-9"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 6,1041.8622 h 6"
+       id="path865-0"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#f6f7f9;fill-opacity:1;stroke:#000000;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 4.5,1043.8622 h 5 v 4 h -5 z"
+       id="path863"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 4,1044.8622 h 6"
+       id="path865"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/show_all.gif b/org.eclipse.help.webapp/advanced/images/show_all.gif
deleted file mode 100644
index 4d45f23..0000000
--- a/org.eclipse.help.webapp/advanced/images/show_all.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/show_all.svg b/org.eclipse.help.webapp/advanced/images/show_all.svg
new file mode 100644
index 0000000..f90e48f
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/show_all.svg
@@ -0,0 +1,416 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="show_all.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1579"
+       inkscape:collect="always">
+      <stop
+         id="stop1575"
+         offset="0"
+         style="stop-color:#c4c7cb;stop-opacity:1" />
+      <stop
+         id="stop1577"
+         offset="1"
+         style="stop-color:#bcbfc4;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4191">
+      <stop
+         style="stop-color:#b9cad4;stop-opacity:1"
+         offset="0"
+         id="stop4193" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="1"
+         id="stop4195" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4173">
+      <stop
+         style="stop-color:#bdc4cc;stop-opacity:1"
+         offset="0"
+         id="stop4175" />
+      <stop
+         style="stop-color:#cad0d7;stop-opacity:1"
+         offset="1"
+         id="stop4177" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4173"
+       id="linearGradient4179"
+       x1="16.798458"
+       y1="1047.219"
+       x2="17.847075"
+       y2="1045.6079"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.80078059,-0.1437118,0.14355389,0.79990071,-146.90569,213.98117)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4191"
+       id="linearGradient4197"
+       x1="25.593748"
+       y1="1046.6279"
+       x2="26.562498"
+       y2="1048.5029"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.80078059,-0.1437118,0.14355389,0.79990071,-146.90569,213.98117)" />
+    <linearGradient
+       id="linearGradient1326"
+       inkscape:collect="always">
+      <stop
+         id="stop1322"
+         offset="0"
+         style="stop-color:#fcfcfc;stop-opacity:1" />
+      <stop
+         id="stop1324"
+         offset="1"
+         style="stop-color:#edeeef;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1310"
+       inkscape:collect="always">
+      <stop
+         id="stop1306"
+         offset="0"
+         style="stop-color:#c2c1c1;stop-opacity:1" />
+      <stop
+         id="stop1308"
+         offset="1"
+         style="stop-color:#c2c1c1;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5206">
+      <stop
+         id="stop5208"
+         offset="0"
+         style="stop-color:#bbb8bb;stop-opacity:1" />
+      <stop
+         style="stop-color:#ccc8cb;stop-opacity:1"
+         offset="0.25"
+         id="stop5216" />
+      <stop
+         style="stop-color:#bdb6bc;stop-opacity:1"
+         offset="0.5"
+         id="stop5214" />
+      <stop
+         id="stop5210"
+         offset="1"
+         style="stop-color:#9b8c98;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5331">
+      <stop
+         id="stop5333"
+         offset="0"
+         style="stop-color:#fef48d;stop-opacity:1" />
+      <stop
+         style="stop-color:#fffffe;stop-opacity:1"
+         offset="0.3251386"
+         id="stop5341" />
+      <stop
+         style="stop-color:#fffffe;stop-opacity:1"
+         offset="0.66393197"
+         id="stop5339" />
+      <stop
+         id="stop5335"
+         offset="1"
+         style="stop-color:#fef48d;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5378">
+      <stop
+         style="stop-color:#f4d684;stop-opacity:1"
+         offset="0"
+         id="stop5380" />
+      <stop
+         id="stop5382"
+         offset="0.25"
+         style="stop-color:#fcf4c6;stop-opacity:1" />
+      <stop
+         id="stop5384"
+         offset="0.5"
+         style="stop-color:#fbeebc;stop-opacity:1" />
+      <stop
+         style="stop-color:#eeb960;stop-opacity:1"
+         offset="1"
+         id="stop5386" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5428">
+      <stop
+         id="stop5430"
+         offset="0"
+         style="stop-color:#f0a53b;stop-opacity:1;" />
+      <stop
+         style="stop-color:#f2d58f;stop-opacity:1"
+         offset="0.26895422"
+         id="stop5438" />
+      <stop
+         style="stop-color:#efb965;stop-opacity:1"
+         offset="0.60424823"
+         id="stop5436" />
+      <stop
+         id="stop5432"
+         offset="1"
+         style="stop-color:#df9833;stop-opacity:1" />
+    </linearGradient>
+    <mask
+       maskUnits="userSpaceOnUse"
+       id="mask8820">
+      <g
+         transform="matrix(1.0698871,0,0,1.0698871,15.540293,-72.622799)"
+         style="display:inline;fill:#ffffff;stroke:#ffffff"
+         id="g8822"
+         inkscape:label="Layer 1">
+        <g
+           transform="matrix(0.9346781,0,0,0.9346781,-14.571811,69.044514)"
+           id="g8824"
+           style="display:inline;fill:#ffffff;stroke:#ffffff">
+          <g
+             id="g8826"
+             transform="translate(15.600543)"
+             style="fill:#ffffff;stroke:#ffffff">
+            <g
+               transform="rotate(45,26.208459,1022.0081)"
+               id="g8828"
+               style="fill:#ffffff;stroke:#ffffff">
+              <path
+                 style="display:inline;fill:#ffffff;stroke:#ffffff;stroke-width:1.06988704;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+                 d="m 28.565245,1040.0695 -1.069887,2.1398 h 4.279549 l -1.069887,-2.1398 c -0.472828,-0.9477 -1.844257,-0.7625 -2.139775,0 z"
+                 id="path8830"
+                 inkscape:connector-curvature="0"
+                 sodipodi:nodetypes="ccccc" />
+              <path
+                 style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1"
+                 d="m 26.607269,1042.2428 c 1.259438,-1.6377 4.858466,-1.5046 6.055728,0 v 8.5925 h -6.055728 z"
+                 id="path8832"
+                 inkscape:connector-curvature="0"
+                 sodipodi:nodetypes="ccccc" />
+              <path
+                 style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1px;marker:none;enable-background:accumulate"
+                 d="m 29.411544,1042.9075 c -0.368467,0.01 -0.72715,0.043 -1.069887,0.1003 v 2.4073 c 0.342737,-0.057 0.70142,-0.09 1.069887,-0.1003 z"
+                 id="path8834"
+                 inkscape:connector-curvature="0"
+                 sodipodi:nodetypes="ccccc" />
+              <path
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-opacity:1"
+                 d="m 29.645582,1053.51 c -1.546954,0 -3.096933,0.3554 -3.778039,1.0365 v 0.5683 c 1.362214,1.3622 6.178977,1.3438 7.522644,0 v -0.5683 c -0.671834,-0.6719 -2.197651,-1.0342 -3.744605,-1.0365 z"
+                 id="path8836"
+                 inkscape:connector-curvature="0"
+                 sodipodi:nodetypes="sccccs" />
+              <path
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.87995493;stroke-opacity:1"
+                 d="m 26.422196,1052.4196 v 12.1257 h 6.413338 v -12.1257 z"
+                 id="path8838"
+                 inkscape:connector-curvature="0"
+                 sodipodi:nodetypes="ccccc" />
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.0003444;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1"
+                 d="m 25.867543,1050.1666 v 4.3799 c 1.778049,-1.9187 5.89609,-1.8666 7.522644,0 v -4.3799 c -1.258456,-2.537 -6.051006,-2.5281 -7.522644,0 z"
+                 id="path8840"
+                 inkscape:connector-curvature="0" />
+            </g>
+          </g>
+        </g>
+      </g>
+    </mask>
+    <linearGradient
+       id="linearGradient7592-1-3-6">
+      <stop
+         style="stop-color:#ad7212;stop-opacity:1;"
+         offset="0"
+         id="stop7594-6-9-5" />
+      <stop
+         style="stop-color:#875f1e;stop-opacity:1;"
+         offset="1"
+         id="stop7596-9-2-1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient7584-5-3-4">
+      <stop
+         style="stop-color:#f9cd5f;stop-opacity:1;"
+         offset="0"
+         id="stop7586-4-4-4" />
+      <stop
+         style="stop-color:#ffebb7;stop-opacity:1;"
+         offset="1"
+         id="stop7588-5-0-3" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="matrix(0.59831158,0,0,0.00106437,34.196639,1030.7253)"
+       gradientUnits="userSpaceOnUse"
+       y2="1038.7997"
+       x2="-0.062227711"
+       y1="1038.7997"
+       x1="-5.0656271"
+       id="linearGradient1273"
+       xlink:href="#linearGradient1579"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientTransform="matrix(0.857143,0,0,1.1249987,37.009787,-137.78154)"
+       gradientUnits="userSpaceOnUse"
+       y2="1046.1995"
+       x2="-4.2502017"
+       y1="1037.4548"
+       x1="-5.5077791"
+       id="linearGradient1312"
+       xlink:href="#linearGradient1310"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientTransform="matrix(0.857143,0,0,1.1249987,37.009787,-137.78154)"
+       gradientUnits="userSpaceOnUse"
+       y2="1045.557"
+       x2="-3.1579704"
+       y1="1038.361"
+       x1="-3.0558093"
+       id="linearGradient1328"
+       xlink:href="#linearGradient1326"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientTransform="matrix(0.59831158,0,0,0.00106437,34.196639,1034.7252)"
+       gradientUnits="userSpaceOnUse"
+       y2="1038.7997"
+       x2="-0.062227711"
+       y1="1038.7997"
+       x1="-5.0656271"
+       id="linearGradient1273-9"
+       xlink:href="#linearGradient1579"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientTransform="matrix(0.59831158,0,0,0.00106437,34.196639,1032.7253)"
+       gradientUnits="userSpaceOnUse"
+       y2="1038.7997"
+       x2="-0.062227711"
+       y1="1038.7997"
+       x1="-5.0656271"
+       id="linearGradient1273-5"
+       xlink:href="#linearGradient1579"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.627417"
+     inkscape:cx="1.1202827"
+     inkscape:cy="6.1408713"
+     inkscape:document-units="px"
+     inkscape:current-layer="g4274"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g4274"
+       transform="translate(-14.156249,0.03125)">
+      <g
+         id="g1319"
+         transform="translate(-6,8.0000174)">
+        <rect
+           style="fill:url(#linearGradient1328);fill-opacity:1;stroke:url(#linearGradient1312);stroke-width:0.99999994;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           id="rect1304"
+           width="6.000001"
+           height="9.0000172"
+           x="29.656248"
+           y="1029.8309" />
+        <path
+           style="fill:none;stroke:url(#linearGradient1273);stroke-width:0.99999768px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 31.168991,1031.831 2.987241,-10e-5"
+           id="path1232"
+           inkscape:connector-curvature="0" />
+        <path
+           style="display:inline;fill:none;stroke:url(#linearGradient1273-9);stroke-width:0.99999768px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 31.168991,1035.8309 2.987241,-10e-5"
+           id="path1232-6"
+           inkscape:connector-curvature="0" />
+        <path
+           style="display:inline;fill:none;stroke:url(#linearGradient1273-5);stroke-width:0.99999768px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 31.168991,1033.831 2.987241,-10e-5"
+           id="path1232-2"
+           inkscape:connector-curvature="0" />
+      </g>
+      <path
+         style="fill:#c9cfd7;fill-opacity:1;fill-rule:evenodd;stroke:#aeafb1;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 20.276214,1040.903 5.8871,4.3868 -2.338828,1.9788 -2.572323,2.1764 -5.950069,-4.4499 z"
+         id="path4163"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" />
+      <path
+         style="fill:url(#linearGradient4197);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 21.297202,1049.1828 5.121665,-3.9896 0.34094,1.8998 -5.243003,4.321 z"
+         id="path4189"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:none;fill-rule:evenodd;stroke:#aeafb1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 21.493672,1051.573 c 0.186701,-0.1112 5.548927,-4.6805 5.548927,-4.6805 m -0.509362,-1.8205 -0.438481,0.3545 -3.831922,3.1739 -1.221739,0.8825"
+         id="path4169"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" />
+      <path
+         style="fill:url(#linearGradient4179);fill-opacity:1;fill-rule:evenodd;stroke:#c2c1c1;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 15.311547,1044.9707 c 0,0 -0.367204,0.3116 -0.513721,0.522 -0.289455,0.4156 0.170038,2.2458 0.170038,2.2458 l 5.547965,3.8551 c 0,0 0.632026,0.1824 0.8158,-0.019 0.589061,-0.6467 -0.463564,-2.4946 -0.463564,-2.4946 z"
+         id="path4165"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="csccscc" />
+      <path
+         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#b2b2b0;stroke-width:1.11224616px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 22.02647,1044.8259 -0.164656,-0.9175 -1.012515,-0.6792 -0.974165,0.1748 -0.609694,1.0851 -0.885784,0.1871 -0.06987,0.8249 1.254937,0.6556 0.890665,-0.1598 0.80948,-1.0925 z"
+         id="path4171"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/synch_toc_nav.gif b/org.eclipse.help.webapp/advanced/images/synch_toc_nav.gif
deleted file mode 100644
index b986e49..0000000
--- a/org.eclipse.help.webapp/advanced/images/synch_toc_nav.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/synch_toc_nav.svg b/org.eclipse.help.webapp/advanced/images/synch_toc_nav.svg
new file mode 100644
index 0000000..d0af902
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/synch_toc_nav.svg
@@ -0,0 +1,224 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="synch_toc_nav.svg"
+   inkscape:export-filename="C:\Users\jmietling\Documents\rect3997-9-1.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient2292">
+      <stop
+         style="stop-color:#e1ddd2;stop-opacity:1"
+         offset="0"
+         id="stop2288" />
+      <stop
+         style="stop-color:#f1f1ea;stop-opacity:1"
+         offset="1"
+         id="stop2290" />
+    </linearGradient>
+    <linearGradient
+       y2="1040.7345"
+       x2="22.519354"
+       y1="1042.0283"
+       x1="22.519354"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient7608-3-3"
+       xlink:href="#linearGradient2292"
+       inkscape:collect="always"
+       gradientTransform="matrix(-0.85515466,0,0,0.85515466,29.19168,150.66021)" />
+    <linearGradient
+       id="linearGradient7584-5-1">
+      <stop
+         id="stop7586-4-6"
+         offset="0"
+         style="stop-color:#f9cd5f;stop-opacity:1;" />
+      <stop
+         id="stop7588-5-8"
+         offset="1"
+         style="stop-color:#ffebb7;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2292"
+       id="linearGradient2327"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.85515466,0,0,0.85515466,29.19168,150.66021)"
+       x1="22.519354"
+       y1="1042.0283"
+       x2="22.519354"
+       y2="1040.7345" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="15.999999"
+     inkscape:cx="-8.8084784"
+     inkscape:cy="7.9808044"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-others="false"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       transform="rotate(180,10.624999,1043.8907)"
+       style="display:inline"
+       id="g2296-9">
+      <path
+         sodipodi:nodetypes="ccssscscsssszcc"
+         inkscape:connector-curvature="0"
+         id="path7582-5"
+         d="m 9.0227248,1039.4437 v -1.3605 c 0,0 0.3023425,-0.7181 1.1715782,-0.038 0.869236,0.6802 1.889643,1.7763 2.040815,2.0786 0.15117,0.3024 0.793649,0.8315 -0.07559,1.6629 -0.869235,0.8314 -1.814057,1.7007 -1.814057,1.7007 0,0 -1.3227499,1.2471 -1.3227499,0.075 0,-1.1715 0,-1.5495 0,-1.5495 -1.1684868,-0.054 -1.4493059,0.3037 -1.744383,0.5887 -0.2954405,0.2852 -0.6948131,1.6835 -1.0422197,1.7904 -0.3474066,0.1069 -0.5344717,-1.8706 -0.5344717,-2.2448 0,-0.3741 0.1494751,-1.0637 0.6146424,-1.6835 0.2510256,-0.3345 0.8607739,-0.8171 1.3094556,-0.9405 0.4486817,-0.1235 1.3969764,-0.08 1.3969764,-0.08 z"
+         style="fill:url(#linearGradient2327);fill-opacity:1;stroke:#c2c1c1;stroke-width:0.80000001;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccssscc"
+         inkscape:connector-curvature="0"
+         id="path7602-7"
+         d="m 9.4638101,1038.9336 v -0.5102 c 0,0 -0.094482,-0.3213 0.1889644,-0.2079 0.2834462,0.1134 0.8314425,0.5669 0.8881325,0.6614 0.05669,0.094 0.642478,0.5102 0.510204,0.6992 -0.132276,0.1889 -1.2471648,0.057 -1.2471648,0.057 z"
+         style="opacity:0.85714285;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1" />
+    </g>
+    <g
+       id="g5029"
+       transform="matrix(0.59562329,0,0,0.59562329,-0.57375444,420.31576)">
+      <g
+         id="g2339">
+        <rect
+           y="1043.6277"
+           x="3.6915188"
+           height="2.7282345"
+           width="2.8331668"
+           id="rect2335"
+           style="fill:#caccd0;fill-opacity:1;stroke:#caccd0;stroke-width:1.67891347;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cccccccccc"
+           inkscape:connector-curvature="0"
+           style="display:inline;fill:#c2c1c1;fill-opacity:1;stroke:none"
+           d="m 2.6421734,1042.6833 v 5.0367 H 7.678914 v -5.0367 z m 1.6789131,1.6789 H 6 v 1.6789 H 4.3210865 Z"
+           id="rect4035-17" />
+      </g>
+    </g>
+    <path
+       style="display:inline;fill:#c2c1c1;fill-opacity:1;stroke:none"
+       d="m 1.9999853,1044.3622 h 1.0000146 v 7 H 1.9999853 Z"
+       id="rect4035-1-1-5-2"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:#c2c1c1;fill-opacity:1;stroke:none"
+       d="m 1.9999853,1046.3622 h 3.0000003 v 1 H 1.9999853 Z"
+       id="rect4035-1-1-5-2-2"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:#c2c1c1;fill-opacity:1;stroke:none"
+       d="m 1.9999853,1050.3622 h 3.0000003 v 0.9999 H 1.9999853 Z"
+       id="rect4035-1-1-5-2-2-1"
+       inkscape:connector-curvature="0" />
+    <g
+       id="g2296">
+      <path
+         sodipodi:nodetypes="ccssscscsssszcc"
+         inkscape:connector-curvature="0"
+         id="path7582"
+         d="m 9.0227248,1039.4437 v -1.3605 c 0,0 0.3023425,-0.7181 1.1715782,-0.038 0.869236,0.6802 1.889643,1.7763 2.040815,2.0786 0.15117,0.3024 0.793649,0.8315 -0.07559,1.6629 -0.869235,0.8314 -1.814057,1.7007 -1.814057,1.7007 0,0 -1.3227499,1.2471 -1.3227499,0.075 0,-1.1715 0,-1.5495 0,-1.5495 -1.1684868,-0.054 -1.4493059,0.3037 -1.744383,0.5887 -0.2954405,0.2852 -0.6948131,1.6835 -1.0422197,1.7904 -0.3474066,0.1069 -0.5344717,-1.8706 -0.5344717,-2.2448 0,-0.3741 0.1494751,-1.0637 0.6146424,-1.6835 0.2510256,-0.3345 0.8607739,-0.8171 1.3094556,-0.9405 0.4486817,-0.1235 1.3969764,-0.08 1.3969764,-0.08 z"
+         style="fill:url(#linearGradient7608-3-3);fill-opacity:1;stroke:#c2c1c1;stroke-width:0.80000001;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccssscc"
+         inkscape:connector-curvature="0"
+         id="path7602"
+         d="m 9.4638101,1038.9336 v -0.5102 c 0,0 -0.094482,-0.3213 0.1889644,-0.2079 0.2834462,0.1134 0.8314425,0.5669 0.8881325,0.6614 0.05669,0.094 0.642478,0.5102 0.510204,0.6992 -0.132276,0.1889 -1.2471648,0.057 -1.2471648,0.057 z"
+         style="opacity:0.85714285;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1" />
+    </g>
+    <g
+       style="display:inline"
+       id="g5029-7"
+       transform="matrix(0.59562329,0,0,0.59562329,3.42626,424.31574)">
+      <g
+         id="g2339-3">
+        <rect
+           y="1043.6277"
+           x="3.6915188"
+           height="2.7282345"
+           width="2.8331668"
+           id="rect2335-5"
+           style="fill:#caccd0;fill-opacity:1;stroke:#caccd0;stroke-width:1.67891347;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cccccccccc"
+           inkscape:connector-curvature="0"
+           style="display:inline;fill:#c2c1c1;fill-opacity:1;stroke:none"
+           d="m 2.6421734,1042.6833 v 5.0367 H 7.678914 v -5.0367 z m 1.6789131,1.6789 H 6 v 1.6789 H 4.3210865 Z"
+           id="rect4035-17-2" />
+      </g>
+    </g>
+    <g
+       style="display:inline"
+       id="g5029-71"
+       transform="matrix(0.59562329,0,0,0.59562329,3.42626,428.31574)">
+      <g
+         id="g2339-8">
+        <rect
+           y="1043.6277"
+           x="3.6915188"
+           height="2.7282345"
+           width="2.8331668"
+           id="rect2335-1"
+           style="fill:#caccd0;fill-opacity:1;stroke:#caccd0;stroke-width:1.67891347;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cccccccccc"
+           inkscape:connector-curvature="0"
+           style="display:inline;fill:#c2c1c1;fill-opacity:1;stroke:none"
+           d="m 2.6421734,1042.6833 v 5.0367 H 7.678914 v -5.0367 z m 1.6789131,1.6789 H 6 v 1.6789 H 4.3210865 Z"
+           id="rect4035-17-8" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/toc_closed.gif b/org.eclipse.help.webapp/advanced/images/toc_closed.gif
deleted file mode 100644
index 7ad67d3..0000000
--- a/org.eclipse.help.webapp/advanced/images/toc_closed.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/toc_closed.svg b/org.eclipse.help.webapp/advanced/images/toc_closed.svg
new file mode 100644
index 0000000..6ded002
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/toc_closed.svg
@@ -0,0 +1,161 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="toc_link_obj.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4191">
+      <stop
+         style="stop-color:#b9cad4;stop-opacity:1"
+         offset="0"
+         id="stop4193" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="1"
+         id="stop4195" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4181">
+      <stop
+         style="stop-color:#998f6a;stop-opacity:1"
+         offset="0"
+         id="stop4183" />
+      <stop
+         style="stop-color:#7d827c;stop-opacity:1"
+         offset="1"
+         id="stop4185" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4173">
+      <stop
+         style="stop-color:#267fe3;stop-opacity:1"
+         offset="0"
+         id="stop4175" />
+      <stop
+         style="stop-color:#80b4ef;stop-opacity:1"
+         offset="1"
+         id="stop4177" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4173"
+       id="linearGradient4179"
+       x1="16.798458"
+       y1="1047.219"
+       x2="17.847075"
+       y2="1045.6079"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4181"
+       id="linearGradient4187"
+       x1="18.834337"
+       y1="1038.91"
+       x2="25.201481"
+       y2="1045.91"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4191"
+       id="linearGradient4197"
+       x1="25.593748"
+       y1="1046.6279"
+       x2="26.562498"
+       y2="1048.5029"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="45.254834"
+     inkscape:cx="8.5007097"
+     inkscape:cy="6.1408713"
+     inkscape:document-units="px"
+     inkscape:current-layer="g4274"
+     showgrid="true"
+     inkscape:window-width="1214"
+     inkscape:window-height="1045"
+     inkscape:window-x="680"
+     inkscape:window-y="379"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g4274"
+       transform="translate(-14.156249,0.03125)">
+      <path
+         style="fill:#80b4ef;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4187);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 22.718749,1037.8623 6.169845,6.5927 -6.84375,3.965 -6.232345,-6.6827 z"
+         id="path4163"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         style="fill:url(#linearGradient4179);fill-opacity:1;fill-rule:evenodd;stroke:#8f8b70;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 15.829234,1041.7098 c 0,0 -0.511908,0.2976 -0.734834,0.5205 -0.440434,0.4405 -0.281901,2.757 -0.281901,2.757 l 5.875,5.875 0.972075,0.2604 0,-3.2292 z"
+         id="path4165"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="csccccc" />
+      <path
+         style="fill:none;fill-rule:evenodd;stroke:#727b84;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 21.874999,1051.0498 c 0.25,-0.094 7.729397,-4.4626 7.729397,-4.4626 m -0.220971,-2.3156 -0.607442,0.334 -5.325044,3.0112 -1.66969,0.8033"
+         id="path4169"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" />
+      <path
+         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#8f8b70;stroke-width:1.11224616px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 23.984508,1042.9939 0,-1.147 -1.077488,-1.0427 -1.216519,0 -0.973215,1.1817 -1.112246,0.034 -0.263635,0.9839 1.375881,1.0669 1.112246,0 1.216519,-1.1472 z"
+         id="path4171"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:url(#linearGradient4197);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
+         d="m 22.156249,1048.1123 7.0625,-3.7188 0,2.375 -7.28125,4.0938 z"
+         id="path4189"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/toc_open.gif b/org.eclipse.help.webapp/advanced/images/toc_open.gif
deleted file mode 100644
index 520c1a8..0000000
--- a/org.eclipse.help.webapp/advanced/images/toc_open.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/toc_open.svg b/org.eclipse.help.webapp/advanced/images/toc_open.svg
new file mode 100644
index 0000000..5b6159b
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/toc_open.svg
@@ -0,0 +1,161 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="toc_obj.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4259"
+       id="linearGradient4265"
+       x1="24.120523"
+       y1="1050.0033"
+       x2="24.120523"
+       y2="1040.597"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4259">
+      <stop
+         style="stop-color:#dfe9f8;stop-opacity:1"
+         offset="0"
+         id="stop4261" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop4263" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4185"
+       id="linearGradient4191"
+       x1="22.993999"
+       y1="1063.8751"
+       x2="22.993999"
+       y2="1052.5172"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0,-12.561868)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4185">
+      <stop
+         style="stop-color:#525f71;stop-opacity:1"
+         offset="0"
+         id="stop4187" />
+      <stop
+         style="stop-color:#928d6e;stop-opacity:1"
+         offset="1"
+         id="stop4189" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4193"
+       id="linearGradient4199"
+       x1="21.093748"
+       y1="1039.2216"
+       x2="21.093748"
+       y2="1048.3466"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4193">
+      <stop
+         style="stop-color:#958e6c;stop-opacity:1;"
+         offset="0"
+         id="stop4195" />
+      <stop
+         style="stop-color:#536071;stop-opacity:1"
+         offset="1"
+         id="stop4197" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="143.92411"
+     inkscape:cy="-16.55322"
+     inkscape:document-units="px"
+     inkscape:current-layer="g4274"
+     showgrid="false"
+     inkscape:window-width="1440"
+     inkscape:window-height="900"
+     inkscape:window-x="781"
+     inkscape:window-y="423"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g4274"
+       transform="translate(-14.156249,0.03125)">
+      <g
+         style="display:inline"
+         id="g4201"
+         transform="translate(11.968749,-1.5211072e-7)">
+        <g
+           id="g4254"
+           transform="translate(-11.937499,0)">
+          <rect
+             style="opacity:1;fill:url(#linearGradient4265);fill-opacity:1;stroke:url(#linearGradient4191);stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             id="rect4183"
+             width="9.0049677"
+             height="11.010238"
+             x="18.627449"
+             y="1039.8192" />
+          <path
+             style="display:inline;fill:#7aace7;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4199);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 17.656249,1039.1123 8.031249,-2.125 0,11.0312 -8.062499,2.125 z"
+             id="path4156"
+             inkscape:connector-curvature="0" />
+          <path
+             style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#958e6c;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 19.643305,1041.6966 4.016734,-0.7459 -0.0221,2.3242 -4.014839,0.7291 z"
+             id="path4181"
+             inkscape:connector-curvature="0"
+             sodipodi:nodetypes="ccccc" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/images/topic.gif b/org.eclipse.help.webapp/advanced/images/topic.gif
deleted file mode 100644
index ab33f93..0000000
--- a/org.eclipse.help.webapp/advanced/images/topic.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/advanced/images/topic.svg b/org.eclipse.help.webapp/advanced/images/topic.svg
new file mode 100644
index 0000000..db5933f
--- /dev/null
+++ b/org.eclipse.help.webapp/advanced/images/topic.svg
@@ -0,0 +1,226 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="13"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="topic.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient931">
+      <stop
+         style="stop-color:#f9fafc;stop-opacity:1"
+         offset="0"
+         id="stop927" />
+      <stop
+         style="stop-color:#dfe8f7;stop-opacity:1"
+         offset="1"
+         id="stop929" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient911">
+      <stop
+         style="stop-color:#e0c88f;stop-opacity:1"
+         offset="0"
+         id="stop907" />
+      <stop
+         style="stop-color:#d4b268;stop-opacity:1"
+         offset="1"
+         id="stop909" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient873">
+      <stop
+         style="stop-color:#a2b3cf;stop-opacity:1"
+         offset="0"
+         id="stop869" />
+      <stop
+         style="stop-color:#869abe;stop-opacity:1"
+         offset="1"
+         id="stop871" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient873"
+       id="linearGradient4873-1"
+       x1="7.0070496"
+       y1="1051.8571"
+       x2="12.016466"
+       y2="1051.8571"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-1.0070491,-3.9997256)" />
+    <linearGradient
+       id="linearGradient5135-7"
+       inkscape:collect="always">
+      <stop
+         id="stop5137-4"
+         offset="0"
+         style="stop-color:#9aaccb;stop-opacity:1" />
+      <stop
+         id="stop5139-0"
+         offset="1"
+         style="stop-color:#93a6c6;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4902-3"
+       id="linearGradient4908-2"
+       x1="10.544736"
+       y1="1038.5779"
+       x2="10.544736"
+       y2="1052.3228"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.79430271,0,0,0.76853995,0.1334936,242.42306)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4902-3">
+      <stop
+         style="stop-color:#b4903d;stop-opacity:1"
+         offset="0"
+         id="stop4904-2" />
+      <stop
+         style="stop-color:#7b744f;stop-opacity:1"
+         offset="1"
+         id="stop4906-2" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5135-7"
+       id="linearGradient4873-1-1"
+       x1="7.0070496"
+       y1="1051.8571"
+       x2="12.016466"
+       y2="1051.8571"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.39924809,0,0,1,3.2024491,-7.9892826)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient873"
+       id="linearGradient4873-1-6"
+       x1="7.0070496"
+       y1="1051.8571"
+       x2="12.016466"
+       y2="1051.8571"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-1.0070491,-5.9892826)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient911"
+       id="radialGradient915"
+       cx="9.4973984"
+       cy="1043.7322"
+       fx="9.4973984"
+       fy="1043.7322"
+       r="2"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.1888267,-0.01895316,0.01939058,1.0155155,-21.97417,-15.975069)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient931"
+       id="linearGradient933"
+       x1="8.2201166"
+       y1="1040.9601"
+       x2="8.7504463"
+       y2="1050.3292"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.627417"
+     inkscape:cx="11.889411"
+     inkscape:cy="2.2017921"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1039.3622)">
+    <path
+       style="fill:url(#linearGradient933);stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
+       d="m 4.6845824,1040.9159 h 5.0381359 l -0.2209709,2.8726 2.9168156,0.088 0.220971,6.9827 -7.9549516,-0.088 z"
+       id="path925"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#d5b269;fill-opacity:1;fill-rule:evenodd;stroke:url(#radialGradient915);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 12.631977,1043.8754 H 9.5574519 v -2.8094"
+       id="path4256"
+       inkscape:connector-curvature="0" />
+    <rect
+       style="display:inline;fill:url(#linearGradient4873-1);fill-opacity:1;stroke:none"
+       id="rect4001-1-7-4-0-9"
+       width="5.0094166"
+       height="1.0103934"
+       x="6"
+       y="1047.3518" />
+    <rect
+       style="display:inline;fill:url(#linearGradient4873-1-1);fill-opacity:1;stroke:none"
+       id="rect4001-1-7-4-0-9-39"
+       width="2"
+       height="1.0103934"
+       x="6"
+       y="1043.3622" />
+    <rect
+       style="display:inline;fill:url(#linearGradient4873-1-6);fill-opacity:1;stroke:none"
+       id="rect4001-1-7-4-0-9-1"
+       width="5.0094166"
+       height="1.0103934"
+       x="6"
+       y="1045.3622" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:url(#linearGradient4908-2);stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 4.5,1040.8622 h 5.5678 l 2.4322,2.3107 v 7.6505 h -8 z"
+       id="rect4001"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccc" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/advanced/indexToolbar.jsp b/org.eclipse.help.webapp/advanced/indexToolbar.jsp
index 294c495..0e715a9 100644
--- a/org.eclipse.help.webapp/advanced/indexToolbar.jsp
+++ b/org.eclipse.help.webapp/advanced/indexToolbar.jsp
@@ -21,7 +21,7 @@
 	
 	<jsp:param name="name"     value="show_all"/>
 	<jsp:param name="tooltip"  value='show_all'/>
-	<jsp:param name="image"    value="show_all.gif"/>
+	<jsp:param name="image"    value="show_all.svg"/>
 	<jsp:param name="action"   value="toggleShowAll"/>
 	<jsp:param name="param"    value=""/>
 	<jsp:param name="state"    value="<%=(new ActivitiesData(application, request, response)).getButtonState()%>"/>
diff --git a/org.eclipse.help.webapp/advanced/indexView.js b/org.eclipse.help.webapp/advanced/indexView.js
index 969fffa..ec59d74 100644
--- a/org.eclipse.help.webapp/advanced/indexView.js
+++ b/org.eclipse.help.webapp/advanced/indexView.js
@@ -88,7 +88,7 @@
 }
 
 function setImage(imageNode, image) {
-    var imageFile = imagesDirectory + "/" + image + ".gif";
+    var imageFile = imagesDirectory + "/" + image + ".svg";
     imageNode.src = imageFile;
     if (image == "plus") {
         imageNode.alt = altPlus;       
@@ -112,11 +112,11 @@
 function updateImage(imageNode, isExpanded) {
     var src = imageNode.src;
     if (isExpanded) {   
-        if (src.match( /toc_closed.gif$/)) {
+        if (src.match( /toc_closed.svg$/)) {
             setImage(imageNode, "toc_open");
         }
     } else {
-        if (src.match( /toc_open.gif$/)) {           
+        if (src.match( /toc_open.svg$/)) {           
             setImage(imageNode, "toc_closed");
         }
     }
diff --git a/org.eclipse.help.webapp/advanced/searchToolbar.jsp b/org.eclipse.help.webapp/advanced/searchToolbar.jsp
index b174d3a..2dd51f9 100644
--- a/org.eclipse.help.webapp/advanced/searchToolbar.jsp
+++ b/org.eclipse.help.webapp/advanced/searchToolbar.jsp
@@ -25,21 +25,21 @@
 
 	<jsp:param name="name"     value="show_all"/>
 	<jsp:param name="tooltip"  value='show_all'/>
-	<jsp:param name="image"    value="show_all.gif"/>
+	<jsp:param name="image"    value="show_all.svg"/>
 	<jsp:param name="action"   value="toggleShowAll"/>
 	<jsp:param name="param"    value=""/>
 	<jsp:param name="state"    value="<%=(new ActivitiesData(application, request, response)).getButtonState()%>"/>
 
 	<jsp:param name="name"     value="show_categories"/>
 	<jsp:param name="tooltip"  value='show_categories'/>
-	<jsp:param name="image"    value="show_categories.gif"/>
+	<jsp:param name="image"    value="show_categories.svg"/>
 	<jsp:param name="action"   value="toggleShowCategories"/>
 	<jsp:param name="param"    value=""/>
 	<jsp:param name="state"    value="<%=((new SearchData(application, request, response)).isShowCategories() ? ON : OFF)%>"/>
 
 	<jsp:param name="name"     value="show_descriptions"/>
 	<jsp:param name="tooltip"  value='show_descriptions'/>
-	<jsp:param name="image"    value="show_descriptions.gif"/>
+	<jsp:param name="image"    value="show_descriptions.svg"/>
 	<jsp:param name="action"   value="toggleShowDescriptions"/>
 	<jsp:param name="param"    value=""/>
 	<jsp:param name="state"    value="<%=((new SearchData(application, request, response)).isShowDescriptions() ? ON : OFF)%>"/>
diff --git a/org.eclipse.help.webapp/advanced/searchView.jsp b/org.eclipse.help.webapp/advanced/searchView.jsp
index 0ca7c97..a6537e9 100644
--- a/org.eclipse.help.webapp/advanced/searchView.jsp
+++ b/org.eclipse.help.webapp/advanced/searchView.jsp
@@ -192,14 +192,14 @@
 %>
 
 
-	<img src="<%=prefs.getImagesDirectory()%>/d_topic.gif" alt=""/>
+	<img src="<%=prefs.getImagesDirectory()%>/d_topic.svg" alt=""/>
 
 <%
 		}
 		else {
 %>
 
-	<img src="<%=prefs.getImagesDirectory()%>/topic.gif" alt=""/>
+	<img src="<%=prefs.getImagesDirectory()%>/topic.svg" alt=""/>
 
 <%
 		}
diff --git a/org.eclipse.help.webapp/advanced/tocToolbar.jsp b/org.eclipse.help.webapp/advanced/tocToolbar.jsp
index 6b54ea5..e981582 100644
--- a/org.eclipse.help.webapp/advanced/tocToolbar.jsp
+++ b/org.eclipse.help.webapp/advanced/tocToolbar.jsp
@@ -35,14 +35,14 @@
 
     <jsp:param name="name"     value="show_all"/>
 	<jsp:param name="tooltip"  value='show_all'/>
-	<jsp:param name="image"    value="show_all.gif"/>
+	<jsp:param name="image"    value="show_all.svg"/>
 	<jsp:param name="action"   value="toggleShowAll"/>
 	<jsp:param name="param"    value=""/>
 	<jsp:param name="state"    value="<%=(new ActivitiesData(application, request, response)).getButtonState()%>"/>
     
 	<jsp:param name="name"     value="print_toc"/>
 	<jsp:param name="tooltip"  value='PrintMulti'/>
-	<jsp:param name="image"    value="print_toc.gif"/>
+	<jsp:param name="image"    value="print_toc.svg"/>
 	<jsp:param name="action"   value="menu"/>
 	<jsp:param name="param"    value="<%=menuData%>"/>
 	<jsp:param name="state"    value='off'/>
@@ -56,21 +56,21 @@
 	
 	<jsp:param name="name"     value="quick_search"/>
 	<jsp:param name="tooltip"  value='QuickSearchMulti'/>
-	<jsp:param name="image"    value="quick_search_multi.gif"/>
+	<jsp:param name="image"    value="quick_search_multi.svg"/>
 	<jsp:param name="action"   value="menu"/>
 	<jsp:param name="param"    value="<%=quickSearchMenuData%>"/>
 	<jsp:param name="state"    value='off'/> 
 
 	<jsp:param name="name"     value="collapseall"/>
 	<jsp:param name="tooltip"  value='CollapseAll'/>
-	<jsp:param name="image"    value="collapseall.gif"/>
+	<jsp:param name="image"    value="collapseall.svg"/>
 	<jsp:param name="action"   value="collapseAll"/>
 	<jsp:param name="param"    value=""/>
 	<jsp:param name="state"    value='off'/>
 
 	<jsp:param name="name"     value="synchnav"/>
 	<jsp:param name="tooltip"  value='SynchNav'/>
-	<jsp:param name="image"    value="auto_synch_toc.gif"/>
+	<jsp:param name="image"    value="auto_synch_toc.svg"/>
 	<jsp:param name="action"   value="toggleAutosynch"/>
 	<jsp:param name="param"    value=""/>	
 	<jsp:param name="state"    value="<%=((new CookiesData(application, request, response)).isSynchToc() ? ON : OFF)%>"/>
diff --git a/org.eclipse.help.webapp/advanced/tocTree.js b/org.eclipse.help.webapp/advanced/tocTree.js
index 3be66e3..c903352 100644
--- a/org.eclipse.help.webapp/advanced/tocTree.js
+++ b/org.eclipse.help.webapp/advanced/tocTree.js
@@ -130,7 +130,7 @@
 }
 
 function setImage(imageNode, image) {
-    var imageFile = imagesDirectory + "/" + image + ".gif";
+    var imageFile = imagesDirectory + "/" + image + ".svg";
     imageNode.src = imageFile;
     imageNode.alt = getAltText(image);
 }
@@ -160,13 +160,13 @@
     if (isExpanded) {  
         if (imageNode.openImage) { 
             imageNode.src = imageNode.openImage;
-        } else if (src.match( /toc_closed.gif$/)) {
+        } else if (src.match( /toc_closed.svg$/)) {
             setImage(imageNode, "toc_open");
         }
     } else {       
         if (imageNode.closedImage) {    
             imageNode.src = imageNode.closedImage;
-        } else if (src.match( /toc_open.gif$/)) {           
+        } else if (src.match( /toc_open.svg$/)) {           
             setImage(imageNode, "toc_closed");
         }
     } 
diff --git a/org.eclipse.help.webapp/advanced/tocView.jsp b/org.eclipse.help.webapp/advanced/tocView.jsp
index f94b6e5..2dd9728 100644
--- a/org.eclipse.help.webapp/advanced/tocView.jsp
+++ b/org.eclipse.help.webapp/advanced/tocView.jsp
@@ -42,19 +42,19 @@
 // Preload images
 var imagesDirectory = "<%=prefs.getImagesDirectory()%>";
 minus = new Image();
-minus.src = imagesDirectory + "/minus.gif";
+minus.src = imagesDirectory + "/minus.svg";
 plus = new Image();
-plus.src = imagesDirectory + "/plus.gif";
+plus.src = imagesDirectory + "/plus.svg";
 toc_open_img = new Image();
-toc_open_img.src = imagesDirectory + "/toc_open.gif";
+toc_open_img.src = imagesDirectory + "/toc_open.svg";
 toc_closed_img = new Image();
-toc_closed_img.src = imagesDirectory + "/toc_closed.gif";
+toc_closed_img.src = imagesDirectory + "/toc_closed.svg";
 folder_img = new Image();
-folder_img.src = imagesDirectory + "/container_obj.gif";
+folder_img.src = imagesDirectory + "/container_obj.svg";
 folder_topic = new Image();
-folder_topic.src = imagesDirectory + "/container_topic.gif";
+folder_topic.src = imagesDirectory + "/container_topic.svg";
 topic_img = new Image();
-topic_img.src = imagesDirectory + "/topic.gif";
+topic_img.src = imagesDirectory + "/topic.svg";
 
 var altTopic = "<%=UrlUtil.JavaScriptEncode(ServletResources.getString("altTopic", request))%>";
 var altContainer = "<%=UrlUtil.JavaScriptEncode(ServletResources.getString("altContainer", request))%>";
diff --git a/org.eclipse.help.webapp/advanced/workingSet.jsp b/org.eclipse.help.webapp/advanced/workingSet.jsp
index 4b583bb..f516de3 100644
--- a/org.eclipse.help.webapp/advanced/workingSet.jsp
+++ b/org.eclipse.help.webapp/advanced/workingSet.jsp
@@ -173,9 +173,9 @@
 
 // Preload images
 var minus = new Image();
-minus.src = "<%=prefs.getImagesDirectory()%>"+"/minus.gif";
+minus.src = "<%=prefs.getImagesDirectory()%>"+"/minus.svg";
 var plus = new Image();
-plus.src = "<%=prefs.getImagesDirectory()%>"+"/plus.gif";
+plus.src = "<%=prefs.getImagesDirectory()%>"+"/plus.svg";
 
 var oldName = '<%=data.isEditMode()?UrlUtil.JavaScriptEncode(data.getWorkingSetName()):""%>';
 var altBookClosed = "<%=UrlUtil.JavaScriptEncode(ServletResources.getString("bookClosed", request))%>";
@@ -524,7 +524,7 @@
 	                 String className = state == WorkingSetData.STATE_GRAYED ? "grayed" : "checkbox";
                %>
 				    <div class="book" id='<%="id"+i%>' >
-					   <img id='<%="img"+i%>' alt="<%=ServletResources.getString("bookClosed", request)%>" title="<%=ServletResources.getString("bookClosed", request)%>" src="<%=prefs.getImagesDirectory()%>/plus.gif" onclick="collapseOrExpand('<%=i%>')">
+					   <img id='<%="img"+i%>' alt="<%=ServletResources.getString("bookClosed", request)%>" title="<%=ServletResources.getString("bookClosed", request)%>" src="<%=prefs.getImagesDirectory()%>/plus.svg" onclick="collapseOrExpand('<%=i%>')">
 					   <input 	class='<%=className%>' 
 							    type="checkbox" 
 							    id='<%=UrlUtil.htmlEncode(data.getTocHref(i))%>' 
@@ -584,7 +584,7 @@
 		                 String criterionDisplayName = data.getCriterionDisplayName(criterionId);
                    %>
 				    <div class="criterion" id='<%="id_criterion"+i%>' >
-					   <img id='<%="img_criterion"+i%>' alt="<%=ServletResources.getString("criterionClosed", request)%>" title="<%=ServletResources.getString("criterionClosed", request)%>" src="<%=prefs.getImagesDirectory()%>/plus.gif" onclick="collapseOrExpand('_criterion'+'<%=i%>')">
+					   <img id='<%="img_criterion"+i%>' alt="<%=ServletResources.getString("criterionClosed", request)%>" title="<%=ServletResources.getString("criterionClosed", request)%>" src="<%=prefs.getImagesDirectory()%>/plus.svg" onclick="collapseOrExpand('_criterion'+'<%=i%>')">
 					   <input 	class='<%=inputClassName%>' 
 							    type="checkbox" 
 							    id='<%=UrlUtil.htmlEncode(criterionId)%>' 
diff --git a/org.eclipse.help.webapp/basic/images/bookmark_obj.gif b/org.eclipse.help.webapp/basic/images/bookmark_obj.gif
deleted file mode 100644
index 0665a4d..0000000
--- a/org.eclipse.help.webapp/basic/images/bookmark_obj.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/basic/images/bookmark_obj.svg b/org.eclipse.help.webapp/basic/images/bookmark_obj.svg
new file mode 100644
index 0000000..a695fdd
--- /dev/null
+++ b/org.eclipse.help.webapp/basic/images/bookmark_obj.svg
@@ -0,0 +1,946 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="5"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="bookmark_obj.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient5641">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5411">
+      <stop
+         style="stop-color:#72828e;stop-opacity:1;"
+         offset="0"
+         id="stop5413" />
+      <stop
+         style="stop-color:#003358;stop-opacity:1;"
+         offset="1"
+         id="stop5415" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5630">
+      <stop
+         style="stop-color:#d8bc68;stop-opacity:1;"
+         offset="0"
+         id="stop5632" />
+      <stop
+         style="stop-color:#fff0c2;stop-opacity:1;"
+         offset="1"
+         id="stop5634" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-6">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974-71" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1-2">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-8" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-9" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-7">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5-6" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-33" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-2-6">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-3-0" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-9-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-9" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-2" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-6"
+       id="linearGradient5572"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4283"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4288"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4321"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1"
+       id="linearGradient4382"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.817902,-657.26294)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3"
+       id="linearGradient4384"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.817902,-662.30115)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient4390"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient4392"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient4394"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-3" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-0" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-4"
+       id="linearGradient4382-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-731.7352)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-4">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-7"
+       id="linearGradient4384-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-736.99747)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-7">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-9" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-9"
+       id="linearGradient4382-3"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-731.7678)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-9">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-8" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-9" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-9"
+       id="linearGradient4384-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-737.03007)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-9">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-7" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-74" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-1"
+       id="linearGradient4394-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3892048,0,0,0.27549241,-31.899058,-1052.4756)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8-07"
+       id="linearGradient4392-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0464198,0,0,0.30750995,-29.951794,-1049.0796)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-07">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-4"
+       id="linearGradient4390-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3930703,0,0,0.26192631,-31.957849,1053.1869)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-4">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-26" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-5"
+       id="linearGradient4382-9"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,32.3374,-665.37304)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-5">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-97" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-60" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-0"
+       id="linearGradient4384-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,32.3374,-670.41122)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-0">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-90" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-1" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5417"
+       cx="13.94572"
+       cy="1045.8254"
+       fx="13.94572"
+       fy="1045.8254"
+       r="10.779004"
+       gradientTransform="matrix(1,0,0,0.98529514,0,15.378714)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5419"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.8121447,-1.9541983,0.96980008,0.27977302,-1035.1855,788.68965)"
+       cx="16.494715"
+       cy="1050.2904"
+       fx="16.494715"
+       fy="1050.2904"
+       r="10.779004" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5426"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient5428"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5430"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5430-8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9"
+       id="linearGradient5426-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66"
+       id="linearGradient5430-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475-9"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9-2"
+       id="linearGradient5426-4-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66-1"
+       id="linearGradient5430-1-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8-6" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525-6"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5592"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641"
+       id="linearGradient5647"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641-4"
+       id="linearGradient5647-2"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       id="linearGradient5641-4">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2" />
+    </linearGradient>
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71554797,0.15002359,0,0.70580829,-11.070338,316.74005)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664"
+       xlink:href="#linearGradient5641-4"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5695"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5697"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5699"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71554797,0.15002359,0,0.70580829,-11.070338,316.74005)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664-4"
+       xlink:href="#linearGradient5641-4-8"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient5641-4-8">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1-4" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2-3" />
+    </linearGradient>
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.69558301,0.14671086,0,0.69022308,-18.50745,332.58007)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3174"
+       xlink:href="#linearGradient5641-4-8"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="49.375"
+     inkscape:cx="2.5"
+     inkscape:cy="6.3797468"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-nodes="false"
+     inkscape:snap-others="false"
+     inkscape:bbox-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4250" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="display:inline;fill:#71baff;fill-opacity:1;stroke:url(#linearGradient3174);stroke-width:0.97756845px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 0.49163226,1038.0059 c 0,0 0.80343744,-1.0153 1.77602024,-1.0993 0.9725815,-0.083 2.241166,-0.044 2.241166,-0.044 v 14.1285 l -2.0297356,-2.1933 -0.9302966,2.6969 c 0,0 -0.97258148,-0.9231 -1.01486815,-1.7206 -0.0422843,-0.7971 -0.0422843,-11.7676 -0.0422843,-11.7676 z"
+       id="path5639"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="csccccscc" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/basic/images/bookmarks_view.gif b/org.eclipse.help.webapp/basic/images/bookmarks_view.gif
deleted file mode 100644
index 8eefad3..0000000
--- a/org.eclipse.help.webapp/basic/images/bookmarks_view.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/basic/images/bookmarks_view.svg b/org.eclipse.help.webapp/basic/images/bookmarks_view.svg
new file mode 100644
index 0000000..2589945
--- /dev/null
+++ b/org.eclipse.help.webapp/basic/images/bookmarks_view.svg
@@ -0,0 +1,991 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="bkmrk_nav.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient5641">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5411">
+      <stop
+         style="stop-color:#72828e;stop-opacity:1;"
+         offset="0"
+         id="stop5413" />
+      <stop
+         style="stop-color:#003358;stop-opacity:1;"
+         offset="1"
+         id="stop5415" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5630">
+      <stop
+         style="stop-color:#d8bc68;stop-opacity:1;"
+         offset="0"
+         id="stop5632" />
+      <stop
+         style="stop-color:#fff0c2;stop-opacity:1;"
+         offset="1"
+         id="stop5634" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-6">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974-71" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1-2">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-8" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-9" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-7">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5-6" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-33" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-2-6">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-3-0" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-9-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-9" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-2" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-6"
+       id="linearGradient5572"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4283"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4288"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4321"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1"
+       id="linearGradient4382"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.7571096,-657.15428)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3"
+       id="linearGradient4384"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.7571096,-662.19249)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient4390"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient4392"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient4394"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-3" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-0" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-4"
+       id="linearGradient4382-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-731.7352)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-4">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-7"
+       id="linearGradient4384-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-736.99747)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-7">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-9" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-9"
+       id="linearGradient4382-3"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-731.7678)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-9">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-8" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-9" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-9"
+       id="linearGradient4384-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-737.03007)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-9">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-7" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-74" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-1"
+       id="linearGradient4394-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3892048,0,0,0.27549241,-31.899058,-1052.4756)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8-07"
+       id="linearGradient4392-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0464198,0,0,0.30750995,-29.951794,-1049.0796)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-07">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-4"
+       id="linearGradient4390-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3930703,0,0,0.26192631,-31.957849,1053.1869)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-4">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-26" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-5"
+       id="linearGradient4382-9"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,31.851061,-665.08729)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-5">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-97" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-60" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-0"
+       id="linearGradient4384-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,31.851061,-670.12547)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-0">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-90" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-1" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5417"
+       cx="13.94572"
+       cy="1045.8255"
+       fx="13.94572"
+       fy="1045.8255"
+       r="10.779004"
+       gradientTransform="matrix(1,0,0,0.98529514,0,15.378714)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5419"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.8121447,-1.9541983,0.96980008,0.27977302,-1035.1855,788.68965)"
+       cx="16.494715"
+       cy="1050.2904"
+       fx="16.494715"
+       fy="1050.2904"
+       r="10.779004" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5426"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient5428"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5430"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5430-8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9"
+       id="linearGradient5426-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66"
+       id="linearGradient5430-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475-9"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9-2"
+       id="linearGradient5426-4-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66-1"
+       id="linearGradient5430-1-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8-6" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525-6"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5592"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641"
+       id="linearGradient5647"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641-4"
+       id="linearGradient5647-2"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       id="linearGradient5641-4">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2" />
+    </linearGradient>
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71755587,0.14615422,0,0.68760427,-11.219368,335.30884)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664"
+       xlink:href="#linearGradient5641-4"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5695"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5697"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5699"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="45.254832"
+     inkscape:cx="8.9351454"
+     inkscape:cy="13.418233"
+     inkscape:document-units="px"
+     inkscape:current-layer="g5494"
+     showgrid="true"
+     inkscape:window-width="1171"
+     inkscape:window-height="959"
+     inkscape:window-x="1324"
+     inkscape:window-y="500"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4250" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g4328"
+       transform="matrix(0.7269685,0.15452131,0,0.7269685,-1.9135076,281.00893)">
+      <path
+         id="rect6795-0-1"
+         style="color:#000000;fill:url(#radialGradient5419);fill-opacity:1;stroke:none;stroke-width:1.05102229;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         d="m 24.629424,1051.8747 c 0,0 -3.992044,0.5682 -11.390548,4.8211 0,-5.4647 0,-15.2237 0,-15.2237 0,0 0.0075,-4.3255 0.0075,-3.2598 0,1.0657 0.44242,-0.08 3.322649,-1.5295 2.880227,-1.4497 8.094855,-2.1898 8.094855,-2.1898 0,0 0.674765,13.1244 -0.03446,17.3817 z m -21.2774334,-11.0351 -0.185274,15.8319 c 0,0 3.5446198,-1.0065 10.1139074,0.015 0,-4.9305 0,-13.7353 0,-13.7353 0,0 -0.0067,-3.8997 -0.0067,-2.9382 0,0.9615 -0.392834,0.097 -2.95025,-0.1158 -2.5574137,-0.2119 -6.9716755,0.9414 -6.9716755,0.9414 z"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccscccccccsccc" />
+      <path
+         sodipodi:nodetypes="ccccczcc"
+         inkscape:connector-curvature="0"
+         id="rect6795"
+         d="m 3.4603246,1039.0118 -0.1746117,14.8143 c 0,0 3.5230099,-0.9857 9.7142451,-0.039 0,-4.6135 0,-12.8522 0,-12.8522 0,0 -0.0063,-3.649 -0.0063,-2.7493 0,0.8997 -0.552604,0.1298 -2.962845,-0.065 -2.410241,-0.1947 -6.5704694,0.8908 -6.5704694,0.8908 z"
+         style="color:#000000;fill:url(#linearGradient4382);fill-opacity:1;stroke:url(#linearGradient4384);stroke-width:1.37557542;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+      <g
+         id="g5421"
+         transform="translate(0.36475453,0.16563903)">
+        <g
+           id="g5494">
+          <rect
+             style="color:#000000;fill:none;stroke:url(#linearGradient5695);stroke-width:0.57948124;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+             id="rect6891-5-7-3-9"
+             width="5.0426011"
+             height="0.20836112"
+             x="5.1543803"
+             y="1047.5212" />
+          <rect
+             transform="scale(1,-1)"
+             style="color:#000000;fill:none;stroke:url(#linearGradient5697);stroke-width:0.59347337;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+             id="rect6891-5-7-3-9-8"
+             width="5.0286093"
+             height="0.21915288"
+             x="5.1861606"
+             y="-1045.4623" />
+          <rect
+             transform="scale(1,-1)"
+             style="color:#000000;fill:none;stroke:url(#linearGradient5699);stroke-width:0.59347337;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+             id="rect6891-5-7-3-9-8-5"
+             width="5.0286093"
+             height="0.21915288"
+             x="5.1861606"
+             y="-1043.0914" />
+        </g>
+      </g>
+      <path
+         sodipodi:nodetypes="cccczzcc"
+         inkscape:connector-curvature="0"
+         id="rect6795-9"
+         d="m 22.633627,1034.9971 0.174612,14.74 c 0,0 -3.583802,0.525 -9.775038,4.1039 0,-4.6135 0,-12.8522 0,-12.8522 0,0 0.0063,-3.6517 0.0063,-2.752 0,0.8997 0.370226,-0.066 2.780467,-1.2856 2.410241,-1.2194 6.813639,-1.9541 6.813639,-1.9541 z"
+         style="color:#000000;fill:url(#linearGradient4382-9);fill-opacity:1;stroke:url(#linearGradient4384-0);stroke-width:1.37557542;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+    </g>
+    <g
+       style="display:inline"
+       id="g5494-1"
+       transform="matrix(-0.7269685,0.15452131,0,0.7269685,16.858502,281.15492)">
+      <rect
+         style="color:#000000;fill:none;stroke:url(#linearGradient5426-4-0);stroke-width:0.57948124;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect6891-5-7-3-9-9"
+         width="5.0426011"
+         height="0.20836112"
+         x="5.1543803"
+         y="1047.5212" />
+      <rect
+         transform="scale(1,-1)"
+         style="color:#000000;fill:none;stroke:url(#linearGradient5430-1-7);stroke-width:0.59347337;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect6891-5-7-3-9-8-3"
+         width="5.0286093"
+         height="0.21915288"
+         x="5.1861606"
+         y="-1045.4623" />
+      <rect
+         transform="scale(1,-1)"
+         style="color:#000000;fill:none;stroke:url(#linearGradient5592);stroke-width:0.59347337;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect6891-5-7-3-9-8-5-2"
+         width="5.0286093"
+         height="0.21915288"
+         x="5.1861606"
+         y="-1043.0914" />
+    </g>
+    <path
+       style="fill:#71baff;fill-opacity:1;stroke:url(#linearGradient5664);stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
+       d="m 8.3798787,1037.8372 c 0,0 0.8288172,-0.7904 1.8321243,-0.8741 1.003304,-0.083 2.311962,-0.044 2.311962,-0.044 l 0,14.0748 -2.093853,-2.1849 -0.9596847,2.6867 c 0,0 -1.0033045,-0.9197 -1.0469266,-1.7142 -0.043622,-0.794 -0.043622,-11.9439 -0.043622,-11.9439 z"
+       id="path5639"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="csccccscc" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/basic/images/container_obj.gif b/org.eclipse.help.webapp/basic/images/container_obj.gif
deleted file mode 100644
index 391cfdb..0000000
--- a/org.eclipse.help.webapp/basic/images/container_obj.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/basic/images/container_obj.svg b/org.eclipse.help.webapp/basic/images/container_obj.svg
new file mode 100644
index 0000000..9b09e9b
--- /dev/null
+++ b/org.eclipse.help.webapp/basic/images/container_obj.svg
@@ -0,0 +1,267 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="toc_topic_obj.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4446">
+      <stop
+         style="stop-color:#d1d6dd;stop-opacity:1"
+         offset="0"
+         id="stop4448" />
+      <stop
+         style="stop-color:#bfc9d6;stop-opacity:1"
+         offset="1"
+         id="stop4450" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4289">
+      <stop
+         style="stop-color:#bfc9d6;stop-opacity:1"
+         offset="0"
+         id="stop4291" />
+      <stop
+         style="stop-color:#cbd2db;stop-opacity:1"
+         offset="1"
+         id="stop4293" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4209">
+      <stop
+         style="stop-color:#eef6ff;stop-opacity:1"
+         offset="0"
+         id="stop4211" />
+      <stop
+         style="stop-color:#fdfeff;stop-opacity:1"
+         offset="1"
+         id="stop4213" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4201">
+      <stop
+         style="stop-color:#717883;stop-opacity:1"
+         offset="0"
+         id="stop4203" />
+      <stop
+         style="stop-color:#81733e;stop-opacity:1"
+         offset="1"
+         id="stop4205" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4179">
+      <stop
+         style="stop-color:#d6e0e6;stop-opacity:1;"
+         offset="0"
+         id="stop4181" />
+      <stop
+         style="stop-color:#d6e0e6;stop-opacity:0;"
+         offset="1"
+         id="stop4183" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4201"
+       id="linearGradient4207"
+       x1="21.948286"
+       y1="1035.7197"
+       x2="21.948286"
+       y2="1028.4276"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-14.203124,22.029685)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4209"
+       id="linearGradient4215"
+       x1="20.93182"
+       y1="1036.2058"
+       x2="20.93182"
+       y2="1030.549"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-14.203124,22.029685)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4289"
+       id="linearGradient4295"
+       x1="23.191113"
+       y1="1022.8389"
+       x2="26.21289"
+       y2="1022.8389"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       gradientTransform="translate(-5.4632568e-7,-2.0000302)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient4289"
+       id="linearGradient4295-6"
+       x1="23.191113"
+       y1="1022.8389"
+       x2="26.212891"
+       y2="1022.8389"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       gradientTransform="translate(-5.4632568e-7,-3.9844052)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient4289"
+       id="linearGradient4295-6-2"
+       x1="23.191113"
+       y1="1022.8389"
+       x2="26.212891"
+       y2="1022.8389"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4179"
+       id="linearGradient4374"
+       gradientUnits="userSpaceOnUse"
+       x1="15.156249"
+       y1="1043.7998"
+       x2="28.135472"
+       y2="1043.7998" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4446"
+       id="linearGradient4452"
+       x1="17.205662"
+       y1="1020.3426"
+       x2="21.227332"
+       y2="1020.3426"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-14.203124,34.030335)" />
+    <linearGradient
+       gradientTransform="translate(-14.203124,36.037394)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient4446"
+       id="linearGradient4452-6"
+       x1="17.205662"
+       y1="1020.3426"
+       x2="21.227331"
+       y2="1020.3426"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="16.491742"
+     inkscape:cy="3.3705216"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="964"
+     inkscape:window-height="972"
+     inkscape:window-x="1353"
+     inkscape:window-y="422"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g4580"
+       transform="translate(0,-11.992529)">
+      <g
+         id="g4571">
+        <rect
+           y="1051.3237"
+           x="8.2643099"
+           height="8.5930243"
+           width="6.248764"
+           id="rect4217"
+           style="opacity:1;fill:#3d4b65;fill-opacity:1;stroke:#3d4b65;stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cssccssccscccs"
+           inkscape:connector-curvature="0"
+           d="m 7.535109,1056.0246 -2.209709,0 c -0.369764,0 -0.359452,-1.0385 -0.795495,-1.0385 l -3.071495,0 0,4.9497 2.452777,0 c 0.637939,0 0.201444,1.0469 0.60439,1.0469 l 3.019532,0 z m -0.0221,0.044 c 0,-0.4897 1.06066,-1.0164 1.06066,-1.0164 l -0.132583,4.9939 -0.883883,0.8839 c 0,0 -0.04419,-2.1102 -0.04419,-4.8614 z"
+           style="display:inline;fill:#3d4b65;fill-opacity:1;fill-rule:evenodd;stroke:#3d4b65;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           id="path4192-8" />
+        <path
+           inkscape:connector-curvature="0"
+           d="m 7.57662,1051.91 -2.209709,0 c -0.369764,0 -0.359452,-1.0385 -0.795495,-1.0385 l -3.071495,0 0,8.0433 2.452777,0 c 0.637939,0 0.201444,1.0469 0.60439,1.0469 l 3.019532,0 z m -0.0221,0.044 c 0,-0.4897 0.570981,-1.0164 1.06066,-1.0164 l 4.905553,0 0,8.0875 c 0,0 -3.574259,0 -5.038136,0 -0.350397,0 -0.883883,0.8839 -0.883883,0.8839 0,0 -0.04419,-5.2038 -0.04419,-7.955 z"
+           style="fill:url(#linearGradient4215);fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4207);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           id="path4192" />
+        <g
+           transform="translate(-14.171874,34.029685)"
+           style="stroke:url(#linearGradient4374)"
+           id="g4369">
+          <rect
+             style="opacity:1;fill:url(#linearGradient4295);fill-opacity:1;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             id="rect4287"
+             width="3.0217779"
+             height="1.0109552"
+             x="23.191113"
+             y="1022.3334" />
+          <rect
+             style="display:inline;opacity:1;fill:url(#linearGradient4295-6);fill-opacity:1;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             id="rect4287-1"
+             width="3.0217779"
+             height="1.0109552"
+             x="23.191113"
+             y="1020.3334" />
+          <rect
+             style="display:inline;opacity:1;fill:url(#linearGradient4295-6-2);fill-opacity:1;stroke:none;stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             id="rect4287-1-6"
+             width="3.0217779"
+             height="1.0109552"
+             x="23.191113"
+             y="1018.349" />
+        </g>
+      </g>
+      <path
+         id="path4192-1"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4452);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 7.024208,1054.8923 -1.325826,0 c -0.369764,0 -0.359452,-1.0385 -0.795495,-1.0385 l -1.900349,0"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cssc" />
+      <path
+         id="path4192-1-0"
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4452-6);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 7.024208,1056.8993 -1.325826,0 c -0.369764,0 -0.359452,-1.0385 -0.795495,-1.0385 l -1.900349,0"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cssc" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/basic/images/e_contents_view.gif b/org.eclipse.help.webapp/basic/images/e_contents_view.gif
deleted file mode 100644
index 9e665d5..0000000
--- a/org.eclipse.help.webapp/basic/images/e_contents_view.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/basic/images/e_contents_view.svg b/org.eclipse.help.webapp/basic/images/e_contents_view.svg
new file mode 100644
index 0000000..5b6159b
--- /dev/null
+++ b/org.eclipse.help.webapp/basic/images/e_contents_view.svg
@@ -0,0 +1,161 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="toc_obj.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4259"
+       id="linearGradient4265"
+       x1="24.120523"
+       y1="1050.0033"
+       x2="24.120523"
+       y2="1040.597"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4259">
+      <stop
+         style="stop-color:#dfe9f8;stop-opacity:1"
+         offset="0"
+         id="stop4261" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop4263" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4185"
+       id="linearGradient4191"
+       x1="22.993999"
+       y1="1063.8751"
+       x2="22.993999"
+       y2="1052.5172"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0,-12.561868)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4185">
+      <stop
+         style="stop-color:#525f71;stop-opacity:1"
+         offset="0"
+         id="stop4187" />
+      <stop
+         style="stop-color:#928d6e;stop-opacity:1"
+         offset="1"
+         id="stop4189" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4193"
+       id="linearGradient4199"
+       x1="21.093748"
+       y1="1039.2216"
+       x2="21.093748"
+       y2="1048.3466"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4193">
+      <stop
+         style="stop-color:#958e6c;stop-opacity:1;"
+         offset="0"
+         id="stop4195" />
+      <stop
+         style="stop-color:#536071;stop-opacity:1"
+         offset="1"
+         id="stop4197" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="143.92411"
+     inkscape:cy="-16.55322"
+     inkscape:document-units="px"
+     inkscape:current-layer="g4274"
+     showgrid="false"
+     inkscape:window-width="1440"
+     inkscape:window-height="900"
+     inkscape:window-x="781"
+     inkscape:window-y="423"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g4274"
+       transform="translate(-14.156249,0.03125)">
+      <g
+         style="display:inline"
+         id="g4201"
+         transform="translate(11.968749,-1.5211072e-7)">
+        <g
+           id="g4254"
+           transform="translate(-11.937499,0)">
+          <rect
+             style="opacity:1;fill:url(#linearGradient4265);fill-opacity:1;stroke:url(#linearGradient4191);stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             id="rect4183"
+             width="9.0049677"
+             height="11.010238"
+             x="18.627449"
+             y="1039.8192" />
+          <path
+             style="display:inline;fill:#7aace7;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4199);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 17.656249,1039.1123 8.031249,-2.125 0,11.0312 -8.062499,2.125 z"
+             id="path4156"
+             inkscape:connector-curvature="0" />
+          <path
+             style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#958e6c;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 19.643305,1041.6966 4.016734,-0.7459 -0.0221,2.3242 -4.014839,0.7291 z"
+             id="path4181"
+             inkscape:connector-curvature="0"
+             sodipodi:nodetypes="ccccc" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/basic/images/e_index_view.gif b/org.eclipse.help.webapp/basic/images/e_index_view.gif
deleted file mode 100644
index 6645b64..0000000
--- a/org.eclipse.help.webapp/basic/images/e_index_view.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/basic/images/e_index_view.svg b/org.eclipse.help.webapp/basic/images/e_index_view.svg
new file mode 100644
index 0000000..74edc93
--- /dev/null
+++ b/org.eclipse.help.webapp/basic/images/e_index_view.svg
@@ -0,0 +1,1338 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="e_index_view.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient1326"
+       inkscape:collect="always">
+      <stop
+         id="stop1322"
+         offset="0"
+         style="stop-color:#4073a8;stop-opacity:1" />
+      <stop
+         id="stop1324"
+         offset="1"
+         style="stop-color:#64893e;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1287"
+       inkscape:collect="always">
+      <stop
+         id="stop1283"
+         offset="0"
+         style="stop-color:#8ca0c7;stop-opacity:1" />
+      <stop
+         id="stop1285"
+         offset="1"
+         style="stop-color:#17325d;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1281"
+       inkscape:collect="always">
+      <stop
+         id="stop1277"
+         offset="0"
+         style="stop-color:#8ca0c7;stop-opacity:1" />
+      <stop
+         id="stop1279"
+         offset="1"
+         style="stop-color:#17325d;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1275"
+       inkscape:collect="always">
+      <stop
+         id="stop1271"
+         offset="0"
+         style="stop-color:#8ca0c7;stop-opacity:1" />
+      <stop
+         id="stop1273"
+         offset="1"
+         style="stop-color:#17325d;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1269"
+       inkscape:collect="always">
+      <stop
+         id="stop1265"
+         offset="0"
+         style="stop-color:#8ca0c7;stop-opacity:1" />
+      <stop
+         id="stop1267"
+         offset="1"
+         style="stop-color:#17325d;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1167">
+      <stop
+         style="stop-color:#8ca0c7;stop-opacity:1"
+         offset="0"
+         id="stop1163" />
+      <stop
+         style="stop-color:#4a6192;stop-opacity:1"
+         offset="1"
+         id="stop1165" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1157">
+      <stop
+         style="stop-color:#85c0ee;stop-opacity:1"
+         offset="0"
+         id="stop1153" />
+      <stop
+         style="stop-color:#f4f6f9;stop-opacity:1"
+         offset="1"
+         id="stop1155" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1149">
+      <stop
+         style="stop-color:#4073a8;stop-opacity:1"
+         offset="0"
+         id="stop1145" />
+      <stop
+         style="stop-color:#789dc2;stop-opacity:1"
+         offset="1"
+         id="stop1147" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1037">
+      <stop
+         style="stop-color:#e0e060;stop-opacity:1"
+         offset="0"
+         id="stop1033" />
+      <stop
+         style="stop-color:#80b050;stop-opacity:1"
+         offset="1"
+         id="stop1035" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5641">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5411">
+      <stop
+         style="stop-color:#72828e;stop-opacity:1;"
+         offset="0"
+         id="stop5413" />
+      <stop
+         style="stop-color:#003358;stop-opacity:1;"
+         offset="1"
+         id="stop5415" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5630">
+      <stop
+         style="stop-color:#d8bc68;stop-opacity:1;"
+         offset="0"
+         id="stop5632" />
+      <stop
+         style="stop-color:#fff0c2;stop-opacity:1;"
+         offset="1"
+         id="stop5634" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-6">
+      <stop
+         style="stop-color:#c7e3e7;stop-opacity:1;"
+         offset="0"
+         id="stop4974-71" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-4-1-2">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6799-4-3-3">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-8" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-9" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-7">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-5-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-5-6" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-8-6" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-7">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-33" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4972-5-2-6">
+      <stop
+         style="stop-color:#85c2cb;stop-opacity:1;"
+         offset="0"
+         id="stop4974-7-3-0" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4976-1-9-5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-8">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-9" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-2" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-6"
+       id="linearGradient5572"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4283"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4288"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972"
+       id="linearGradient4321"
+       gradientUnits="userSpaceOnUse"
+       x1="5.1146582"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1"
+       id="linearGradient4382"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.817902,-657.26294)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3"
+       id="linearGradient4384"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6238641,0,0,1.6285353,-5.817902,-662.30115)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient4390"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient4392"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient4394"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-5">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-3" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-0" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-7" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-0">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-4"
+       id="linearGradient4382-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-731.7352)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-4">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-7"
+       id="linearGradient4384-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-4.9210482,-736.99747)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-7">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-9" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-9"
+       id="linearGradient4382-3"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-731.7678)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-9">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-8" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-9" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-9"
+       id="linearGradient4384-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.6960825,0,0,1.7009614,-6.197689,-737.03007)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-9">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-7" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-74" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-1"
+       id="linearGradient4394-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3892048,0,0,0.27549241,-31.899058,-1052.4756)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-2" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8-07"
+       id="linearGradient4392-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0464198,0,0,0.30750995,-29.951794,-1049.0796)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-8-8-07">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-0-7-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-5-3-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-4"
+       id="linearGradient4390-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3930703,0,0,0.26192631,-31.957849,1053.1869)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-4">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-26" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4972-4-1-5"
+       id="linearGradient4382-9"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,32.3374,-665.37304)"
+       x1="5.1146584"
+       y1="1044.7372"
+       x2="12.520393"
+       y2="1044.7372" />
+    <linearGradient
+       id="linearGradient4972-4-1-5">
+      <stop
+         style="stop-color:#daedef;stop-opacity:1;"
+         offset="0"
+         id="stop4974-6-9-97" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop4976-2-4-60" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6799-4-3-0"
+       id="linearGradient4384-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.623864,0.69032316,0,1.6285353,32.3374,-670.41122)"
+       x1="11.977677"
+       y1="1042.1279"
+       x2="5.926301"
+       y2="1051.2535" />
+    <linearGradient
+       id="linearGradient6799-4-3-0">
+      <stop
+         style="stop-color:#c89840;stop-opacity:1;"
+         offset="0"
+         id="stop6801-4-0-90" />
+      <stop
+         style="stop-color:#798da2;stop-opacity:1;"
+         offset="1"
+         id="stop6803-5-7-1" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5417"
+       cx="13.94572"
+       cy="1045.8255"
+       fx="13.94572"
+       fy="1045.8255"
+       r="10.779004"
+       gradientTransform="matrix(1,0,0,0.98529514,0,15.378714)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5411"
+       id="radialGradient5419"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.8121447,-1.9541983,0.96980008,0.27977302,-1035.1855,788.68965)"
+       cx="16.494715"
+       cy="1050.2904"
+       fx="16.494715"
+       fy="1050.2904"
+       r="10.779004" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5426"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-8-8"
+       id="linearGradient5428"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.96301391,0,0,0.30750995,-1.0449584,-1044.537)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5430"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5430-8"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9"
+       id="linearGradient5426-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66"
+       id="linearGradient5430-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5475-9"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-9-2"
+       id="linearGradient5426-4-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-9-2">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-80-0" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-6-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-66-1"
+       id="linearGradient5430-1-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-66-1">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-23-1" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-8-6" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5525-6"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient6893-5-8-0-4-9-2-6-9-6">
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="0"
+         id="stop6895-8-7-7-0-1-2-35-8-5" />
+      <stop
+         style="stop-color:#7795b6;stop-opacity:1;"
+         offset="1"
+         id="stop6897-2-6-9-2-4-3-9-1-1" />
+    </linearGradient>
+    <linearGradient
+       y2="5.3933983"
+       x2="5.8030186"
+       y1="5.3933983"
+       x1="9.2662354"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5592"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6-9-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641"
+       id="linearGradient5647"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5641-4"
+       id="linearGradient5647-2"
+       x1="30.45603"
+       y1="1028.9988"
+       x2="30.45603"
+       y2="1033.8717"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-12.948786,22.935422)" />
+    <linearGradient
+       id="linearGradient5641-4">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2" />
+    </linearGradient>
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71554797,0.15002359,0,0.70580829,-11.070338,316.74005)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664"
+       xlink:href="#linearGradient5641-4"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9"
+       id="linearGradient5695"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2820342,0,0,0.26192632,-2.8911185,1046.2126)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2"
+       id="linearGradient5697"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549242,-2.8370137,-1046.8387)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6893-5-8-0-4-9-2-6"
+       id="linearGradient5699"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2784768,0,0,0.27549241,-2.8370135,-1044.4678)"
+       x1="9.2662354"
+       y1="5.3933983"
+       x2="5.8030186"
+       y2="5.3933983" />
+    <linearGradient
+       y2="1033.8717"
+       x2="30.45603"
+       y1="1028.9988"
+       x1="30.45603"
+       gradientTransform="matrix(0.71554797,0.15002359,0,0.70580829,-11.070338,316.74005)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient5664-4"
+       xlink:href="#linearGradient5641-4-8"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient5641-4-8">
+      <stop
+         style="stop-color:#1e6cbe;stop-opacity:1;"
+         offset="0"
+         id="stop5643-1-4" />
+      <stop
+         style="stop-color:#104276;stop-opacity:1;"
+         offset="1"
+         id="stop5645-2-3" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5591-4">
+      <stop
+         id="stop5593-0"
+         offset="0"
+         style="stop-color:#e0e566;stop-opacity:1;" />
+      <stop
+         id="stop5595-5"
+         offset="1"
+         style="stop-color:#80b050;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5583-2">
+      <stop
+         id="stop5585-3"
+         offset="0"
+         style="stop-color:#005020;stop-opacity:1" />
+      <stop
+         id="stop5587-3"
+         offset="1"
+         style="stop-color:#309858;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5583-2"
+       id="linearGradient5620"
+       gradientUnits="userSpaceOnUse"
+       x1="2.1879039"
+       y1="9.2638359"
+       x2="2.03125"
+       y2="4.671875"
+       gradientTransform="matrix(1.4105678,0,0,1.4692784,1.35886,1033.7454)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1037"
+       id="linearGradient1039"
+       x1="-5.757359"
+       y1="1042.4757"
+       x2="-5.077126"
+       y2="1047.0719"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(11)" />
+    <linearGradient
+       id="linearGradient4852-7"
+       inkscape:collect="always">
+      <stop
+         id="stop4854-4"
+         offset="0"
+         style="stop-color:#f03f51;stop-opacity:1" />
+      <stop
+         id="stop4856-0"
+         offset="1"
+         style="stop-color:#f5817d;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4844-4">
+      <stop
+         id="stop4846-8"
+         offset="0"
+         style="stop-color:#c51325;stop-opacity:1" />
+      <stop
+         id="stop4848-8"
+         offset="1"
+         style="stop-color:#ca5d49;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4852-7"
+       id="linearGradient4047"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.49963553,0,0,0.49796697,0.18518926,524.81723)"
+       x1="5.1118913"
+       y1="1049.7977"
+       x2="4.7528968"
+       y2="1038.5814" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4844-4"
+       id="linearGradient4049"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.49963553,0,0,0.49796697,0.18518926,524.81723)"
+       x1="8.6566515"
+       y1="1050.7386"
+       x2="8.6566515"
+       y2="1037.7" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1149"
+       id="linearGradient1151"
+       x1="-15.895145"
+       y1="1049.3726"
+       x2="-15.109204"
+       y2="1037.396"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1157"
+       id="linearGradient1159"
+       x1="-4.9939418"
+       y1="1048.1637"
+       x2="-4.9939418"
+       y2="1038.2643"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1167"
+       id="linearGradient1169"
+       x1="-14.997779"
+       y1="1042.8622"
+       x2="-5.0022229"
+       y2="1042.8622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0.0022229,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1167"
+       id="linearGradient1169-1"
+       x1="-14.997779"
+       y1="1042.8622"
+       x2="-5.002223"
+       y2="1042.8622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(17.997779,3)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1287"
+       id="linearGradient1169-6"
+       x1="-14.997779"
+       y1="1042.8622"
+       x2="-5.002223"
+       y2="1042.8622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.30013206,0.30013206,0,-309.49638,1046.8609)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1281"
+       id="linearGradient1169-6-1"
+       x1="-14.997779"
+       y1="1042.8622"
+       x2="-5.002223"
+       y2="1042.8622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.30013206,0.30013206,0,-306.49638,1046.8609)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1275"
+       id="linearGradient1169-6-0"
+       x1="-14.997779"
+       y1="1042.8622"
+       x2="-5.002223"
+       y2="1042.8622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.30013206,0.30013206,0,-303.49638,1046.8609)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1269"
+       id="linearGradient1169-6-7"
+       x1="-14.997779"
+       y1="1042.8622"
+       x2="-5.002223"
+       y2="1042.8622"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0,-0.30013206,0.30013206,0,-300.49638,1046.8609)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1326"
+       id="linearGradient1151-4"
+       x1="-15.895145"
+       y1="1049.3726"
+       x2="-15.109204"
+       y2="1037.396"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(5,1)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1326"
+       id="linearGradient1151-4-1"
+       x1="-15.895145"
+       y1="1049.3726"
+       x2="-15.109204"
+       y2="1037.396"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.99092354,9,10.420147)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1326"
+       id="linearGradient1365"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(23,1)"
+       x1="-15.895145"
+       y1="1049.3726"
+       x2="-15.109204"
+       y2="1037.396" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1157"
+       id="linearGradient1367"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(18,1)"
+       x1="-4.9939418"
+       y1="1048.1637"
+       x2="-4.9939418"
+       y2="1038.2643" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1149"
+       id="linearGradient1369"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(18,1)"
+       x1="-15.895145"
+       y1="1049.3726"
+       x2="-15.109204"
+       y2="1037.396" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1167"
+       id="linearGradient1371"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(18.002223,1)"
+       x1="-14.997779"
+       y1="1042.8622"
+       x2="-5.0022229"
+       y2="1042.8622" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1326"
+       id="linearGradient1365-6"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(28,1)"
+       x1="-15.895145"
+       y1="1049.3726"
+       x2="-15.109204"
+       y2="1037.396" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.627416"
+     inkscape:cx="3.5371346"
+     inkscape:cy="11.309364"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false"
+     inkscape:snap-others="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4250" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <path
+       style="display:inline;fill:#e0e060;fill-opacity:1;stroke:url(#linearGradient1365-6);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 11.5,1049.8622 h 1.729631 v -9 H 14.5 v -2 h -3 z"
+       id="path1143-1-4"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="display:inline;fill:#e0e060;fill-opacity:1;stroke:url(#linearGradient1365);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 6.5,1049.8622 h 7 v -9 h -4 v -2 h -3 z"
+       id="path1143-1"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="fill:url(#linearGradient1367);fill-opacity:1;stroke:url(#linearGradient1369);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 1.5,1049.8622 h 13 v -9 h -8 l -1.5,-2 H 1.5 Z"
+       id="path1143"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="fill:none;stroke:url(#linearGradient1371);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 3.004444,1043.8622 H 13"
+       id="path1161"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:none;stroke:url(#linearGradient1169-1);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 3,1045.8622 h 9.995556"
+       id="path1161-7"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:none;stroke:url(#linearGradient1169-6);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 3.5,1051.3622 v -3"
+       id="path1161-3"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:none;stroke:url(#linearGradient1169-6-1);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 6.5,1051.3622 v -3"
+       id="path1161-3-2"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:none;stroke:url(#linearGradient1169-6-0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 9.5,1051.3622 v -3"
+       id="path1161-3-9"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:none;stroke:url(#linearGradient1169-6-7);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 12.5,1051.3622 v -3"
+       id="path1161-3-4"
+       inkscape:connector-curvature="0" />
+    <image
+       y="1037.3622"
+       x="21"
+       id="image1140"
+       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAXVJREFU
+OI2lkjFrVEEUhb8bki59inSCYCWopSwpAhYSJIVgY1CESBCLVBJlrXQJ2PgDhBBBExJIoXaaIsli
+kSpVJJU/YSEx7t55b2aPxfLeyxLYRPbCwDnDzLkfd8YkMUyNDHUbGC3Ey5VmibL8pGbz76ZK/+HF
+7jlfaJNEY31fi7M3ytS36/ssTK9UfuM39QdX+nwRYpJ4/bGph/dqfWifvjYvxH/zqGajAJ4lPHYB
+AwkM7t+9DQIwhDBAGGZCgs9f9qoZdELk1LsXdjxbnRCrgHaWOAmJXz8PiDGS5TnuOe4Bd6fdyXAP
+hBAIWeT5q6e0s1QFhJBz7InJW9cv1f3YEyHkVYDniRNP/Dk8vBTB7LPHeH6GAOBv6GJXrzGGMSYY
+702N8vFNIAMTp1k1rzKgE4vNQV9b589IYqa+pcZOSxM353TUko5aGqgbOy3N1LckqUeQxcSPb99Z
+XV1mobEBMFC/X9vuJyjWnaVN/Y+W1PvKw9Q/3rIiaWq8Z5oAAAAASUVORK5CYII=
+"
+       style="image-rendering:optimizeSpeed"
+       preserveAspectRatio="none"
+       height="16"
+       width="16" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/basic/images/e_links_view.gif b/org.eclipse.help.webapp/basic/images/e_links_view.gif
deleted file mode 100644
index d0b5c15..0000000
--- a/org.eclipse.help.webapp/basic/images/e_links_view.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/basic/images/e_search_results_view.gif b/org.eclipse.help.webapp/basic/images/e_search_results_view.gif
deleted file mode 100644
index 111d5d1..0000000
--- a/org.eclipse.help.webapp/basic/images/e_search_results_view.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/basic/images/e_search_results_view.svg b/org.eclipse.help.webapp/basic/images/e_search_results_view.svg
new file mode 100644
index 0000000..2e13a61
--- /dev/null
+++ b/org.eclipse.help.webapp/basic/images/e_search_results_view.svg
@@ -0,0 +1,508 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="quick_search.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1326">
+      <stop
+         style="stop-color:#f9fafc;stop-opacity:1"
+         offset="0"
+         id="stop1322" />
+      <stop
+         style="stop-color:#e3ebf8;stop-opacity:1"
+         offset="1"
+         id="stop1324" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1310">
+      <stop
+         style="stop-color:#c7b571;stop-opacity:1"
+         offset="0"
+         id="stop1306" />
+      <stop
+         style="stop-color:#a9a285;stop-opacity:1"
+         offset="1"
+         id="stop1308" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1285"
+       inkscape:collect="always">
+      <stop
+         id="stop1281"
+         offset="0"
+         style="stop-color:#9fb8f0;stop-opacity:1" />
+      <stop
+         id="stop1283"
+         offset="1"
+         style="stop-color:#718fcd;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1279"
+       inkscape:collect="always">
+      <stop
+         id="stop1275"
+         offset="0"
+         style="stop-color:#9fb8f0;stop-opacity:1" />
+      <stop
+         id="stop1277"
+         offset="1"
+         style="stop-color:#718fcd;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1265">
+      <stop
+         style="stop-color:#7f9ed8;stop-opacity:1"
+         offset="0"
+         id="stop1261" />
+      <stop
+         style="stop-color:#718fcd;stop-opacity:1"
+         offset="1"
+         id="stop1263" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,683.75303,332.65243)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5440"
+       id="linearGradient5446"
+       x1="25.367371"
+       y1="1051.4069"
+       x2="33.890358"
+       y2="1051.4069"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       gradientTransform="matrix(0.67296667,0.67261869,-0.67296667,0.67261869,695.88897,319.95238)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5428"
+       id="linearGradient5434"
+       x1="26.107269"
+       y1="1045.9496"
+       x2="33.162998"
+       y2="1045.9496"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5206"
+       id="linearGradient5376"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,683.75306,332.6524)"
+       x1="26.45211"
+       y1="1052.0043"
+       x2="32.842041"
+       y2="1052.0043" />
+    <linearGradient
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,683.34253,332.84136)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5351"
+       id="linearGradient5374"
+       gradientUnits="userSpaceOnUse"
+       x1="25.98222"
+       y1="1056.9694"
+       x2="33.275513"
+       y2="1056.9694" />
+    <linearGradient
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,683.34253,332.84136)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5331"
+       id="linearGradient5372"
+       gradientUnits="userSpaceOnUse"
+       x1="26.880592"
+       y1="1056.9694"
+       x2="32.471878"
+       y2="1056.9694" />
+    <linearGradient
+       gradientTransform="matrix(0.67296667,0.67261869,-0.67296667,0.67261869,695.88897,319.95238)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient5378"
+       id="linearGradient5370"
+       gradientUnits="userSpaceOnUse"
+       x1="27.009878"
+       y1="1046.1316"
+       x2="32.176903"
+       y2="1046.1316" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5109"
+       id="linearGradient5368"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.66091722,0.66091722,-0.66091722,0.66091722,683.52934,332.68514)"
+       x1="29.714636"
+       y1="1041.3262"
+       x2="29.714636"
+       y2="1039.1387" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5109">
+      <stop
+         style="stop-color:#906f4e;stop-opacity:1"
+         offset="0"
+         id="stop5111" />
+      <stop
+         style="stop-color:#dfbd7f;stop-opacity:1"
+         offset="1"
+         id="stop5113" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5206">
+      <stop
+         style="stop-color:#bbb8bb;stop-opacity:1"
+         offset="0"
+         id="stop5208" />
+      <stop
+         id="stop5216"
+         offset="0.25"
+         style="stop-color:#ccc8cb;stop-opacity:1" />
+      <stop
+         id="stop5214"
+         offset="0.5"
+         style="stop-color:#bdb6bc;stop-opacity:1" />
+      <stop
+         style="stop-color:#9b8c98;stop-opacity:1"
+         offset="1"
+         id="stop5210" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5331">
+      <stop
+         style="stop-color:#fef48d;stop-opacity:1"
+         offset="0"
+         id="stop5333" />
+      <stop
+         id="stop5341"
+         offset="0.3251386"
+         style="stop-color:#fffffe;stop-opacity:1" />
+      <stop
+         id="stop5339"
+         offset="0.66393197"
+         style="stop-color:#fffffe;stop-opacity:1" />
+      <stop
+         style="stop-color:#fef48d;stop-opacity:1"
+         offset="1"
+         id="stop5335" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5351">
+      <stop
+         style="stop-color:#e4a239;stop-opacity:1;"
+         offset="0"
+         id="stop5353" />
+      <stop
+         style="stop-color:#fada7d;stop-opacity:1"
+         offset="1"
+         id="stop5355" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5378">
+      <stop
+         id="stop5380"
+         offset="0"
+         style="stop-color:#f4d684;stop-opacity:1" />
+      <stop
+         style="stop-color:#fcf4c6;stop-opacity:1"
+         offset="0.25"
+         id="stop5382" />
+      <stop
+         style="stop-color:#fbeebc;stop-opacity:1"
+         offset="0.5"
+         id="stop5384" />
+      <stop
+         id="stop5386"
+         offset="1"
+         style="stop-color:#eeb960;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient5428">
+      <stop
+         style="stop-color:#f0a53b;stop-opacity:1;"
+         offset="0"
+         id="stop5430" />
+      <stop
+         id="stop5438"
+         offset="0.26895422"
+         style="stop-color:#f2d58f;stop-opacity:1" />
+      <stop
+         id="stop5436"
+         offset="0.60424823"
+         style="stop-color:#efb965;stop-opacity:1" />
+      <stop
+         style="stop-color:#df9833;stop-opacity:1"
+         offset="1"
+         id="stop5432" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient5440">
+      <stop
+         style="stop-color:#ad8e5f;stop-opacity:1"
+         offset="0"
+         id="stop5442" />
+      <stop
+         style="stop-color:#8f6e4d;stop-opacity:1"
+         offset="1"
+         id="stop5444" />
+    </linearGradient>
+    <mask
+       id="mask8820"
+       maskUnits="userSpaceOnUse">
+      <g
+         inkscape:label="Layer 1"
+         id="g8822"
+         style="display:inline;fill:#ffffff;stroke:#ffffff"
+         transform="matrix(1.0698871,0,0,1.0698871,15.540293,-72.622799)">
+        <g
+           style="display:inline;fill:#ffffff;stroke:#ffffff"
+           id="g8824"
+           transform="matrix(0.9346781,0,0,0.9346781,-14.571811,69.044514)">
+          <g
+             style="fill:#ffffff;stroke:#ffffff"
+             transform="translate(15.600543)"
+             id="g8826">
+            <g
+               style="fill:#ffffff;stroke:#ffffff"
+               id="g8828"
+               transform="rotate(45,26.208459,1022.0081)">
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8830"
+                 d="m 28.565245,1040.0695 -1.069887,2.1398 h 4.279549 l -1.069887,-2.1398 c -0.472828,-0.9477 -1.844257,-0.7625 -2.139775,0 z"
+                 style="display:inline;fill:#ffffff;stroke:#ffffff;stroke-width:1.06988704;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8832"
+                 d="m 26.607269,1042.2428 c 1.259438,-1.6377 4.858466,-1.5046 6.055728,0 v 8.5925 h -6.055728 z"
+                 style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8834"
+                 d="m 29.411544,1042.9075 c -0.368467,0.01 -0.72715,0.043 -1.069887,0.1003 v 2.4073 c 0.342737,-0.057 0.70142,-0.09 1.069887,-0.1003 z"
+                 style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1px;marker:none;enable-background:accumulate" />
+              <path
+                 sodipodi:nodetypes="sccccs"
+                 inkscape:connector-curvature="0"
+                 id="path8836"
+                 d="m 29.645582,1053.51 c -1.546954,0 -3.096933,0.3554 -3.778039,1.0365 v 0.5683 c 1.362214,1.3622 6.178977,1.3438 7.522644,0 v -0.5683 c -0.671834,-0.6719 -2.197651,-1.0342 -3.744605,-1.0365 z"
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-opacity:1" />
+              <path
+                 sodipodi:nodetypes="ccccc"
+                 inkscape:connector-curvature="0"
+                 id="path8838"
+                 d="m 26.422196,1052.4196 v 12.1257 h 6.413338 v -12.1257 z"
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.87995493;stroke-opacity:1" />
+              <path
+                 inkscape:connector-curvature="0"
+                 id="path8840"
+                 d="m 25.867543,1050.1666 v 4.3799 c 1.778049,-1.9187 5.89609,-1.8666 7.522644,0 v -4.3799 c -1.258456,-2.537 -6.051006,-2.5281 -7.522644,0 z"
+                 style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.0003444;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1"
+                 sodipodi:nodetypes="ccccc" />
+            </g>
+          </g>
+        </g>
+      </g>
+    </mask>
+    <linearGradient
+       id="linearGradient7592-1-3-6">
+      <stop
+         id="stop7594-6-9-5"
+         offset="0"
+         style="stop-color:#ad7212;stop-opacity:1;" />
+      <stop
+         id="stop7596-9-2-1"
+         offset="1"
+         style="stop-color:#875f1e;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient7584-5-3-4">
+      <stop
+         id="stop7586-4-4-4"
+         offset="0"
+         style="stop-color:#f9cd5f;stop-opacity:1;" />
+      <stop
+         id="stop7588-5-0-3"
+         offset="1"
+         style="stop-color:#ffebb7;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1265"
+       id="linearGradient1267"
+       x1="-5.0521278"
+       y1="1044.8525"
+       x2="-2.0791261"
+       y2="1044.8525"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3545244,0,0,0.00297926,10.750603,1040.7661)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1285"
+       id="linearGradient1271"
+       x1="-5.08005"
+       y1="1040.7997"
+       x2="0.96027756"
+       y2="1040.7997"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.66318052,0,0,4.9287419e-4,7.2869503,1041.3661)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1279"
+       id="linearGradient1273"
+       x1="-5.0656271"
+       y1="1038.7997"
+       x2="-0.062227711"
+       y2="1038.7997"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.79885103,0,0,0.00106437,7.9743681,1038.7734)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1310"
+       id="linearGradient1312"
+       x1="-5.5077791"
+       y1="1037.4548"
+       x2="-5.0235996"
+       y2="1046.3566"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(11,7.4309064e-5)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1326"
+       id="linearGradient1328"
+       x1="-3.0558093"
+       y1="1038.361"
+       x2="-3.1579704"
+       y2="1045.557"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(11,7.4309064e-5)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="18.760427"
+     inkscape:cx="4.5240835"
+     inkscape:cy="1.6631695"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1-2"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false"
+     inkscape:snap-global="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5105" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       style="display:inline"
+       id="layer1-2"
+       inkscape:label="Layer 1"
+       transform="translate(-0.92087393,-0.01685309)">
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path5028"
+         d="m 16.47385,1039.6239 c -0.272691,-0.2822 -0.554905,-0.5386 -0.843139,-0.7633 l -1.734497,1.895 c 0.288016,0.225 0.57023,0.4813 0.843138,0.7633 z"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#496da1;fill-opacity:1;stroke:none;stroke-width:0.93467808px;marker:none;enable-background:accumulate" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4221-4"
+         d="m 14.94724,1038.9569 -2.121338,0.7071 2.828428,2.8284 0.707124,-2.1213 c 0.313851,-0.9389 -0.714952,-1.7229 -1.414214,-1.4142 z"
+         style="display:inline;fill:none;stroke:url(#linearGradient5368);stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4221"
+         d="m 12.345416,1038.8654 c 1.949678,-0.2544 4.282132,2.2559 4.075304,4.0732 l -5.782466,5.7795 -4.075304,-4.0732 z"
+         style="fill:url(#linearGradient5370);fill-opacity:1;stroke:url(#linearGradient5434);stroke-width:0.93467802;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="rect4221-7-1-2"
+         d="m 5.189458,1045.8513 -8.014085,8.0141 4.238686,4.2387 8.0140847,-8.0141 z"
+         style="display:inline;fill:url(#linearGradient5372);fill-opacity:1;stroke:url(#linearGradient5374);stroke-width:0.8224746;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="rect4221-7"
+         d="m 6.722435,1043.8068 -2.894752,2.8947 c 2.443246,-0.093 5.1304959,2.6632 4.9718449,4.9719 l 2.8947521,-2.8948 c 0.845012,-2.5085 -2.3283491,-5.6701 -4.971845,-4.9718 z"
+         style="display:inline;fill:url(#linearGradient5376);fill-opacity:1;stroke:url(#linearGradient5446);stroke-width:0.935;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1"
+         sodipodi:nodetypes="ccccc" />
+      <rect
+         style="fill:url(#linearGradient1328);fill-opacity:1;stroke:url(#linearGradient1312);stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect1304"
+         width="7"
+         height="8.0000248"
+         x="2.4208739"
+         y="1037.879" />
+      <path
+         style="fill:none;stroke:url(#linearGradient1273);stroke-width:0.99999768px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.931926,1039.8791 3.9884909,-1e-4"
+         id="path1232"
+         inkscape:connector-curvature="0" />
+      <path
+         style="display:inline;fill:none;stroke:url(#linearGradient1271);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.920874,1041.8791 h 4"
+         id="path1232-2"
+         inkscape:connector-curvature="0" />
+      <path
+         style="display:inline;fill:none;stroke:url(#linearGradient1267);stroke-width:1.00000048px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 3.9195174,1043.8791 4.0027128,-2e-4"
+         id="path1232-0"
+         inkscape:connector-curvature="0" />
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path5028-3"
+         d="m 14.231992,1040.9825 c -0.272691,-0.2822 -0.554905,-0.5386 -0.843139,-0.7633 l -1.734497,1.895 c 0.288016,0.225 0.57023,0.4813 0.843138,0.7633 z"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#496da1;fill-opacity:1;stroke:none;stroke-width:0.93467808px;marker:none;enable-background:accumulate" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/basic/images/e_synch_toc_nav.gif b/org.eclipse.help.webapp/basic/images/e_synch_toc_nav.gif
deleted file mode 100644
index 4353fd5..0000000
--- a/org.eclipse.help.webapp/basic/images/e_synch_toc_nav.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/basic/images/e_synch_toc_nav.svg b/org.eclipse.help.webapp/basic/images/e_synch_toc_nav.svg
new file mode 100644
index 0000000..fd235f6
--- /dev/null
+++ b/org.eclipse.help.webapp/basic/images/e_synch_toc_nav.svg
@@ -0,0 +1,373 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="e_synch_toc_nav.gif.svg"
+   inkscape:export-filename="C:\Users\jmietling\Documents\rect3997-9-1.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4871">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop4873" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4875" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4871"
+       id="linearGradient4877"
+       x1="3"
+       y1="1045.8622"
+       x2="4"
+       y2="1045.8622"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4871"
+       id="linearGradient4879"
+       x1="4.4999781"
+       y1="1044.3466"
+       x2="4.4999781"
+       y2="1045.3433"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4871-7"
+       id="linearGradient4877-1"
+       x1="3"
+       y1="1045.8622"
+       x2="4"
+       y2="1045.8622"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4871-7">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop4873-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4875-0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4871-7"
+       id="linearGradient4879-9"
+       x1="4.4999781"
+       y1="1044.3466"
+       x2="4.4999781"
+       y2="1045.3433"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4871-7-1"
+       id="linearGradient4877-1-7"
+       x1="3"
+       y1="1045.8622"
+       x2="4"
+       y2="1045.8622"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4871-7-1">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop4873-4-1" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4875-0-5" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4871-7-1"
+       id="linearGradient4879-9-2"
+       x1="4.4999781"
+       y1="1044.3466"
+       x2="4.4999781"
+       y2="1045.3433"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient7134"
+       inkscape:collect="always">
+      <stop
+         id="stop7136"
+         offset="0"
+         style="stop-color:#bd8416;stop-opacity:1" />
+      <stop
+         id="stop7138"
+         offset="1"
+         style="stop-color:#a66b10;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       y2="1040.7345"
+       x2="22.519354"
+       y1="1042.0283"
+       x1="22.519354"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient7608-3-3"
+       xlink:href="#linearGradient7584-5-1"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient7584-5-1">
+      <stop
+         id="stop7586-4-6"
+         offset="0"
+         style="stop-color:#f9cd5f;stop-opacity:1;" />
+      <stop
+         id="stop7588-5-8"
+         offset="1"
+         style="stop-color:#ffebb7;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       y2="1045.3622"
+       x2="23.551146"
+       y1="1037.3622"
+       x1="23.551146"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient7610-5-8"
+       xlink:href="#linearGradient7134"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="1041.7356"
+       x2="22.930616"
+       y1="1039.6982"
+       x1="22.930616"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient7608-9-7-1"
+       xlink:href="#linearGradient7584-5-1"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="1037.7311"
+       x2="25.363291"
+       y1="1044.7311"
+       x1="25.363291"
+       id="linearGradient7140"
+       xlink:href="#linearGradient7134"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="15.999999"
+     inkscape:cx="1.6290223"
+     inkscape:cy="7.9808044"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1458"
+     inkscape:window-height="814"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-others="false"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g5029"
+       transform="matrix(0.59562329,0,0,0.59562329,-0.57375444,420.31576)">
+      <path
+         id="rect4035-17"
+         d="m 2.6421734,1042.6833 v 5.0367 H 7.678914 v -5.0367 z m 1.6789131,1.6789 H 6 v 1.6789 H 4.3210865 Z"
+         style="display:inline;fill:#5c7aaa;fill-opacity:1;stroke:none"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccccccc" />
+      <g
+         id="g4094"
+         transform="matrix(0.55964608,0,0,0.55963589,2.6421482,459.89962)">
+        <rect
+           style="display:inline;fill:#91a5c7;fill-opacity:1;stroke:none"
+           id="rect4035-1-1"
+           width="3"
+           height="3.0000174"
+           x="3"
+           y="1044.3622" />
+        <path
+           style="display:inline;opacity:0.5;fill:url(#linearGradient4877);fill-opacity:1;stroke:none"
+           d="m 3,1044.3622 1,1 v 2 H 3 Z"
+           id="rect4035-1-7-1"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+        <path
+           style="display:inline;opacity:0.5;fill:url(#linearGradient4879);fill-opacity:1;stroke:none"
+           d="m 3,1044.3622 1,1 h 2 v -1 z"
+           id="rect4035-1-7-4-5"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+      </g>
+    </g>
+    <g
+       style="display:inline"
+       id="g5029-8"
+       transform="matrix(0.59562329,0,0,0.59562329,3.4262456,424.31576)">
+      <path
+         id="rect4035-17-2"
+         d="m 2.6421734,1042.6833 v 5.0367 H 7.678914 v -5.0367 z m 1.6789131,1.6789 H 6 v 1.6789 H 4.3210865 Z"
+         style="display:inline;fill:#5c7aaa;fill-opacity:1;stroke:none"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccccccc" />
+      <g
+         id="g4094-4"
+         transform="matrix(0.55964608,0,0,0.55963589,2.6421482,459.89962)">
+        <rect
+           style="display:inline;fill:#91a5c7;fill-opacity:1;stroke:none"
+           id="rect4035-1-1-5"
+           width="3"
+           height="3.0000174"
+           x="3"
+           y="1044.3622" />
+        <path
+           style="display:inline;opacity:0.5;fill:url(#linearGradient4877-1);fill-opacity:1;stroke:none"
+           d="m 3,1044.3622 1,1 v 2 H 3 Z"
+           id="rect4035-1-7-1-5"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+        <path
+           style="display:inline;opacity:0.5;fill:url(#linearGradient4879-9);fill-opacity:1;stroke:none"
+           d="m 3,1044.3622 1,1 h 2 v -1 z"
+           id="rect4035-1-7-4-5-1"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+      </g>
+    </g>
+    <g
+       style="display:inline"
+       id="g5029-8-7"
+       transform="matrix(0.59562329,0,0,0.59562329,3.4262456,428.31576)">
+      <path
+         id="rect4035-17-2-6"
+         d="m 2.6421734,1042.6833 v 5.0367 H 7.678914 v -5.0367 z m 1.6789135,1.6912 h 1.6789135 v 1.6913 H 4.3210869 Z"
+         style="display:inline;fill:#5c7aaa;fill-opacity:1;stroke:none"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccccccc" />
+      <g
+         id="g4094-4-1"
+         transform="matrix(0.55964608,0,0,0.55963589,2.6421482,459.89962)">
+        <rect
+           style="display:inline;fill:#91a5c7;fill-opacity:1;stroke:none"
+           id="rect4035-1-1-5-4"
+           width="3"
+           height="3.0000174"
+           x="3"
+           y="1044.3622" />
+        <path
+           style="display:inline;opacity:0.5;fill:url(#linearGradient4877-1-7);fill-opacity:1;stroke:none"
+           d="m 3,1044.3622 1,1 v 2 H 3 Z"
+           id="rect4035-1-7-1-5-2"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+        <path
+           style="display:inline;opacity:0.5;fill:url(#linearGradient4879-9-2);fill-opacity:1;stroke:none"
+           d="m 3,1044.3622 1,1 h 2 v -1 z"
+           id="rect4035-1-7-4-5-1-3"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+      </g>
+    </g>
+    <path
+       style="display:inline;fill:#5c7aaa;fill-opacity:1;stroke:none"
+       d="m 1.9999853,1044.3622 h 1.0000146 v 7 H 1.9999853 Z"
+       id="rect4035-1-1-5-2"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:#5c7aaa;fill-opacity:1;stroke:none"
+       d="m 1.9999853,1046.3622 h 3.0000003 v 1 H 1.9999853 Z"
+       id="rect4035-1-1-5-2-2"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:#5c7aaa;fill-opacity:1;stroke:none"
+       d="m 1.9999853,1050.3622 h 3.0000003 v 0.9999 H 1.9999853 Z"
+       id="rect4035-1-1-5-2-2-1"
+       inkscape:connector-curvature="0" />
+    <g
+       style="display:inline;stroke-width:1.16937912"
+       id="g7604"
+       transform="matrix(-0.85515466,0,0,0.85515466,29.19168,150.66021)">
+      <path
+         sodipodi:nodetypes="ccssscscsssszcc"
+         inkscape:connector-curvature="0"
+         id="path7582"
+         d="m 23.585155,1039.3249 v -1.591 c 0,0 -0.353553,-0.8397 -1.370019,-0.044 -1.016466,0.7955 -2.209709,2.0772 -2.386486,2.4307 -0.176776,0.3536 -0.928077,0.9723 0.08839,1.9446 1.016466,0.9722 2.121321,1.9887 2.121321,1.9887 0,0 1.546796,1.4584 1.546796,0.088 0,-1.37 0,-1.812 0,-1.812 1.366404,-0.063 1.694788,0.3552 2.039845,0.6884 0.345482,0.3336 0.8125,1.9687 1.21875,2.0937 0.40625,0.125 0.625,-2.1875 0.625,-2.625 0,-0.4375 -0.174793,-1.2439 -0.71875,-1.9687 -0.293544,-0.3911 -1.006571,-0.9555 -1.53125,-1.0998 -0.524679,-0.1444 -1.633595,-0.094 -1.633595,-0.094 z"
+         style="fill:url(#linearGradient7608-3-3);fill-opacity:1;stroke:url(#linearGradient7610-5-8);stroke-width:0.9355033;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccssscc"
+         transform="translate(0,1036.3622)"
+         inkscape:connector-curvature="0"
+         id="path7602"
+         d="M 23.069359,2.3660973 V 1.769476 c 0,0 0.110485,-0.3756505 -0.220971,-0.243068 -0.331456,0.1325826 -0.972272,0.6629126 -1.038563,0.773398 -0.06629,0.1104855 -0.751301,0.5966214 -0.596622,0.8175923 0.15468,0.2209709 1.458408,0.066291 1.458408,0.066291 z"
+         style="opacity:0.85714285;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.16937912" />
+    </g>
+    <g
+       style="display:inline;stroke-width:1.16937912"
+       id="g7604-6"
+       transform="matrix(0.85515466,0,0,-0.85515466,-7.953295,1937.1582)">
+      <path
+         sodipodi:nodetypes="ccssscsscsssszcc"
+         inkscape:connector-curvature="0"
+         id="path7582-7"
+         d="m 23.585155,1039.3249 v -1.591 c 0,0 -0.353553,-0.8397 -1.370019,-0.044 -1.016466,0.7955 -2.209709,2.0772 -2.386486,2.4307 -0.176776,0.3536 -0.928077,0.9723 0.08839,1.9446 1.016466,0.9722 2.121321,1.9887 2.121321,1.9887 0,0 0.404271,0.3812 0.799458,0.5707 0.37782,0.1811 0.747338,0.1871 0.747338,-0.4827 0,-1.37 0,-1.812 0,-1.812 1.366404,-0.063 1.727345,0.3446 2.039845,0.6884 0.3125,0.3437 0.8125,1.9687 1.21875,2.0937 0.40625,0.125 0.625,-2.1875 0.625,-2.625 0,-0.4375 -0.09375,-1.3125 -0.71875,-1.9687 -0.625,-0.6563 -1.006571,-0.9555 -1.53125,-1.0998 -0.524679,-0.1444 -1.633595,-0.094 -1.633595,-0.094 z"
+         style="fill:url(#linearGradient7608-9-7-1);fill-opacity:1;stroke:url(#linearGradient7140);stroke-width:0.9355033;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccssscc"
+         inkscape:connector-curvature="0"
+         id="path7602-2"
+         d="m 23.069359,1042.9731 v 0.5966 c 0,0 0.110485,0.3757 -0.220971,0.2431 -0.331456,-0.1326 -0.972272,-0.6629 -1.038563,-0.7734 -0.06629,-0.1105 -0.751301,-0.5966 -0.596622,-0.8176 0.15468,-0.221 1.458408,-0.066 1.458408,-0.066 z"
+         style="opacity:0.85714285;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.16937912" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/basic/images/synch_toc_nav.gif b/org.eclipse.help.webapp/basic/images/synch_toc_nav.gif
deleted file mode 100644
index b986e49..0000000
--- a/org.eclipse.help.webapp/basic/images/synch_toc_nav.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/basic/images/synch_toc_nav.svg b/org.eclipse.help.webapp/basic/images/synch_toc_nav.svg
new file mode 100644
index 0000000..d0af902
--- /dev/null
+++ b/org.eclipse.help.webapp/basic/images/synch_toc_nav.svg
@@ -0,0 +1,224 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="synch_toc_nav.svg"
+   inkscape:export-filename="C:\Users\jmietling\Documents\rect3997-9-1.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient2292">
+      <stop
+         style="stop-color:#e1ddd2;stop-opacity:1"
+         offset="0"
+         id="stop2288" />
+      <stop
+         style="stop-color:#f1f1ea;stop-opacity:1"
+         offset="1"
+         id="stop2290" />
+    </linearGradient>
+    <linearGradient
+       y2="1040.7345"
+       x2="22.519354"
+       y1="1042.0283"
+       x1="22.519354"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient7608-3-3"
+       xlink:href="#linearGradient2292"
+       inkscape:collect="always"
+       gradientTransform="matrix(-0.85515466,0,0,0.85515466,29.19168,150.66021)" />
+    <linearGradient
+       id="linearGradient7584-5-1">
+      <stop
+         id="stop7586-4-6"
+         offset="0"
+         style="stop-color:#f9cd5f;stop-opacity:1;" />
+      <stop
+         id="stop7588-5-8"
+         offset="1"
+         style="stop-color:#ffebb7;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2292"
+       id="linearGradient2327"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.85515466,0,0,0.85515466,29.19168,150.66021)"
+       x1="22.519354"
+       y1="1042.0283"
+       x2="22.519354"
+       y2="1040.7345" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="15.999999"
+     inkscape:cx="-8.8084784"
+     inkscape:cy="7.9808044"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-others="false"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       transform="rotate(180,10.624999,1043.8907)"
+       style="display:inline"
+       id="g2296-9">
+      <path
+         sodipodi:nodetypes="ccssscscsssszcc"
+         inkscape:connector-curvature="0"
+         id="path7582-5"
+         d="m 9.0227248,1039.4437 v -1.3605 c 0,0 0.3023425,-0.7181 1.1715782,-0.038 0.869236,0.6802 1.889643,1.7763 2.040815,2.0786 0.15117,0.3024 0.793649,0.8315 -0.07559,1.6629 -0.869235,0.8314 -1.814057,1.7007 -1.814057,1.7007 0,0 -1.3227499,1.2471 -1.3227499,0.075 0,-1.1715 0,-1.5495 0,-1.5495 -1.1684868,-0.054 -1.4493059,0.3037 -1.744383,0.5887 -0.2954405,0.2852 -0.6948131,1.6835 -1.0422197,1.7904 -0.3474066,0.1069 -0.5344717,-1.8706 -0.5344717,-2.2448 0,-0.3741 0.1494751,-1.0637 0.6146424,-1.6835 0.2510256,-0.3345 0.8607739,-0.8171 1.3094556,-0.9405 0.4486817,-0.1235 1.3969764,-0.08 1.3969764,-0.08 z"
+         style="fill:url(#linearGradient2327);fill-opacity:1;stroke:#c2c1c1;stroke-width:0.80000001;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccssscc"
+         inkscape:connector-curvature="0"
+         id="path7602-7"
+         d="m 9.4638101,1038.9336 v -0.5102 c 0,0 -0.094482,-0.3213 0.1889644,-0.2079 0.2834462,0.1134 0.8314425,0.5669 0.8881325,0.6614 0.05669,0.094 0.642478,0.5102 0.510204,0.6992 -0.132276,0.1889 -1.2471648,0.057 -1.2471648,0.057 z"
+         style="opacity:0.85714285;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1" />
+    </g>
+    <g
+       id="g5029"
+       transform="matrix(0.59562329,0,0,0.59562329,-0.57375444,420.31576)">
+      <g
+         id="g2339">
+        <rect
+           y="1043.6277"
+           x="3.6915188"
+           height="2.7282345"
+           width="2.8331668"
+           id="rect2335"
+           style="fill:#caccd0;fill-opacity:1;stroke:#caccd0;stroke-width:1.67891347;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cccccccccc"
+           inkscape:connector-curvature="0"
+           style="display:inline;fill:#c2c1c1;fill-opacity:1;stroke:none"
+           d="m 2.6421734,1042.6833 v 5.0367 H 7.678914 v -5.0367 z m 1.6789131,1.6789 H 6 v 1.6789 H 4.3210865 Z"
+           id="rect4035-17" />
+      </g>
+    </g>
+    <path
+       style="display:inline;fill:#c2c1c1;fill-opacity:1;stroke:none"
+       d="m 1.9999853,1044.3622 h 1.0000146 v 7 H 1.9999853 Z"
+       id="rect4035-1-1-5-2"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:#c2c1c1;fill-opacity:1;stroke:none"
+       d="m 1.9999853,1046.3622 h 3.0000003 v 1 H 1.9999853 Z"
+       id="rect4035-1-1-5-2-2"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:#c2c1c1;fill-opacity:1;stroke:none"
+       d="m 1.9999853,1050.3622 h 3.0000003 v 0.9999 H 1.9999853 Z"
+       id="rect4035-1-1-5-2-2-1"
+       inkscape:connector-curvature="0" />
+    <g
+       id="g2296">
+      <path
+         sodipodi:nodetypes="ccssscscsssszcc"
+         inkscape:connector-curvature="0"
+         id="path7582"
+         d="m 9.0227248,1039.4437 v -1.3605 c 0,0 0.3023425,-0.7181 1.1715782,-0.038 0.869236,0.6802 1.889643,1.7763 2.040815,2.0786 0.15117,0.3024 0.793649,0.8315 -0.07559,1.6629 -0.869235,0.8314 -1.814057,1.7007 -1.814057,1.7007 0,0 -1.3227499,1.2471 -1.3227499,0.075 0,-1.1715 0,-1.5495 0,-1.5495 -1.1684868,-0.054 -1.4493059,0.3037 -1.744383,0.5887 -0.2954405,0.2852 -0.6948131,1.6835 -1.0422197,1.7904 -0.3474066,0.1069 -0.5344717,-1.8706 -0.5344717,-2.2448 0,-0.3741 0.1494751,-1.0637 0.6146424,-1.6835 0.2510256,-0.3345 0.8607739,-0.8171 1.3094556,-0.9405 0.4486817,-0.1235 1.3969764,-0.08 1.3969764,-0.08 z"
+         style="fill:url(#linearGradient7608-3-3);fill-opacity:1;stroke:#c2c1c1;stroke-width:0.80000001;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="ccssscc"
+         inkscape:connector-curvature="0"
+         id="path7602"
+         d="m 9.4638101,1038.9336 v -0.5102 c 0,0 -0.094482,-0.3213 0.1889644,-0.2079 0.2834462,0.1134 0.8314425,0.5669 0.8881325,0.6614 0.05669,0.094 0.642478,0.5102 0.510204,0.6992 -0.132276,0.1889 -1.2471648,0.057 -1.2471648,0.057 z"
+         style="opacity:0.85714285;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1" />
+    </g>
+    <g
+       style="display:inline"
+       id="g5029-7"
+       transform="matrix(0.59562329,0,0,0.59562329,3.42626,424.31574)">
+      <g
+         id="g2339-3">
+        <rect
+           y="1043.6277"
+           x="3.6915188"
+           height="2.7282345"
+           width="2.8331668"
+           id="rect2335-5"
+           style="fill:#caccd0;fill-opacity:1;stroke:#caccd0;stroke-width:1.67891347;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cccccccccc"
+           inkscape:connector-curvature="0"
+           style="display:inline;fill:#c2c1c1;fill-opacity:1;stroke:none"
+           d="m 2.6421734,1042.6833 v 5.0367 H 7.678914 v -5.0367 z m 1.6789131,1.6789 H 6 v 1.6789 H 4.3210865 Z"
+           id="rect4035-17-2" />
+      </g>
+    </g>
+    <g
+       style="display:inline"
+       id="g5029-71"
+       transform="matrix(0.59562329,0,0,0.59562329,3.42626,428.31574)">
+      <g
+         id="g2339-8">
+        <rect
+           y="1043.6277"
+           x="3.6915188"
+           height="2.7282345"
+           width="2.8331668"
+           id="rect2335-1"
+           style="fill:#caccd0;fill-opacity:1;stroke:#caccd0;stroke-width:1.67891347;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <path
+           sodipodi:nodetypes="cccccccccc"
+           inkscape:connector-curvature="0"
+           style="display:inline;fill:#c2c1c1;fill-opacity:1;stroke:none"
+           d="m 2.6421734,1042.6833 v 5.0367 H 7.678914 v -5.0367 z m 1.6789131,1.6789 H 6 v 1.6789 H 4.3210865 Z"
+           id="rect4035-17-8" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/basic/images/toc_closed.gif b/org.eclipse.help.webapp/basic/images/toc_closed.gif
deleted file mode 100644
index 5edd28c..0000000
--- a/org.eclipse.help.webapp/basic/images/toc_closed.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/basic/images/toc_closed.svg b/org.eclipse.help.webapp/basic/images/toc_closed.svg
new file mode 100644
index 0000000..6ded002
--- /dev/null
+++ b/org.eclipse.help.webapp/basic/images/toc_closed.svg
@@ -0,0 +1,161 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="toc_link_obj.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4191">
+      <stop
+         style="stop-color:#b9cad4;stop-opacity:1"
+         offset="0"
+         id="stop4193" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0"
+         offset="1"
+         id="stop4195" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4181">
+      <stop
+         style="stop-color:#998f6a;stop-opacity:1"
+         offset="0"
+         id="stop4183" />
+      <stop
+         style="stop-color:#7d827c;stop-opacity:1"
+         offset="1"
+         id="stop4185" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4173">
+      <stop
+         style="stop-color:#267fe3;stop-opacity:1"
+         offset="0"
+         id="stop4175" />
+      <stop
+         style="stop-color:#80b4ef;stop-opacity:1"
+         offset="1"
+         id="stop4177" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4173"
+       id="linearGradient4179"
+       x1="16.798458"
+       y1="1047.219"
+       x2="17.847075"
+       y2="1045.6079"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4181"
+       id="linearGradient4187"
+       x1="18.834337"
+       y1="1038.91"
+       x2="25.201481"
+       y2="1045.91"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4191"
+       id="linearGradient4197"
+       x1="25.593748"
+       y1="1046.6279"
+       x2="26.562498"
+       y2="1048.5029"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="45.254834"
+     inkscape:cx="8.5007097"
+     inkscape:cy="6.1408713"
+     inkscape:document-units="px"
+     inkscape:current-layer="g4274"
+     showgrid="true"
+     inkscape:window-width="1214"
+     inkscape:window-height="1045"
+     inkscape:window-x="680"
+     inkscape:window-y="379"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g4274"
+       transform="translate(-14.156249,0.03125)">
+      <path
+         style="fill:#80b4ef;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4187);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 22.718749,1037.8623 6.169845,6.5927 -6.84375,3.965 -6.232345,-6.6827 z"
+         id="path4163"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         style="fill:url(#linearGradient4179);fill-opacity:1;fill-rule:evenodd;stroke:#8f8b70;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 15.829234,1041.7098 c 0,0 -0.511908,0.2976 -0.734834,0.5205 -0.440434,0.4405 -0.281901,2.757 -0.281901,2.757 l 5.875,5.875 0.972075,0.2604 0,-3.2292 z"
+         id="path4165"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="csccccc" />
+      <path
+         style="fill:none;fill-rule:evenodd;stroke:#727b84;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 21.874999,1051.0498 c 0.25,-0.094 7.729397,-4.4626 7.729397,-4.4626 m -0.220971,-2.3156 -0.607442,0.334 -5.325044,3.0112 -1.66969,0.8033"
+         id="path4169"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" />
+      <path
+         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#8f8b70;stroke-width:1.11224616px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 23.984508,1042.9939 0,-1.147 -1.077488,-1.0427 -1.216519,0 -0.973215,1.1817 -1.112246,0.034 -0.263635,0.9839 1.375881,1.0669 1.112246,0 1.216519,-1.1472 z"
+         id="path4171"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:url(#linearGradient4197);fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
+         d="m 22.156249,1048.1123 7.0625,-3.7188 0,2.375 -7.28125,4.0938 z"
+         id="path4189"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/basic/images/toc_open.gif b/org.eclipse.help.webapp/basic/images/toc_open.gif
deleted file mode 100644
index 520c1a8..0000000
--- a/org.eclipse.help.webapp/basic/images/toc_open.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/basic/images/toc_open.svg b/org.eclipse.help.webapp/basic/images/toc_open.svg
new file mode 100644
index 0000000..5b6159b
--- /dev/null
+++ b/org.eclipse.help.webapp/basic/images/toc_open.svg
@@ -0,0 +1,161 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="toc_obj.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4259"
+       id="linearGradient4265"
+       x1="24.120523"
+       y1="1050.0033"
+       x2="24.120523"
+       y2="1040.597"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4259">
+      <stop
+         style="stop-color:#dfe9f8;stop-opacity:1"
+         offset="0"
+         id="stop4261" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop4263" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4185"
+       id="linearGradient4191"
+       x1="22.993999"
+       y1="1063.8751"
+       x2="22.993999"
+       y2="1052.5172"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(0,-12.561868)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4185">
+      <stop
+         style="stop-color:#525f71;stop-opacity:1"
+         offset="0"
+         id="stop4187" />
+      <stop
+         style="stop-color:#928d6e;stop-opacity:1"
+         offset="1"
+         id="stop4189" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4193"
+       id="linearGradient4199"
+       x1="21.093748"
+       y1="1039.2216"
+       x2="21.093748"
+       y2="1048.3466"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4193">
+      <stop
+         style="stop-color:#958e6c;stop-opacity:1;"
+         offset="0"
+         id="stop4195" />
+      <stop
+         style="stop-color:#536071;stop-opacity:1"
+         offset="1"
+         id="stop4197" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="143.92411"
+     inkscape:cy="-16.55322"
+     inkscape:document-units="px"
+     inkscape:current-layer="g4274"
+     showgrid="false"
+     inkscape:window-width="1440"
+     inkscape:window-height="900"
+     inkscape:window-x="781"
+     inkscape:window-y="423"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1036.3622)">
+    <g
+       id="g4274"
+       transform="translate(-14.156249,0.03125)">
+      <g
+         style="display:inline"
+         id="g4201"
+         transform="translate(11.968749,-1.5211072e-7)">
+        <g
+           id="g4254"
+           transform="translate(-11.937499,0)">
+          <rect
+             style="opacity:1;fill:url(#linearGradient4265);fill-opacity:1;stroke:url(#linearGradient4191);stroke-width:1;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             id="rect4183"
+             width="9.0049677"
+             height="11.010238"
+             x="18.627449"
+             y="1039.8192" />
+          <path
+             style="display:inline;fill:#7aace7;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient4199);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 17.656249,1039.1123 8.031249,-2.125 0,11.0312 -8.062499,2.125 z"
+             id="path4156"
+             inkscape:connector-curvature="0" />
+          <path
+             style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#958e6c;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 19.643305,1041.6966 4.016734,-0.7459 -0.0221,2.3242 -4.014839,0.7291 z"
+             id="path4181"
+             inkscape:connector-curvature="0"
+             sodipodi:nodetypes="ccccc" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/basic/images/topic.gif b/org.eclipse.help.webapp/basic/images/topic.gif
deleted file mode 100644
index fbd1394..0000000
--- a/org.eclipse.help.webapp/basic/images/topic.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.help.webapp/basic/images/topic.svg b/org.eclipse.help.webapp/basic/images/topic.svg
new file mode 100644
index 0000000..db5933f
--- /dev/null
+++ b/org.eclipse.help.webapp/basic/images/topic.svg
@@ -0,0 +1,226 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="13"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="topic.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient931">
+      <stop
+         style="stop-color:#f9fafc;stop-opacity:1"
+         offset="0"
+         id="stop927" />
+      <stop
+         style="stop-color:#dfe8f7;stop-opacity:1"
+         offset="1"
+         id="stop929" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient911">
+      <stop
+         style="stop-color:#e0c88f;stop-opacity:1"
+         offset="0"
+         id="stop907" />
+      <stop
+         style="stop-color:#d4b268;stop-opacity:1"
+         offset="1"
+         id="stop909" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient873">
+      <stop
+         style="stop-color:#a2b3cf;stop-opacity:1"
+         offset="0"
+         id="stop869" />
+      <stop
+         style="stop-color:#869abe;stop-opacity:1"
+         offset="1"
+         id="stop871" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient873"
+       id="linearGradient4873-1"
+       x1="7.0070496"
+       y1="1051.8571"
+       x2="12.016466"
+       y2="1051.8571"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-1.0070491,-3.9997256)" />
+    <linearGradient
+       id="linearGradient5135-7"
+       inkscape:collect="always">
+      <stop
+         id="stop5137-4"
+         offset="0"
+         style="stop-color:#9aaccb;stop-opacity:1" />
+      <stop
+         id="stop5139-0"
+         offset="1"
+         style="stop-color:#93a6c6;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4902-3"
+       id="linearGradient4908-2"
+       x1="10.544736"
+       y1="1038.5779"
+       x2="10.544736"
+       y2="1052.3228"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.79430271,0,0,0.76853995,0.1334936,242.42306)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4902-3">
+      <stop
+         style="stop-color:#b4903d;stop-opacity:1"
+         offset="0"
+         id="stop4904-2" />
+      <stop
+         style="stop-color:#7b744f;stop-opacity:1"
+         offset="1"
+         id="stop4906-2" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5135-7"
+       id="linearGradient4873-1-1"
+       x1="7.0070496"
+       y1="1051.8571"
+       x2="12.016466"
+       y2="1051.8571"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.39924809,0,0,1,3.2024491,-7.9892826)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient873"
+       id="linearGradient4873-1-6"
+       x1="7.0070496"
+       y1="1051.8571"
+       x2="12.016466"
+       y2="1051.8571"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-1.0070491,-5.9892826)" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient911"
+       id="radialGradient915"
+       cx="9.4973984"
+       cy="1043.7322"
+       fx="9.4973984"
+       fy="1043.7322"
+       r="2"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.1888267,-0.01895316,0.01939058,1.0155155,-21.97417,-15.975069)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient931"
+       id="linearGradient933"
+       x1="8.2201166"
+       y1="1040.9601"
+       x2="8.7504463"
+       y2="1050.3292"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.627417"
+     inkscape:cx="11.889411"
+     inkscape:cy="2.2017921"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-global="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-nodes="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3999" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(0,-1039.3622)">
+    <path
+       style="fill:url(#linearGradient933);stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
+       d="m 4.6845824,1040.9159 h 5.0381359 l -0.2209709,2.8726 2.9168156,0.088 0.220971,6.9827 -7.9549516,-0.088 z"
+       id="path925"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#d5b269;fill-opacity:1;fill-rule:evenodd;stroke:url(#radialGradient915);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 12.631977,1043.8754 H 9.5574519 v -2.8094"
+       id="path4256"
+       inkscape:connector-curvature="0" />
+    <rect
+       style="display:inline;fill:url(#linearGradient4873-1);fill-opacity:1;stroke:none"
+       id="rect4001-1-7-4-0-9"
+       width="5.0094166"
+       height="1.0103934"
+       x="6"
+       y="1047.3518" />
+    <rect
+       style="display:inline;fill:url(#linearGradient4873-1-1);fill-opacity:1;stroke:none"
+       id="rect4001-1-7-4-0-9-39"
+       width="2"
+       height="1.0103934"
+       x="6"
+       y="1043.3622" />
+    <rect
+       style="display:inline;fill:url(#linearGradient4873-1-6);fill-opacity:1;stroke:none"
+       id="rect4001-1-7-4-0-9-1"
+       width="5.0094166"
+       height="1.0103934"
+       x="6"
+       y="1045.3622" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:url(#linearGradient4908-2);stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 4.5,1040.8622 h 5.5678 l 2.4322,2.3107 v 7.6505 h -8 z"
+       id="rect4001"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccc" />
+  </g>
+</svg>
diff --git a/org.eclipse.help.webapp/basic/searchView.jsp b/org.eclipse.help.webapp/basic/searchView.jsp
index f40a0bd..5a2eb0b 100644
--- a/org.eclipse.help.webapp/basic/searchView.jsp
+++ b/org.eclipse.help.webapp/basic/searchView.jsp
@@ -82,7 +82,7 @@
 			//	}
 %>
 <tr>
-	<td align='<%=isRTL?"left":"right"%>'><img src="<%=prefs.getImagesDirectory()%>/topic.gif" alt=""/></td>
+	<td align='<%=isRTL?"left":"right"%>'><img src="<%=prefs.getImagesDirectory()%>/topic.svg" alt=""/></td>
 	<td align='<%=isRTL?"right":"left"%>' nowrap>
 		&nbsp;
 		<a <%=("a"+topic).equals(data.getSelectedTopicId())?" name=\"selectedItem\" ":""%>
diff --git a/org.eclipse.help.webapp/basic/tabs.jsp b/org.eclipse.help.webapp/basic/tabs.jsp
index 459299b..023aa80 100644
--- a/org.eclipse.help.webapp/basic/tabs.jsp
+++ b/org.eclipse.help.webapp/basic/tabs.jsp
@@ -89,7 +89,7 @@
 <SCRIPT TYPE="text/javascript">
 <!--
 document.write("<table align=\"<%=isRTL?"left":"right"%>\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td nowrap><b><a  href='javascript:parent.parent.TabsFrame.resynch();' >"); 
-document.write("<img alt=\"\" title=\"<%=ServletResources.getString("Synch", request)%>\" src=\"images/e_synch_toc_nav.gif\" border=0> ");
+document.write("<img alt=\"\" title=\"<%=ServletResources.getString("Synch", request)%>\" src=\"images/e_synch_toc_nav.svg\" border=0> ");
 document.write("<%=ServletResources.getString("shortSynch", request)%></a>&nbsp;</b></td></tr></table>");
 //-->
 </SCRIPT>
diff --git a/org.eclipse.help.webapp/basic/tocView.jsp b/org.eclipse.help.webapp/basic/tocView.jsp
index 6807232..19f0d0c 100644
--- a/org.eclipse.help.webapp/basic/tocView.jsp
+++ b/org.eclipse.help.webapp/basic/tocView.jsp
@@ -38,8 +38,8 @@
 		//	continue;
 		//}
 		String icon = isSelected ?
-						prefs.getImagesDirectory()+"/toc_open.gif" :
-						prefs.getImagesDirectory()+"/toc_closed.gif";
+						prefs.getImagesDirectory()+"/toc_open.svg" :
+						prefs.getImagesDirectory()+"/toc_closed.svg";
 		String alt = isSelected ?
 						ServletResources.getString("bookOpen", request) :
 						ServletResources.getString("bookClosed", request) ;
diff --git a/org.eclipse.help.webapp/src/org/eclipse/help/internal/webapp/data/IndexData.java b/org.eclipse.help.webapp/src/org/eclipse/help/internal/webapp/data/IndexData.java
index 9f5b183..cfaab4b 100644
--- a/org.eclipse.help.webapp/src/org/eclipse/help/internal/webapp/data/IndexData.java
+++ b/org.eclipse.help.webapp/src/org/eclipse/help/internal/webapp/data/IndexData.java
@@ -66,7 +66,7 @@
 		imagesDirectory = preferences.getImagesDirectory();
 		usePlusMinus = preferences.isIndexPlusMinus();
 		expandAll = preferences.isIndexExpandAll();
-		plusMinusImage = expandAll ? "/minus.gif" : "/plus.gif"; //$NON-NLS-1$ //$NON-NLS-2$
+		plusMinusImage = expandAll ? "/minus.svg" : "/plus.svg"; //$NON-NLS-1$ //$NON-NLS-2$
 		expandedCollapsed = expandAll ? "expanded" : "collapsed"; //$NON-NLS-1$ //$NON-NLS-2$
 		isRTL = UrlUtil.isRTL(request, response);
 		index = HelpPlugin.getIndexManager().getIndex(getLocale());
@@ -220,7 +220,7 @@
 	 * @throws IOException
 	 */
 	/*
-	 * <img scr="images/plus.gif" class={ "collapsed" | "expanded" | "h" } alt="...">
+	 * <img scr="images/plus.svg" class={ "collapsed" | "expanded" | "h" } alt="...">
 	 */
 	private void generatePlusImage(boolean multipleTopics) throws IOException {
 		out.write("<img src=\""); //$NON-NLS-1$
@@ -288,12 +288,12 @@
 	/*
 	 * For advanced UI:
 	 *   <ul class={"collapsed" | "expanded"}>
-	 *   <li><img class="h" src="images/plus.gif" alt=""><a href="..."><img src="images/topic.gif" alt="">...</a></li>
+	 *   <li><img class="h" src="images/plus.svg" alt=""><a href="..."><img src="images/topic.svg" alt="">...</a></li>
 	 *   <li>...
 	 *   </ul>
 	 *
 	 * For basic UI:
-	 *   <li><a href="..."><img src="images/topic.gif" border=0 alt="">...</a></li>
+	 *   <li><a href="..."><img src="images/topic.svg" border=0 alt="">...</a></li>
 	 *   <li>...
 	 */
 	private void generateTopicList(IIndexEntry entry) throws IOException {
@@ -316,7 +316,7 @@
 			out.write(UrlUtil.getHelpURL(topic.getHref()));
 			out.write("\"><img src=\""); //$NON-NLS-1$
 			out.write(imagesDirectory);
-			out.write("/topic.gif\" "); //$NON-NLS-1$
+			out.write("/topic.svg\" "); //$NON-NLS-1$
 			if (!advancedUI) {
 				out.write("border=0 "); //$NON-NLS-1$
 			}
diff --git a/org.eclipse.help.webapp/src/org/eclipse/help/internal/webapp/data/LayoutData.java b/org.eclipse.help.webapp/src/org/eclipse/help/internal/webapp/data/LayoutData.java
index d5183e1..eb3bdfa 100644
--- a/org.eclipse.help.webapp/src/org/eclipse/help/internal/webapp/data/LayoutData.java
+++ b/org.eclipse.help.webapp/src/org/eclipse/help/internal/webapp/data/LayoutData.java
@@ -144,21 +144,21 @@
 
 		View tocview = new View("toc", //$NON-NLS-1$
 				"", //$NON-NLS-1$
-				preferences.getImagesDirectory() + "/contents_view.gif", 'C', !HelpPlugin.getTocManager().isTocLoaded(getLocale())); //$NON-NLS-1$
+				preferences.getImagesDirectory() + "/contents_view.svg", 'C', !HelpPlugin.getTocManager().isTocLoaded(getLocale())); //$NON-NLS-1$
 		View indexview = null;
 		View searchview = new View("search", //$NON-NLS-1$
 				"", //$NON-NLS-1$
-				preferences.getImagesDirectory() + "/search_results_view.gif", 'R', false); //$NON-NLS-1$
+				preferences.getImagesDirectory() + "/search_results_view.svg", 'R', false); //$NON-NLS-1$
 		View bookmarksview = null;
 
 		if (preferences.isIndexView())
 			indexview = new View("index", //$NON-NLS-1$
 					"", //$NON-NLS-1$
-					preferences.getImagesDirectory() + "/index_view.gif", 'I', false); //$NON-NLS-1$
+					preferences.getImagesDirectory() + "/index_view.svg", 'I', false); //$NON-NLS-1$
 		if (preferences.isBookmarksView())
 			bookmarksview = new View("bookmarks", //$NON-NLS-1$
 					"", //$NON-NLS-1$
-					preferences.getImagesDirectory() + "/bookmarks_view.gif", (char)0, false); //$NON-NLS-1$
+					preferences.getImagesDirectory() + "/bookmarks_view.svg", (char)0, false); //$NON-NLS-1$
 
 		ArrayList<AbstractView> viewList = new ArrayList<>();
 		viewList.add(tocview);
diff --git a/org.eclipse.help.webapp/src/org/eclipse/help/internal/webapp/data/TocData.java b/org.eclipse.help.webapp/src/org/eclipse/help/internal/webapp/data/TocData.java
index d3402c4..576687e 100644
--- a/org.eclipse.help.webapp/src/org/eclipse/help/internal/webapp/data/TocData.java
+++ b/org.eclipse.help.webapp/src/org/eclipse/help/internal/webapp/data/TocData.java
@@ -326,7 +326,7 @@
 			out.write("href="+"\"" + UrlUtil.getHelpURL(topic.getHref())+"\"" + ">"); //$NON-NLS-1$ //$NON-NLS-2$ //$NON-NLS-3$ //$NON-NLS-4$
 			out.write("<img src='"); //$NON-NLS-1$
 			out.write(imagesDirectory);
-			out.write("/container_obj.gif' alt=\"\" border=0>&nbsp;"); //$NON-NLS-1$
+			out.write("/container_obj.svg' alt=\"\" border=0>&nbsp;"); //$NON-NLS-1$
 			out.write(UrlUtil.htmlEncode(topic.getLabel()));
 			out.write("</a>"); //$NON-NLS-1$
 			out.write("</nobr>"); //$NON-NLS-1$
@@ -347,7 +347,7 @@
 			out.write("href="+"\"" + UrlUtil.getHelpURL(topic.getHref()) +"\""+ ">"); //$NON-NLS-1$ //$NON-NLS-2$ //$NON-NLS-3$ //$NON-NLS-4$
 			out.write("<img src='"); //$NON-NLS-1$
 			out.write(imagesDirectory);
-			out.write("/topic.gif' alt=\"\" border=0>&nbsp;"); //$NON-NLS-1$
+			out.write("/topic.svg' alt=\"\" border=0>&nbsp;"); //$NON-NLS-1$
 			out.write(UrlUtil.htmlEncode(topic.getLabel()));
 			out.write("</a>"); //$NON-NLS-1$
 			out.write("</nobr>"); //$NON-NLS-1$
diff --git a/org.eclipse.help.webapp/src/org/eclipse/help/internal/webapp/data/ToolbarData.java b/org.eclipse.help.webapp/src/org/eclipse/help/internal/webapp/data/ToolbarData.java
index c9eb908..abc6b95 100644
--- a/org.eclipse.help.webapp/src/org/eclipse/help/internal/webapp/data/ToolbarData.java
+++ b/org.eclipse.help.webapp/src/org/eclipse/help/internal/webapp/data/ToolbarData.java
@@ -101,7 +101,7 @@
 				|| (isSafari() && "120".compareTo(getSafariVersion()) <= 0)) { //$NON-NLS-1$
 			buttonList.add(new ToolbarButton("maximize_restore", //$NON-NLS-1$
 					getMaximizeTooltip(), preferences.getImagesDirectory()
-							+ "/" + "maximize.gif", //$NON-NLS-1$ //$NON-NLS-2$
+							+ "/" + "maximize.svg", //$NON-NLS-1$ //$NON-NLS-2$
 					"restore_maximize", null, "off")); //$NON-NLS-1$ //$NON-NLS-2$
 		}
 		buttons = buttonList
@@ -175,10 +175,10 @@
 		return request.getParameter("script"); //$NON-NLS-1$
 	}
 	public String getMaximizeImage() {
-		return preferences.getImagesDirectory() + "/e_maximize.gif"; //$NON-NLS-1$
+		return preferences.getImagesDirectory() + "/e_maximize.svg"; //$NON-NLS-1$
 	}
 	public String getRestoreImage() {
-		return preferences.getImagesDirectory() + "/e_restore.gif"; //$NON-NLS-1$
+		return preferences.getImagesDirectory() + "/e_restore.svg"; //$NON-NLS-1$
 	}
 	public String getMaximizeTooltip() {
 		return ServletResources.getString("maximize", request); //$NON-NLS-1$
diff --git a/org.eclipse.help.webapp/src/org/eclipse/help/internal/webapp/servlet/InjectionFilter.java b/org.eclipse.help.webapp/src/org/eclipse/help/internal/webapp/servlet/InjectionFilter.java
index 2b48707..2bff3b9 100644
--- a/org.eclipse.help.webapp/src/org/eclipse/help/internal/webapp/servlet/InjectionFilter.java
+++ b/org.eclipse.help.webapp/src/org/eclipse/help/internal/webapp/servlet/InjectionFilter.java
@@ -124,7 +124,7 @@
 		buff.append("<img src=\""); //$NON-NLS-1$
 		buff.append(relativePath);
 		buff.append("content/org.eclipse.help.webapp/"); //$NON-NLS-1$
-		buff.append("advanced/images/e_show_all.gif\" border=\"0\" align=\"bottom\">&nbsp;"); //$NON-NLS-1$
+		buff.append("advanced/images/e_show_all.svg\" border=\"0\" align=\"bottom\">&nbsp;"); //$NON-NLS-1$
 		buff.append(message);
 		buff.append("<br><hr></div>"); //$NON-NLS-1$
 	}