From f1496c9e375c5107fa45205f550ece5ab684a10b Mon Sep 17 00:00:00 2001
From: OVSharova <olga.sharova@onlyoffice.com>
Date: Mon, 21 Mar 2022 07:19:43 +0300
Subject: [PATCH] Change links in PE

---
 .../resources/help/de/HelpfulHints/About.htm  |    3 +-
 .../help/de/HelpfulHints/AdvancedSettings.htm |    5 +-
 .../de/HelpfulHints/CollaborativeEditing.htm  |   35 +-
 .../de/HelpfulHints/KeyboardShortcuts.htm     |    1 +
 .../help/de/HelpfulHints/Navigation.htm       |    9 +-
 .../help/de/HelpfulHints/Password.htm         |    1 +
 .../resources/help/de/HelpfulHints/Search.htm |    7 +-
 .../help/de/HelpfulHints/SpellChecking.htm    |    7 +-
 .../help/de/HelpfulHints/SupportedFormats.htm |    1 +
 .../help/de/HelpfulHints/UsingChat.htm        |    7 +-
 .../de/ProgramInterface/CollaborationTab.htm  |    1 +
 .../help/de/ProgramInterface/FileTab.htm      |    1 +
 .../help/de/ProgramInterface/HomeTab.htm      |    1 +
 .../help/de/ProgramInterface/InsertTab.htm    |    1 +
 .../help/de/ProgramInterface/PluginsTab.htm   |    1 +
 .../de/ProgramInterface/ProgramInterface.htm  |   23 +-
 .../de/UsageInstructions/AddHyperlinks.htm    |    5 +-
 .../UsageInstructions/AlignArrangeObjects.htm |   41 +-
 .../de/UsageInstructions/ApplyTransitions.htm |    3 +-
 .../UsageInstructions/CopyClearFormatting.htm |    9 +-
 .../UsageInstructions/CopyPasteUndoRedo.htm   |   11 +-
 .../help/de/UsageInstructions/CreateLists.htm |    5 +-
 .../FillObjectsSelectColor.htm                |    9 +-
 .../de/UsageInstructions/HighlightedCode.htm  |    3 +-
 .../de/UsageInstructions/InsertAutoshapes.htm |   23 +-
 .../de/UsageInstructions/InsertCharts.htm     |   25 +-
 .../de/UsageInstructions/InsertEquation.htm   |   15 +-
 .../InsertHeadersFooters.htm                  |   11 +-
 .../de/UsageInstructions/InsertImages.htm     |   19 +-
 .../de/UsageInstructions/InsertSymbols.htm    |    5 +-
 .../de/UsageInstructions/InsertTables.htm     |   11 +-
 .../help/de/UsageInstructions/InsertText.htm  |   87 +-
 .../de/UsageInstructions/ManageSlides.htm     |    7 +-
 .../UsageInstructions/ManipulateObjects.htm   |   23 +-
 .../de/UsageInstructions/MathAutoCorrect.htm  |  967 ++--
 .../de/UsageInstructions/OpenCreateNew.htm    |    5 +-
 .../help/de/UsageInstructions/PhotoEditor.htm |    3 +-
 .../UsageInstructions/PreviewPresentation.htm |   31 +-
 .../UsageInstructions/SavePrintDownload.htm   |    5 +-
 .../UsageInstructions/SetSlideParameters.htm  |   11 +-
 .../help/de/UsageInstructions/Thesaurus.htm   |    3 +-
 .../help/de/UsageInstructions/Translator.htm  |    3 +-
 .../ViewPresentationInfo.htm                  |    3 +-
 .../help/de/UsageInstructions/YouTube.htm     |    3 +-
 .../resources/help/de/search/js/jquery.min.js |    2 +-
 .../main/resources/help/de/search/search.html |    2 +-
 .../resources/help/en/HelpfulHints/About.htm  |    3 +-
 .../help/en/HelpfulHints/AdvancedSettings.htm |    5 +-
 .../en/HelpfulHints/CollaborativeEditing.htm  |   41 +-
 .../en/HelpfulHints/KeyboardShortcuts.htm     |    1 +
 .../help/en/HelpfulHints/Navigation.htm       |   15 +-
 .../help/en/HelpfulHints/Password.htm         |    1 +
 .../resources/help/en/HelpfulHints/Search.htm |    7 +-
 .../help/en/HelpfulHints/SpellChecking.htm    |    7 +-
 .../help/en/HelpfulHints/SupportedFormats.htm |    1 +
 .../help/en/HelpfulHints/UsingChat.htm        |    7 +-
 .../en/ProgramInterface/CollaborationTab.htm  |    1 +
 .../help/en/ProgramInterface/FileTab.htm      |    1 +
 .../help/en/ProgramInterface/HomeTab.htm      |    1 +
 .../help/en/ProgramInterface/InsertTab.htm    |    1 +
 .../help/en/ProgramInterface/PluginsTab.htm   |    1 +
 .../en/ProgramInterface/ProgramInterface.htm  |   23 +-
 .../en/ProgramInterface/TransitionsTab.htm    |    1 +
 .../en/UsageInstructions/AddHyperlinks.htm    |    3 +-
 .../UsageInstructions/AlignArrangeObjects.htm |   41 +-
 .../en/UsageInstructions/ApplyTransitions.htm |    1 +
 .../CommunicationPlugins.htm                  |    5 +-
 .../UsageInstructions/CopyClearFormatting.htm |    9 +-
 .../UsageInstructions/CopyPasteUndoRedo.htm   |   11 +-
 .../help/en/UsageInstructions/CreateLists.htm |    9 +-
 .../FillObjectsSelectColor.htm                |    9 +-
 .../en/UsageInstructions/HighlightedCode.htm  |    3 +-
 .../en/UsageInstructions/InsertAutoshapes.htm |   25 +-
 .../en/UsageInstructions/InsertCharts.htm     |   33 +-
 .../en/UsageInstructions/InsertEquation.htm   |   19 +-
 .../InsertHeadersFooters.htm                  |   11 +-
 .../en/UsageInstructions/InsertImages.htm     |   21 +-
 .../en/UsageInstructions/InsertSymbols.htm    |    5 +-
 .../en/UsageInstructions/InsertTables.htm     |   21 +-
 .../help/en/UsageInstructions/InsertText.htm  |   91 +-
 .../en/UsageInstructions/ManageSlides.htm     |    7 +-
 .../UsageInstructions/ManipulateObjects.htm   |   23 +-
 .../en/UsageInstructions/MathAutoCorrect.htm  |  967 ++--
 .../en/UsageInstructions/OpenCreateNew.htm    |    5 +-
 .../help/en/UsageInstructions/PhotoEditor.htm |    3 +-
 .../UsageInstructions/PreviewPresentation.htm |   31 +-
 .../UsageInstructions/SavePrintDownload.htm   |    5 +-
 .../UsageInstructions/SetSlideParameters.htm  |   15 +-
 .../help/en/UsageInstructions/Thesaurus.htm   |    3 +-
 .../help/en/UsageInstructions/Translator.htm  |    3 +-
 .../ViewPresentationInfo.htm                  |    3 +-
 .../help/en/UsageInstructions/YouTube.htm     |    3 +-
 .../resources/help/en/search/js/jquery.min.js |    2 +-
 .../main/resources/help/en/search/search.html |    2 +-
 .../resources/help/es/HelpfulHints/About.htm  |    3 +-
 .../help/es/HelpfulHints/AdvancedSettings.htm |    5 +-
 .../es/HelpfulHints/CollaborativeEditing.htm  |   35 +-
 .../es/HelpfulHints/KeyboardShortcuts.htm     |    1 +
 .../help/es/HelpfulHints/Navigation.htm       |    9 +-
 .../resources/help/es/HelpfulHints/Search.htm |    7 +-
 .../help/es/HelpfulHints/SpellChecking.htm    |    7 +-
 .../help/es/HelpfulHints/SupportedFormats.htm |    1 +
 .../help/es/HelpfulHints/UsingChat.htm        |    7 +-
 .../es/ProgramInterface/CollaborationTab.htm  |    1 +
 .../help/es/ProgramInterface/FileTab.htm      |    1 +
 .../help/es/ProgramInterface/HomeTab.htm      |    1 +
 .../help/es/ProgramInterface/InsertTab.htm    |    1 +
 .../help/es/ProgramInterface/PluginsTab.htm   |    1 +
 .../es/ProgramInterface/ProgramInterface.htm  |   17 +-
 .../es/UsageInstructions/AddHyperlinks.htm    |    5 +-
 .../UsageInstructions/AlignArrangeObjects.htm |   39 +-
 .../es/UsageInstructions/ApplyTransitions.htm |    3 +-
 .../UsageInstructions/CopyClearFormatting.htm |    9 +-
 .../UsageInstructions/CopyPasteUndoRedo.htm   |   11 +-
 .../help/es/UsageInstructions/CreateLists.htm |    5 +-
 .../FillObjectsSelectColor.htm                |    9 +-
 .../es/UsageInstructions/InsertAutoshapes.htm |   23 +-
 .../es/UsageInstructions/InsertCharts.htm     |   13 +-
 .../es/UsageInstructions/InsertEquation.htm   |   15 +-
 .../es/UsageInstructions/InsertImages.htm     |   19 +-
 .../es/UsageInstructions/InsertTables.htm     |   17 +-
 .../help/es/UsageInstructions/InsertText.htm  |   75 +-
 .../es/UsageInstructions/ManageSlides.htm     |    7 +-
 .../UsageInstructions/ManipulateObjects.htm   |   23 +-
 .../es/UsageInstructions/OpenCreateNew.htm    |    5 +-
 .../UsageInstructions/PreviewPresentation.htm |   31 +-
 .../UsageInstructions/SavePrintDownload.htm   |    5 +-
 .../UsageInstructions/SetSlideParameters.htm  |   11 +-
 .../ViewPresentationInfo.htm                  |    1 +
 .../resources/help/es/search/js/jquery.min.js |    2 +-
 .../resources/help/fr/HelpfulHints/About.htm  |    3 +-
 .../help/fr/HelpfulHints/AdvancedSettings.htm |    5 +-
 .../fr/HelpfulHints/CollaborativeEditing.htm  |   37 +-
 .../fr/HelpfulHints/KeyboardShortcuts.htm     |    1 +
 .../help/fr/HelpfulHints/Navigation.htm       |    9 +-
 .../help/fr/HelpfulHints/Password.htm         |    1 +
 .../resources/help/fr/HelpfulHints/Search.htm |    7 +-
 .../help/fr/HelpfulHints/SpellChecking.htm    |    7 +-
 .../help/fr/HelpfulHints/SupportedFormats.htm |    1 +
 .../help/fr/HelpfulHints/UsingChat.htm        |    7 +-
 .../fr/ProgramInterface/CollaborationTab.htm  |    1 +
 .../help/fr/ProgramInterface/FileTab.htm      |    1 +
 .../help/fr/ProgramInterface/HomeTab.htm      |    1 +
 .../help/fr/ProgramInterface/InsertTab.htm    |    1 +
 .../help/fr/ProgramInterface/PluginsTab.htm   |    1 +
 .../fr/ProgramInterface/ProgramInterface.htm  |   23 +-
 .../fr/UsageInstructions/AddHyperlinks.htm    |    3 +-
 .../UsageInstructions/AlignArrangeObjects.htm |   41 +-
 .../fr/UsageInstructions/ApplyTransitions.htm |    3 +-
 .../UsageInstructions/CopyClearFormatting.htm |    9 +-
 .../UsageInstructions/CopyPasteUndoRedo.htm   |   11 +-
 .../help/fr/UsageInstructions/CreateLists.htm |    9 +-
 .../FillObjectsSelectColor.htm                |    9 +-
 .../fr/UsageInstructions/HighlightedCode.htm  |    3 +-
 .../fr/UsageInstructions/InsertAutoshapes.htm |   23 +-
 .../fr/UsageInstructions/InsertCharts.htm     |   33 +-
 .../fr/UsageInstructions/InsertEquation.htm   |   19 +-
 .../InsertHeadersFooters.htm                  |   11 +-
 .../fr/UsageInstructions/InsertImages.htm     |   21 +-
 .../fr/UsageInstructions/InsertSymbols.htm    |    5 +-
 .../fr/UsageInstructions/InsertTables.htm     |   21 +-
 .../help/fr/UsageInstructions/InsertText.htm  |   91 +-
 .../fr/UsageInstructions/ManageSlides.htm     |    7 +-
 .../UsageInstructions/ManipulateObjects.htm   |   23 +-
 .../fr/UsageInstructions/MathAutoCorrect.htm  |  967 ++--
 .../fr/UsageInstructions/OpenCreateNew.htm    |    5 +-
 .../help/fr/UsageInstructions/PhotoEditor.htm |    3 +-
 .../UsageInstructions/PreviewPresentation.htm |   31 +-
 .../UsageInstructions/SavePrintDownload.htm   |    5 +-
 .../UsageInstructions/SetSlideParameters.htm  |   15 +-
 .../help/fr/UsageInstructions/Thesaurus.htm   |    3 +-
 .../help/fr/UsageInstructions/Translator.htm  |    3 +-
 .../ViewPresentationInfo.htm                  |    3 +-
 .../help/fr/UsageInstructions/YouTube.htm     |    3 +-
 .../resources/help/fr/search/js/jquery.min.js |    2 +-
 .../main/resources/help/images/big.png        |  Bin 0 -> 136578 bytes
 .../main/resources/help/images/icons.png      |  Bin 0 -> 56640 bytes
 .../main/resources/help/images/sprite.css     | 4068 +++++++++++++++++
 .../main/resources/help/images/symbols.png    |  Bin 0 -> 78740 bytes
 .../resources/help/it/HelpfulHints/About.htm  |    3 +-
 .../help/it/HelpfulHints/AdvancedSettings.htm |    5 +-
 .../it/HelpfulHints/CollaborativeEditing.htm  |   39 +-
 .../it/HelpfulHints/KeyboardShortcuts.htm     |    1 +
 .../help/it/HelpfulHints/Navigation.htm       |   15 +-
 .../resources/help/it/HelpfulHints/Search.htm |    7 +-
 .../help/it/HelpfulHints/SpellChecking.htm    |    7 +-
 .../help/it/HelpfulHints/SupportedFormats.htm |    1 +
 .../help/it/HelpfulHints/UsingChat.htm        |    7 +-
 .../it/ProgramInterface/CollaborationTab.htm  |    1 +
 .../help/it/ProgramInterface/FileTab.htm      |    1 +
 .../help/it/ProgramInterface/HomeTab.htm      |    1 +
 .../help/it/ProgramInterface/InsertTab.htm    |    1 +
 .../help/it/ProgramInterface/PluginsTab.htm   |    1 +
 .../it/ProgramInterface/ProgramInterface.htm  |   17 +-
 .../it/UsageInstructions/AddHyperlinks.htm    |    3 +-
 .../UsageInstructions/AlignArrangeObjects.htm |   41 +-
 .../it/UsageInstructions/ApplyTransitions.htm |    3 +-
 .../UsageInstructions/CopyClearFormatting.htm |    9 +-
 .../UsageInstructions/CopyPasteUndoRedo.htm   |   11 +-
 .../help/it/UsageInstructions/CreateLists.htm |    9 +-
 .../FillObjectsSelectColor.htm                |    9 +-
 .../it/UsageInstructions/InsertAutoshapes.htm |   25 +-
 .../it/UsageInstructions/InsertCharts.htm     |   19 +-
 .../it/UsageInstructions/InsertEquation.htm   |   19 +-
 .../InsertHeadersFooters.htm                  |   11 +-
 .../it/UsageInstructions/InsertImages.htm     |   21 +-
 .../it/UsageInstructions/InsertSymbols.htm    |    5 +-
 .../it/UsageInstructions/InsertTables.htm     |   21 +-
 .../help/it/UsageInstructions/InsertText.htm  |   79 +-
 .../it/UsageInstructions/ManageSlides.htm     |    7 +-
 .../UsageInstructions/ManipulateObjects.htm   |   23 +-
 .../it/UsageInstructions/OpenCreateNew.htm    |    5 +-
 .../UsageInstructions/PreviewPresentation.htm |   31 +-
 .../UsageInstructions/SavePrintDownload.htm   |    5 +-
 .../UsageInstructions/SetSlideParameters.htm  |   15 +-
 .../ViewPresentationInfo.htm                  |    1 +
 .../resources/help/it/search/js/jquery.min.js |    2 +-
 .../main/resources/help/it/search/search.html |    2 +-
 .../resources/help/ru/HelpfulHints/About.htm  |    3 +-
 .../help/ru/HelpfulHints/AdvancedSettings.htm |    5 +-
 .../ru/HelpfulHints/CollaborativeEditing.htm  |   39 +-
 .../ru/HelpfulHints/KeyboardShortcuts.htm     |    1 +
 .../help/ru/HelpfulHints/Navigation.htm       |   15 +-
 .../help/ru/HelpfulHints/Password.htm         |    1 +
 .../resources/help/ru/HelpfulHints/Search.htm |    7 +-
 .../help/ru/HelpfulHints/SpellChecking.htm    |    7 +-
 .../help/ru/HelpfulHints/SupportedFormats.htm |    1 +
 .../help/ru/HelpfulHints/UsingChat.htm        |    7 +-
 .../ru/ProgramInterface/CollaborationTab.htm  |    1 +
 .../help/ru/ProgramInterface/FileTab.htm      |    1 +
 .../help/ru/ProgramInterface/HomeTab.htm      |    1 +
 .../help/ru/ProgramInterface/InsertTab.htm    |    1 +
 .../help/ru/ProgramInterface/PluginsTab.htm   |    1 +
 .../ru/ProgramInterface/ProgramInterface.htm  |   23 +-
 .../ru/UsageInstructions/AddHyperlinks.htm    |    3 +-
 .../UsageInstructions/AlignArrangeObjects.htm |   41 +-
 .../ru/UsageInstructions/ApplyTransitions.htm |    3 +-
 .../UsageInstructions/CopyClearFormatting.htm |    9 +-
 .../UsageInstructions/CopyPasteUndoRedo.htm   |   11 +-
 .../help/ru/UsageInstructions/CreateLists.htm |    9 +-
 .../FillObjectsSelectColor.htm                |    9 +-
 .../ru/UsageInstructions/InsertAutoshapes.htm |   25 +-
 .../ru/UsageInstructions/InsertCharts.htm     |   31 +-
 .../ru/UsageInstructions/InsertEquation.htm   |   19 +-
 .../InsertHeadersFooters.htm                  |   11 +-
 .../ru/UsageInstructions/InsertImages.htm     |   21 +-
 .../ru/UsageInstructions/InsertSymbols.htm    |    5 +-
 .../ru/UsageInstructions/InsertTables.htm     |   21 +-
 .../help/ru/UsageInstructions/InsertText.htm  |   95 +-
 .../ru/UsageInstructions/ManageSlides.htm     |    7 +-
 .../UsageInstructions/ManipulateObjects.htm   |   23 +-
 .../ru/UsageInstructions/MathAutoCorrect.htm  |  967 ++--
 .../ru/UsageInstructions/OpenCreateNew.htm    |    5 +-
 .../UsageInstructions/PreviewPresentation.htm |   31 +-
 .../UsageInstructions/SavePrintDownload.htm   |    5 +-
 .../UsageInstructions/SetSlideParameters.htm  |   15 +-
 .../ViewPresentationInfo.htm                  |    3 +-
 .../resources/help/ru/search/js/jquery.min.js |    2 +-
 .../ru/search/js/lunr-languages/lunr.ru.js    |    2 +-
 .../main/resources/help/ru/search/search.html |    2 +-
 260 files changed, 7613 insertions(+), 3300 deletions(-)
 create mode 100644 apps/presentationeditor/main/resources/help/images/big.png
 create mode 100644 apps/presentationeditor/main/resources/help/images/icons.png
 create mode 100644 apps/presentationeditor/main/resources/help/images/sprite.css
 create mode 100644 apps/presentationeditor/main/resources/help/images/symbols.png

diff --git a/apps/presentationeditor/main/resources/help/de/HelpfulHints/About.htm b/apps/presentationeditor/main/resources/help/de/HelpfulHints/About.htm
index 409a93a40d..ca0a15e087 100644
--- a/apps/presentationeditor/main/resources/help/de/HelpfulHints/About.htm
+++ b/apps/presentationeditor/main/resources/help/de/HelpfulHints/About.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="The short description of Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -16,7 +17,7 @@
 		<h1>Über den Präsentationseditor</h1>
 			<p>Der <a target="_blank" href="https://www.onlyoffice.com/de/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a> ist eine <span class="onlineDocumentFeatures">Online-</span> Anwendung, mit der Sie Ihre Dokumente<span class="onlineDocumentFeatures"> direkt in Ihrem Browser</span> betrachten und bearbeiten können.</p>
 			<p>Mit dem <b>Präsentationseditor</b> können Sie verschiedene Editiervorgänge durchführen wie bei einem beliebigen Desktopeditor, editierte Präsentationen unter Beibehaltung aller Formatierungsdetails drucken oder sie auf der Festplatte Ihres Rechners als PPTX-, PDF-. ODP-, POTX-, PDF/A- oder OTP-Dateien speichern.</p>
-            <p><span class="onlineDocumentFeatures">Wenn Sie in der <em>Online-Version</em> mehr über die aktuelle Softwareversion und den Lizenzgeber erfahren möchten, klicken Sie auf das Symbol <img alt="Über" src="../images/about.png" /> in der linken Seitenleiste.</span> <span class="desktopDocumentFeatures">Wenn Sie in der <em>Desktop-Version</em> für Windows mehr über die aktuelle Softwareversion und den Lizenzgeber erfahren möchten, wählen Sie das Menü <b>Über</b> in der linken Seitenleiste des Hauptfensters. Öffnen Sie in der <em>Desktop-Version</em> für Mac OS das Menü <b>ONLYOFFICE</b> oben auf dem Bildschirm und wählen Sie den Menüpunkt <b>Über ONLYOFFICE</b>.</span></p>
+            <p><span class="onlineDocumentFeatures">Wenn Sie in der <em>Online-Version</em> mehr über die aktuelle Softwareversion und den Lizenzgeber erfahren möchten, klicken Sie auf das Symbol <div class = "icon icon-about"></div> in der linken Seitenleiste.</span> <span class="desktopDocumentFeatures">Wenn Sie in der <em>Desktop-Version</em> für Windows mehr über die aktuelle Softwareversion und den Lizenzgeber erfahren möchten, wählen Sie das Menü <b>Über</b> in der linken Seitenleiste des Hauptfensters. Öffnen Sie in der <em>Desktop-Version</em> für Mac OS das Menü <b>ONLYOFFICE</b> oben auf dem Bildschirm und wählen Sie den Menüpunkt <b>Über ONLYOFFICE</b>.</span></p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/de/HelpfulHints/AdvancedSettings.htm b/apps/presentationeditor/main/resources/help/de/HelpfulHints/AdvancedSettings.htm
index 73c448cac8..ac256992b0 100644
--- a/apps/presentationeditor/main/resources/help/de/HelpfulHints/AdvancedSettings.htm
+++ b/apps/presentationeditor/main/resources/help/de/HelpfulHints/AdvancedSettings.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="The advanced settings of Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -14,7 +15,7 @@
             <input id="search" class="searchBar" placeholder="Suche" type="text" onkeypress="doSearch(event)">
         </div>
 		<h1>Erweiterte Einstellungen des Präsentationseditors</h1>
-			<p>Über die Funktion erweiterten Einstellungen können Sie die Grundeinstellungen im <a target="_blank" href="https://www.onlyoffice.com/de/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a> ändern. Klicken Sie dazu in der oberen Symbolleiste auf die Registerkarte <b>Datei</b> und wählen Sie die Option <b>Erweiterte Einstellungen...</b>. Sie können auch auf das Symbol <b>Einstellungen anzeigen</b> <img alt="Einstellungen anzeigen" src="../images/viewsettingsicon.png" /> rechts neben der Kopfzeile des Editors klicken und die Option <b>Erweiterte Einstellungen</b> auswählen.</p>
+			<p>Über die Funktion erweiterten Einstellungen können Sie die Grundeinstellungen im <a target="_blank" href="https://www.onlyoffice.com/de/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a> ändern. Klicken Sie dazu in der oberen Symbolleiste auf die Registerkarte <b>Datei</b> und wählen Sie die Option <b>Erweiterte Einstellungen...</b>. Sie können auch auf das Symbol <b>Einstellungen anzeigen</b> <div class = "icon icon-viewsettingsicon"></div> rechts neben der Kopfzeile des Editors klicken und die Option <b>Erweiterte Einstellungen</b> auswählen.</p>
 			<p>Die erweiterten Einstellungen umfassen:</p>
             <ul>
                 <li><b>Rechtschreibprüfung</b> - Ein-/Ausschalten der automatischen Rechtschreibprüfung.</li>
@@ -24,7 +25,7 @@
                 <li class="onlineDocumentFeatures">
                     <b>Co-Bearbeitung</b> - Anzeige der während der Co-Bearbeitung vorgenommenen Änderungen:<ul>
                         <li>Standardmäßig ist der <b>Schnellmodus</b> aktiviert. Die Benutzer, die das Dokuments gemeinsam bearbeiten, sehen die Änderungen in Echtzeit, sobald sie von anderen Benutzern vorgenommen wurden.</li>
-                        <li>Wenn Sie die Änderungen von anderen Benutzern nicht einsehen möchten (um Störungen zu vermeiden oder aus einem anderen Grund), wählen Sie den Modus <b>Strikt</b> und alle Änderungen werden erst angezeigt, nachdem Sie auf das Symbol <b>Speichern</b> <img alt="Speichern" src="../images/saveupdate.png" /> geklickt haben, dass Sie darüber informiert, dass Änderungen von anderen Benutzern vorliegen.</li>
+                        <li>Wenn Sie die Änderungen von anderen Benutzern nicht einsehen möchten (um Störungen zu vermeiden oder aus einem anderen Grund), wählen Sie den Modus <b>Strikt</b> und alle Änderungen werden erst angezeigt, nachdem Sie auf das Symbol <b>Speichern</b> <div class = "icon icon-saveupdate"></div> geklickt haben, dass Sie darüber informiert, dass Änderungen von anderen Benutzern vorliegen.</li>
                     </ul>
                 </li>
                 <li>
diff --git a/apps/presentationeditor/main/resources/help/de/HelpfulHints/CollaborativeEditing.htm b/apps/presentationeditor/main/resources/help/de/HelpfulHints/CollaborativeEditing.htm
index 11a303f9a1..e4c1c9e71a 100644
--- a/apps/presentationeditor/main/resources/help/de/HelpfulHints/CollaborativeEditing.htm
+++ b/apps/presentationeditor/main/resources/help/de/HelpfulHints/CollaborativeEditing.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Tips on collaborative editing" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -31,15 +32,15 @@
                 <p>Im <b>Präsentationseneditor</b> stehen die folgenden Modelle für die Co-Bearbeitung zur Verfügung:</p>
                 <ul>
                     <li>Standardmäßig ist der <b>Schnellmodus</b> aktiviert. Die Änderungen von anderen Benutzern werden in Echtzeit angezeigt.</li>
-                    <li>Im Modus <b>Strikt</b> werden die Änderungen von anderen Nutzern verborgen, bis Sie auf das Symbol <b>Speichern</b> <img alt="Speichern" src="../images/saveupdate.png" /> klicken, um Ihre eigenen Änderungen zu speichern und die Änderungen von anderen anzunehmen.</li>
+                    <li>Im Modus <b>Strikt</b> werden die Änderungen von anderen Nutzern verborgen, bis Sie auf das Symbol <b>Speichern</b> <div class = "icon icon-saveupdate"></div> klicken, um Ihre eigenen Änderungen zu speichern und die Änderungen von anderen anzunehmen.</li>
                 </ul>
-                <p>Der Modus kann unter <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Erweiterte Einstellungen</a> festgelegt werden. Sie können den gewünschten Modus auch in der Registerkarte <b>Zusammenarbeit</b> in der oberen Symbolleiste festlegen, klicken Sie dazu einfach auf das Symbol <img alt="Co-Bearbeitung" src="../images/coeditingmode.png" /> <b>Co-Bearbeitung</b>.</p>
+                <p>Der Modus kann unter <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Erweiterte Einstellungen</a> festgelegt werden. Sie können den gewünschten Modus auch in der Registerkarte <b>Zusammenarbeit</b> in der oberen Symbolleiste festlegen, klicken Sie dazu einfach auf das Symbol <div class = "icon icon-coeditingmode"></div> <b>Co-Bearbeitung</b>.</p>
                 <p><img alt="Menü Co-Bearbeitung" src="../images/coeditingmodemenu.png" /></p>
                 <p class="note">Wenn Sie eine Präsentation im Modus <b>Schnell</b> gemeinsam bearbeiten, ist die Option letzten rückgängig gemachten Vorgang <b>wiederherstellen</b> nicht verfügbar.</p>
                 <p>Wenn eine Präsentation im Modus <b>Strikt</b> von mehreren Benutzern gleichzeitig bearbeitet wird, werden die bearbeiteten Objekte (AutoFormen, Textobjekte, Tabellen, Bilder und Diagramme) mit gestrichelten Linien in verschiedenen Farben markiert. Das Objekt, das Sie bearbeiten, ist von der grünen gestrichelten Linie umgeben. Rote gestrichelte Linien zeigen, dass die Objekte von anderen Benutzern bearbeitet werden. Wenn Sie den Mauszeiger über eine der bearbeiteten Passagen bewegen, wird der Name des Benutzers angezeigt, der diese Passage aktuell bearbeitet. Im <b>Schnellmodus</b> werden die Aktionen und die Namen der Co-Editoren angezeigt, sobald sie eine Textstelle bearbeitet haben.</p>
-                <p>Die Anzahl der Benutzer, die in der aktuellen Präsentation arbeiten, wird in der linken unteren Ecke auf der Statusleiste angegeben - <img alt="Anzahl der Benutzer" src="../images/usersnumber.png" />. Wenn Sie sehen möchten wer die Datei aktuell bearbeitet, können Sie auf dieses Symbol klicken oder den Bereich <b>Chat</b> öffnen, der eine vollständige Liste aller Benutzer enthält.</p>
-                <p>Wenn niemand die Datei anzeigt oder bearbeitet, sieht das Symbol in der Kopfzeile des Editors folgendermaßen aus: <img alt="Zugriffsrechte verwalten" src="../images/access_rights.png" /> über dieses Symbol können Sie die Benutzer verwalten, die direkt aus der Tabelle auf die Datei zugreifen können; neue Benutzer einladen und ihnen die Berechtigung zum <em>Bearbeiten</em>, <em>Lesen</em> oder <em>Kommentieren</em> der Präsentation erteilen oder Benutzern Zugriffsrechte für die Datei <em>verweigern</em>. Klicken Sie auf dieses Symbol <img alt="Anzahl der Benutzer" src="../images/usersnumber.png" />, um den Zugriff auf die Datei zu verwalten. Sie können die Datei auch verwalten, wenn andere Benutzer aktuell mit der Bearbeitung oder Anzeige des Dokuments beschäftigt sind. Sie können die Zugriffsrechte auch in der Registerkarte <b>Zusammenarbeit</b> in der oberen Symbolleiste festlegen, klicken Sie dazu einfach auf das Symbol <img alt="Teilen" src="../images/sharingicon.png" /> <b>Teilen</b>.</p>
-                <p>Sobald einer der Benutzer Änderungen durch Klicken auf das Symbol <img alt="Speichern" src="../images/savewhilecoediting.png" /> speichert, sehen die anderen Benutzer in der Statusleiste eine Notiz über vorliegende Aktualisierungen. Um Ihre eigenen Änderungen zu speichern, so dass diese auch von den anderen Benutzern eingesehen werden können und um die Aktualisierungen Ihrer Co-Editoren einzusehen, klicken Sie in der oberen linken Ecke der oberen Symbolleiste auf <img alt="Speichern" src="../images/saveupdate.png" />. Die Updates werden hervorgehoben, damit Sie nachvollziehen können, was genau geändert wurde.</p>
+                <p>Die Anzahl der Benutzer, die in der aktuellen Präsentation arbeiten, wird in der linken unteren Ecke auf der Statusleiste angegeben - <div class = "icon icon-usersnumber"></div>. Wenn Sie sehen möchten wer die Datei aktuell bearbeitet, können Sie auf dieses Symbol klicken oder den Bereich <b>Chat</b> öffnen, der eine vollständige Liste aller Benutzer enthält.</p>
+                <p>Wenn niemand die Datei anzeigt oder bearbeitet, sieht das Symbol in der Kopfzeile des Editors folgendermaßen aus: <div class = "icon icon-access_rights"></div> über dieses Symbol können Sie die Benutzer verwalten, die direkt aus der Tabelle auf die Datei zugreifen können; neue Benutzer einladen und ihnen die Berechtigung zum <em>Bearbeiten</em>, <em>Lesen</em> oder <em>Kommentieren</em> der Präsentation erteilen oder Benutzern Zugriffsrechte für die Datei <em>verweigern</em>. Klicken Sie auf dieses Symbol <div class = "icon icon-usersnumber"></div>, um den Zugriff auf die Datei zu verwalten. Sie können die Datei auch verwalten, wenn andere Benutzer aktuell mit der Bearbeitung oder Anzeige des Dokuments beschäftigt sind. Sie können die Zugriffsrechte auch in der Registerkarte <b>Zusammenarbeit</b> in der oberen Symbolleiste festlegen, klicken Sie dazu einfach auf das Symbol <div class = "icon icon-sharingicon"></div> <b>Teilen</b>.</p>
+                <p>Sobald einer der Benutzer Änderungen durch Klicken auf das Symbol <div class = "icon icon-savewhilecoediting"></div> speichert, sehen die anderen Benutzer in der Statusleiste eine Notiz über vorliegende Aktualisierungen. Um Ihre eigenen Änderungen zu speichern, so dass diese auch von den anderen Benutzern eingesehen werden können und um die Aktualisierungen Ihrer Co-Editoren einzusehen, klicken Sie in der oberen linken Ecke der oberen Symbolleiste auf <div class = "icon icon-saveupdate"></div>. Die Updates werden hervorgehoben, damit Sie nachvollziehen können, was genau geändert wurde.</p>
                 <h3>Anonym</h3>
                 <p>Portalbenutzer, die nicht registriert sind und kein Profil haben, gelten als anonym, können jedoch weiterhin an Dokumenten zusammenarbeiten. Um ihnen einen Namen zuzuweisen, muss der anonyme Benutzer beim ersten Öffnen des Dokuments einen Namen in das entsprechende Feld in der rechten oberen Ecke des Bildschirms eingeben. Aktivieren Sie das Kontrollkästchen "Nicht mehr anzeigen", um den Namen beizubehalten.</p>
                 <p><img alt="Anonym - Zusammenarbeit" src="../images/anonymous_collab.png" /></p>
@@ -48,35 +49,35 @@
                 <p>Die Chat-Nachrichten werden nur während einer aktiven Sitzung gespeichert. Um den Inhalt der Präsentation zu besprechen, ist es besser die Kommentarfunktion zu verwenden, da Kommentare bis zum Löschen gespeichert werden.</p>
                 <p>Chat nutzen und Nachrichten für andere Benutzer erstellen:</p>
                 <ol>
-                    <li>Klicken Sie im linken Seitenbereich auf das Symbol <img alt="Chat" src="../images/chaticon.png" /> oder <br /> wechseln Sie in der oberen Symbolleiste in die Registerkarte <b>Zusammenarbeit</b> und klicken Sie auf die Schaltfläche <img alt="Chat" src="../images/chat_toptoolbar.png" /> <b>Chat</b>.</li>
+                    <li>Klicken Sie im linken Seitenbereich auf das Symbol <div class = "icon icon-chaticon"></div> oder <br /> wechseln Sie in der oberen Symbolleiste in die Registerkarte <b>Zusammenarbeit</b> und klicken Sie auf die Schaltfläche <div class = "icon icon-chat_toptoolbar"></div> <b>Chat</b>.</li>
                     <li>Geben Sie Ihren Text in das entsprechende Feld unten ein.</li>
                     <li>Klicken Sie auf <b>Senden</b>.</li>
                 </ol>
-                <p>Alle Nachrichten, die von Benutzern hinterlassen wurden, werden links in der Leiste angezeigt. Liegen ungelesene neue Nachrichten vor, sieht das Chat-Symbol wie folgt aus - <img alt="Chat" src="../images/chaticon_new.png" />.</p>
-                <p>Um die Leiste mit den Chat-Nachrichten zu schließen, klicken Sie in der linken Seitenleiste auf das Symbol <img alt="Chat" src="../images/chaticon.png" /> oder klicken Sie in der oberen Symbolleiste erneut auf <img alt="Chat" src="../images/chat_toptoolbar.png" /> <b>Chat</b>.</p>
+                <p>Alle Nachrichten, die von Benutzern hinterlassen wurden, werden links in der Leiste angezeigt. Liegen ungelesene neue Nachrichten vor, sieht das Chat-Symbol wie folgt aus - <div class = "icon icon-chaticon_new"></div>.</p>
+                <p>Um die Leiste mit den Chat-Nachrichten zu schließen, klicken Sie in der linken Seitenleiste auf das Symbol <div class = "icon icon-chaticon"></div> oder klicken Sie in der oberen Symbolleiste erneut auf <div class = "icon icon-chat_toptoolbar"></div> <b>Chat</b>.</p>
             </div>
             <h3>Kommentare</h3>
             <p>Es ist möglich, im Offline-Modus mit Kommentaren zu arbeiten, ohne eine Verbindung zur <em>Online-Version</em> herzustellen).</p>
                 <p>Einen Kommentar bezüglich eines bestimmten Objekts (Textbox, Form etc.) hinterlassen:</p>
                 <ol>
                     <li>Wählen Sie ein Objekt, das Ihrer Meinung nach einen Fehler oder ein Problem beinhaltet.</li>
-                    <li>Wechseln Sie in der oberen Symbolleiste in die Registerkarte <b>Einfügen</b> oder <b>Zusammenarbeit</b> und klicken Sie auf <img alt="Kommentar" src="../images/comment_toptoolbar.png" /> <b>Kommentare</b>, oder<br /> klicken Sie mit der rechten Maustaste auf das gewünschten Objekt und wählen Sie die Option <b>Kommentar hinzufügen</b> aus dem Kontextmenü aus.<br /></li>
+                    <li>Wechseln Sie in der oberen Symbolleiste in die Registerkarte <b>Einfügen</b> oder <b>Zusammenarbeit</b> und klicken Sie auf <div class = "icon icon-comment_toptoolbar"></div> <b>Kommentare</b>, oder<br /> klicken Sie mit der rechten Maustaste auf das gewünschten Objekt und wählen Sie die Option <b>Kommentar hinzufügen</b> aus dem Kontextmenü aus.<br /></li>
                     <li>Geben Sie den gewünschten Text ein.</li>
                     <li>Klicken Sie auf <b>Kommentar hinzufügen/Hinzufügen</b>.</li>
                 </ol>
-                <p>Das von Ihnen markierte Objekt wird mit dem Symbol <img alt="Kommentiertes Objekt" src="../images/added_comment_icon.png" /> markiert. Um den Kommentar einzusehen, klicken Sie einfach auf dieses Symbol.</p>
-                <p>Um einer bestimmten Folie einen Kommentar hinzuzufügen, wählen Sie die Folie aus und klicken Sie in der oberen Symbolleiste in der Registerkarte <b>Einfügen</b> oder <b>Zusammenarbeit</b> auf <img alt="Kommentar" src="../images/comment_toptoolbar.png" /> <b>Kommentar</b>. Der hinzugefügte Kommentar wird in der unteren linken Ecke der Folie angezeigt.</p>
-                <p>Um der gesamten Präsentation einen Kommentar hinzuzufügen, der sich nicht auf ein einzelnes Objekt oder eine einzelne Folie bezieht, klicken Sie in der linken Seitenleiste auf das Symbol <img alt="Kommentare" src="../images/commentsicon.png" />, um das <b>Kommentarfeld</b> zu öffnen und klicken Sie anschließend auf <b>Kommentar hinzufügen</b>. Kommentare die sich auf die gesamte Präsentation beziehen weren im <b>Kommentarfeld</b> angezeigt. Auch Kommentare in Bezug auf Objekte und einzelne Folien sind hier verfügbar.</p>
+                <p>Das von Ihnen markierte Objekt wird mit dem Symbol <div class = "icon icon-added_comment_icon"></div> markiert. Um den Kommentar einzusehen, klicken Sie einfach auf dieses Symbol.</p>
+                <p>Um einer bestimmten Folie einen Kommentar hinzuzufügen, wählen Sie die Folie aus und klicken Sie in der oberen Symbolleiste in der Registerkarte <b>Einfügen</b> oder <b>Zusammenarbeit</b> auf <div class = "icon icon-comment_toptoolbar"></div> <b>Kommentar</b>. Der hinzugefügte Kommentar wird in der unteren linken Ecke der Folie angezeigt.</p>
+                <p>Um der gesamten Präsentation einen Kommentar hinzuzufügen, der sich nicht auf ein einzelnes Objekt oder eine einzelne Folie bezieht, klicken Sie in der linken Seitenleiste auf das Symbol <div class = "icon icon-commentsicon"></div>, um das <b>Kommentarfeld</b> zu öffnen und klicken Sie anschließend auf <b>Kommentar hinzufügen</b>. Kommentare die sich auf die gesamte Präsentation beziehen weren im <b>Kommentarfeld</b> angezeigt. Auch Kommentare in Bezug auf Objekte und einzelne Folien sind hier verfügbar.</p>
                 <p>Alle Nutzer können nun auf hinzugefügte Kommentare antworten, Fragen stellen oder über durchgeführte Aktionen berichten. Klicken Sie dazu einfach in das Feld <b>Antworten</b>, direkt unter dem Kommentar.</p>
                 <p>Hinzugefügte Kommentare verwalten:</p>
                 <ul>
-                    <li>bearbeiten - klicken Sie dazu auf <img alt="Bearbeiten" src="../images/editcommenticon.png" /></li>
-                    <li>löschen - klicken Sie dazu auf <img alt="Löschen" src="../images/deletecommenticon.png" /></li>
-                    <li>Diskussion schließen - klicken Sie dazu auf <img alt="Gelöst" src="../images/resolveicon.png" />, wenn die im Kommentar angegebene Aufgabe oder das Problem gelöst wurde. Danach erhält die Diskussion, die Sie mit Ihrem Kommentar geöffnet haben, den Status aufgelöst. Um die Diskussion wieder zu öffnen, klicken Sie auf <img alt="Erneut öffnen" src="../images/resolvedicon.png" />,</li>
+                    <li>bearbeiten - klicken Sie dazu auf <div class = "icon icon-editcommenticon"></div></li>
+                    <li>löschen - klicken Sie dazu auf <div class = "icon icon-deletecommenticon"></div></li>
+                    <li>Diskussion schließen - klicken Sie dazu auf <div class = "icon icon-resolveicon"></div>, wenn die im Kommentar angegebene Aufgabe oder das Problem gelöst wurde. Danach erhält die Diskussion, die Sie mit Ihrem Kommentar geöffnet haben, den Status aufgelöst. Um die Diskussion wieder zu öffnen, klicken Sie auf <div class = "icon icon-resolvedicon"></div>,</li>
                     <li>Wenn Sie mehrere Kommentare auf einmal verwalten möchten, öffnen Sie das Drop-Down-Menü <b>Lösen</b> auf der Registerkarte <b>Zusammenarbeit</b>. Wählen Sie eine der Optionen zum Lösen von Kommentaren aus: <b>Gültige Kommentare lösen</b>, <b>Meine Kommentare lösen</b> oder <b>Alle Kommentare lösen</b>.</li>
                 </ul>
-                <p>Neue Kommentare, die von den anderen Benutzern hinzugefügt wurden, werden erst sichtbar, wenn Sie in der in der linken oberen Ecke der oberen Symbolleiste auf <img alt="Speichern" src="../images/saveupdate.png" /> klicken.</p>
-                <p>Um die Leiste mit den Kommentaren zu schließen, klicken Sie in der linken Seitenleiste erneut auf <img alt="Kommentare" src="../images/commentsicon.png" />.</p>
+                <p>Neue Kommentare, die von den anderen Benutzern hinzugefügt wurden, werden erst sichtbar, wenn Sie in der in der linken oberen Ecke der oberen Symbolleiste auf <div class = "icon icon-saveupdate"></div> klicken.</p>
+                <p>Um die Leiste mit den Kommentaren zu schließen, klicken Sie in der linken Seitenleiste erneut auf <div class = "icon icon-commentsicon"></div>.</p>
             </div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/de/HelpfulHints/KeyboardShortcuts.htm b/apps/presentationeditor/main/resources/help/de/HelpfulHints/KeyboardShortcuts.htm
index 8386c95bd5..0725874d52 100644
--- a/apps/presentationeditor/main/resources/help/de/HelpfulHints/KeyboardShortcuts.htm
+++ b/apps/presentationeditor/main/resources/help/de/HelpfulHints/KeyboardShortcuts.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Die Tastaturkombinationen werden für einen schnelleren und einfacheren Zugriff auf die Funktionen des Präsentationseditors über die Tastatur verwendet." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
         <script type="text/javascript" src="../search/js/jquery.min.js"></script>
diff --git a/apps/presentationeditor/main/resources/help/de/HelpfulHints/Navigation.htm b/apps/presentationeditor/main/resources/help/de/HelpfulHints/Navigation.htm
index 6d7d2db2ce..95ae8c2804 100644
--- a/apps/presentationeditor/main/resources/help/de/HelpfulHints/Navigation.htm
+++ b/apps/presentationeditor/main/resources/help/de/HelpfulHints/Navigation.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="The description of view settings and navigation tools such as zoom, previous/next slide buttons" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -16,9 +17,9 @@
 		<h1>Ansichtseinstellungen und Navigationswerkzeuge</h1>
 			<p>Der <a target="_blank" href="https://www.onlyoffice.com/de/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a> bietet mehrere Werkzeuge, um Ihnen die Ansicht und Navigation in Ihrer Präsentation zu erleichtern: Zoom, vorherige/nächste Folie, Anzeige der Foliennummer.</p>
 			<h3>Anzeigeeinstellungen anpassen</h3>
-			<p>Um die Standardanzeigeeinstellung anzupassen und den günstigsten Modus für die Arbeit mit der Präsentation festzulegen, wechseln Sie in die Registerkarte <b>Start</b>, klicken auf das Symbol <b>Ansichtseinstellungen</b> <img alt="Ansichtseinstellungen" src="../images/viewsettingsicon.png" /> und wählen Sie, welche Oberflächenelemente ein- oder ausgeblendet werden sollen. Folgende Optionen stehen Ihnen im Menü <b>Ansichtseinstellungen</b> zur Verfügung:</p>
+			<p>Um die Standardanzeigeeinstellung anzupassen und den günstigsten Modus für die Arbeit mit der Präsentation festzulegen, wechseln Sie in die Registerkarte <b>Start</b>, klicken auf das Symbol <b>Ansichtseinstellungen</b> <div class = "icon icon-viewsettingsicon"></div> und wählen Sie, welche Oberflächenelemente ein- oder ausgeblendet werden sollen. Folgende Optionen stehen Ihnen im Menü <b>Ansichtseinstellungen</b> zur Verfügung:</p>
 			<ul>
-			<li><b>Symbolleiste ausblenden</b> - die obere Symbolleiste und die zugehörigen Befehle werden ausgeblendet, während die Registerkarten weiterhin angezeigt werden. Ist diese Option aktiviert, können Sie jede beliebige Registerkarte anklicken, um die Symbolleiste anzuzeigen. Die Symbolleiste wird angezeigt bis Sie in einen Bereich außerhalb der Leiste klicken. Um den Modus zu deaktivieren, wechseln Sie in die Registerkarte <b>Start</b>, klicken Sie auf das Symbol <b>Ansichtseinstellungen</b> <img alt="Ansichtseinstellungen" src="../images/viewsettingsicon.png" /> und klicken Sie erneut auf <b>Symbolleiste ausblenden</b>. Die Symbolleiste ist wieder fixiert.
+			<li><b>Symbolleiste ausblenden</b> - die obere Symbolleiste und die zugehörigen Befehle werden ausgeblendet, während die Registerkarten weiterhin angezeigt werden. Ist diese Option aktiviert, können Sie jede beliebige Registerkarte anklicken, um die Symbolleiste anzuzeigen. Die Symbolleiste wird angezeigt bis Sie in einen Bereich außerhalb der Leiste klicken. Um den Modus zu deaktivieren, wechseln Sie in die Registerkarte <b>Start</b>, klicken Sie auf das Symbol <b>Ansichtseinstellungen</b> <div class = "icon icon-viewsettingsicon"></div> und klicken Sie erneut auf <b>Symbolleiste ausblenden</b>. Die Symbolleiste ist wieder fixiert.
 				<p class="note">Alternativ können Sie einen Doppelklick auf einer beliebigen Registerkarte ausführen, um die obere Symbolleiste zu verbergen oder wieder einzublenden.</p>
             </li>
 			<li><b>Statusleiste ausblenden</b> - die unterste Leiste wird ausgeblendet, auf der sich die Optionen <b>Foliennummer</b> und <b>Zoom</b> befinden. Um die ausgeblendete <b>Statusleiste</b> wieder einzublenden, klicken Sie erneut auf diese Option.</li>
@@ -28,9 +29,9 @@
 			<p>Die rechte Seitenleiste ist standartmäßig minimiert. Um sie zu erweitern, wählen Sie ein beliebiges Objekt/Folie aus und klicken Sie auf das Symbol des aktuell aktivierten Tabs auf der rechten Seite. Um die Seitenleiste wieder zu minimieren, klicken Sie erneut auf das Symbol. Die Breite der linken Randleiste wurd durch Ziehen und Loslassen mit dem Mauszeiger angepasst: Bewegen Sie den Mauszeiger über den Rand der linken Seitenleiste, so dass dieser sich in einen bidirektionalen Pfeil verwandelt und ziehen Sie den Rand nach links, um die Seitenleiste zu verkleinern und nach rechs um sie zu erweitern.</p>
 			<h3>Verwendung der Navigationswerkzeuge</h3>
 			<p>Mithilfe der folgenden Werkzeuge können Sie durch Ihre Präsentation navigieren:</p>
-			<p>Die <b>Zoom-Funktion</b> befindet sich in der rechten unteren Ecke und dient zum Vergrößern und Verkleinern der aktuellen Präsentation. Um den in Prozent angezeigten aktuellen Zoomwert zu ändern, klicken Sie darauf und wählen Sie eine der verfügbaren Zoomoptionen (50% / 75% / 100% / 125% / 150% / 175% / 200%) aus der Liste oder klicken Sie auf <b>Vergrößern</b> <img alt="Vergrößern" src="../images/zoomin.png" /> oder <b>Verkleinern</b> <img alt="Verkleinern" src="../images/zoomout.png" />. Klicken Sie auf das Symbol <b>Breite anpassen</b> <img alt="Breite anpassen" src="../images/fitwidth.png" />, um die Folienbreite der Präsentation an den sichtbaren Teil des Arbeitsbereichs anzupassen. Um die ganze Folie der Präsentation an den sichtbaren Teil des Arbeitsbereichs anzupassen, klicken Sie auf das Symbol <b>Folie anpassen</b> <img alt="Folie anpassen" src="../images/fitslide.png" />. Die Zoom-Einstellungen sind auch in der Gruppe <b>Ansichtseinstellungen</b> <img alt="Ansichtseinstellungen" src="../images/viewsettingsicon.png" /> verfügbar. Das kann nützlich sein, wenn Sie die <b>Statusleiste</b> ausblenden möchten.</p>
+			<p>Die <b>Zoom-Funktion</b> befindet sich in der rechten unteren Ecke und dient zum Vergrößern und Verkleinern der aktuellen Präsentation. Um den in Prozent angezeigten aktuellen Zoomwert zu ändern, klicken Sie darauf und wählen Sie eine der verfügbaren Zoomoptionen (50% / 75% / 100% / 125% / 150% / 175% / 200%) aus der Liste oder klicken Sie auf <b>Vergrößern</b> <div class = "icon icon-zoomin"></div> oder <b>Verkleinern</b> <div class = "icon icon-zoomout"></div>. Klicken Sie auf das Symbol <b>Breite anpassen</b> <div class = "icon icon-fitwidth"></div>, um die Folienbreite der Präsentation an den sichtbaren Teil des Arbeitsbereichs anzupassen. Um die ganze Folie der Präsentation an den sichtbaren Teil des Arbeitsbereichs anzupassen, klicken Sie auf das Symbol <b>Folie anpassen</b> <div class = "icon icon-fitslide"></div>. Die Zoom-Einstellungen sind auch in der Gruppe <b>Ansichtseinstellungen</b> <div class = "icon icon-viewsettingsicon"></div> verfügbar. Das kann nützlich sein, wenn Sie die <b>Statusleiste</b> ausblenden möchten.</p>
 			<p class="note">Sie können einen Standard-Zoomwert festlegen. Wechseln Sie in der oberen Symbolleiste in die Registerkarte <b>Datei</b>, wählen Sie die Option <b>Erweiterte Einstellungen...</b>, wählen Sie den gewünschten <b>Zoom-Standardwert</b> aus der Liste aus und klicken sie auf <b>Übernehmen</b>.</p>
-			<p>Um während der Bearbeitung der Präsentation zur nächsten Folie zu wechseln oder zur vorherigen Folie zurückzukehren, können Sie über die Schaltflächen <img alt="Vorherige Folie" src="../images/previouspage.png" /> und <img alt="Nächste Folie" src="../images/nextpage.png" /> oben und unten in der vertikalen Bildlaufleiste am rechten Folienrand für die Navigation verwenden.</p>
+			<p>Um während der Bearbeitung der Präsentation zur nächsten Folie zu wechseln oder zur vorherigen Folie zurückzukehren, können Sie über die Schaltflächen <div class = "icon icon-previouspage"></div> und <div class = "icon icon-nextpage"></div> oben und unten in der vertikalen Bildlaufleiste am rechten Folienrand für die Navigation verwenden.</p>
 			<p>Die <b>Folienzahlanzeige</b> stellt die aktuelle Folie als Teil aller Folien in der aktuellen Präsentation dar (Folie „n“ von „nn“). Wenn Sie auf die Anzeige der Foliennummer klicken, öffnet sich ein Fenster und Sie können eine gewünschte Foliennummer angeben, um direkt auf diese Folie zu wechseln. Wenn Sie die <b>Statusleiste</b> ausgeblendet haben, ist dieser Schnellzugriff nicht zugänglich.</p>
 			
 			
diff --git a/apps/presentationeditor/main/resources/help/de/HelpfulHints/Password.htm b/apps/presentationeditor/main/resources/help/de/HelpfulHints/Password.htm
index c810a24170..24d5552228 100644
--- a/apps/presentationeditor/main/resources/help/de/HelpfulHints/Password.htm
+++ b/apps/presentationeditor/main/resources/help/de/HelpfulHints/Password.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Präsentationen mit einem Kennwort schützen" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/de/HelpfulHints/Search.htm b/apps/presentationeditor/main/resources/help/de/HelpfulHints/Search.htm
index 77fb102626..bd16e9b55d 100644
--- a/apps/presentationeditor/main/resources/help/de/HelpfulHints/Search.htm
+++ b/apps/presentationeditor/main/resources/help/de/HelpfulHints/Search.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="The description of the search and replace function in Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -14,13 +15,13 @@
             <input id="search" class="searchBar" placeholder="Suche" type="text" onkeypress="doSearch(event)">
         </div>
 		<h1>Suchen und Ersetzen</h1>
-			<p>Um im <a target="_blank" href="https://www.onlyoffice.com/de/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a> nach Zeichen, Wörtern oder Phrasen suchen <b>zu suchen</b>, klicken Sie auf das Symbol <img alt="Suche" src="../images/searchicon.png" /> in der linken Seitenlaste oder nutzen Sie die Tastenkombination <em>STRG+F</em>.</p>
+			<p>Um im <a target="_blank" href="https://www.onlyoffice.com/de/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a> nach Zeichen, Wörtern oder Phrasen suchen <b>zu suchen</b>, klicken Sie auf das Symbol <div class = "icon icon-searchicon"></div> in der linken Seitenlaste oder nutzen Sie die Tastenkombination <em>STRG+F</em>.</p>
 			<p>Die Dialogbox <b>Suchen und Ersetzen</b> wird geöffnet:</p><img alt="Dialogbox Suchen und Ersetzen" src="../images/search_window.png" /><ol>
 			<li>Geben Sie Ihre Suchanfrage in das entsprechende Eingabefeld ein.</li>
-                <li>Legen Sie Ihre Suchparameter fest, klicken Sie dazu auf das <img alt="Suchoptionen" src="../images/search_options.png" /> Symbol und markieren Sie die gewünschten Optionen:<ul>
+                <li>Legen Sie Ihre Suchparameter fest, klicken Sie dazu auf das <div class = "icon icon-search_options"></div> Symbol und markieren Sie die gewünschten Optionen:<ul>
                         <li><b>Groß-/Kleinschreibung beachten</b> - ist diese Funktion aktiviert, werden nur Ergebnisse mit derselben Schreibweise wie in Ihrer Suchanfrage gefiltert (lautet Ihre Anfrage z. B. 'Editor' und diese Option ist markiert, werden Wörter wie 'editor' oder 'EDITOR' usw. nicht gesucht). Um die Option auszuschalten, deaktivieren Sie das Kontrollkästchen.</li><!--<li><b>Highlight results</b> - is used to highlight all found occurrences at once. To disable this option and remove the highlight click the option once again.</li>--></ul>
                 </li>
-			<li>Navigieren Sie durch Ihre Suchergebnisse über die <b>Pfeiltasten</b>. Die Suche wird entweder in Richtung Anfang der Präsentation (klicken Sie auf <img alt="Linkspfeil" src="../images/searchupbutton.png" />) oder in Richtung Ende der Präsentation (klicken Sie auf <img alt="Rechtspfeil" src="../images/searchdownbutton.png" />) durchgeführt. <!--<p class="note"><b>Note</b>: when the <b>Highlight results</b> option is enabled, use these buttons to navigate through the highlighted results.</p>--></li>
+			<li>Navigieren Sie durch Ihre Suchergebnisse über die <b>Pfeiltasten</b>. Die Suche wird entweder in Richtung Anfang der Präsentation (klicken Sie auf <div class = "icon icon-searchupbutton"></div>) oder in Richtung Ende der Präsentation (klicken Sie auf <div class = "icon icon-searchdownbutton"></div>) durchgeführt. <!--<p class="note"><b>Note</b>: when the <b>Highlight results</b> option is enabled, use these buttons to navigate through the highlighted results.</p>--></li>
 			</ol>
 			<p>Die erste Folie in der gewählten Richtung, die den Suchbegriff enthält, wird in der Folienliste hervorgehoben und im Arbeitsbereich angezeigt. Wenn diese Folie nicht das gewünschte Ergebnisse enthält, klicken Sie erneut auf den Pfeil, um die nächste Folie mit dem gewünschten Suchbegriff zu finden.</p>
             <p>Um ein oder mehrere der gefundenen Ergebnisse zu <b>ersetzen</b>, klicken Sie auf den Link <b>Ersetzen</b> unter dem Eingabefeld oder nutzen Sie die Tastenkombination <em>STRG+H</em>. Die Dialogbox <b>Suchen und Ersetzen</b> öffnet sich:</p>
diff --git a/apps/presentationeditor/main/resources/help/de/HelpfulHints/SpellChecking.htm b/apps/presentationeditor/main/resources/help/de/HelpfulHints/SpellChecking.htm
index 1da6f7a078..6318ebf6b4 100644
--- a/apps/presentationeditor/main/resources/help/de/HelpfulHints/SpellChecking.htm
+++ b/apps/presentationeditor/main/resources/help/de/HelpfulHints/SpellChecking.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Spell check the text in your language while editing a presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -16,12 +17,12 @@
 		<h1>Rechtschreibprüfung</h1>
 			<p>Der <a target="_blank" href="https://www.onlyoffice.com/de/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a> bietet Ihnen die Möglichkeit, die Rechtschreibung Ihres Textes in einer bestimmten Sprache zu überprüfen und Fehler während der Bearbeitung zu korrigieren.</p>
 			<p class="note">Ab <b>Version 6.3</b> unterstützen die ONLYOFFICE-Editoren das <b>SharedWorker Interface</b> für einen besseren Betrieb ohne großen Speicherverbrauch. Wenn Ihr Browser SharedWorker nicht unterstützt, ist nur <b>Worker</b> aktiv. Weitere Informationen zu SharedWorker finden Sie <a href="https://javascript.plainenglish.io/introduction-to-shared-workers-533d9abe9de3">in diesem Artikel</a>.</p>
-			<p>Wählen Sie zunächst die <b>Sprache</b> für Ihre Präsentation aus. Klicken Sie auf der rechten Seite der Statusleiste auf <img alt="Sprache für die Präsentation festlegen" src="../images/document_language.png" />. Wählen Sie nun im angezeigten Fenster die gewünschte Sprache und klicken Sie auf <b>OK</b>. Die ausgewählte Sprache wird auf die gesamte Präsentation angewandt.</p>
+			<p>Wählen Sie zunächst die <b>Sprache</b> für Ihre Präsentation aus. Klicken Sie auf der rechten Seite der Statusleiste auf <div class = "icon icon-document_language"></div>. Wählen Sie nun im angezeigten Fenster die gewünschte Sprache und klicken Sie auf <b>OK</b>. Die ausgewählte Sprache wird auf die gesamte Präsentation angewandt.</p>
 			<p><img alt="Fenster Sprache für die Präsentation festlegen" src="../images/document_language_window.png" /></p>
 			<p>Um für einen beliebigen Textabschnitt in der Präsentation eine <b>andere Sprache auszuwählen</b>, markieren Sie den entsprechenden Abschnitt mit der Maus und klicken Sie anschließend auf das <img alt="Rechtschreibprüfung - Sprachauswahl" src="../images/spellchecking_language.png" /> Menü in der Statusleiste.</p>
             <p>Rechtschreibprüfung <b>aktivieren</b>:</p>
             <ul>
-                <li>klicken Sie in der Statusleiste auf das Symbol <img alt="Rechtschreibprüfung deaktiviert" src="../images/spellcheckdeactivated.png" /> <b>Rechtschreibprüfung</b> oder</li>
+                <li>klicken Sie in der Statusleiste auf das Symbol <div class = "icon icon-spellcheckdeactivated"></div> <b>Rechtschreibprüfung</b> oder</li>
                 <li>öffnen Sie in der oberen Symbolleiste die Registerkarte <b>Datei</b> und wählen Sie die Option <b>erweiterte Einstellungen...</b>, setzen Sie das Häkchen in der Box <b>Rechtschreibprüfung aktivieren</b> und klicken Sie auf <b>Übernehmen</b>.</li>
             </ul>
             <p>Falsch geschriebene Wörter werden mit einer roten Linie unterstrichen.</p>
@@ -34,7 +35,7 @@
             <p><img alt="Rechtschreibprüfung" src="../images/spellchecking_presentation.png" /></p>
             <p>Rechtschreibprüfung <b>deaktivieren</b>:</p>
             <ul>
-                <li>klicken Sie in der Statusleiste auf das Symbol <img alt="Rechtschreibprüfung aktiviert" src="../images/spellcheckactivated.png" /> <b>Rechtschreibprüfung</b> oder</li>
+                <li>klicken Sie in der Statusleiste auf das Symbol <div class = "icon icon-spellcheckactivated"></div> <b>Rechtschreibprüfung</b> oder</li>
                 <li>öffnen Sie in der oberen Symbolleiste die Registerkarte <b>Datei</b> und wählen Sie die Option <b>erweiterte Einstellungen...</b>, entfernen Sie das Häkchen in der Box <b>Rechtschreibprüfung aktivieren</b> und klicken Sie auf <b>Übernehmen</b>.</li>
             </ul>
 		</div>
diff --git a/apps/presentationeditor/main/resources/help/de/HelpfulHints/SupportedFormats.htm b/apps/presentationeditor/main/resources/help/de/HelpfulHints/SupportedFormats.htm
index dfb284c4c5..9bad92b05b 100644
--- a/apps/presentationeditor/main/resources/help/de/HelpfulHints/SupportedFormats.htm
+++ b/apps/presentationeditor/main/resources/help/de/HelpfulHints/SupportedFormats.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="The list of presentation formats supported by Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/de/HelpfulHints/UsingChat.htm b/apps/presentationeditor/main/resources/help/de/HelpfulHints/UsingChat.htm
index cb4d526015..820f454647 100644
--- a/apps/presentationeditor/main/resources/help/de/HelpfulHints/UsingChat.htm
+++ b/apps/presentationeditor/main/resources/help/de/HelpfulHints/UsingChat.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Tips on using the Chat tool" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
 	</head>
 	<body>
 		<div class="mainpart">
@@ -12,12 +13,12 @@
 			<p>Der <b>ONLYOFFICE Presentation Editor</b> bietet Ihnen die Möglichkeit, mit den anderen Benutzern zu kommunizieren und Ideen betreffend die bestimmten Abschnitte der Präsentationen zu besprechen.</p>
 			<p>Um auf den Chat zuzugreifen und eine Nachricht für die anderen Benutzer zu hinterlassen, führen Sie die folgenden Schritte aus:</p>
 			<ol>
-				<li>Klicken Sie auf das Symbol <img alt="Symbol Chat" src="../images/chaticon.png" /> auf der oberen Symbolleiste.</li>
+				<li>Klicken Sie auf das Symbol <div class = "icon icon-chaticon"></div> auf der oberen Symbolleiste.</li>
 				<li>Geben Sie Ihren Text ins entsprechende Feld ein.</li>
 				<li>Klicken Sie auf den Button <b>Senden</b>.</li>
 			</ol>
-			<p>Alle Nachrichten, die von den Benutzern hinterlassen wurden, werden auf der Leiste links angezeigt. Wenn es neue Nachrichten gibt, die Sie noch nicht gelesen haben, wird das Chat-Symbol so aussehen - <img alt="Symbol Chat" src="../images/chaticon_new.png" />.</p>
-			<p>Um die Leiste mit den Chat-Nachrichten zu schließen, klicken Sie aufs Symbol <img alt="Symbol Chat" src="../images/chaticon.png" /> noch einmal.</p>
+			<p>Alle Nachrichten, die von den Benutzern hinterlassen wurden, werden auf der Leiste links angezeigt. Wenn es neue Nachrichten gibt, die Sie noch nicht gelesen haben, wird das Chat-Symbol so aussehen - <div class = "icon icon-chaticon_new"></div>.</p>
+			<p>Um die Leiste mit den Chat-Nachrichten zu schließen, klicken Sie aufs Symbol <div class = "icon icon-chaticon"></div> noch einmal.</p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/de/ProgramInterface/CollaborationTab.htm b/apps/presentationeditor/main/resources/help/de/ProgramInterface/CollaborationTab.htm
index 5bb7c1869e..b60d49c609 100644
--- a/apps/presentationeditor/main/resources/help/de/ProgramInterface/CollaborationTab.htm
+++ b/apps/presentationeditor/main/resources/help/de/ProgramInterface/CollaborationTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Benutzeroberfläche - Registerkarte Zusammenarbeit im Präsentationseditor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/de/ProgramInterface/FileTab.htm b/apps/presentationeditor/main/resources/help/de/ProgramInterface/FileTab.htm
index b8166f184d..62295baefd 100644
--- a/apps/presentationeditor/main/resources/help/de/ProgramInterface/FileTab.htm
+++ b/apps/presentationeditor/main/resources/help/de/ProgramInterface/FileTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Benutzeroberfläche - Registerkarte Datei - Präsentationseditor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/de/ProgramInterface/HomeTab.htm b/apps/presentationeditor/main/resources/help/de/ProgramInterface/HomeTab.htm
index cda13d2d09..5a2cefbd4b 100644
--- a/apps/presentationeditor/main/resources/help/de/ProgramInterface/HomeTab.htm
+++ b/apps/presentationeditor/main/resources/help/de/ProgramInterface/HomeTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Benutzeroberfläche - Registerkarte Startseite - Präsentationseditor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/de/ProgramInterface/InsertTab.htm b/apps/presentationeditor/main/resources/help/de/ProgramInterface/InsertTab.htm
index b30dcc57d7..e946fcf1c6 100644
--- a/apps/presentationeditor/main/resources/help/de/ProgramInterface/InsertTab.htm
+++ b/apps/presentationeditor/main/resources/help/de/ProgramInterface/InsertTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Benutzeroberfläche - Registerkarte Einfügen - Präsentationseditor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/de/ProgramInterface/PluginsTab.htm b/apps/presentationeditor/main/resources/help/de/ProgramInterface/PluginsTab.htm
index 856ae76152..00ba2f4840 100644
--- a/apps/presentationeditor/main/resources/help/de/ProgramInterface/PluginsTab.htm
+++ b/apps/presentationeditor/main/resources/help/de/ProgramInterface/PluginsTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Benutzeroberfläche - Registerkarte Plugins - Präsentationseditor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/de/ProgramInterface/ProgramInterface.htm b/apps/presentationeditor/main/resources/help/de/ProgramInterface/ProgramInterface.htm
index 612625e772..8d7b40d1c3 100644
--- a/apps/presentationeditor/main/resources/help/de/ProgramInterface/ProgramInterface.htm
+++ b/apps/presentationeditor/main/resources/help/de/ProgramInterface/ProgramInterface.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Einführung in die Benutzeroberfläche des Präsentationseditors" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -28,28 +29,28 @@
                 <li>
                     <p>In der <b>Kopfzeile des Editors</b> werden das Logo, <span class="desktopDocumentFeatures">geöffnete Dokumente</span>, der Name der Präsentation sowie die Menü-Registerkarten angezeigt.</p>
                     <p>Im linken Bereich der <b>Kopfzeile des Editors</b> finden Sie die Schaltflächen <b>Speichern</b>, <b>Datei drucken</b>, <b>Rückgängig machen</b> und <b>Wiederholen</b>.</p>
-                    <p><img alt="Symbole der Kopfzeile des Präsentationeseditors" src="../images/interface/leftpart.png" /></p>
+                    <p><div class = "big big-leftpart"></div></p>
                     <p>Im rechten Bereich der <b>Kopfzeile des Editors</b> werden der Benutzername und die folgenden Symbole angezeigt:</p>
                     <ul>
-                        <li><img alt="Dateispeicherort öffnen Symbol" src="../images/gotodocuments.png" /> <b>Dateispeicherort öffnen</b> - <span class="desktopDocumentFeatures">in der <em>Desktop-Version</em> können Sie den Ordner öffnen, in dem die Datei gespeichert ist; nutzen Sie dazu das Fenster <b>Datei-Explorer</b>.</span> <span class="onlineDocumentFeatures"> In der <em>Online-Version</em> haben Sie außerdem die Möglichkeit den Ordner des Moduls <b>Dokumente</b>, in dem die Datei gespeichert ist, in einem neuen Browser-Fenster zu öffnen.</span></li>
-                        <li><img alt="Ansichts-Einstellungen Symbol" src="../images/viewsettingsicon.png" /> - hier können Sie die <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">Ansichtseinstellungen</a> anpassen und auf die <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Erweiterten Einstellungen</a> des Editors zugreifen.</li>
-                        <li class="onlineDocumentFeatures"><img alt="Zugriffsrechte Symbol" src="../images/access_rights.png" /> <b>Zugriffsrechte</b> verwalten (nur in der <em>Online-Version</em> verfügbar) - hier können Sie <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">Zugriffsrechte</a> für die in der Cloud gespeicherten Dokumente festlegen.</li>
-                        <li><img alt="Favorit Symbol" src="../images/favorites_icon.png" /> <b>Als Favorit kennzeichnen</b> - klicken Sie auf den Stern, um eine Datei zu den Favoriten hinzuzufügen, damit Sie sie leichter finden können. Die hinzugefügte Datei ist nur eine Verknüpfung, sodass die Datei selbst am ursprünglichen Speicherort gespeichert bleibt. Durch das Löschen einer Datei aus den Favoriten wird die Datei nicht an ihrem ursprünglichen Speicherort entfernt.</li>
+                        <li><div class = "icon icon-gotodocuments"></div> <b>Dateispeicherort öffnen</b> - <span class="desktopDocumentFeatures">in der <em>Desktop-Version</em> können Sie den Ordner öffnen, in dem die Datei gespeichert ist; nutzen Sie dazu das Fenster <b>Datei-Explorer</b>.</span> <span class="onlineDocumentFeatures"> In der <em>Online-Version</em> haben Sie außerdem die Möglichkeit den Ordner des Moduls <b>Dokumente</b>, in dem die Datei gespeichert ist, in einem neuen Browser-Fenster zu öffnen.</span></li>
+                        <li><div class = "icon icon-viewsettingsicon"></div> - hier können Sie die <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">Ansichtseinstellungen</a> anpassen und auf die <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Erweiterten Einstellungen</a> des Editors zugreifen.</li>
+                        <li class="onlineDocumentFeatures"><div class = "icon icon-access_rights"></div> <b>Zugriffsrechte</b> verwalten (nur in der <em>Online-Version</em> verfügbar) - hier können Sie <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">Zugriffsrechte</a> für die in der Cloud gespeicherten Dokumente festlegen.</li>
+                        <li><div class = "icon icon-favorites_icon"></div> <b>Als Favorit kennzeichnen</b> - klicken Sie auf den Stern, um eine Datei zu den Favoriten hinzuzufügen, damit Sie sie leichter finden können. Die hinzugefügte Datei ist nur eine Verknüpfung, sodass die Datei selbst am ursprünglichen Speicherort gespeichert bleibt. Durch das Löschen einer Datei aus den Favoriten wird die Datei nicht an ihrem ursprünglichen Speicherort entfernt.</li>
                     </ul>
                 </li>
                 <li>
                     Abhängig von der ausgewählten Registerkarte werden in der <b>oberen Symbolleiste</b> eine Reihe von Bearbeitungsbefehlen angezeigt. Aktuell stehen die folgenden Registerkarten zur Verfügung: <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">Datei</a>, <a href="../ProgramInterface/HomeTab.htm" onclick="onhyperlinkclick(this)">Startseite</a>, <a href="../ProgramInterface/InsertTab.htm" onclick="onhyperlinkclick(this)">Einfügen</a>, <a href="../ProgramInterface/CollaborationTab.htm" onclick="onhyperlinkclick(this)">Zusammenarbeit</a>, <span class="desktopDocumentFeatures">Schützen</span> und <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Plugins</a>.
-                <p>Die Befehle <img alt="Kopieren Symbol" src="../images/copy.png" /> <b>Kopieren</b> und <img alt="Einfügen Symbol" src="../images/paste.png" /> <b>Einfügen</b> stehen unabhängig von der ausgewählten Registerkarte jederzeit im linken Teil der <b>oberen Symbolleiste</b> zur Verfügung.</p>
+                <p>Die Befehle <div class = "icon icon-copy"></div> <b>Kopieren</b> und <div class = "icon icon-paste"></div> <b>Einfügen</b> stehen unabhängig von der ausgewählten Registerkarte jederzeit im linken Teil der <b>oberen Symbolleiste</b> zur Verfügung.</p>
                 </li>
                 <li>In der <b>Statusleiste</b> am unteren Rand des Editorfensters finden Sie das Symbol für den Beginn der <a href="../UsageInstructions/PreviewPresentation.htm" onclick="onhyperlinkclick(this)">Bildschirmpräsentation</a> sowie diverse <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">Navigationswerkzeuge</a>: z. B. Foliennummer und Zoom. Außerdem werden in der <b>Statusleiste</b> Benachrichtigungen vom System angezeigt (wie beispielsweise „Alle Änderungen wurden gespeichert" usw.) und Sie haben die Möglichkeit, die <a href="../HelpfulHints/SpellChecking.htm" onclick="onhyperlinkclick(this)">Textsprache festzulegen und die Rechtschreibprüfung zu aktivieren</a>.</li>
                 <li>
                     Symbole in der <b>linken Seitenleiste</b>:
                     <ul>
-                        <li>mithilfe der Funktion <img alt="Suchen Symbol" src="../images/searchicon.png" /> können Sie den Text <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">suchen und ersetzen</a>,</li>
-                        <li><img alt="Kommentare Symbol" src="../images/commentsicon.png" /> öffnet die <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Kommentarfunktion</a>,</li>
-                        <li class="onlineDocumentFeatures"><img alt="Chatfenster Symbol" src="../images/chaticon.png" /> - (nur in der <em>Online-Version</em> verfügbar) hier können Sie das <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chatfenster</a> öffnen,</li>
-                        <li class="onlineDocumentFeatures"><img alt="Feedback und Support Symbol" src="../images/feedbackicon.png" /> - (nur in der <em>Online-Version</em> verfügbar) kontaktieren Sie under Support-Team,</li>
-                        <li class="onlineDocumentFeatures"><img alt="Über das Produkt Symbol" src="../images/abouticon.png" /> - (nur in der <em>Online-Version</em> verfügbar) sehen Sie sich die Programminformationen an.</li>
+                        <li>mithilfe der Funktion <div class = "icon icon-searchicon"></div> können Sie den Text <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">suchen und ersetzen</a>,</li>
+                        <li><div class = "icon icon-commentsicon"></div> öffnet die <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Kommentarfunktion</a>,</li>
+                        <li class="onlineDocumentFeatures"><div class = "icon icon-chaticon"></div> - (nur in der <em>Online-Version</em> verfügbar) hier können Sie das <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chatfenster</a> öffnen,</li>
+                        <li class="onlineDocumentFeatures"><div class = "icon icon-feedbackicon"></div> - (nur in der <em>Online-Version</em> verfügbar) kontaktieren Sie under Support-Team,</li>
+                        <li class="onlineDocumentFeatures"><div class = "icon icon-about"></div> - (nur in der <em>Online-Version</em> verfügbar) sehen Sie sich die Programminformationen an.</li>
                     </ul>
                 </li>
                 <li>Über die rechte <b>Randleiste</b> können zusätzliche Parameter von verschiedenen Objekten angepasst werden. Wenn Sie ein bestimmtes Objekt auf der Folie auswählen, wird die entsprechende Schaltfläche auf der rechten Randleiste aktiviert. Um die Randleiste zu erweitern, klicken Sie diese Schaltfläche an.</li>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/AddHyperlinks.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/AddHyperlinks.htm
index 4652b5b5be..dd7f150d1f 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/AddHyperlinks.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/AddHyperlinks.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add hyperlinks to a word or text fragment leading to an external website or to another slide in the same presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<ol>
 				<li>Positionieren Sie Ihren Mauszeiger an der Stelle im Textfeld, die Sie in den Link integrieren möchten.</li>
                 <li>Wechseln Sie in der oberen Symbolleiste auf die Registerkarte <b>Einfügen</b>.</li>
-				<li>Klicken Sie auf das Symbol <img alt="Hyperlink" src="../images/addhyperlink.png" /> <b>Hyperlink</b> in der oberen Symbolleiste.</li>
+				<li>Klicken Sie auf das Symbol <div class = "icon icon-addhyperlink"></div> <b>Hyperlink</b> in der oberen Symbolleiste.</li>
 				<li>Sie können nun Fenster <b>Einstellungen Hyperlink</b>, die Parameter für den Hyperlink festlegen:<ul>
 				    <li>wählen Sie den Linktyp, den Sie einfügen möchten:<ul>
 				    <li>Wenn Sie einen Hyperlink hinzufügen möchten, der zu externen Website führt, wählen Sie <b>Website</b> und geben Sie eine URL im Format http://www.example.com in das Feld <b>Link zu</b> ein.<p><img alt="Fenster Einstellungen Hyperlink" src="../images/hyperlinkwindow.png" /></p>
@@ -34,7 +35,7 @@
 				<li>Klicken Sie auf <b>OK</b>.</li>
 			</ol>
 			<p>Um einen Hyperlink hinzuzufügen und die Einstellungen zu öffnen, können Sie auch mit der rechten Maustaste an die gewünschte Stelle klicken und die Option <b>Hyperlink</b> im Kontextmenü auswählen oder Sie positionieren den Cursor an der gewünschten Position und drücken die Tastenkombination <b>STRG+K</b>.</p>
-			<p class="note"><b>Hinweis</b>: Es ist auch möglich, ein Zeichen, Wort oder eine Wortverbindung mit der Maus oder über die <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">Tastatur</a> auszuwählen. Klicken Sie anschließend in der Registerkarte <b>Einfügen</b> auf <img alt="Hyperlink" src="../images/addhyperlink.png" /> <b>Hyperlink</b> oder klicken Sie mit der rechten Maustaste auf die Auswahl und wählen Sie im Kontextmenü die Option <b>Hyperlink</b> aus. Danach öffnet sich das oben dargestellte Fenster und im Feld <b>Angezeigter Text</b> erscheint der ausgewählte Textabschnitt.</p>
+			<p class="note"><b>Hinweis</b>: Es ist auch möglich, ein Zeichen, Wort oder eine Wortverbindung mit der Maus oder über die <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">Tastatur</a> auszuwählen. Klicken Sie anschließend in der Registerkarte <b>Einfügen</b> auf <div class = "icon icon-addhyperlink"></div> <b>Hyperlink</b> oder klicken Sie mit der rechten Maustaste auf die Auswahl und wählen Sie im Kontextmenü die Option <b>Hyperlink</b> aus. Danach öffnet sich das oben dargestellte Fenster und im Feld <b>Angezeigter Text</b> erscheint der ausgewählte Textabschnitt.</p>
 			<p>Wenn Sie den Mauszeiger über den eingefügten Hyperlink bewegen, wird der von Ihnen im Feld QuickInfo eingebene Text angezeigt. Sie können dem Link folgen, indem Sie die Taste <b>STRG</b> drücken und dann auf den Link in Ihrer Präsentation klicken.</p>
 			<p>Um den hinzugefügten Hyperlink zu bearbeiten oder zu entfernen, klicken Sie diesen mit der rechten Maustaste an, wählen Sie die Option <b>Hyperlink</b> im Kontextmenü und wählen Sie anschließend den gewünschten Vorgang aus - <b>Hyperlink bearbeiten</b> oder <b>Hyperlink entfernen</b>.</p>
 		</div>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/AlignArrangeObjects.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/AlignArrangeObjects.htm
index da07b53eb3..f3f9bceced 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/AlignArrangeObjects.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/AlignArrangeObjects.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Align and arrange text boxes, autoshapes, images and charts on a slide." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,18 +20,18 @@
         <h3>Objekte ausrichten</h3>
         <p><b>Ausrichten</b> von <em>zwei oder mehr</em> ausgewählten Objekten:</p>
         <ol>
-            <li>Klicken Sie auf das Symbol <b>Form ausrichten</b> <img alt="Form ausrichten" src="../images/alignshape.png" /> auf der oberen Symbolleiste in der Registerkarte <b>Start</b> und wählen Sie eine der verfügbaren Optionen:<ul>
+            <li>Klicken Sie auf das Symbol <b>Form ausrichten</b> <div class = "icon icon-alignshape"></div> auf der oberen Symbolleiste in der Registerkarte <b>Start</b> und wählen Sie eine der verfügbaren Optionen:<ul>
                     <li><b>An Folie ausrichten</b>, um Objekte relativ zu den Rändern der Folie auszurichten.</li>
                     <li><b>Ausgewählte Objekte ausrichten</b> (diese Option ist standardmäßig ausgewählt), um Objekte im Verhältnis zueinander auszurichten.</li>                    
                 </ul>
             </li>
-            <li>Klicken Sie erneut auf das Symbol <b>Form ausrichten</b> <img alt="Form ausrichten" src="../images/alignshape.png" /> und wählen Sie den gewünschten Ausrichtungstyp aus der Liste aus:<ul>
-                    <li><b>Linksbündig ausrichten</b> <img alt="Linksbündig ausrichten" src="../images/alignobjectleft.png" /> - um die Objekte horizontal am linken Folienrand ausrichten.</li>
-                    <li><b>Mittig ausrichten</b> <img alt="Zentriert ausrichten" src="../images/alignobjectcenter.png" /> - um die Objekte horizontal mittig auf der Folie auszurichten.</li>
-                    <li><b>Rechtsbündig ausrichten</b> <img alt="Rechtsbündig ausrichten" src="../images/alignobjectright.png" /> - um die Objekte horizontal am rechten Folienrand auszurichten.</li>
-                    <li><b>Oben ausrichten</b> <img alt="Oben ausrichten" src="../images/alignobjecttop.png" /> - um die Objekte vertikal am oberen Folienrand auszurichten.</li>
-                    <li><b>Mittig ausrichten</b> <img alt="Mittig ausrichten" src="../images/alignobjectmiddle.png" /> - um die Objekte vertikal nach ihrer Mitte und der Mitte des Slides auszurichten.</li>
-                    <li><b>Unten ausrichten</b> <img alt="Unten ausrichten" src="../images/alignobjectbottom.png" /> - um die Objekte vertikal am unteren Folienrand auszurichten.</li>
+            <li>Klicken Sie erneut auf das Symbol <b>Form ausrichten</b> <div class = "icon icon-alignshape"></div> und wählen Sie den gewünschten Ausrichtungstyp aus der Liste aus:<ul>
+                    <li><b>Linksbündig ausrichten</b> <div class = "icon icon-alignobjectleft"></div> - um die Objekte horizontal am linken Folienrand ausrichten.</li>
+                    <li><b>Mittig ausrichten</b> <div class = "icon icon-alignobjectcenter"></div> - um die Objekte horizontal mittig auf der Folie auszurichten.</li>
+                    <li><b>Rechtsbündig ausrichten</b> <div class = "icon icon-alignobjectright"></div> - um die Objekte horizontal am rechten Folienrand auszurichten.</li>
+                    <li><b>Oben ausrichten</b> <div class = "icon icon-alignobjecttop"></div> - um die Objekte vertikal am oberen Folienrand auszurichten.</li>
+                    <li><b>Mittig ausrichten</b> <div class = "icon icon-alignobjectmiddle"></div> - um die Objekte vertikal nach ihrer Mitte und der Mitte des Slides auszurichten.</li>
+                    <li><b>Unten ausrichten</b> <div class = "icon icon-alignobjectbottom"></div> - um die Objekte vertikal am unteren Folienrand auszurichten.</li>
                 </ul>
             </li>
         </ol>
@@ -39,14 +40,14 @@
         <h3>Objekte verteilen</h3>
         <p><em>Drei oder mehr</em> ausgewählte Objekte horizontal oder vertikal so <b>verteilen</b>, dass der gleiche Abstand zwischen ihnen angezeigt wird:</p>
         <ol>
-            <li>Klicken Sie auf das Symbol <b>Form ausrichten</b> <img alt="Form ausrichten" src="../images/alignshape.png" /> auf der oberen Symbolleiste in der Registerkarte <b>Start</b> und wählen Sie eine der verfügbaren Optionen:<ul>                    
+            <li>Klicken Sie auf das Symbol <b>Form ausrichten</b> <div class = "icon icon-alignshape"></div> auf der oberen Symbolleiste in der Registerkarte <b>Start</b> und wählen Sie eine der verfügbaren Optionen:<ul>                    
                     <li><b>An Folie ausrichten</b>, um Objekte zwischen den Rändern der Folie zu verteilen.</li>
                     <li><b>Ausgewählte Objekte ausrichten</b> (diese Option ist standardmäßig ausgewählt), um Objekte zwischen zwei ausgewählten äußersten Objekten zu verteilen.</li>
                 </ul>
             </li>
-            <li>Klicken Sie erneut auf das Symbol <b>Form ausrichten</b> <img alt="Form ausrichten" src="../images/alignshape.png" /> und wählen Sie den gewünschten Verteilungstyp aus der Liste aus:<ul>
-                    <li><b>Horizontal verteilen</b> <img alt="Horizontal verteilen" src="../images/distributehorizontally.png" /> - um Objekte gleichmäßig zwischen den am weitesten links und rechts liegenden ausgewählten Objekten / dem linken und rechten Rand der Folie zu verteilen<!--to align the selected objects by their centers (from right to left edges) to the horizontal center of the page-->.</li>
-                    <li><b>Vertikal verteilen</b> <img alt="Vertikal verteilen" src="../images/distributevertically.png" /> - um Objekte gleichmäßig zwischen den am weitesten oben und unten liegenden ausgewählten Objekten / dem oberen und unteren Rand der Folie zu verteilen<!--to align the selected objects by their centers (from top to bottom edges) to the vertical center of the page-->.</li>
+            <li>Klicken Sie erneut auf das Symbol <b>Form ausrichten</b> <div class = "icon icon-alignshape"></div> und wählen Sie den gewünschten Verteilungstyp aus der Liste aus:<ul>
+                    <li><b>Horizontal verteilen</b> <div class = "icon icon-distributehorizontally"></div> - um Objekte gleichmäßig zwischen den am weitesten links und rechts liegenden ausgewählten Objekten / dem linken und rechten Rand der Folie zu verteilen<!--to align the selected objects by their centers (from right to left edges) to the horizontal center of the page-->.</li>
+                    <li><b>Vertikal verteilen</b> <div class = "icon icon-distributevertically"></div> - um Objekte gleichmäßig zwischen den am weitesten oben und unten liegenden ausgewählten Objekten / dem oberen und unteren Rand der Folie zu verteilen<!--to align the selected objects by their centers (from top to bottom edges) to the vertical center of the page-->.</li>
                 </ul>
             </li>
         </ol>
@@ -54,20 +55,20 @@
         <p class="note"><b>Hinweis</b>: Die Verteilungsoptionen sind deaktiviert, wenn Sie weniger als drei Objekte auswählen.</p>
         
         <h3>Objekte gruppieren</h3>
-        <p>Um <em>zwei oder mehr</em> ausgewählte Objekte zu <b>gruppieren</b> oder die <b>Gruppierung aufzuheben</b>, klicken Sie auf das Symbol <b>Gruppieren</b> <img alt="Form anordnen" src="../images/arrangeshape.png" /> in der Registerkarte <b>Start</b> und wählen Sie die gewünschte Option aus der Liste aus:</p>
+        <p>Um <em>zwei oder mehr</em> ausgewählte Objekte zu <b>gruppieren</b> oder die <b>Gruppierung aufzuheben</b>, klicken Sie auf das Symbol <b>Gruppieren</b> <div class = "icon icon-arrangeshape"></div> in der Registerkarte <b>Start</b> und wählen Sie die gewünschte Option aus der Liste aus:</p>
         <ul>
-            <li><b>Gruppieren</b> <img alt="Gruppieren" src="../images/group.png" /> - um mehrere Objekte zu einer Gruppe zusammenzufügen, so dass sie gleichzeitig gedreht, verschoben, skaliert, ausgerichtet, angeordnet, kopiert, eingefügt und formatiert werden können, wie ein einzelnes Objekt.</li>
-            <li><b>Gruppierung aufheben</b> <img alt="Gruppierung aufheben" src="../images/ungroup.png" /> - um die ausgewählte Gruppe der zuvor gruppierten Objekte aufzulösen.</li>
+            <li><b>Gruppieren</b> <div class = "icon icon-group"></div> - um mehrere Objekte zu einer Gruppe zusammenzufügen, so dass sie gleichzeitig gedreht, verschoben, skaliert, ausgerichtet, angeordnet, kopiert, eingefügt und formatiert werden können, wie ein einzelnes Objekt.</li>
+            <li><b>Gruppierung aufheben</b> <div class = "icon icon-ungroup"></div> - um die ausgewählte Gruppe der zuvor gruppierten Objekte aufzulösen.</li>
         </ul>
         <p>Alternativ können Sie mit der rechten Maustaste auf die ausgewählten Objekte klicken, wählen Sie anschließend im Kontextmenü die Option <b>Anordnung</b> aus und nutzen Sie dann die Optionen <b>Gruppieren</b> oder <b>Gruppierung</b> aufheben.</p>
         <p class="note"><b>Hinweis</b>: Die Option <b>Gruppieren</b> ist deaktiviert, wenn Sie weniger als zwei Objekte auswählen. Die Option <b>Gruppierung aufheben</b> ist nur verfügbar, wenn Sie eine zuvor gruppierte Objektgruppe auswählen.</p>
         <h3>Objekte anordnen</h3>
-        <p>Um die gewählten Objekte <b>anzuordnen</b> (d.h. ihre Reihenfolge bei der Überlappung zu ändern), klicken Sie auf das Symbol <b>Form anordnen</b> <img alt="Form anordnen" src="../images/arrangeshape.png" /> in der Registerkarte <b>Start</b> und wählen Sie die gewünschte Anordnung aus der Liste.</p>
+        <p>Um die gewählten Objekte <b>anzuordnen</b> (d.h. ihre Reihenfolge bei der Überlappung zu ändern), klicken Sie auf das Symbol <b>Form anordnen</b> <div class = "icon icon-arrangeshape"></div> in der Registerkarte <b>Start</b> und wählen Sie die gewünschte Anordnung aus der Liste.</p>
         <ul>
-            <li><b>In den Vordergrund</b> <img alt="In den Vordergrund" src="../images/bringtofront.png" /> - Objekt(e) in den Vordergrund bringen.</li>
-            <li><b>Eine Ebene nach vorne</b> <img alt="Eine Ebene nach vorne" src="../images/bringforward.png" /> - um ausgewählte Objekte eine Ebene nach vorne zu schieben.</li>
-            <li><b>In den Hintergrund</b> <img alt="In den Hintergrund" src="../images/sendtoback.png" /> - um ein Objekt/Objekte in den Hintergrund zu schieben.</li>
-            <li><b>Eine Ebene nach hinten</b> <img alt="Eine Ebene nach hinten" src="../images/sendbackward.png" /> - um ausgewählte Objekte nur eine Ebene nach hinten zu schieben.</li>
+            <li><b>In den Vordergrund</b> <div class = "icon icon-bringtofront"></div> - Objekt(e) in den Vordergrund bringen.</li>
+            <li><b>Eine Ebene nach vorne</b> <div class = "icon icon-bringforward"></div> - um ausgewählte Objekte eine Ebene nach vorne zu schieben.</li>
+            <li><b>In den Hintergrund</b> <div class = "icon icon-sendtoback"></div> - um ein Objekt/Objekte in den Hintergrund zu schieben.</li>
+            <li><b>Eine Ebene nach hinten</b> <div class = "icon icon-sendbackward"></div> - um ausgewählte Objekte nur eine Ebene nach hinten zu schieben.</li>
         </ul>        
         <p>Alternativ können Sie mit der rechten Maustaste auf die ausgewählten Objekte klicken, wählen Sie anschließend im Kontextmenü die Option <b>Anordnen</b> aus und nutzen Sie dann eine der verfügbaren Optionen.</p>
         </div>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/ApplyTransitions.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/ApplyTransitions.htm
index 68c33b0f9c..0764680a60 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/ApplyTransitions.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/ApplyTransitions.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add animation effects between slides" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<p><b>Einen Übergang auf eine einzelne Folie</b> oder auf mehrere gewählte Folien anwenden:</p>
 			<p><img class="floatleft"alt="Registerkarte Folieneinstellungen" src="../images/slidesettingstab.png" /></p>
 			<ol style="margin-left: 280px;">
-				<li>Wählen Sie die gewünschte Folie aus (oder mehrere Folien in der Folienliste), der Sie einen Übergang hinzufügen möchten. Die Registerkarte <b>Folieneinstellungen</b> wird auf der rechten Seitenleiste aktiviert. Um sie zu öffnen, klicken Sie rechts auf das Symbol <b>Folieneinstellungen</b> <img alt="Folieneinstellungen" src="../images/slide_settings_icon.png" />. Alternativ können Sie eine Folie im Folienbearbeitungsbereich mit der rechten Maustaste anklicken und die Option <b>Folieneinstellungen</b> im Kontextmenü wählen.</li>
+				<li>Wählen Sie die gewünschte Folie aus (oder mehrere Folien in der Folienliste), der Sie einen Übergang hinzufügen möchten. Die Registerkarte <b>Folieneinstellungen</b> wird auf der rechten Seitenleiste aktiviert. Um sie zu öffnen, klicken Sie rechts auf das Symbol <b>Folieneinstellungen</b> <div class = "icon icon-slide_settings_icon"></div>. Alternativ können Sie eine Folie im Folienbearbeitungsbereich mit der rechten Maustaste anklicken und die Option <b>Folieneinstellungen</b> im Kontextmenü wählen.</li>
 				<li>Wählen Sie den gewünschten Übergang im Listenmenü <b>Effekt</b>.<p>Die folgenden Übergänge sind verfügbar: Verblassen, Schieben, Wischen, Teilen, Aufdecken, Bedecken, Uhr, Zoom.</p>
 				</li>
 				<li>Wählen Sie im Listenmenü eine der verfügbaren Effektoptionen aus. Durch diese Optionen wird festgelegt, wie genau der Effekt ausgeführt wird. Ist zum Beispiel, der Übergang „Zoom“ aktiviert, stehen die Optionen Hinein, Heraus und Zoomen und Drehen zur Verfügung.</li>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/CopyClearFormatting.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/CopyClearFormatting.htm
index b7cd572ac1..85d9dbe1bb 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/CopyClearFormatting.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/CopyClearFormatting.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Copy/clear formatting within your presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,20 +18,20 @@
 			<p>Kopieren einer bestimmte Textformatierung im <a target="_blank" href="https://www.onlyoffice.com/de/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a>:</p>
 			<ol>
 				<li>Wählen Sie mit der Maus oder <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">mithilfe der Tastatur</a> den Textabschnitt aus, dessen Formatierung Sie kopieren möchten.</li>
-				<li>Klicken Sie in der oberen Symbolleiste unter der Registerkarte <b>Start</b> auf das Symbol <img alt="Format übertragen" src="../images/copystyle.png" /> <b>Format übertragen</b> (der Mauszeiger ändert sich wie folgt <img alt="Mauszeiger bei der Übertragung der Formatierung" src="../images/paste_style.png" />).</li>
+				<li>Klicken Sie in der oberen Symbolleiste unter der Registerkarte <b>Start</b> auf das Symbol <div class = "icon icon-copystyle"></div> <b>Format übertragen</b> (der Mauszeiger ändert sich wie folgt <div class = "icon icon-paste_style"></div>).</li>
 				<li>Wählen Sie einen Textabschnitt, auf den Sie die Formatierung übertragen möchten.</li>
 			</ol>
             <p>Übertragung der Formatierung auf mehrere Textabschnitte.</p>
             <ol>
                 <li>Wählen Sie mit der Maus oder <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">mithilfe der Tastatur</a> den Textabschnitt aus, dessen Formatierung Sie kopieren möchten.</li>
-                <li>Führen Sie in der oberen Symbolleiste unter der Registerkarte <b>Start</b> einen Doppelklick auf das Symbol <img alt="Format übertragen" src="../images/copystyle.png" /> <b>Format übertragen</b> aus (der Mauszeiger ändert sich wie folgt <img alt="Mauszeiger bei der Übertragung der Formatierung" src="../images/paste_style.png" /> und das Symbol <b>Format übertragen</b> bleibt ausgewählt: <img alt="Format auf mehrere Zellen übertragen" src="../images/copystyle_selected.png" />),</li>
+                <li>Führen Sie in der oberen Symbolleiste unter der Registerkarte <b>Start</b> einen Doppelklick auf das Symbol <div class = "icon icon-copystyle"></div> <b>Format übertragen</b> aus (der Mauszeiger ändert sich wie folgt <div class = "icon icon-paste_style"></div> und das Symbol <b>Format übertragen</b> bleibt ausgewählt: <div class = "icon icon-copystyle_selected"></div>),</li>
                 <li>Markieren Sie die gewünschten Textabschnitte Schritt für Schritt, um die Formatierung zu übertragen.</li>
-                <li>Wenn Sie den Modus beenden möchten, klicken Sie erneut auf das Symbol <b>Format übertragen</b> <img alt="Format auf mehrere Zellen übertragen" src="../images/copystyle_selected.png" /> oder drücken Sie die <b>ESC-Taste</b> auf Ihrer Tastatur.</li>
+                <li>Wenn Sie den Modus beenden möchten, klicken Sie erneut auf das Symbol <b>Format übertragen</b> <div class = "icon icon-copystyle_selected"></div> oder drücken Sie die <b>ESC-Taste</b> auf Ihrer Tastatur.</li>
             </ol>
 			<p>Um die angewandte Formatierung in einem Textabschnitt zu entfernen, führen Sie die folgenden Schritte aus:</p>
 			<ol>
 				<li>markieren Sie den entsprechenden Textabschnitt und</li>
-				<li>klicken Sie auf das Symbol <b>Formatierung löschen</b> <img alt="Formatierung löschen" src="../images/clearstyle.png" /> auf der oberen Symbolleiste, in der Registerkarte <b>Start</b>.</li>
+				<li>klicken Sie auf das Symbol <b>Formatierung löschen</b> <div class = "icon icon-clearstyle"></div> auf der oberen Symbolleiste, in der Registerkarte <b>Start</b>.</li>
 			</ol>
 		</div>
 	</body>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/CopyPasteUndoRedo.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/CopyPasteUndoRedo.htm
index fb10c63586..53181bd777 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/CopyPasteUndoRedo.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/CopyPasteUndoRedo.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Perform the basic operations with the presentation: copy, paste, undo, redo" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,8 +19,8 @@
 			<p>Um gewählte Objekte (Folien, Textabschnitte, AutoFormen) im <a target="_blank" href="https://www.onlyoffice.com/de/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a> auszuschneiden, zu kopieren, einzufügen oder Aktionen rückgängig zu machen bzw. zu wiederholen, nutzen Sie die Optionen aus dem Rechtsklickmenü oder die entsprechenden Tastenkombinationen oder die Symbole die auf jeder beliebigen Registerkarte in der oberen Symbolleiste verfügbar sind:</p>
             <ul>
                 <li><b>Ausschneiden</b> - wählen Sie ein Objekt aus und nutzen Sie die Option <b>Ausschneiden</b> im Rechtsklickmenü, um die Auswahl zu löschen und in der Zwischenablage des Rechners zu speichern. <span class="onlineDocumentFeatures">Die ausgeschnittenen Daten können später an einer anderen Stelle in derselben Präsentation wieder eingefügt werden.</span></li>
-                <li><b>Kopieren</b> – wählen Sie ein Objekt aus und klicken Sie im Rechtsklickmenü auf <b>Kopieren</b> oder klicken Sie in der oberen Symbolleiste auf das Symbol <b>Kopieren</b>, <img alt="Kopieren" src="../images/copy.png" /> um die Auswahl in die Zwischenablage Ihres Computers zu kopieren. <span class="onlineDocumentFeatures">Das kopierte Objekt kann später an einer anderen Stelle in derselben Präsentation eingefügt werden.</span></li>
-                <li><b>Einfügen</b> – platzieren Sie den Cursor an der Stelle in Ihrer Präsentation, an der Sie das zuvor kopierte Objekt einfügen möchten und wählen Sie im Rechtsklickmenü die Option <b>Einfügen</b> oder klicken Sie in der oberen Symbolleiste auf <b>Einfügen</b> <img alt="Einfügen" src="../images/paste.png" />. Das Objekt wird an der aktuellen Cursorposition eingefügt. <span class="onlineDocumentFeatures">Das Objekt kann vorher aus derselben Präsentation kopiert werden oder auch aus einem anderen Dokument oder Programm oder von einer Webseite.</span></li>
+                <li><b>Kopieren</b> – wählen Sie ein Objekt aus und klicken Sie im Rechtsklickmenü auf <b>Kopieren</b> oder klicken Sie in der oberen Symbolleiste auf das Symbol <b>Kopieren</b>, <div class = "icon icon-copy"></div> um die Auswahl in die Zwischenablage Ihres Computers zu kopieren. <span class="onlineDocumentFeatures">Das kopierte Objekt kann später an einer anderen Stelle in derselben Präsentation eingefügt werden.</span></li>
+                <li><b>Einfügen</b> – platzieren Sie den Cursor an der Stelle in Ihrer Präsentation, an der Sie das zuvor kopierte Objekt einfügen möchten und wählen Sie im Rechtsklickmenü die Option <b>Einfügen</b> oder klicken Sie in der oberen Symbolleiste auf <b>Einfügen</b> <div class = "icon icon-paste"></div>. Das Objekt wird an der aktuellen Cursorposition eingefügt. <span class="onlineDocumentFeatures">Das Objekt kann vorher aus derselben Präsentation kopiert werden oder auch aus einem anderen Dokument oder Programm oder von einer Webseite.</span></li>
             </ul>    
             <p><span class="onlineDocumentFeatures">In der <em>Online-Version</em> können nur die folgenden Tastenkombinationen zum Kopieren oder Einfügen von Daten aus/in eine andere Präsentation oder ein anderes Programm verwendet werden.</span> <span class="desktopDocumentFeatures">In der <em>Desktop-Version</em> können sowohl die entsprechenden Schaltflächen/Menüoptionen als auch Tastenkombinationen für alle Kopier-/Einfügevorgänge verwendet werden:</span></p>
                     <ul>
@@ -28,7 +29,7 @@
                         <li><b>STRG+X</b> - Ausschneiden;</li>
                     </ul>
             <h3>Inhalte einfügen mit Optionen</h3>
-            <p>Nachdem der kopierte Text eingefügt wurde, erscheint neben der eingefügten Textpassage oder dem eingefügten Objekt das Menü <b>Einfügeoptionen</b> <img alt="Einfügen mit Sonderoptionen" src="../images/pastespecialbutton.png" />. Klicken Sie auf diese Schaltfläche, um die gewünschte Einfügeoption auszuwählen.</p>
+            <p>Nachdem der kopierte Text eingefügt wurde, erscheint neben der eingefügten Textpassage oder dem eingefügten Objekt das Menü <b>Einfügeoptionen</b> <div class = "icon icon-pastespecialbutton"></div>. Klicken Sie auf diese Schaltfläche, um die gewünschte Einfügeoption auszuwählen.</p>
             <p>Für das Einfügen von Textpassagen stehen folgende Auswahlmöglichkeiten zur Verfügung:</p>
             <ul>
                 <li><em>An Zielformatierung anpassen</em> - die Formatierung der aktuellen Präsentation wird auf den eingefügten Text angewendet. Diese Option ist standardmäßig ausgewählt.</li>
@@ -45,8 +46,8 @@
             <h3>Vorgänge rückgängig machen/wiederholen</h3>
             <p>Verwenden Sie die entsprechenden Symbole im linken Bereich der Kopfzeile des Editors, um Vorgänge rückgängig zu machen/zu wiederholen oder nutzen Sie die entsprechenden Tastenkombinationen:</p>
             <ul>
-                <li><b>Rückgängig machen</b> – klicken Sie auf das Symbol <b>Rückgängig machen</b> <img alt="Rückgängig machen" src="../images/undo.png" />, um den zuletzt durchgeführten Vorgang rückgängig zu machen.</li>
-                <li><b>Wiederholen</b> – klicken Sie auf das Symbol <b>Wiederholen</b> <img alt="Wiederholen" src="../images/redo.png" />, um den zuletzt rückgängig gemachten Vorgang zu wiederholen.<p>Alternativ können Sie Vorgänge auch mit der Tastenkombination <b>STRG+Z</b> rückgängig machen bzw. mit <b>STRG+Y</b> wiederholen.</p>
+                <li><b>Rückgängig machen</b> – klicken Sie auf das Symbol <b>Rückgängig machen</b> <div class = "icon icon-undo"></div>, um den zuletzt durchgeführten Vorgang rückgängig zu machen.</li>
+                <li><b>Wiederholen</b> – klicken Sie auf das Symbol <b>Wiederholen</b> <div class = "icon icon-redo"></div>, um den zuletzt rückgängig gemachten Vorgang zu wiederholen.<p>Alternativ können Sie Vorgänge auch mit der Tastenkombination <b>STRG+Z</b> rückgängig machen bzw. mit <b>STRG+Y</b> wiederholen.</p>
                 </li>
             </ul>
             <p class="note"><b>Hinweis</b>: Wenn Sie eine Präsentation im Modus <b>Schnell</b> gemeinsam bearbeiten, ist die Option letzten rückgängig gemachten Vorgang <b>wiederherstellen</b> nicht verfügbar.</p>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/CreateLists.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/CreateLists.htm
index 96f3482395..949da702a7 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/CreateLists.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/CreateLists.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Create bulleted and numbered lists in the presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,8 +20,8 @@
 				<li>Positionieren Sie den Cursor an der Stelle, wo Sie die Liste beginnen möchten (dabei kann es sich um eine neue Zeile handeln oder eine bereits vorhandene).</li>
                 <li>Wechseln Sie in der oberen Symbolleiste auf die Registerkarte <b>Start</b>.</li>
                 <li>Wählen Sie einen Listentyp:<ul>
-						<li><b>Aufzählung</b> mit Markern - klicken Sie in der oberen Symbolleiste auf das Symbol <b>Aufzählungszeichen</b> <img alt="Aufzählungszeichen" src="../images/bullets.png" /></li>
-						<li><b>Nummerierte Liste</b> mit Zahlen oder Buchstaben - klicken Sie in der oberen Symbolleiste auf das Symbol <b>Nummerierte Liste</b> <img alt="Nummerierung" src="../images/numbering.png" /><p class="note"><b>Hinweis</b>: Mit dem schwarzen Pfeil neben dem Symbol <b>Aufzählungszeichen</b> oder <b>Nummerierung</b>, können Sie das Format der Liste näher bestimmen.</p>
+						<li><b>Aufzählung</b> mit Markern - klicken Sie in der oberen Symbolleiste auf das Symbol <b>Aufzählungszeichen</b> <div class = "icon icon-bullets"></div></li>
+						<li><b>Nummerierte Liste</b> mit Zahlen oder Buchstaben - klicken Sie in der oberen Symbolleiste auf das Symbol <b>Nummerierte Liste</b> <div class = "icon icon-numbering"></div><p class="note"><b>Hinweis</b>: Mit dem schwarzen Pfeil neben dem Symbol <b>Aufzählungszeichen</b> oder <b>Nummerierung</b>, können Sie das Format der Liste näher bestimmen.</p>
 						</li>
 					</ul>
 				</li>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/FillObjectsSelectColor.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/FillObjectsSelectColor.htm
index 4304bd750b..17fc90e0e8 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/FillObjectsSelectColor.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/FillObjectsSelectColor.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Fill the added objects with color, picture or texture, select colors for the slide background, autoshape fill and stroke, font." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,9 +18,9 @@
 			<p>Im <a target="_blank" href="https://www.onlyoffice.com/de/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a> sie haben die Möglichkeit für Folien, AutoFormen und DekoSchriften verschiedene Füllfarben und Hintergründe zu verwenden.</p>
 			<ol>
 			<li>Wählen Sie ein Objekt<ul>
-                    <li>Um die Hintergrundfarbe einer Folie zu ändern, wählen Sie die gewünschte Folie in der Folienliste aus. Die Registerkarte <img alt="Folieneinstellungen" src="../images/slide_settings_icon.png" /> <b>Folieneinstellungen</b> wird in der rechten Menüleiste aktiviert.</li>
-                    <li>Um die Füllung einer AutoForm zu ändern, klicken Sie mit der linken Maustaste auf die gewünschte AutoForm. Die Registerkarte <img alt="Formeinstellungen" src="../images/shape_settings_icon.png" /> <b>Folieneinstellungen</b> wird in der rechten Menüleiste aktiviert.</li>
-                    <li>Um die Füllung einer DekoSchrift zu ändern, klicken Sie mit der linken Maustaste auf das gewünschte Textfeld. Die Registerkarte <img alt="TextArt-Einstellungen" src="../images/textart_settings_icon.png" /> <b>Folieneinstellungen</b> wird in der rechten Menüleiste aktiviert.</li>
+                    <li>Um die Hintergrundfarbe einer Folie zu ändern, wählen Sie die gewünschte Folie in der Folienliste aus. Die Registerkarte <div class = "icon icon-slide_settings_icon"></div> <b>Folieneinstellungen</b> wird in der rechten Menüleiste aktiviert.</li>
+                    <li>Um die Füllung einer AutoForm zu ändern, klicken Sie mit der linken Maustaste auf die gewünschte AutoForm. Die Registerkarte <div class = "icon icon-shape_settings_icon"></div> <b>Folieneinstellungen</b> wird in der rechten Menüleiste aktiviert.</li>
+                    <li>Um die Füllung einer DekoSchrift zu ändern, klicken Sie mit der linken Maustaste auf das gewünschte Textfeld. Die Registerkarte <div class = "icon icon-textart_settings_icon"></div> <b>Folieneinstellungen</b> wird in der rechten Menüleiste aktiviert.</li>
                 </ul>
 			</li>
 			<li>Gewünschte Füllung festlegen</li>
@@ -50,7 +51,7 @@
 					<li><b>Winkel</b> - stellen Sie den numerischen Wert für einen genauen Farbübergangswinkel ein.</li>
 					<li><b>Punkt des Farbverlaufs</b> ist ein bestimmter Punkt für den Verlauf von einer Farbe zur anderen.
 										<ul>
-											<li>Verwenden Sie die Schaltfläche <img alt="Punkt des Farbverlaufs einfügen" src="../images/addgradientpoint.png" /> <b>Punkt des Farbverlaufs einfügen</b> oder den Schieberegler, um einen Punkt des Verlaufs einzufügen. Sie können bis zu 10 Punkte einfügen. Jeder nächste eingefügte Punkt des Farbverlaufs beeinflusst in keiner Weise die aktuelle Darstellung der Farbverlaufsfüllung. Verwenden Sie die Schaltfläche <img alt="Punkt des Farbverlaufs entfernen" src="../images/removegradientpoint.png" /> <b>Punkt des Farbverlaufs entfernen</b>, um den bestimmten Punkt zu löschen.</li>
+											<li>Verwenden Sie die Schaltfläche <div class = "icon icon-addgradientpoint"></div> <b>Punkt des Farbverlaufs einfügen</b> oder den Schieberegler, um einen Punkt des Verlaufs einzufügen. Sie können bis zu 10 Punkte einfügen. Jeder nächste eingefügte Punkt des Farbverlaufs beeinflusst in keiner Weise die aktuelle Darstellung der Farbverlaufsfüllung. Verwenden Sie die Schaltfläche <div class = "icon icon-removegradientpoint"></div> <b>Punkt des Farbverlaufs entfernen</b>, um den bestimmten Punkt zu löschen.</li>
 											<li>Verwenden Sie den Schieberegler, um die Position des Farbverlaufspunkts zu ändern, oder geben Sie <b>Position</b> in Prozent an, um eine genaue Position zu erhalten.</li>
 											<li>Um eine Farbe auf einen Verlaufspunkt anzuwenden, klicken Sie auf einen Punkt im Schieberegler und dann auf <b>Farbe</b>, um die gewünschte Farbe auszuwählen.</li>
 										</ul>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/HighlightedCode.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/HighlightedCode.htm
index 2e031c370c..a12ebb7265 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/HighlightedCode.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/HighlightedCode.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="Die Beschreibung des Code-hervorheben--Plugins für ONLYOFFICE Editoren, mit dem Code mit dem bereits angepassten Stil in Dokumente eingefügt werden kann" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -17,7 +18,7 @@
         <p>Im <a href="https://www.onlyoffice.com/de/presentation-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a> können Sie hervorgehobenen Code mit dem schon angepassten Stil entsprechend der Programmiersprache und dem Farbstil des von Ihnen ausgewählten Programms einfügen.</p>
         <ol>
             <li>Gehen Sie zu Ihrer Präsentation und platzieren Sie den Cursor an der Stelle, an der Sie den Code einfügen möchten.</li>
-            <li>Öffnen Sie die Registerkarte <b>Plugins</b> und wählen Sie den Menüpunkt <img alt="Code hervorheben Plugin - Symbol" src="../images/highlight.png" /> <b>Code hervorheben</b> aus.</li>
+            <li>Öffnen Sie die Registerkarte <b>Plugins</b> und wählen Sie den Menüpunkt <div class = "icon icon-highlight"></div> <b>Code hervorheben</b> aus.</li>
             <li>Geben Sie die Programmier<b>sprache</b> an.</li>
             <li>Wählen Sie einen Code-<b>Stil</b> aus, der so aussieht, als wäre er in diesem Programm geöffnet.</li>
             <li>Geben Sie an, ob Sie Tabulatoren durch Leerzeichen ersetzen möchten.</li>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertAutoshapes.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertAutoshapes.htm
index d1f0f0666d..e766e20a06 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertAutoshapes.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertAutoshapes.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add an autoshape to your presentation and adjust its properties." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<p>Eine AutoForm in eine Folie <b>einfügen</b> im <a target="_blank" href="https://www.onlyoffice.com/de/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a>:</p>
 			<ol>
 				<li>Wählen Sie in der Folienliste links die Folie aus, der Sie eine AutoForm hinzufügen wollen.</li>
-				<li>Klicken Sie in der oberen Symbolleiste in den Registerkarten <b>Start</b> oder <b>Einfügen</b> auf <img alt="Form" src="../images/insertautoshape.png" /> <b>Form</b>.</li>
+				<li>Klicken Sie in der oberen Symbolleiste in den Registerkarten <b>Start</b> oder <b>Einfügen</b> auf <div class = "icon icon-insertautoshape"></div> <b>Form</b>.</li>
 				<li>Wählen Sie eine der verfügbaren Gruppen von AutoFormen: Standardformen, geformte Pfeile, Mathematik, Diagramme, Sterne &amp; Bänder, Legenden, Buttons, Rechtecke, Linien.</li>
 				<li>Klicken Sie in der gewählten Gruppe auf die gewünschte AutoForm.</li>
 				<li>Positionieren Sie den Mauszeiger an der Stelle, an der Sie eine Form hinzufügen möchten.<p class="note"><b>Hinweis</b>: Sie können klicken und ziehen, um die Form auszudehnen.</p>
@@ -28,7 +29,7 @@
 			</ol>
 			<hr />
             <h3>Einstellungen der AutoForm anpassen</h3>
-			<p>Einige Eigenschaften der AutoFormen können in der Registerkarte <b>Formeinstellungen</b> in der rechten Seitenleiste geändert werden. Klicken Sie dazu auf die AutoForm und wählen Sie das Symbol <b>Formeinstellungen</b> <img alt="Formeinstellungen" src="../images/shape_settings_icon.png" /> in der rechten Seitenleiste aus. Hier können die folgenden Eigenschaften geändert werden:</p>
+			<p>Einige Eigenschaften der AutoFormen können in der Registerkarte <b>Formeinstellungen</b> in der rechten Seitenleiste geändert werden. Klicken Sie dazu auf die AutoForm und wählen Sie das Symbol <b>Formeinstellungen</b> <div class = "icon icon-shape_settings_icon"></div> in der rechten Seitenleiste aus. Hier können die folgenden Eigenschaften geändert werden:</p>
 			<p><img class="floatleft"alt="Registerkarte Formeinstellungen" src="../images/shapesettingstab.png" /></p>
 			<ul  style="margin-left: 280px;">
 			<li><b>Füllung</b> - zum Ändern der Füllung einer AutoForm. Folgende Optionen stehen Ihnen zur Verfügung:<ul>
@@ -47,17 +48,17 @@
     			</ul>
 			</li>
                 <li><b>Drehen</b> dient dazu die Form um 90 Grad im oder gegen den Uhrzeigersinn zu drehen oder die Form horizontal oder vertikal zu spiegeln. Wählen Sie eine der folgenden Optionen:<ul>
-                        <li><img alt="Gegen den Uhrzeigersinn drehen" src="../images/rotatecounterclockwise.png" /> um die Form um 90 Grad gegen den Uhrzeigersinn zu drehen</li>
-                        <li><img alt="Im Uhrzeigersinn drehen" src="../images/rotateclockwise.png" /> um die Form um 90 Grad im Uhrzeigersinn zu drehen</li>
-                        <li><img alt="Horizontal spiegeln" src="../images/fliplefttoright.png" /> um die Form horizontal zu spiegeln (von links nach rechts)</li>
-                        <li><img alt="Vertikal spiegeln" src="../images/flipupsidedown.png" /> um die Form vertikal zu spiegeln (von oben nach unten)</li>
+                        <li><div class = "icon icon-rotatecounterclockwise"></div> um die Form um 90 Grad gegen den Uhrzeigersinn zu drehen</li>
+                        <li><div class = "icon icon-rotateclockwise"></div> um die Form um 90 Grad im Uhrzeigersinn zu drehen</li>
+                        <li><div class = "icon icon-fliplefttoright"></div> um die Form horizontal zu spiegeln (von links nach rechts)</li>
+                        <li><div class = "icon icon-flipupsidedown"></div> um die Form vertikal zu spiegeln (von oben nach unten)</li>
                     </ul>
                 </li>
 			</ul>
 			<hr />
 			<p>Um die <b>erweiterte Einstellungen</b> der AutoForm zu ändern, klicken Sie mit der rechten Maustaste auf die Form und wählen Sie die Option <b>Form - erweiterte Einstellungen</b> im Menü aus, oder klicken Sie in der rechten Seitenleiste auf die Verknüpfung <b>Erweiterte Einstellungen anzeigen</b>. Das Fenster mit den Formeigenschaften wird geöffnet:</p>
             <p><img alt="Formeigenschaften - Registerkarte Größe" src="../images/shape_properties1.png" /></p>
-			<p>Über die Registerkarte <b>Größe</b> können Sie die <b>Breite</b> bzw. <b>Höhe</b> der AutoForm ändern. Wenn Sie die Funktion <b>Seitenverhältnis sperren</b> <img alt="Seitenverhältnis sperren" src="../images/constantproportions.png" /> aktivieren (in diesem Fall sieht das Symbol so aus <img alt="Symbol Seitenverhältnis sperren aktiviert" src="../images/constantproportionsactivated.png" />), werden Breite und Höhe gleichmäßig geändert und das ursprüngliche Deitenverhältnis der AutoForm wird beibehalten.</p>
+			<p>Über die Registerkarte <b>Größe</b> können Sie die <b>Breite</b> bzw. <b>Höhe</b> der AutoForm ändern. Wenn Sie die Funktion <b>Seitenverhältnis sperren</b> <div class = "icon icon-constantproportions"></div> aktivieren (in diesem Fall sieht das Symbol so aus <div class = "icon icon-constantproportionsactivated"></div>), werden Breite und Höhe gleichmäßig geändert und das ursprüngliche Deitenverhältnis der AutoForm wird beibehalten.</p>
             <p><img alt="Form - Erweiterte Einstellungen" src="../images/shape_properties5.png" /></p>
             <p>Die Registerkarte <b>Drehen</b> umfasst die folgenden Parameter:</p>
             <ul>
@@ -100,17 +101,17 @@
             <h3>AutoFormen mithilfe von Verbindungen anbinden</h3>
             <p>Sie können Autoformen mithilfe von Linien mit Verbindungspunkten verbinden, um Abhängigkeiten zwischen Objekten zu demonstrieren (z.B. wenn Sie ein Flussdiagramm erstellen wollen). Gehen Sie dazu vor wie folgt:</p>
             <ol>
-                <li>Klicken Sie in der oberen Symbolleiste in den Registerkarten <b>Start</b> oder <b>Einfügen</b> auf <img alt="Form" src="../images/insertautoshape.png" /> <b>Form</b>.</li>
+                <li>Klicken Sie in der oberen Symbolleiste in den Registerkarten <b>Start</b> oder <b>Einfügen</b> auf <div class = "icon icon-insertautoshape"></div> <b>Form</b>.</li>
                 <li>Wählen Sie die Gruppe <b>Linien</b> im Menü aus.<p><img alt="Formen - Linien" src="../images/connectors.png" /></p>
                 </li>
                 <li>Klicken Sie auf die gewünschte Form in der ausgewählten Gruppe (mit Ausnahme der letzten drei Formen, bei denen es sich nicht um Konnektoren handelt: <em>Kurve</em>, <em>Skizze</em> und <em>Freihand</em>).</li>
-                <li>Bewegen Sie den Mauszeiger über die erste AutoForm und klicken Sie auf einen der Verbindungspunkte <img alt="Verbindungspunkt" src="../images/connectionpoint.png" />, die auf dem Umriss der Form zu sehen sind.<p><img alt="Verbindungen setzen" src="../images/connectors_firstshape.png" /></p>
+                <li>Bewegen Sie den Mauszeiger über die erste AutoForm und klicken Sie auf einen der Verbindungspunkte <div class = "icon icon-connectionpoint"></div>, die auf dem Umriss der Form zu sehen sind.<p><div class = "big big-connectors_firstshape"></div></p>
                 </li>
-                <li>Bewegen Sie den Mauszeiger in Richtung der zweiten AutoForm und klicken Sie auf den gewünschten Verbindungspunkt auf dem Umriss der Form.<p><img alt="Verbindungen setzen" src="../images/connectors_secondshape.png" /></p>
+                <li>Bewegen Sie den Mauszeiger in Richtung der zweiten AutoForm und klicken Sie auf den gewünschten Verbindungspunkt auf dem Umriss der Form.<p><div class = "big big-connectors_secondshape"></div></p>
                 </li>
             </ol>
             <p>Wenn Sie die verbundenen AutoFormen verschieben, bleiben die Verbindungen an die Form gebunden und bewegen sich mit den Formen zusammen.</p>
-            <p><img alt="Verbundene AutoFormen verschieben" src="../images/connectors_moveshape.png" /></p>
+            <p><div class = "big big-connectors_moveshape"></div></p>
             <p>Alternativ können Sie die Verbindungen auch von den Formen lösen und an andere Verbindungspunkte anbinden.</p>
 		</div>
 	</body>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertCharts.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertCharts.htm
index 81247e42e7..021c9ccc8c 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertCharts.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertCharts.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add a chart to your presentation and adjust its properties" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,7 +20,7 @@
             <ol>
                 <li>Positionieren Sie den Cursor an der Stelle, an der Sie ein Diagramm einfügen möchten.</li>
                 <li>Wechseln Sie in der oberen Symbolleiste auf die Registerkarte <b>Einfügen</b>.</li>
-                <li>Klicken Sie in der oberen Symbolleiste auf das Symbol <img alt="Diagramm" src="../images/insertchart.png" /> <b>Diagramm</b>.</li>
+                <li>Klicken Sie in der oberen Symbolleiste auf das Symbol <div class = "icon icon-insertchart"></div> <b>Diagramm</b>.</li>
                 <li>
                     Wählen Sie den gewünschten Diagrammtyp aus der Liste der verfügbaren Typen aus:
                     <details class="details-example">
@@ -99,10 +100,10 @@
                 <li>
                     Wenn Sie Ihre Auswahl getroffen haben, öffnet sich das Fenster <b>Diagramm bearbeiten</b> und Sie können die gewünschten Daten mithilfe der folgenden Steuerelemente in die Zellen eingeben:
                     <ul>
-                        <li><img alt="Kopieren" src="../images/copy.png" /> und <img alt="Einfügen" src="../images/paste.png" /> - Kopieren und Einfügen der kopierten Daten.</li>
-                        <li><img alt="Rückgängig machen" src="../images/undo1.png" /> und <img alt="Wiederholen" src="../images/redo1.png" /> - Vorgänge Rückgängig machen und Wiederholen.</li>
-                        <li><img alt="Funktion einfügen" src="../images/insertfunction.png" /> - Einfügen einer Funktion.</li>
-                        <li><img alt="Dezimalstelle löschen" src="../images/decreasedec.png" /> und <img alt="Dezimalstelle hinzufügen" src="../images/increasedec.png" /> - Löschen und Hinzufügen von Dezimalstellen.</li>
+                        <li><div class = "icon icon-copy"></div> und <div class = "icon icon-paste"></div> - Kopieren und Einfügen der kopierten Daten.</li>
+                        <li><div class = "icon icon-undo1"></div> und <div class = "icon icon-redo1"></div> - Vorgänge Rückgängig machen und Wiederholen.</li>
+                        <li><div class = "icon icon-insertfunction"></div> - Einfügen einer Funktion.</li>
+                        <li><div class = "icon icon-decreasedec"></div> und <div class = "icon icon-increasedec"></div> - Löschen und Hinzufügen von Dezimalstellen.</li>
                         <li><img alt="Zahlenformat" src="../images/numberformat.png" /> - Zahlenformat ändern, d.h. das Format in dem die eingegebenen Zahlen in den Zellen dargestellt werden.</li>
                         <li><img alt="Diagrammtyp" src="../images/charttypebutton.png" /> zur Auswahl eines anderen Diagrammtyps.</li>
                     </ul>
@@ -119,7 +120,7 @@
                                     <b>Diagrammdatenbereich</b> - wählen Sie Daten für Ihr Diagramm aus.
                                     <ul>
                                         <li>
-                                            Klicken SIe auf das Symbol <img alt="Quelldatenbereich - Symbol" src="../images/changerange.png" /> rechts neben dem Feld <b>Diagrammdatenbereich</b>, um den Datenbereicht auszuwählen.
+                                            Klicken SIe auf das Symbol <div class = "icon icon-changerange"></div> rechts neben dem Feld <b>Diagrammdatenbereich</b>, um den Datenbereicht auszuwählen.
                                             <p><img alt="Datenbereich auswählen - Fenster" src="../images/selectdata.png" /></p>
                                         </li>
                                     </ul>
@@ -129,7 +130,7 @@
                                     <ul>
                                         <li>Im Feld <b>Legendeneinträge (Reihen)</b> klicken Sie auf die Schaltfläche <b>Hinzufügen</b>.</li>
                                         <li>
-                                            Im Fenster <b>Datenreihe bearbeiten</b> geben Sie einen neuen Legendeneintrag ein oder klicken Sie auf das Symbol <img alt="Quelldatenbereich - Symbol" src="../images/changerange.png" /> rechts neben dem Feld <b>Reihenname</b>.
+                                            Im Fenster <b>Datenreihe bearbeiten</b> geben Sie einen neuen Legendeneintrag ein oder klicken Sie auf das Symbol <div class = "icon icon-changerange"></div> rechts neben dem Feld <b>Reihenname</b>.
                                             <p><img alt="Datenreihe bearbeiten - Fenster" src="../images/editseries.png" /></p>
                                         </li>
                                     </ul>
@@ -139,7 +140,7 @@
                                     <ul>
                                         <li>Im Feld <b>Horizontale Achsenbeschriftungen (Rubrik)</b> klicken Sie auf <b>Bearbeiten</b>.</li>
                                         <li>
-                                            Im Feld <b>Der Bereich von Achsenbeschriftungen</b> geben Sie die gewünschten Achsenbeschriftungen ein oder klicken Sie auf das Symbol <img alt="Quelldatenbereich - Symbol" src="../images/changerange.png" /> rechts neben dem Feld <b>Der Bereich von Achsenbeschriftungen</b>, um den Datenbereich auszuwählen.
+                                            Im Feld <b>Der Bereich von Achsenbeschriftungen</b> geben Sie die gewünschten Achsenbeschriftungen ein oder klicken Sie auf das Symbol <div class = "icon icon-changerange"></div> rechts neben dem Feld <b>Der Bereich von Achsenbeschriftungen</b>, um den Datenbereich auszuwählen.
                                             <p><img alt="Der Bereich von Achsenbeschriftungen - Fenster" src="../images/axislabels.png" /></p>
                                         </li>
                                     </ul>
@@ -323,7 +324,7 @@
                 <p>Sie können <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">die Position des Diagramm</a> auf der Folie angeben, indem Sie das Diagram vertikal oder horizontal ziehen.</p>
             </li>
             </ol>
-            <p>Sie können einem Textplatzhalter auch ein Diagramm hinzufügen, indem Sie auf das Symbol <img alt="Diagramm Symbol" src="../images/placeholder_chart.png" /> <b>Diagramm</b> innen drücken und den gewünschten Diagrammtyp auswählen:</p>
+            <p>Sie können einem Textplatzhalter auch ein Diagramm hinzufügen, indem Sie auf das Symbol <div class = "icon icon-placeholder_chart"></div> <b>Diagramm</b> innen drücken und den gewünschten Diagrammtyp auswählen:</p>
             <p><img alt="Einem Textplatzhalter ein Diagramm hinzufügen" src="../images/placeholder_object.png" /></p>
             <p>Es ist auch möglich, einem Folienlayout ein Diagramm hinzuzufügen. Weitere Informationen finden Sie <a href="../UsageInstructions/SetSlideParameters.htm#addtolayout" onclick="onhyperlinkclick(this)">hier</a>.</p>
             <hr />
@@ -335,15 +336,15 @@
             <p><img alt="3D-Diagramm" src="../images/3dchart.png" /></p>
             <hr />
             <h3>Diagrammeinstellungen anpassen</h3>
-            <img alt="Registerkarte Diagramme" src="../images/charttab.png" /><p>Diagrammgröße, -typ und -stil sowie die zur Erstellung des Diagramms verwendeten Daten, können in der rechten Seitenleiste geändert werden. Um das Menü zu aktivieren, klicken Sie auf das Diagramm und wählen Sie rechts das Symbol <b>Diagrammeinstellungen</b> <img alt="Diagrammeinstellungen" src="../images/chart_settings_icon.png" /> aus.</p>
-            <p>Im Abschnitt <b>Größe</b> können Sie Breite und Höhe des aktuellen Diagramms ändern. Wenn Sie die Funktion <b>Seitenverhältnis sperren</b> <img alt="Seitenverhältnis sperren" src="../images/constantproportions.png" /> aktivieren (in diesem Fall sieht das Symbol so aus <img alt="Symbol Seitenverhältnis sperren aktiviert" src="../images/constantproportionsactivated.png" />), werden Breite und Höhe gleichmäßig geändert und das ursprüngliche Seitenverhältnis des Diagramms wird beibehalten.</p>
+            <img alt="Registerkarte Diagramme" src="../images/charttab.png" /><p>Diagrammgröße, -typ und -stil sowie die zur Erstellung des Diagramms verwendeten Daten, können in der rechten Seitenleiste geändert werden. Um das Menü zu aktivieren, klicken Sie auf das Diagramm und wählen Sie rechts das Symbol <b>Diagrammeinstellungen</b> <div class = "icon icon-chart_settings_icon"></div> aus.</p>
+            <p>Im Abschnitt <b>Größe</b> können Sie Breite und Höhe des aktuellen Diagramms ändern. Wenn Sie die Funktion <b>Seitenverhältnis sperren</b> <div class = "icon icon-constantproportions"></div> aktivieren (in diesem Fall sieht das Symbol so aus <div class = "icon icon-constantproportionsactivated"></div>), werden Breite und Höhe gleichmäßig geändert und das ursprüngliche Seitenverhältnis des Diagramms wird beibehalten.</p>
             <p>Im Abschnitt <b>Diagrammtyp ändern</b> können Sie den gewählten Diagrammtyp und -stil über die entsprechende Auswahlliste ändern.</p>
             <p>Um den gewünschten <b>Diagrammstil</b> auszuwählen, verwenden Sie im Abschnitt <b>Diagrammtyp ändern</b> die zweite Auswahlliste.</p>
             <p>Über die Schaltfläche <b>Daten ändern</b> können Sie das Fenster <b>Diagrammtools</b> öffnen und die Daten ändern (wie oben beschrieben).</p>
             <p class="note"><b>Hinweis</b>: Wenn Sie einen Doppelklick auf einem in Ihrer Präsentation enthaltenen Diagramm ausführen, öffnet sich das Fenster „Diagrammtools“.</p>
             <p>Die Option <b>Erweiterte Einstellungen anzeigen</b> in der rechten Seitenleiste ermöglicht das Öffnen des Fensters <b>Diagramm - Erweiterte Einstellungen</b>, über das Sie den alternativen Text festlegen können:</p>
             <p><img alt="Diagramme - Erweiterte Einstellungen" src="../images/chartsettings6.png" /></p>
-            <p>Wenn das Diagramm ausgewählt ist, ist rechts auch das Symbol <b>Formeinstellungen</b> <img alt="Formeinstellungen" src="../images/shape_settings_icon.png" /> verfügbar, da eine Form als Hintergrund für das Diagramm verwendet wird. Klicken Sie auf dieses Symbol, um die Registerkarte <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">Formeinstellungen</a> in der rechten Seitenleiste zu öffnen und passen Sie <b>Füllung</b> und <b>Linienstärke</b> der Form an. Beachten Sie, dass Sie den Formtyp nicht ändern können.</p>
+            <p>Wenn das Diagramm ausgewählt ist, ist rechts auch das Symbol <b>Formeinstellungen</b> <div class = "icon icon-shape_settings_icon"></div> verfügbar, da eine Form als Hintergrund für das Diagramm verwendet wird. Klicken Sie auf dieses Symbol, um die Registerkarte <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">Formeinstellungen</a> in der rechten Seitenleiste zu öffnen und passen Sie <b>Füllung</b> und <b>Linienstärke</b> der Form an. Beachten Sie, dass Sie den Formtyp nicht ändern können.</p>
             <hr />
             <p>Um das hinzugefügte Diagramm zu <b>löschen</b>, wählen Sie es mit der linken Maustaste aus und drücken Sie die Taste <b>ENTF</b> auf Ihrer Tastatur.</p>
             <p>Informationen zum <b>Ausrichten</b> eines Diagramms auf der Folie oder zum <b>Anordnen</b> mehrerer Objekte, finden Sie im Abschnitt <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">Objekte auf einer Folie ausrichten und anordnen</a>.</p>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertEquation.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertEquation.htm
index 23dfd16f1f..c1256d93b7 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertEquation.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertEquation.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Insert equations and mathematical symbols." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,19 +20,19 @@
             <p>Eine Formel aus den Vorlagen einfügen:</p>
 			<ol>
                 <li>Wechseln Sie in der oberen Symbolleiste auf die Registerkarte <b>Einfügen</b>.</li>
-				<li>Klicken Sie auf den Pfeil neben dem Symbol <img alt="Formel" src="../images/insertequationicon.png" /> <b>Formel</b>.</li>
+				<li>Klicken Sie auf den Pfeil neben dem Symbol <div class = "icon icon-insertequationicon"></div> <b>Formel</b>.</li>
 				<li>Wählen Sie im geöffneten Listenmenü die gewünschte Option: Derzeit sind die folgenden Kategorien verfügbar: <em>Symbole</em>, <em>Brüche</em>, <em>Skripte</em>, <em>Wurzeln</em>, <em>Integrale</em>, <em>Große Operatoren</em>, <em>Klammern</em>, <em>Funktionen</em>, <em>Akzente</em>, <em>Grenzwerte und Logarithmen</em>, <em>Operatoren</em>, <em>Matrizen</em>.</li>
                 <li>Klicken Sie im entsprechenden Vorlagensatz auf das gewünschte Symbol/die gewünschte Formel.</li>
 			</ol>
-            <p>Das ausgewählte Symbol/die ausgewählte Formel wird an der aktuellen Cursorposition eingefügt.</p><img alt="Formel einfügen" src="../images/insertedequation.png" /><p>Wenn der Rahmen des Formelfelds nicht angezeigt wird, klicken Sie auf eine beliebige Stelle innerhalb der Formel - der Rahmen wird als gestrichelte Linie dargestellt. Das Formelfeld kann auf der Folie beliebig <b>verschoben, in der Größe verändert oder gedreht</b> werden. Klicken Sie dazu auf den Rahmen des Formelfelds (der Rahmen wird alsdurchgezogene Linie dargestellt) und nutzen Sie die <a href="ManipulateObjects.htm" onclick="onhyperlinkclick(this)">entsprechenden Bedienelemente</a>.</p><img alt="Formel auswählen" src="../images/selectedequation.png" /><p>Jede Formelvorlage steht für eine Reihe von Slots. Ein Slot für jedes Element, aus dem die Gleichung besteht Ein leerer Slot (auch Platzhalter genannt) hat eine gepunktete Linie <img alt="Platzhalter" src="../images/equationplaceholder.png" /> Setzen Sie in alle Platzhalter die gewünschten Werte ein.</p>
+            <p>Das ausgewählte Symbol/die ausgewählte Formel wird an der aktuellen Cursorposition eingefügt.</p><div class = "big big-insertedequation"></div><p>Wenn der Rahmen des Formelfelds nicht angezeigt wird, klicken Sie auf eine beliebige Stelle innerhalb der Formel - der Rahmen wird als gestrichelte Linie dargestellt. Das Formelfeld kann auf der Folie beliebig <b>verschoben, in der Größe verändert oder gedreht</b> werden. Klicken Sie dazu auf den Rahmen des Formelfelds (der Rahmen wird alsdurchgezogene Linie dargestellt) und nutzen Sie die <a href="ManipulateObjects.htm" onclick="onhyperlinkclick(this)">entsprechenden Bedienelemente</a>.</p><div class = "big big-selectedequation"></div><p>Jede Formelvorlage steht für eine Reihe von Slots. Ein Slot für jedes Element, aus dem die Gleichung besteht Ein leerer Slot (auch Platzhalter genannt) hat eine gepunktete Linie <div class = "icon icon-equationplaceholder"></div> Setzen Sie in alle Platzhalter die gewünschten Werte ein.</p>
             <h3>Werte eingeben</h3>
-            <p>Der <b>Einfügepunkt</b> zeigt an, an welcher Stelle das nächste Zeichen erscheint, das Sie eingeben. Um den Cursor präzise zu positionieren, klicken Sie in einen Platzhalter und verschieben Sie den Einfügepunkt, mithilfe der Tastaturpfeile, um ein Zeichen nach links/rechts oder eine Zeile nach oben/unten.</p><img alt="Bearbeitete Formel" src="../images/newslot.png" /><p>Wenn Sie den Einfügepunkt positioniert haben, können Sie die Werte in den Platzhaltern einfügen:<ul>
+            <p>Der <b>Einfügepunkt</b> zeigt an, an welcher Stelle das nächste Zeichen erscheint, das Sie eingeben. Um den Cursor präzise zu positionieren, klicken Sie in einen Platzhalter und verschieben Sie den Einfügepunkt, mithilfe der Tastaturpfeile, um ein Zeichen nach links/rechts oder eine Zeile nach oben/unten.</p><div class = "big big-newslot"></div><p>Wenn Sie den Einfügepunkt positioniert haben, können Sie die Werte in den Platzhaltern einfügen:<ul>
                 <li>Geben Sie geben Sie den gewünschten numerischen/literalen Wert über die Tastatur ein.</li>
-                <li>Wechseln Sie zum Einfügen von Sonderzeichen in die Registerkarte <b>Einfügen</b> und wählen Sie im Menü <img alt="Formel" src="../images/insertequationicon.png" /> <b>Formel</b> das gewünschte Zeichen aus der Palette mit den <b>Symbolen</b> aus.</li>
+                <li>Wechseln Sie zum Einfügen von Sonderzeichen in die Registerkarte <b>Einfügen</b> und wählen Sie im Menü <div class = "icon icon-insertequationicon"></div> <b>Formel</b> das gewünschte Zeichen aus der Palette mit den <b>Symbolen</b> aus.</li>
                 <li>Fügen Sie eine weitere Vorlage aus der Palette hinzu, um eine komplexe verschachtelte Gleichung zu erstellen. Die Größe der primären Formel wird automatisch an den Inhalt angepasst. Die Größe der verschachtelten Gleichungselemente hängt von der Platzhaltergröße der primären Gleichung ab, sie darf jedoch nicht kleiner sein, als die Vorlage für tiefgestellte Zeichen.</li>                
             </ul>
             </p>
-            <p><img alt="Bearbeitete Formel" src="../images/nestedfraction.png" /></p>
+            <p><div class = "big big-nestedfraction"></div></p>
             <p>Alternativ können Sie auch über das <b>Rechtsklickmenü</b> neue Elemente in Ihre Formel einfügen:</p>
             <ul>
                 <li>Um ein neues Argument vor oder nach einem vorhandenen Argument einzufügen, das in <em>Klammern</em> steht, klicken Sie mit der rechten Maustaste auf das vorhandene Argument und wählen Sie die Option <b>Argument vorher/nachher</b> einfügen.</li>
@@ -44,7 +45,7 @@
             <h3>Formeln formatieren</h3>
             <p>Standardmäßig wird die Formel innerhalb des Textfelds horizontal zentriert und vertikal am oberen Rand des Textfelds ausgerichtet. Um die horizontale/vertikale Ausrichtung zu ändern, platzieren Sie den Cursor im Formelfeld (die Rahmen des Textfelds werden als gestrichelte Linien angezeigt) und verwenden Sie die <a href="../UsageInstructions/InsertText.htm#formattext" onclick="onhyperlinkclick(this)">entsprechenden Symbole</a> auf der Registerkarte <b>Start</b>, auf der oberen Symbolleiste.</p>
             <p>Um die <b>Schriftgröße</b> der Formel zu verkleinern oder zu vergrößern, klicken Sie an eine beliebige Stelle im Formelfeld und wählen Sie in der Registerkarte <b>Start</b> die gewünschte Schriftgröße aus der Liste aus. Alle Elemente in der Formel werden entsprechend angepasst.</p>
-            <p>Die Buchstaben innerhalb der Formel werden standardmäßig kursiv gestellt. Bei Bedarf können Sie <b>Schriftart</b> (<em>fett, kursiv, durchgestrichen</em>) oder <b>Schriftfarbe</b> für die gesamte Formel oder Teile davon ändern. <em>Unterstreichen</em> ist nur für die gesamte Formel möglich und nicht für einzelne Zeichen. Wählen Sie den gewünschten Teil der Formel durch anklicken und ziehen aus. Der ausgewählte Teil wird blau markiert. Wechseln Sie in der oberen Symbolleiste auf die Registerkarte <b>Start</b>, um die Auswahl zu formatieren. Sie können zum Beispiel das Kursivformat für gewöhnliche Wörter entfernen, die keine Variablen oder Konstanten darstellen.</p><img alt="Bearbeitete Formel" src="../images/formatastext.png" /><p>Einige Elemente aus der Formel lassen sich auch über das <b>Rechtsklickmenü</b> ändern:</p>
+            <p>Die Buchstaben innerhalb der Formel werden standardmäßig kursiv gestellt. Bei Bedarf können Sie <b>Schriftart</b> (<em>fett, kursiv, durchgestrichen</em>) oder <b>Schriftfarbe</b> für die gesamte Formel oder Teile davon ändern. <em>Unterstreichen</em> ist nur für die gesamte Formel möglich und nicht für einzelne Zeichen. Wählen Sie den gewünschten Teil der Formel durch anklicken und ziehen aus. Der ausgewählte Teil wird blau markiert. Wechseln Sie in der oberen Symbolleiste auf die Registerkarte <b>Start</b>, um die Auswahl zu formatieren. Sie können zum Beispiel das Kursivformat für gewöhnliche Wörter entfernen, die keine Variablen oder Konstanten darstellen.</p><div class = "big big-formatastext"></div><p>Einige Elemente aus der Formel lassen sich auch über das <b>Rechtsklickmenü</b> ändern:</p>
             <ul><li>Um das Format von <em>Brüchen</em> zu ändern, klicken Sie mit der rechten Maustaste auf einen Bruch und wählen Sie im Menü die Option <b>in schrägen/linearen/gestapelten Bruch ändern</b> (die verfügbaren Optionen hängen vom ausgewählten Bruchtyp ab). <!--The <b>Remove/Add fraction bar</b> option is also available for stacked fractions.--></li>
                 <li>Um die Position der <em>Skripte</em> in Bezug auf Text zu ändern, klicken Sie mit der rechten Maustaste auf die Formel, die Skripte enthält und wählen Sie die Option <b>Skripte vor/nach Text</b> aus dem Menü aus.</li>
                 <li>Um die Größe der Argumente für <em>Skripte, Wurzeln, Integrale, Große Operatoren, Grenzwerte und Logarithmen und Operatoren</em> sowie für über- und untergeordnete Klammern und Vorlagen mit Gruppierungszeichen aus der Gruppe <em>Akzente</em>, zu ändern, klicken Sie mit der rechten Maustaste auf das Argument, das Sie ändern wollen, und wählen Sie die Option <b>Argumentgröße vergrößern/verkleinern</b> aus dem Menü aus.</li>
@@ -67,7 +68,7 @@
             <h3>Formelelemente löschen</h3>
             <p>Um Teile einer Formel zu löschen, wählen Sie den Teil den Sie löschen wollen mit der Maus aus oder halten Sie die <b>Umschalttaste</b> gedrückt, und drücken sie dann auf Ihrer Tastatur auf <b>ENTF</b>.</p>
             <p>Ein Slot kann nur zusammen mit der zugehörigen Vorlage gelöscht werden.</p>
-            <p>Um die gesamte Formel zu löschen, klicken Sie auf die Umrandung der Formel (der Rahmen wird als durchgezogene Linie dargestellt) und drücken Sie dann auf Ihrer Tastatur auf <b>ENTF</b>.</p><img alt="Formel löschen" src="../images/deleteequation.png" /><p>Einige Elemente aus der Formel lassen sich auch über das <b>Rechtsklickmenü</b> löschen:</p>
+            <p>Um die gesamte Formel zu löschen, klicken Sie auf die Umrandung der Formel (der Rahmen wird als durchgezogene Linie dargestellt) und drücken Sie dann auf Ihrer Tastatur auf <b>ENTF</b>.</p><div class = "big big-deleteequation"></div><p>Einige Elemente aus der Formel lassen sich auch über das <b>Rechtsklickmenü</b> löschen:</p>
             <ul>
                 <li>Um eine <em>Wurzel</em> zu löschen, klicken Sie diese mit der rechten Maustaste an und wählen Sie die Option <b>Wurzel löschen</b> im Menü aus.</li>
                 <li>Um ein <em>tiefgestelltes Zeichen</em> bzw. ein <em>hochgestelltes Zeichen</em> zu löschen, klicken sie mit der rechten Maustaste auf das entsprechende Element und wählen Sie die Option <b>hochgestelltes/tiefgestelltes Zeichen entfernen</b> im Menü aus. Wenn der Ausdruck Skripte mit Vorrang vor dem Text enthält, ist die Option <b>Skripte entfernen</b> verfügbar.</li>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertHeadersFooters.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertHeadersFooters.htm
index 4253b9f913..10b3d1ed10 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertHeadersFooters.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertHeadersFooters.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Fügen Sie die Fußzeilen sowie Datum und Uhrzeit, Foliennummer ein." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<p>Um eine Fußzeile einzufügen im <a target="_blank" href="https://www.onlyoffice.com/de/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a>:</p>
 			<ol>
 			<li>öffnen Sie die Registerkarte <b>Einfügen</b>,</li>
-            <li>klicken Sie die Schaltfläche <img alt="" src="../images/header_footer_icon.png" /> <b>Fußzeile bearbeiten</b> in der oberen Symbolleiste an,</li>
+            <li>klicken Sie die Schaltfläche <div class = "icon icon-header_footer_icon"></div> <b>Fußzeile bearbeiten</b> in der oberen Symbolleiste an,</li>
             <li>das Fenster <b>Fußzeileneinstellungen</b> wird geöffnet. Markieren Sie die Kästchen mit den Daten, die Sie in die Fußzeile einfügen möchten. Die Änderungen werden im Vorschaufenster rechts angezeigt.
                 <ul>
                     <li>
@@ -41,13 +42,13 @@
             <li>Klicken Sie die Schaltfläche <b>Auf alle anwenden</b> an, um die Änderungen auf alle Folien anzuwenden, oder die Schaltfläche <b>Anwenden</b>, um die Änderungen nur für die aktive Folie anzunehmen.</li>
 			</ol>
             <p>Um das Datum und die Uhrzeit oder die Foliennummer schnell in der Fußzeile der aktiven Folie einzufügen, verwenden Sie die Optionen <b>Foliennummer anzeigen</b> und <b>Datum und Uhrzeit anzeigen</b> im Abschnitt <b>Folieneinstellungen</b> in der rechten Randleiste. Die aktivierten Einstellungen werden nur für die aktive Folie angenommen. Das eingefügte Datum und die Uhrzeit oder die Foliennummer können Sie später im Fenster <b>Fußzeileneinstellungen</b> konfigurieren.</p>
-            <p>Um die eingefügte Fußzeile zu bearbeiten, klicken Sie die Schaltfläche <img alt="Fußzeile bearbeiten - Symbol" src="../images/header_footer_icon.png" /> <b>Fußzeile bearbeiten</b> in der oberen Symbolleiste an, konfigurieren Sie die gewünschte Einstellungen im Fenster <b>Fußzeileneinstellungen</b> und klicken Sie auf <b>Anwenden</b> oder <b>Auf alle anwenden</b>, um die Änderungen zu speichern.</p>
+            <p>Um die eingefügte Fußzeile zu bearbeiten, klicken Sie die Schaltfläche <div class = "icon icon-header_footer_icon"></div> <b>Fußzeile bearbeiten</b> in der oberen Symbolleiste an, konfigurieren Sie die gewünschte Einstellungen im Fenster <b>Fußzeileneinstellungen</b> und klicken Sie auf <b>Anwenden</b> oder <b>Auf alle anwenden</b>, um die Änderungen zu speichern.</p>
             <h3>Das Datum und die Uhrzeit oder die Foliennummer im Textfeld einfügen</h3>
             <p>Sie können das Datum und die Uhrzeit oder die Foliennummer im aktiven Textfeld durch die entsprechenden Schaltflächen auf der Registerkarte <b>Einfügen</b> in der oberen Symbolleiste einfügen.</p>
             <h5>Das Datum und die Uhrzeit einfügen</h5>
             <ol>
                 <li>Positionieren Sie den Mauscursor im Textfeld, wo Sie das Datum und die Uhrzeit einfügen möchten,</li>
-                <li>klicken Sie die Schaltfläche <img alt="Datum und Uhrzeit - Symbol" src="../images/date_time_icon.png" /> <b>Datum und Uhrzeit</b> auf der Registerkarte <b>Einfügen</b> in der oberen Symbolleiste an,</li>
+                <li>klicken Sie die Schaltfläche <div class = "icon icon-date_time_icon"></div> <b>Datum und Uhrzeit</b> auf der Registerkarte <b>Einfügen</b> in der oberen Symbolleiste an,</li>
                 <li>wählen Sie die gewünschte <b>Sprache</b> aus der Liste aus und bestimmen Sie das gewünschte <b>Format</b> für das Datum und die Uhrzeit im Fenster <b>Datum und Uhrzeit</b>,
                 <p><img alt="Datum und Uhrzeit - Einstellungen" src="../images/date_time_settings.png" /></p>
                 </li>
@@ -57,14 +58,14 @@
             <p>Das Datum und die Uhrzeit oder die Foliennummer werden entsprechend der Cursorposition eingefügt. Um das Datum und die Uhrzeit zu bearbeiten,</p>
             <ol>
                 <li>wählen Sie das eingefügte Datum und die Uhrzeit im Textfeld aus,</li>
-                <li>klicken Sie die Schaltfläche <img alt="Datum und Uhrzeit" src="../images/date_time_icon.png" /> <b>Datum und Uhrzeit</b> auf der Registerkarte <b>Einfügen</b> in der oberen Symbolleiste an,</li>
+                <li>klicken Sie die Schaltfläche <div class = "icon icon-date_time_icon"></div> <b>Datum und Uhrzeit</b> auf der Registerkarte <b>Einfügen</b> in der oberen Symbolleiste an,</li>
                 <li>wählen Sie das gewünschte Format im Fenster <b>Datum und Uhrzeit</b>,</li>
                 <li>klicken Sie auf <b>OK</b>.</li>
             </ol>
             <h5>Die Foliennummer einfügen</h5>
             <ol>
                 <li>Positionieren Sie den Mauscursor im Textfeld, wo Sie die Foliennummer einfügen möchten.</li>
-                <li>Klicken Sie die Schaltfläche <img alt="Foliennummer - Symbol" src="../images/slide_number_icon.png" /> Foliennummer auf der Registerkarte <b>Einfügen</b> in der oberen Symbolleiste an.</li>
+                <li>Klicken Sie die Schaltfläche <div class = "icon icon-slide_number_icon"></div> Foliennummer auf der Registerkarte <b>Einfügen</b> in der oberen Symbolleiste an.</li>
                 <li>Markieren Sie das Kästchen <b>Foliennummer</b> im Fenster <b>Fußzeileneinstellungen</b>.</li>
                 <li>Klicken Sie auf <b>OK</b>, um die Änderungen anzunehmen.</li>
             </ol>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertImages.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertImages.htm
index edc44b2ed2..ac3b1f2de3 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertImages.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertImages.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add an image to your presentation and adjust its size and position." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,7 +20,7 @@
 			<p>Ein Bild in eine Folie <b>einfügen</b>:</p>
 			<ol>
 				<li>Markieren Sie mit dem Cursor die Folie in der Folienliste links, in die Sie ein Bild einfügen möchten.</li>
-				<li>Klicken Sie in der oberen Symbolleiste in den Registerkarten <b>Start</b> oder <b>Einfügen</b> auf <img alt="Bild" src="../images/image.png" /> <b>Bild</b>.</li>
+				<li>Klicken Sie in der oberen Symbolleiste in den Registerkarten <b>Start</b> oder <b>Einfügen</b> auf <div class = "icon icon-image"></div> <b>Bild</b>.</li>
 				<li>Wählen Sie eine der folgenden Optionen, um das Bild hochzuladen:<ul>
                         <li>Mit der Option <b>Bild aus Datei</b> öffnen Sie das Standarddialogfenster zur Dateiauswahl. Durchsuchen Sie die Festplatte Ihres Computers nach der gewünschten Bilddatei und klicken Sie auf <b>Öffnen</b>.
                             <p class="note">Im <em>Online-Editor</em> können Sie mehrere Bilder gleichzeitig auswählen.</p></li>
@@ -31,9 +32,9 @@
 			</ol>
 			<hr />
             <h3>Bildeinstellungen anpassen</h3>
-			<p>Klicken Sie mit der linken Maustaste ein Bild an und wählen Sie rechts das Symbol <b>Bildeinstellungen</b> <img alt="Bildeinstellungen" src="../images/image_settings_icon.png" /> aus, um die rechte Seitenleiste zu aktivieren. Hier finden Sie die folgenden Abschnitte:</p><img alt="Registerkarte Bildeinstellungen" src="../images/imagesettingstab.png" /><p><b>Größe</b> - um <b>Breite</b> und <b>Höhe</b> des aktuellen Bildes einzusehen oder bei Bedarf die <b>Standardgröße</b> des Bildes wiederherzustellen.</p>
+			<p>Klicken Sie mit der linken Maustaste ein Bild an und wählen Sie rechts das Symbol <b>Bildeinstellungen</b> <div class = "icon icon-image_settings_icon"></div> aus, um die rechte Seitenleiste zu aktivieren. Hier finden Sie die folgenden Abschnitte:</p><img alt="Registerkarte Bildeinstellungen" src="../images/imagesettingstab.png" /><p><b>Größe</b> - um <b>Breite</b> und <b>Höhe</b> des aktuellen Bildes einzusehen oder bei Bedarf die <b>Standardgröße</b> des Bildes wiederherzustellen.</p>
 			
-            <p>Mit der Schaltfläche <b>Zuschneiden</b> können Sie das Bild zuschneiden. Klicken Sie auf die Schaltfläche <b>Zuschneiden</b>, um die Ziehpunkte zu aktivieren, die an den Bildecken und in der Mitte der Bildseiten angezeigt werden. Ziehen Sie die Ziehpunkte manuell, um den Zuschneidebereich festzulegen. Wenn Sie den Mauszeiger über den Zuschneidebereich bewegen, ändert sich der Zeiger in das <img alt="Pfeil" src="../images/arrow.png" /> Symbol und Sie können die Auswahl in die gewünschte Position ziehen.</p>
+            <p>Mit der Schaltfläche <b>Zuschneiden</b> können Sie das Bild zuschneiden. Klicken Sie auf die Schaltfläche <b>Zuschneiden</b>, um die Ziehpunkte zu aktivieren, die an den Bildecken und in der Mitte der Bildseiten angezeigt werden. Ziehen Sie die Ziehpunkte manuell, um den Zuschneidebereich festzulegen. Wenn Sie den Mauszeiger über den Zuschneidebereich bewegen, ändert sich der Zeiger in das <div class = "icon icon-arrow"></div> Symbol und Sie können die Auswahl in die gewünschte Position ziehen.</p>
             <ul>
                 <li>Um eine einzelne Seite zuzuschneiden, ziehen Sie den Ziehpunkt in der Mitte dieser Seite.</li>
                 <li>Um zwei benachbarte Seiten gleichzeitig zuzuschneiden, ziehen Sie einen der Ziehpunkte in den Ecken.</li>
@@ -49,19 +50,19 @@
             <p><b>Bild ersetzen</b> - das aktuelle Bild durch ein anderes Bild ersetzen und die entsprechende Quelle auswählen. Die folgenden Optionen stehen Ihnen zur Verfügung: <b>Aus Datei</b> oder <b>Aus URL</b>. Die Option <b>Bild ersetzen</b> ist auch im Rechtsklickmenü verfügbar.</p>
             <p><b>Drehen</b> dient dazu das Bild um 90 Grad im oder gegen den Uhrzeigersinn zu drehen und die Form horizontal oder vertikal zu spiegeln. Wählen Sie eine der folgenden Optionen:</p>
             <ul>
-                <li><img alt="Gegen den Uhrzeigersinn drehen" src="../images/rotatecounterclockwise.png" /> um das Bild um 90 Grad gegen den Uhrzeigersinn zu drehen</li>
-                <li><img alt="Im Uhrzeigersinn drehen" src="../images/rotateclockwise.png" /> um das Bild um 90 Grad im Uhrzeigersinn zu drehen</li>
-                <li><img alt="Horizontal spiegeln" src="../images/fliplefttoright.png" /> um das Bild horizontal zu spiegeln (von links nach rechts)</li>
-                <li><img alt="Vertikal spiegeln" src="../images/flipupsidedown.png" /> um das Bild vertikal zu spiegeln (von oben nach unten)</li>
+                <li><div class = "icon icon-rotatecounterclockwise"></div> um das Bild um 90 Grad gegen den Uhrzeigersinn zu drehen</li>
+                <li><div class = "icon icon-rotateclockwise"></div> um das Bild um 90 Grad im Uhrzeigersinn zu drehen</li>
+                <li><div class = "icon icon-fliplefttoright"></div> um das Bild horizontal zu spiegeln (von links nach rechts)</li>
+                <li><div class = "icon icon-flipupsidedown"></div> um das Bild vertikal zu spiegeln (von oben nach unten)</li>
             </ul>
-            <p>Wenn Sie das Bild ausgewählt haben, ist rechts auch das Symbol <b>Formeinstellungen</b> <img alt="Formeinstellungen" src="../images/shape_settings_icon.png" /> verfügbar. Klicken Sie auf dieses Symbol, um die Registerkarte <b>Formeinstellungen</b> in der rechten Seitenleiste zu öffnen und passen Sie Form, <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>Linientyp</b></a>, Größe und Farbe an oder ändern Sie die Form und wählen Sie im Menü <b>AutoForm ändern</b> eine neue Form aus. Die Form des Bildes ändert sich entsprechend Ihrer Auswahl.</p>
+            <p>Wenn Sie das Bild ausgewählt haben, ist rechts auch das Symbol <b>Formeinstellungen</b> <div class = "icon icon-shape_settings_icon"></div> verfügbar. Klicken Sie auf dieses Symbol, um die Registerkarte <b>Formeinstellungen</b> in der rechten Seitenleiste zu öffnen und passen Sie Form, <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>Linientyp</b></a>, Größe und Farbe an oder ändern Sie die Form und wählen Sie im Menü <b>AutoForm ändern</b> eine neue Form aus. Die Form des Bildes ändert sich entsprechend Ihrer Auswahl.</p>
             <p><img alt="Registerkarte Formeinstellungen" src="../images/right_image_shape.png" /></p>
 			<hr />
 			<p>Um die <b>erweiterten Einstellungen</b> des Bildes zu ändern, klicken Sie mit der rechten Maustaste auf das Bild und wählen Sie die Option <b>Bild - erweiterte Einstellungen</b> im Menü aus, oder klicken Sie in der rechten Seitenleiste auf die Verknüpfung <b>Erweiterte Einstellungen anzeigen</b>. Das Fenster mit den Bildeigenschaften wird geöffnet:</p>
             <p><img alt="Bildeigenschaften" src="../images/image_properties.png" /></p>
 			<p>In der Registerkarte <b>positionieren</b> können Sie die folgenden Bildeigenschaften festlegen:</p>
 			<ul>
-				<li><b>Größe</b> - mit diesen Optionen können Sie die Breite bzw. Höhe des Bildes ändern. Wenn Sie die Funktion <b>Seitenverhältnis sperren</b> <img alt="Seitenverhältnis sperren" src="../images/constantproportions.png" /> aktivieren (in diesem Fall sieht das Symbol so aus <img alt="Symbol Seitenverhältnis sperren aktiviert" src="../images/constantproportionsactivated.png" />), werden Breite und Höhe gleichmäßig geändert und das ursprüngliche Bildseitenverhältnis wird beibehalten. Um die Standardgröße des hinzugefügten Bildes wiederherzustellen, klicken Sie auf <b>Standardgröße</b>.</li>
+				<li><b>Größe</b> - mit diesen Optionen können Sie die Breite bzw. Höhe des Bildes ändern. Wenn Sie die Funktion <b>Seitenverhältnis sperren</b> <div class = "icon icon-constantproportions"></div> aktivieren (in diesem Fall sieht das Symbol so aus <div class = "icon icon-constantproportionsactivated"></div>), werden Breite und Höhe gleichmäßig geändert und das ursprüngliche Bildseitenverhältnis wird beibehalten. Um die Standardgröße des hinzugefügten Bildes wiederherzustellen, klicken Sie auf <b>Standardgröße</b>.</li>
 				<li><b>Position</b> - über diese Option können Sie die Position des Bildes auf der Folie ändern (die Position wird im Verhältnis zum oberen und linken Rand der Folie berechnet).</li>
 			</ul>
             <p><img alt="Bildeigenschaften: Drehen" src="../images/image_properties2.png" /></p>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertSymbols.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertSymbols.htm
index 125fad403d..685c8b3e0b 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertSymbols.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertSymbols.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="Symbole und Sonderzeichen einfügen" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -15,13 +16,13 @@
         </div>
         <h1>Symbole und Sonderzeichen einfügen</h1>
         <p>
-            Während des Arbeitsprozesses im <a target="_blank" href="https://www.onlyoffice.com/de/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a> wollen Sie ein Symbol einfügen, das sich nicht auf der Tastatur befindet. Um solche Symbole einzufügen, verwenden Sie die Option <img alt="Symbolbild" src="../images/insert_symbol_icon.png" /> <b>Symbol einfügen</b>:
+            Während des Arbeitsprozesses im <a target="_blank" href="https://www.onlyoffice.com/de/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a> wollen Sie ein Symbol einfügen, das sich nicht auf der Tastatur befindet. Um solche Symbole einzufügen, verwenden Sie die Option <div class = "icon icon-insert_symbol_icon"></div> <b>Symbol einfügen</b>:
         </p>
         <ul>
             <li>positionieren Sie den Textcursor an der Stelle für das Sonderzeichen,</li>
             <li>öffnen Sie die Registerkarte <b>Einfügen</b>,</li>
             <li>
-                klicken Sie <img alt="Symbolbild" src="../images/insert_symbol_icon.png" /> <b>Symbol</b> an,
+                klicken Sie <div class = "icon icon-insert_symbol_icon"></div> <b>Symbol</b> an,
                 <p><img alt="Symbolrandleiste" src="../images/insert_symbol_window.png" /></p>
             </li>
             <li>Das Dialogfeld <b>Symbol</b> wird angezeigt, in dem Sie das gewünschte Symbol auswählen können,</li>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertTables.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertTables.htm
index 9eabfba369..4d8e15e531 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertTables.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertTables.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add a table to your presentation and adjust its properties" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,7 +20,7 @@
 			<ol>
 				<li>Wählen Sie die gewünschte Folie aus, in die Sie eine Tabelle einfügen möchten.</li>
                 <li>Wechseln Sie in der oberen Symbolleiste auf die Registerkarte <b>Einfügen</b>.</li>
-				<li>Klicken Sie auf das Symbol <img alt="Tabelle" src="../images/inserttable.png" /> <b>Tabelle</b>.</li>
+				<li>Klicken Sie auf das Symbol <div class = "icon icon-inserttable"></div> <b>Tabelle</b>.</li>
 				<li>Wählen Sie die gewünschte Option für die Erstellung einer Tabelle:<ul>
 						<li><p>Tabelle mit einer vordefinierten Zellenanzahl (maximal 10 x 8 Zellen)</p>
 						<p>Wenn Sie schnell eine Tabelle erstellen möchten, wählen Sie einfach die Anzahl der Zeilen (maximal 8) und Spalten (maximal 10) aus.</p></li>
@@ -31,7 +32,7 @@
 			</ol>
 			<p>Sie können die <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">Position der Tabelle</a> auf der Folie bestimmen, indem Sie diese vertikal oder horizontal verschieben.</p>
 			<hr />
-            <h3>Tabelleneinstellungen anpassen</h3><img class="floatleft"alt="Registerkarte Tabelleneinstellungen" src="../images/tablesettingstab.png" /><p>Die meisten Tabelleneigenschaften sowie die Struktur, können Sie in der rechten Seitenleiste ändern. Um diese zu aktivieren, klicken Sie auf die Tabelle und wählen Sie rechts das Symbol <b>Tabelleneinstellungen</b> <img alt="Tabelleneinstellungen" src="../images/table_settings_icon.png" /> aus.</p>
+            <h3>Tabelleneinstellungen anpassen</h3><img class="floatleft"alt="Registerkarte Tabelleneinstellungen" src="../images/tablesettingstab.png" /><p>Die meisten Tabelleneigenschaften sowie die Struktur, können Sie in der rechten Seitenleiste ändern. Um diese zu aktivieren, klicken Sie auf die Tabelle und wählen Sie rechts das Symbol <b>Tabelleneinstellungen</b> <div class = "icon icon-table_settings_icon"></div> aus.</p>
 			<p>In den Abschnitten <b>Zeilen</b> und <b>Spalten</b>, haben Sie die Möglichkeit, bestimmte Zeilen/Spalten hervorzuheben, eine bestimmte Formatierung anzuwenden oder die Zeilen/Spalten in den verschiedenen Hintergrundfarben einzufärben, um sie klar zu unterscheiden. Folgende Auswahlmöglichkeiten stehen zur Verfügung:</p>
 			<ul style="margin-left: 280px;">
 				<li><b>Kopfzeile</b> - die erste Zeile der Tabelle wird durch eine bestimmte Formatierung hervorgehoben.</li>
@@ -42,14 +43,14 @@
 				<li><b>Gebänderte Spalten</b> - gerade und ungerade Spalten werden unterschiedlich formatiert.</li>
 			</ul>
 			<p>Im Abschnitt <b>Aus Vorlage wählen</b> können Sie einen vordefinierten Tabellenstil auswählen. Jede Vorlage kombiniert bestimmte Formatierungsparameter, wie Hintergrundfarbe, Rahmenstil, Zellen-/Spaltenformat usw. Abhängig von den in den Abschnitten <b>Zeilen</b> oder <b>Spalten</b> ausgewählten Optionen, werden die Vorlagen unterschiedlich dargestellt. Wenn Sie zum Beispiel die Option <b>Kopfzeile</b> im Abschnitt <b>Zeilen</b> und die Option <b>Gebänderte Spalten</b> im Abschnitt <b>Spalten</b> aktiviert haben, enthält die angezeigte Vorlagenliste nur Vorlagen mit Kopfzeile und gebänderten Spalten:</p>
-			<p><img alt="Vorlagenliste" src="../images/templateslist.png" /></p>
+			<p><div class = "big big-templateslist"></div></p>
 			<p>Im Abschnitt <b>Rahmenstil</b> können Sie die angewandte Formatierung ändern, die der gewählten Vorlage entspricht. Sie können die ganze Tabelle auswählen oder einen bestimmten Zellenbereich, dessen Formatierung Sie ändern möchten, und alle Parameter manuell bestimmen.</p>
 			<ul>
-				<li><b>Rahmen</b> - legen Sie die Stärke des Rahmens in der Liste <img alt="Liste Rahmenstärke" src="../images/bordersize.png" /> fest (oder wählen Sie die Option <b>Kein Rahmen</b>) sowie den gewünschten Rahmenstil und wählen Sie die <b>Rahmenfarbe</b> aus den verfügbaren Paletten aus:<p><img alt="Liste Rahmenstil" src="../images/bordertype.png" /></p>
+				<li><b>Rahmen</b> - legen Sie die Stärke des Rahmens in der Liste <div class = "big big-bordersize"></div> fest (oder wählen Sie die Option <b>Kein Rahmen</b>) sowie den gewünschten Rahmenstil und wählen Sie die <b>Rahmenfarbe</b> aus den verfügbaren Paletten aus:<p><div class = "big big-bordertype"></div></p>
 				</li>
 				<li><b>Hintergrundfarbe</b> - wählen Sie eine Farbe für den Hintergrund innerhalb der ausgewählten Zellen.</li>
 			</ul>
-			<p>Im Abschnitt <b>Zeilen &amp; Spalten</b> <img alt="Zeilen &amp; Spalten" src="../images/rowsandcolumns.png" /> können Sie folgende Vorgänge durchzuführen:</p>
+			<p>Im Abschnitt <b>Zeilen &amp; Spalten</b> <div class = "icon icon-rowsandcolumns"></div> können Sie folgende Vorgänge durchzuführen:</p>
 			<ul>
 				<li><b>Auswählen</b> - eine Zeile, Spalte, Zelle (abhängig von der Cursorposition) oder die ganze Tabelle auswählen.</li>
 				<li><b>Einfügen</b> eine neue Zeile unter oder über der ausgewählten Zeile bzw. eine neue Spalte links oder rechts von der ausgewählten Spalte einfügen.</li>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertText.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertText.htm
index 09ffb23fcd..85e4e5acbf 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertText.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/InsertText.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Insert and Format your Text" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,10 +20,10 @@
 			    <ul>
 			        <li>Textabschnitt in den entsprechenden Textplatzhalter auf der Folie einfügen. Platzieren Sie dazu den Cursor im Platzhalter und geben Sie Ihren Text ein oder fügen Sie diesen mithilfe der Tastenkombination <b>STRG+V</b> ein.</li>
 			        <li>Textabschnitt an beliebiger Stelle auf einer Folie einfügen. Fügen Sie ein Textfeld (rechteckiger Rahmen, in den ein Text eingegeben werden kann) oder ein TextArtfeld (Textfeld mit einer vordefinierten Schriftart und Farbe, das die Anwendung von Texteffekten ermöglicht) in die Folie ein. Abhängig vom ausgewählten Textobjekt haben Sie folgende Möglichkeiten:<ul>
-                                    <li>Um ein Textfeld hinzuzufügen, klicken Sie in der oberen Symbolleiste in den Registerkarten <b>Start</b> oder <b>Einfügen</b> auf das Symbol <img alt="Textfeld" src="../images/inserttexticon.png" /> <b>Textfeld</b> und dann auf die Stelle, an der Sie das Textfeld einfügen möchten. Halten Sie die Maustaste gedrückt, und ziehen Sie den Rahmen des Textfelds in die gewünschte Größe. Wenn Sie die Maustaste loslassen, erscheint die Einfügemarke im hinzugefügten Textfeld und Sie können Ihren Text eingeben.
-						<p class="note">Alternativ können Sie ein Textfeld einfügen, indem Sie in der oberen Symbolleiste auf <img alt="Form" src="../images/insertautoshape.png" /> <b>Form</b> klicken und das Symbol <img alt="Text-AutoForm einfügen" src="../images/text_autoshape.png" /> aus der Gruppe <b>Standardformen</b> auswählen.</p>
+                                    <li>Um ein Textfeld hinzuzufügen, klicken Sie in der oberen Symbolleiste in den Registerkarten <b>Start</b> oder <b>Einfügen</b> auf das Symbol <div class = "icon icon-inserttexticon"></div> <b>Textfeld</b> und dann auf die Stelle, an der Sie das Textfeld einfügen möchten. Halten Sie die Maustaste gedrückt, und ziehen Sie den Rahmen des Textfelds in die gewünschte Größe. Wenn Sie die Maustaste loslassen, erscheint die Einfügemarke im hinzugefügten Textfeld und Sie können Ihren Text eingeben.
+						<p class="note">Alternativ können Sie ein Textfeld einfügen, indem Sie in der oberen Symbolleiste auf <div class = "icon icon-insertautoshape"></div> <b>Form</b> klicken und das Symbol <div class = "icon icon-text_autoshape"></div> aus der Gruppe <b>Standardformen</b> auswählen.</p>
                                     </li>
-                                    <li>Um ein TextArt-Objekt einzufügen, klicken Sie auf das Symbol <img alt="TextArt" src="../images/inserttextarticon.png" /> <b>TextArt</b> in der Registerkarte <b>Einfügen</b> und klicken Sie dann auf die gewünschte Stilvorlage - das TextArt-Objekt wird in der Mitte der Folie eingefügt. Markieren Sie den Standardtext innerhalb des Textfelds mit der Maus und ersetzen Sie diesen durch Ihren eigenen Text.</li>
+                                    <li>Um ein TextArt-Objekt einzufügen, klicken Sie auf das Symbol <div class = "icon icon-inserttextarticon"></div> <b>TextArt</b> in der Registerkarte <b>Einfügen</b> und klicken Sie dann auf die gewünschte Stilvorlage - das TextArt-Objekt wird in der Mitte der Folie eingefügt. Markieren Sie den Standardtext innerhalb des Textfelds mit der Maus und ersetzen Sie diesen durch Ihren eigenen Text.</li>
                                 </ul>
 			        </li>
                     <li>Einen Textabschnitt in eine AutoForm einfügen. Wählen Sie eine Form aus und geben Sie Ihren Text ein.</li>
@@ -36,9 +37,9 @@
             <p><img alt="Markiertes Textfeld" src="../images/textbox_boxselected.png" /></p>
 			<ul>
                 <li>Sie können das Textfeld mithilfe der speziellen Ziehpunkte an den Ecken der Form <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">verschieben, drehen und dessen Größe ändern</a>.</li>
-                <li>Um das Textfeld zu bearbeiten, <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">mit einer Füllung zu versehen</a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">Rahmenlinien zu ändern</a>, das rechteckige Feld mit einer anderen Form zu <b>ersetzen</b> oder auf <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">Formen - erweiterte Einstellungen</a> zuzugreifen, klicken Sie in der rechten Seitenleiste auf <b>Formeinstellungen</b> <img alt="Formeinstellungen" src="../images/shape_settings_icon.png" /> und nutzen Sie die entsprechenden Optionen.</li>
+                <li>Um das Textfeld zu bearbeiten, <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">mit einer Füllung zu versehen</a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">Rahmenlinien zu ändern</a>, das rechteckige Feld mit einer anderen Form zu <b>ersetzen</b> oder auf <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">Formen - erweiterte Einstellungen</a> zuzugreifen, klicken Sie in der rechten Seitenleiste auf <b>Formeinstellungen</b> <div class = "icon icon-shape_settings_icon"></div> und nutzen Sie die entsprechenden Optionen.</li>
                 <li>Um ein <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">Textfeld auf einer Folie auszurichten, zu drehen oder zu spiegeln</a> oder Textfelder mit anderen Objekten zu verknüpfen, klicken Sie mit der rechten Maustaste auf den Feldrand und nutzen Sie die entsprechende Option im geöffneten Kontextmenü.</li>
-				<li>Um <b>Textspalten</b> in einem Textfeld zu erzeugen, klicken Sie auf das entsprechende Symbol <img alt="Spalte einfügen Symbol" src="../images/insert_columns.png" /> in der Symbolleiste für Textformatierung und wählen Sie die gewünschte Option aus, oder klicken Sie mit der rechten Maustaste auf den Feldrand, klicken Sie auf die Option <b>Form - Erweiterte Einstellungen</b> und wechseln Sie im Fenster <b>Form - Erweiterte Einstellungen</b> in die Registerkarte <a href="../UsageInstructions/InsertAutoshapes.htm#columns" onclick="onhyperlinkclick(this)"><b>Spalten</b></a>.</li>
+				<li>Um <b>Textspalten</b> in einem Textfeld zu erzeugen, klicken Sie auf das entsprechende Symbol <div class = "icon icon-insert_columns"></div> in der Symbolleiste für Textformatierung und wählen Sie die gewünschte Option aus, oder klicken Sie mit der rechten Maustaste auf den Feldrand, klicken Sie auf die Option <b>Form - Erweiterte Einstellungen</b> und wechseln Sie im Fenster <b>Form - Erweiterte Einstellungen</b> in die Registerkarte <a href="../UsageInstructions/InsertAutoshapes.htm#columns" onclick="onhyperlinkclick(this)"><b>Spalten</b></a>.</li>
             </ul>
             <h3 id="formattext">Text im Textfeld formatieren</h3>
             <p>Markieren Sie den Text im Textfeld, um die Eigenschaften zu verändern. Wenn der Text markiert ist, werden alle Rahmenlinien als gestrichelte Linien angezeigt.</p>
@@ -48,23 +49,23 @@
 			<p>Der Text kann auf vier Arten horizontal ausgerichtet werden: linksbündig, rechtsbündig, zentriert oder im Blocksatz. Textobjekt einfügen:</p>
 			<ol>
 				<li>Bewegen Sie den Cursor an die Stelle, an der Sie den Text ausrichten möchten (dabei kann es sich um eine neue Zeile oder um bereits eingegebenen Text handeln).</li>
-				<li>Wechseln Sie in der oberen Symbolleiste auf die Registerkarte <b>Start</b> und klicken Sie auf <b>Horizontale Ausrichtung</b> <img alt="Horizontale Ausrichtung" src="../images/horizontalalign.png" />, um die Auswahlliste zu öffnen.</li>
+				<li>Wechseln Sie in der oberen Symbolleiste auf die Registerkarte <b>Start</b> und klicken Sie auf <b>Horizontale Ausrichtung</b> <div class = "icon icon-horizontalalign"></div>, um die Auswahlliste zu öffnen.</li>
 				<li>Wählen Sie den gewünschten Ausrichtungstyp:<ul>
-						<li>Die Option <b>Text linksbündig ausrichten</b> <img alt="Linksbündig ausrichten" src="../images/alignleft.png" /> lässt den linken Textrand parallel zum linken Rand des Textbereichs verlaufen (der rechte Textrand bleibt unausgerichtet).</li>
-						<li>Durch die Option <b>Text zentrieren</b> <img alt="Zentriert ausrichten" src="../images/aligncenter.png" /> wird der Text im Textbereich zentriert ausgerichtet (die rechte und linke Seite bleiben unausgerichtet).</li>
-						<li>Die Option <b>Text rechtsbündig ausrichten</b> <img alt="Rechtsbündig ausrichten" src="../images/alignright.png" /> lässt den rechten Textrand parallel zum rechten Rand des Textbereichs verlaufen (der linke Textrand bleibt unausgerichtet).</li>
-						<li>Die Option <b>Im Blocksatz ausrichten</b> <img alt="Blocksatz" src="../images/justify.png" /> lässt den Text parallel zum linken und rechten Rand des Textbereichs verlaufen (zusätzlicher Abstand wird hinzugefügt, wo es notwendig ist, um die Ausrichtung beizubehalten).</li>
+						<li>Die Option <b>Text linksbündig ausrichten</b> <div class = "icon icon-alignleft"></div> lässt den linken Textrand parallel zum linken Rand des Textbereichs verlaufen (der rechte Textrand bleibt unausgerichtet).</li>
+						<li>Durch die Option <b>Text zentrieren</b> <div class = "icon icon-aligncenter"></div> wird der Text im Textbereich zentriert ausgerichtet (die rechte und linke Seite bleiben unausgerichtet).</li>
+						<li>Die Option <b>Text rechtsbündig ausrichten</b> <div class = "icon icon-alignright"></div> lässt den rechten Textrand parallel zum rechten Rand des Textbereichs verlaufen (der linke Textrand bleibt unausgerichtet).</li>
+						<li>Die Option <b>Im Blocksatz ausrichten</b> <div class = "icon icon-justify"></div> lässt den Text parallel zum linken und rechten Rand des Textbereichs verlaufen (zusätzlicher Abstand wird hinzugefügt, wo es notwendig ist, um die Ausrichtung beizubehalten).</li>
 					</ul>
 				</li>
 			</ol>
 			<p>Der Text kann vertikal auf drei Arten ausgerichtet werden: oben, mittig oder unten. Textobjekt einfügen:</p>
 			<ol>
 				<li>Bewegen Sie den Cursor an die Stelle, an der Sie den Text ausrichten möchten (dabei kann es sich um eine neue Zeile oder um bereits eingegebenen Text handeln).</li>
-				<li>Wechseln Sie in der oberen Symbolleiste auf die Registerkarte <b>Start</b> und klicken Sie auf <b>Vertikale Ausrichtung</b> <img alt="Vertikal ausrichten" src="../images/verticalalign.png" />, um die Auswahlliste zu öffnen.</li>
+				<li>Wechseln Sie in der oberen Symbolleiste auf die Registerkarte <b>Start</b> und klicken Sie auf <b>Vertikale Ausrichtung</b> <div class = "icon icon-verticalalign"></div>, um die Auswahlliste zu öffnen.</li>
 				<li>Wählen Sie den gewünschten Ausrichtungstyp:<ul>
-						<li>Über die Option <b>Text am oberen Rand ausrichten</b> <img alt="Oben ausrichten" src="../images/aligntop.png" /> richten Sie den Text am oberen Rand des Textfelds aus.</li>
-						<li>Über die Option <b>Text mittig ausrichten</b> <img alt="Mittig ausrichten" src="../images/alignmiddle.png" /> richten Sie den Text im Textfeld mittig aus.</li>
-						<li>Über die Option <b>Text am unteren Rand ausrichten</b> <img alt="Unten ausrichten" src="../images/alignbottom.png" /> richten Sie den Text am unteren Rand des Textfelds aus.</li>
+						<li>Über die Option <b>Text am oberen Rand ausrichten</b> <div class = "icon icon-aligntop"></div> richten Sie den Text am oberen Rand des Textfelds aus.</li>
+						<li>Über die Option <b>Text mittig ausrichten</b> <div class = "icon icon-alignmiddle"></div> richten Sie den Text im Textfeld mittig aus.</li>
+						<li>Über die Option <b>Text am unteren Rand ausrichten</b> <div class = "icon icon-alignbottom"></div> richten Sie den Text am unteren Rand des Textfelds aus.</li>
 					</ul>
 				</li>
 			</ol>
@@ -78,57 +79,57 @@
 			<table>
 				<tr>
 					<td width="10%">Schriftart</td>
-					<td width="15%"><img alt="Schriftart" src="../images/fontfamily.png" /></td>
+					<td width="15%"><div class = "big big-fontfamily"></div></td>
 					<td>Wird verwendet, um eine Schriftart aus der Liste mit den verfügbaren Schriftarten zu wählen. <span class="desktopDocumentFeatures">Wenn eine gewünschte Schriftart nicht in der Liste verfügbar ist, können Sie diese runterladen und in Ihrem Betriebssystem speichern. Anschließend steht Ihnen diese Schrift in der <em>Desktop-Version</em> zur Nutzung zur Verfügung.</span></td>
 				</tr>
 				<tr>
 					<td>Schriftgröße</td>
-					<td><img alt="Schriftgröße" src="../images/fontsize.png" /></td>
+					<td><div class = "icon icon-fontsize"></div></td>
 					<td>Über diese Option kann der gewünschte Wert für die Schriftgröße aus der Dropdown-List ausgewählt werden (die Standardwerte sind: 8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26, 28, 36, 48, 72 und 96). Sie können auch manuell einen Wert in das Feld für die Schriftgröße eingeben und anschließend die <em>Eingabetaste</em> drücken.</td>
 				</tr>
 				<tr>
 					<td>Schriftfarbe</td>
-					<td><img alt="Schriftfarbe" src="../images/fontcolor.png" /></td>
+					<td><div class = "icon icon-fontcolor"></div></td>
 					<td>Wird verwendet, um die Farbe der Buchstaben/Zeichen im Text zu ändern. Klicken Sie auf den Abwärtspfeil neben dem Symbol, um eine <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">Farbe auszuwählen</a>.</td>
 				</tr>
 				<tr>
 					<td>Groß-/Kleinschreibung</td>
-					<td><img alt="Groß-/Kleinschreibung" src="../images/change_case.png" /></td>
+					<td><div class = "icon icon-change_case"></div></td>
 					<td>Wird verwendet, um die Groß- und Kleinschreibung zu ändern. <em>Ersten Buchstaben im Satz großschreiben</em> - die Buchstaben werden wie in einem Satz geschrieben. <em>Kleinbuchstaben</em> - alle Buchstaben sind klein. <em>GROSSBUCHSTABEN</em> - alle Buchstaben sind groß. <em>Ersten Buchstaben im Wort großschreiben</em> - jedes Wort beginnt mit einem Großbuchstaben. <em>gROSS-/kLEINSCHREIBUNG</em> - kehrt die Groß- und Kleinschreibung des ausgewählten Textes oder des Wortes um, an dem sich der Mauszeiger befindet.</td>
 				</tr>
 				<tr>
 					<td>Texthervorhebungsfarbe</td>
-					<td><img alt="Texthervorhebungsfarbe" src="../images/highlightcolor.png" /></td>
-					<td>Wird verwendet, um den Hintergrund für einzelne Sätze, Phrasen, Wörter oder sogar Zeichen durch Hinzufügen eines Farbbandes zu markieren, das den Effekt eines Textmarkers um den Text herum imitiert. Wählen Sie dazu den gewünschten Text aus und klicken Sie anschließend auf den Abwärtspfeil neben dem Symbol, um eine Farbe auf der Palette auszuwählen (diese Farbeinstellung ist unabhängig vom ausgewählten <b>Farbschema</b> und enthält 16 Farben) - die Farbe wird auf den ausgewählten Text angewendet. Alternativ können Sie zuerst eine Hervorhebungsfarbe auswählen und dann den Text mit der Maus auswählen - der Mauszeiger sieht in diesem Fall so aus <img alt="Mauszeiger bei der Texthervorhebung" src="../images/highlight_color_mouse_pointer.png" /> und Sie können mehrere verschiedene Teile Ihres Textes nacheinander markieren. Um die Hervorhebung zu beenden, klicken Sie einfach erneut auf das Symbol. Um die Markierungsfarbe zu löschen, klicken Sie auf die Option <b>Keine Füllung</b>.</td>
+					<td><div class = "icon icon-highlightcolor"></div></td>
+					<td>Wird verwendet, um den Hintergrund für einzelne Sätze, Phrasen, Wörter oder sogar Zeichen durch Hinzufügen eines Farbbandes zu markieren, das den Effekt eines Textmarkers um den Text herum imitiert. Wählen Sie dazu den gewünschten Text aus und klicken Sie anschließend auf den Abwärtspfeil neben dem Symbol, um eine Farbe auf der Palette auszuwählen (diese Farbeinstellung ist unabhängig vom ausgewählten <b>Farbschema</b> und enthält 16 Farben) - die Farbe wird auf den ausgewählten Text angewendet. Alternativ können Sie zuerst eine Hervorhebungsfarbe auswählen und dann den Text mit der Maus auswählen - der Mauszeiger sieht in diesem Fall so aus <div class = "icon icon-highlight_color_mouse_pointer"></div> und Sie können mehrere verschiedene Teile Ihres Textes nacheinander markieren. Um die Hervorhebung zu beenden, klicken Sie einfach erneut auf das Symbol. Um die Markierungsfarbe zu löschen, klicken Sie auf die Option <b>Keine Füllung</b>.</td>
 				</tr>
 				<tr>
 					<td>Fett</td>
-					<td><img alt="Fett" src="../images/bold.png" /></td>
+					<td><div class = "icon icon-bold"></div></td>
 					<td>Der gewählte Textabschnitt wird durch fette Schrift hervorgehoben.</td>
 				</tr>
 				<tr>
 					<td>Kursiv</td>
-					<td><img alt="Kursiv" src="../images/italic.png" /></td>
+					<td><div class = "icon icon-italic"></div></td>
 					<td>Der gewählte Textabschnitt wird durch die Schrägstellung der Zeichen hervorgehoben.</td>
 				</tr>
 				<tr>
 					<td>Unterstrichen</td>
-					<td><img alt="Unterstrichen" src="../images/underline.png" /></td>
+					<td><div class = "icon icon-underline"></div></td>
 					<td>Der gewählten Textabschnitt wird mit einer Linie unterstrichen.</td>
 				</tr>
 				<tr>
 					<td>Durchgestrichen</td>
-					<td><img alt="Durchgestrichen" src="../images/strike.png" /></td>
+					<td><div class = "icon icon-strike"></div></td>
 					<td>Der gewählten Textabschnitt wird mit einer Linie durchgestrichen.</td>
 				</tr>
 				<tr>
 					<td>Hochgestellt</td>
-					<td><img alt="Hochgestellt" src="../images/sup.png" /></td>
+					<td><div class = "icon icon-sup"></div></td>
 					<td>Der gewählte Textabschnitt wird verkleinert und im oberen Teil der Textzeile platziert z.B. in Bruchzahlen.</td>
 				</tr>
 				<tr>
 					<td>Tiefgestellt</td>
-					<td><img alt="Tiefgestellt" src="../images/sub.png" /></td>
+					<td><div class = "icon icon-sub"></div></td>
 					<td>Der gewählte Textabschnitt wird verkleinert und im unteren Teil der Textzeile platziert z.B. in chemischen Formeln.</td>
 				</tr>
 			</table>
@@ -138,7 +139,7 @@
 			<p>Gehen Sie dazu vor wie folgt:</p>
 			<ol style="margin-left: 280px;">
 				<li>Postitionieren Sie den Cursor innerhalb des gewünschten Absatzes oder wählen Sie mehrere Absätze mit der Maus aus.</li>
-				<li>Nutzen Sie die entsprechenden Felder der Registerkarte <img alt="Texteinstellungen" src="../images/text_settings_icon.png" /> <b>Texteinstellungen</b> in der rechten Seitenleiste, um die gewünschten Ergebnisse zu erzielen:<ul>
+				<li>Nutzen Sie die entsprechenden Felder der Registerkarte <div class = "icon icon-text_settings_icon"></div> <b>Texteinstellungen</b> in der rechten Seitenleiste, um die gewünschten Ergebnisse zu erzielen:<ul>
 						<li><b>Zeilenabstand</b> - Zeilenhöhe für die Textzeilen im Absatz festlegen. Sie können unter zwei Optionen wählen: <b>mehrfach</b> (mithilfe dieser Option wird ein Zeilenabstand festgelegt, der ausgehend vom einfachen Zeilenabstand vergrößert wird (Größer als 1)), <b>genau</b> (mithilfe dieser Option wird ein fester Zeilenabstand festgelegt). Sie können den gewünschten Wert im Feld rechts angeben.</li>
 						<li><b>Absatzabstand</b> - Auswählen wie groß die Absätze sind, die zwischen Textzeilen und Abständen angezeigt werden.<ul>
                             <li><b>Vor</b> - Abstand vor dem Absatz festlegen.</li>
@@ -148,18 +149,18 @@
 					</ul>
 				</li>
 			</ol>
-			<p>Um den aktuellen Zeilenabstand zu ändern, können Sie auch auf der Registerkarte <b>Start</b> das Symbol <b>Zeilenabstand</b> <img alt="Zeilenabstand" src="../images/linespacing.png" /> anklicken und den gewünschten Wert aus der Liste auswählen: 1,0; 1,15; 1,5; 2,0; 2,5; oder 3,0 Zeilen.</p>
-		    <p>Um den Absatzversatz von der linken Seite des Textfelds zu ändern, positionieren Sie den Cursor innerhalb des gewünschten Absatzes oder wählen Sie mehrere Absätze mit der Maus aus und klicken Sie auf das entsprechende Symbole auf der Registerkarte <b>Start</b> in der oberen Symbolleiste: <b>Einzug verkleinern</b> <img alt="Einzug verkleinern" src="../images/decreaseindent.png" /> und <b>Einzug vergrößern</b> <img alt="Einzug vergrößern" src="../images/increaseindent.png" />.</p>
+			<p>Um den aktuellen Zeilenabstand zu ändern, können Sie auch auf der Registerkarte <b>Start</b> das Symbol <b>Zeilenabstand</b> <div class = "icon icon-linespacing"></div> anklicken und den gewünschten Wert aus der Liste auswählen: 1,0; 1,15; 1,5; 2,0; 2,5; oder 3,0 Zeilen.</p>
+		    <p>Um den Absatzversatz von der linken Seite des Textfelds zu ändern, positionieren Sie den Cursor innerhalb des gewünschten Absatzes oder wählen Sie mehrere Absätze mit der Maus aus und klicken Sie auf das entsprechende Symbole auf der Registerkarte <b>Start</b> in der oberen Symbolleiste: <b>Einzug verkleinern</b> <div class = "icon icon-decreaseindent"></div> und <b>Einzug vergrößern</b> <div class = "icon icon-increaseindent"></div>.</p>
 		    <hr />
-		    <p>Außerdem können Sie die <b>erweiterten Einstellungen</b> des Absatzes ändern. Positionieren Sie den Mauszeiger im gewünschten Absatz - die Registerkarte <img alt="Texteinstellungen" src="../images/text_settings_icon.png" /> <b>Texteinstellungen</b> wird in der rechten Seitenleiste aktiviert. Klicken Sie auf den Link <b>Erweiterte Einstellungen anzeigen</b>. Das Fenster mit den Absatzeigenschaften wird geöffnet:</p><img alt="Absatzeigenschaften - Registerkarte Einzüge &amp; Position" src="../images/textadvancedsettings1.png" /><p>In der Registerkarte <b>Einzüge &amp; Position</b> können Sie den Abstand <b>der ersten Zeile</b> vom linken <a href="../UsageInstructions/InsertAutoshapes.htm#internalmargins" onclick="onhyperlinkclick(this)">inneren Rand</a> des Textbereiches sowie den Abstand des Absatzes vom <b>linken</b> und <b>rechten</b> inneren Rand des Textbereiches ändern.</p>
-            <p>Alternativ können Sie die Einzüge auch mithilfe des horizontalen <b>Lineals</b> festlegen.</p><img alt="Lineal - Einzugsmarke" src="../images/indents_ruler.png" /><p>Wählen Sie den gewünschten Absatz (Absätze) und ziehen Sie die Einzugsmarken auf dem Lineal in die gewünschte Position.</p>
+		    <p>Außerdem können Sie die <b>erweiterten Einstellungen</b> des Absatzes ändern. Positionieren Sie den Mauszeiger im gewünschten Absatz - die Registerkarte <div class = "icon icon-text_settings_icon"></div> <b>Texteinstellungen</b> wird in der rechten Seitenleiste aktiviert. Klicken Sie auf den Link <b>Erweiterte Einstellungen anzeigen</b>. Das Fenster mit den Absatzeigenschaften wird geöffnet:</p><img alt="Absatzeigenschaften - Registerkarte Einzüge &amp; Position" src="../images/textadvancedsettings1.png" /><p>In der Registerkarte <b>Einzüge &amp; Position</b> können Sie den Abstand <b>der ersten Zeile</b> vom linken <a href="../UsageInstructions/InsertAutoshapes.htm#internalmargins" onclick="onhyperlinkclick(this)">inneren Rand</a> des Textbereiches sowie den Abstand des Absatzes vom <b>linken</b> und <b>rechten</b> inneren Rand des Textbereiches ändern.</p>
+            <p>Alternativ können Sie die Einzüge auch mithilfe des horizontalen <b>Lineals</b> festlegen.</p><div class = "big big-indents_ruler"></div><p>Wählen Sie den gewünschten Absatz (Absätze) und ziehen Sie die Einzugsmarken auf dem Lineal in die gewünschte Position.</p>
             <ul>
-                <li>Mit der Markierung für den <b>Erstzeileneinzug</b> <img alt="Erstzeileneinzug" src="../images/firstline_indent.png" /> lässt sich der Versatz des Absatzes vom linken inneren Rand des Textfelds für die erste Zeile eines Absatzes festlegen.</li>
-                <li>Mit der Einzugsmarke für den <b>hängenden Einzug</b> <img alt="Hängende Einzugsmarke" src="../images/hanging.png" /> lässt sich der Versatz vom linken inneren Seitenrand für die zweite Zeile sowie alle Folgezeilen eines Absatzes festlegen.</li>
-                <li>Mit der <b>linken Einzugsmarke</b> <img alt="Linke Einzugsmarke" src="../images/leftindent.png" /> lässt sich der Versatz des Absatzes vom linken inneren Seitenrand der Textbox festlegen.</li>
-                <li>Die Marke <b>Rechter Einzug</b> <img alt="Rechte Einzugsmarke" src="../images/right_indent.png" /> wird genutzt, um den Versatz des Absatzes vom rechten inneren Seitenrand der Textbox festzulegen.</li>
+                <li>Mit der Markierung für den <b>Erstzeileneinzug</b> <div class = "icon icon-firstline_indent"></div> lässt sich der Versatz des Absatzes vom linken inneren Rand des Textfelds für die erste Zeile eines Absatzes festlegen.</li>
+                <li>Mit der Einzugsmarke für den <b>hängenden Einzug</b> <div class = "icon icon-hanging"></div> lässt sich der Versatz vom linken inneren Seitenrand für die zweite Zeile sowie alle Folgezeilen eines Absatzes festlegen.</li>
+                <li>Mit der <b>linken Einzugsmarke</b> <div class = "icon icon-leftindent"></div> lässt sich der Versatz des Absatzes vom linken inneren Seitenrand der Textbox festlegen.</li>
+                <li>Die Marke <b>Rechter Einzug</b> <div class = "icon icon-right_indent"></div> wird genutzt, um den Versatz des Absatzes vom rechten inneren Seitenrand der Textbox festzulegen.</li>
             </ul>
-            <p class="note"><b>Hinweis</b>: Wenn die Lineale nicht angezeigt werden, wechseln Sie in die Registerkarte <b>Start</b>, klicken Sie in der oberen rechten Ecke auf das Symbol <b>Ansichtseinstellungen</b> <img alt="Einstellungen anzeigen" src="../images/viewsettingsicon.png" /> und deaktivieren Sie die Option <b>Lineale ausblenden</b>.</p><img alt="Absatzeigenschaften - Registerkarte Schriftart" src="../images/textadvancedsettings2.png" /><p>Die Registerkarte <b>Schriftart</b> enthält folgende Parameter:</p>
+            <p class="note"><b>Hinweis</b>: Wenn die Lineale nicht angezeigt werden, wechseln Sie in die Registerkarte <b>Start</b>, klicken Sie in der oberen rechten Ecke auf das Symbol <b>Ansichtseinstellungen</b> <div class = "icon icon-viewsettingsicon"></div> und deaktivieren Sie die Option <b>Lineale ausblenden</b>.</p><img alt="Absatzeigenschaften - Registerkarte Schriftart" src="../images/textadvancedsettings2.png" /><p>Die Registerkarte <b>Schriftart</b> enthält folgende Parameter:</p>
 			<ul>
 				<li><b>Durchgestrichen</b> - durchstreichen einer Textstelle mithilfe einer Linie.</li>
 				<li><b>Doppelt durchgestrichen</b> - durchstreichen einer Textstelle mithilfe einer doppelten Linie.</li>
@@ -174,22 +175,22 @@
 			    <li><b>Tabulatorposition</b> - Festlegen von benutzerdefinierten Tabstopps. Geben Sie den gewünschten Wert in das angezeigte Feld ein, über die Pfeiltasten können Sie den Wert präzise anpassen, klicken Sie anschließend auf <b>Festlegen</b>. Ihre benutzerdefinierte Tabulatorposition wird der Liste im unteren Feld hinzugefügt.</li>
 			    <li>Die Standardeinstellung für <b>Tabulatoren</b> ist auf 1,25 cm festgelegt. Sie können den Wert verkleinern oder vergrößern, nutzen Sie dafür die Pfeiltasten oder geben Sie den gewünschten Wert in das dafür vorgesehene Feld ein.</li>
 			    <li><b>Ausrichtung</b> - legt den gewünschten Ausrichtungstyp für jede der Tabulatorpositionen in der obigen Liste fest. Wählen Sie die gewünschte Tabulatorposition in der Liste aus, Ihnen stehen die Optionen <b>Linksbündig</b>, <b>Zentriert</b> oder <b>Rechtsbündig</b> zur Verfügung, klicken sie anschließend auf <b>Festlegen</b>.<ul>
-			            <li><b>Linksbündig</b> - der Text wird ab der Position des Tabstopps linksbündig ausgerichtet; d.h. der Text verschiebt sich bei der Eingabe nach rechts. Ein solcher Tabstopp wird auf dem horizontalen Lineal durch die Markierung <img alt="Markierung linksbündiger Tabstopp" src="../images/tabstopleft_marker.png" /> angezeigt.</li>
-			            <li><b>Zentriert</b> - der Text wird an der Tabstoppposition zentriert. Ein solcher Tabstopp wird auf dem horizontalen Lineal durch die Markierung <img alt="Markierung zentrierter Tabstopp" src="../images/tabstopcenter_marker.png" /> angezeigt.</li>
-			            <li><b>Rechtsbündig</b> - der Text wird ab der Position des Tabstopps rechtsbündig ausgerichtet; d.h. der Text verschiebt sich bei der Eingabe nach links. Ein solcher Tabstopp wird auf dem horizontalen Lineal durch die Markierung <img alt="Markierung rechtsbündiger Tabstopp" src="../images/tabstopright_marker.png" /> angezeigt.</li>
+			            <li><b>Linksbündig</b> - der Text wird ab der Position des Tabstopps linksbündig ausgerichtet; d.h. der Text verschiebt sich bei der Eingabe nach rechts. Ein solcher Tabstopp wird auf dem horizontalen Lineal durch die Markierung <div class = "icon icon-tabstopleft_marker"></div> angezeigt.</li>
+			            <li><b>Zentriert</b> - der Text wird an der Tabstoppposition zentriert. Ein solcher Tabstopp wird auf dem horizontalen Lineal durch die Markierung <div class = "icon icon-tabstopcenter_marker"></div> angezeigt.</li>
+			            <li><b>Rechtsbündig</b> - der Text wird ab der Position des Tabstopps rechtsbündig ausgerichtet; d.h. der Text verschiebt sich bei der Eingabe nach links. Ein solcher Tabstopp wird auf dem horizontalen Lineal durch die Markierung <div class = "icon icon-tabstopright_marker"></div> angezeigt.</li>
 			        </ul>
 			        <p>Um Tabstopps aus der Liste zu löschen, wählen Sie einen Tabstopp und drücken Sie <b>Entfernen</b> oder <b>Alle entfernen</b>.</p>
 			    </li>
 			</ul>
             <p>Alternativ können Sie die Tabstopps auch mithilfe des horizontalen Lineals festlegen.</p>
             <ol>
-                <li>Klicken Sie zum Auswählen des gewünschten Tabstopps auf das Symbol <img alt="Linksbündiger Tabstopp" src="../images/tabstopleft.png" /> in der oberen linken Ecke des Arbeitsbereichs, um den gewünschten Tabstopp auszuwählen: <b>Links</b> <img alt="Linksbündiger Tabstopp" src="../images/tabstopleft.png" />, <b>Zentriert</b> <img alt="Zentrierter Tabstopp" src="../images/tabstopcenter.png" /> oder <b>Rechts</b> <img alt="Rechtsbündiger Tabstopp" src="../images/tabstopright.png" />.</li>
-                <li>Klicken Sie an der unteren Kante des Lineals auf die Position, an der Sie einen Tabstopp setzen möchten. Ziehen Sie die Markierung nach links oder rechts, um die Position zu ändern. Um den hinzugefügten Tabstopp zu entfernen, ziehen Sie die Markierung aus dem Lineal.<p><img alt="Horizontales Lineal mit den hinzugefügten Tabstopps" src="../images/tabstops_ruler.png" /></p>
-                    <p class="note"><b>Hinweis</b>: Wenn die Lineale nicht angezeigt werden, wechseln Sie in die Registerkarte <b>Start</b>, klicken Sie in der oberen rechten Ecke auf das Symbol <b>Ansichtseinstellungen</b> <img alt="Einstellungen anzeigen" src="../images/viewsettingsicon.png" /> und deaktivieren Sie die Option <b>Lineale ausblenden</b>.</p>
+                <li>Klicken Sie zum Auswählen des gewünschten Tabstopps auf das Symbol <div class = "icon icon-tabstopleft"></div> in der oberen linken Ecke des Arbeitsbereichs, um den gewünschten Tabstopp auszuwählen: <b>Links</b> <div class = "icon icon-tabstopleft"></div>, <b>Zentriert</b> <div class = "icon icon-tabstopcenter"></div> oder <b>Rechts</b> <div class = "icon icon-tabstopright"></div>.</li>
+                <li>Klicken Sie an der unteren Kante des Lineals auf die Position, an der Sie einen Tabstopp setzen möchten. Ziehen Sie die Markierung nach links oder rechts, um die Position zu ändern. Um den hinzugefügten Tabstopp zu entfernen, ziehen Sie die Markierung aus dem Lineal.<p><div class = "big big-tabstops_ruler"></div></p>
+                    <p class="note"><b>Hinweis</b>: Wenn die Lineale nicht angezeigt werden, wechseln Sie in die Registerkarte <b>Start</b>, klicken Sie in der oberen rechten Ecke auf das Symbol <b>Ansichtseinstellungen</b> <div class = "icon icon-viewsettingsicon"></div> und deaktivieren Sie die Option <b>Lineale ausblenden</b>.</p>
                 </li>
             </ol>
             <h3>TextArt-Stil bearbeiten</h3>
-            <p>Wählen Sie ein Textobjekt aus und klicken Sie in der rechten Seitenleiste auf das Symbol <b>TextArt-Einstellungen</b> <img alt="TextArt-Einstellungen" src="../images/textart_settings_icon.png" />.</p>
+            <p>Wählen Sie ein Textobjekt aus und klicken Sie in der rechten Seitenleiste auf das Symbol <b>TextArt-Einstellungen</b> <div class = "icon icon-textart_settings_icon"></div>.</p>
             <p><img alt="Registerkarte TextArt-Einstellungen" src="../images/right_textart.png" /></p>
             <ul>
                 <li>Ändern Sie den angewandten Textstil, indem Sie eine neue <b>Vorlage</b> aus der Galerie auswählen. Sie können den Grundstil außerdem ändern, indem Sie eine andere Schriftart, -größe usw. auswählen.</li>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/ManageSlides.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/ManageSlides.htm
index d89df0254c..630ecd41d4 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/ManageSlides.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/ManageSlides.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add new blank slides, duplicate, move or delete them" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,13 +18,13 @@
 			<p>Standardmäßig besteht eine neu erstellte Präsentation aus einer leeren <em>Titelfolie</em>. Im <a target="_blank" href="https://www.onlyoffice.com/de/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a> sie haben nun die Möglichkeit neue Folien zu erstellen, eine Folie zu kopieren, um sie an anderer Stelle in der Folienliste einzufügen, Folien zu duplizieren, Folien mit dem Cursor in eine andere Position zu ziehen, um die Reihenfolge zu verändern, überflüssige Folien zu löschen, ausgewählte Folien auszublenden.</p>
 			<p><b>Erstellen einer neuen Folie mit <em>Titel und Inhalt:</em></b></p>
 			<ul>
-				<li>Klicken Sie in der oberen Symbolleiste in den Registerkarten <b>Start</b> oder <b>Einfügen</b> auf das Symbol <img alt="Folie hinzufügen" src="../images/addslide.png" /> <b>Folie hinzufügen</b> oder</li>
+				<li>Klicken Sie in der oberen Symbolleiste in den Registerkarten <b>Start</b> oder <b>Einfügen</b> auf das Symbol <div class = "icon icon-addslide"></div> <b>Folie hinzufügen</b> oder</li>
 				<li>klicken Sie mit der rechten Maustaste auf eine beliebige Folie und wählen Sie die Option <b>Neue Folie</b> im Kontextmenü aus oder</li>
                 <li>nutzen Sie die Tastenkombination <b>STRG+V</b>.</li>
 			</ul>
             <p><b>Erstellen einer neuen Folie mit einem anderen Layout:</b></p>
             <ol>
-                <li>Klicken Sie in der oberen Symbolleiste in den Registerkarten <b>Start</b> oder <b>Einfügen</b> auf den Pfeil neben dem Symbol <img alt="Folie hinzufügen" src="../images/addslide.png" /> <b>Folie hinzufügen</b>.</li>
+                <li>Klicken Sie in der oberen Symbolleiste in den Registerkarten <b>Start</b> oder <b>Einfügen</b> auf den Pfeil neben dem Symbol <div class = "icon icon-addslide"></div> <b>Folie hinzufügen</b>.</li>
                 <li>Wählen Sie eine Folie mit dem gewünschten Layout im Menü aus.<p class="note"><b>Hinweis</b>: Sie können das Layout der hinzugefügten Folie jederzeit ändern. Weitere Informationen finden Sie im Abschnitt <a href="../UsageInstructions/SetSlideParameters.htm#changelayout" onclick="onhyperlinkclick(this)">Folienparameter festlegen</a>.</p>
                 </li>
             </ol>
@@ -57,7 +58,7 @@
                 <li>Wählen Sie die Option <b>Folie ausblenden</b> im Kontextmenü.</li>
             </ol>
             <p>Die Foliennummer, die der entsprechenden Folie entspricht, wird durchgestrichen. Um die ausgeblendete Folie wieder normal darzustellen, klicken Sie erneut auf die Option <b>Folie ausblenden</b>.</p>
-            <p><img alt="Ausgeblendete Folie" src="../images/hidden_slide.png" /></p>
+            <p><div class = "big big-hidden_slide"></div></p>
             <p class="note"><b>Hinweis</b>: Nutzen Sie diese Option, wenn Sie Ihrer Zielgruppe bestimmte Folien nicht grundsätzlich vorführen wollen, aber diese bei Bedarf dennoch einbinden können. Wenn Sie die Präsentation in der <a href="../UsageInstructions/PreviewPresentation.htm#presenter" onclick="onhyperlinkclick(this)"><b>Referentenansicht</b> starten</a>, werden alle vorhandenen Folien in der Liste angezeigt, wobei die Foliennummern der ausgeblendeten Folien durchgestrichen sind. Wenn Sie anderen eine ausgeblendete Folie zeigen möchten, klicken Sie in der Folienliste mit der Maus auf die Folie - die Folie wird angezeigt.</p>
             <p><b>Alle vorhandenen Folien auswählen:</b></p>
 			<ol>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/ManipulateObjects.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/ManipulateObjects.htm
index a8d40542f3..c6619c6368 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/ManipulateObjects.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/ManipulateObjects.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Move, rotate, resize and reshape autoshapes, images, charts." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,24 +18,24 @@
 			<p>Im <a target="_blank" href="https://www.onlyoffice.com/de/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a> sie können die verschiedene Objekte auf einer Folie mithilfe der speziellen Ziehpunkte manuell verschieben, drehen und ihre Größe ändern. Alternativ können Sie über die rechte Seitenleiste oder das Fenster <b>Erweiterte Einstellungen</b> genaue Werte für die Abmessungen und die Position von Objekten festlegen.</p>			
             <p class="note"><b>Hinweis</b>: <a href="../HelpfulHints/KeyboardShortcuts.htm#workwithobjects" onclick="onhyperlinkclick(this)">Hier</a> finden Sie eine Übersicht über die gängigen Tastenkombinationen für die Arbeit mit Objekten.</p>
             <h3>Größe von Objekten ändern</h3>
-			<p>Um die Größe von <b>AutoFormen, Bildern, Diagrammen, Tabellen oder Textboxen</b> zu ändern, ziehen Sie mit der Maus an den kleinen Quadraten <img alt="Quadrat" src="../images/resize_square.png" /> an den Rändern des entsprechenden Objekts. Um das ursprünglichen Seitenverhältnis der ausgewählten Objekte während der Größenänderung beizubehalten, halten Sie Taste <b>UMSCHALT</b> gedrückt und ziehen Sie an einem der Ecksymbole.</p>
-			<p><img alt="Seitenverhältnis sperren" src="../images/maintain_proportions.png" /></p>
+			<p>Um die Größe von <b>AutoFormen, Bildern, Diagrammen, Tabellen oder Textboxen</b> zu ändern, ziehen Sie mit der Maus an den kleinen Quadraten <div class = "icon icon-resize_square"></div> an den Rändern des entsprechenden Objekts. Um das ursprünglichen Seitenverhältnis der ausgewählten Objekte während der Größenänderung beizubehalten, halten Sie Taste <b>UMSCHALT</b> gedrückt und ziehen Sie an einem der Ecksymbole.</p>
+			<p><div class = "big big-maintain_proportions"></div></p>
 			<p>Um die präzise Breite und Höhe eines <b>Diagramms</b> festzulegen, wählen Sie es auf der Folie aus und navigieren Sie über den Bereich <b>Größe</b>, der in der rechten Seitenleiste aktiviert wird.</p>
 			<p>Um die präzise Abmessungen eines <b>Bildes</b> oder einer <b>AutoForm</b> festzulegen, klicken Sie mit der rechten Maustaste auf das gewünschte Objekt und wählen Sie die Option <b>Bild/AutoForm - Erweiterte Einstellungen</b> aus dem Menü aus. Legen Sie benötigte Werte in die Registerkarte <b>Größe</b> im Fenster <b>Erweiterte Einstellungen</b> fest und drücken Sie auf <b>OK</b>.</p>
 			<h3>Die Form einer AutoForm ändern</h3>
-			<p>Bei der Änderung einiger Formen, z.B. geformte Pfeile oder Legenden, ist auch dieses gelbe diamantförmige Symbol <img alt="Gelber Diamant" src="../images/yellowdiamond.png" /> verfügbar. Über dieses Symbol können verschiedene Komponenten einer Form geändert werden, z.B. die Länge des Pfeilkopfes.</p>
-			<p><img alt="Form einer AutoForm ändern" src="../images/reshaping.png" /></p>
+			<p>Bei der Änderung einiger Formen, z.B. geformte Pfeile oder Legenden, ist auch dieses gelbe diamantförmige Symbol <div class = "icon icon-yellowdiamond"></div> verfügbar. Über dieses Symbol können verschiedene Komponenten einer Form geändert werden, z.B. die Länge des Pfeilkopfes.</p>
+			<p><div class = "big big-reshaping"></div></p>
 			<h3>Objekte verschieben</h3>
-			<p>Um die Position von <b>AutoFormen, Bildern, Diagrammen, Tabellen und Textfeldern</b> zu ändern, nutzen Sie das Symbol <img alt="Pfeil" src="../images/arrow.png" />, das eingeblendet wird, wenn Sie den Mauszeiger über die AutoForm bewegen. Ziehen Sie das Objekt in die gewünschten Position, ohne die Maustaste loszulassen. Um ein Objekt in 1-Pixel-Stufen zu verschieben, halten Sie die Taste <b>STRG</b> gedrückt und verwenden Sie die Pfeile auf der Tastatur. Um ein Objekt strikt horizontal/vertikal zu bewegen und zu verhindern, dass es sich perpendikular bewegt, halten Sie die <b>UMSCHALT</b>-Taste beim Ziehen gedrückt.</p>
+			<p>Um die Position von <b>AutoFormen, Bildern, Diagrammen, Tabellen und Textfeldern</b> zu ändern, nutzen Sie das Symbol <div class = "icon icon-arrow"></div>, das eingeblendet wird, wenn Sie den Mauszeiger über die AutoForm bewegen. Ziehen Sie das Objekt in die gewünschten Position, ohne die Maustaste loszulassen. Um ein Objekt in 1-Pixel-Stufen zu verschieben, halten Sie die Taste <b>STRG</b> gedrückt und verwenden Sie die Pfeile auf der Tastatur. Um ein Objekt strikt horizontal/vertikal zu bewegen und zu verhindern, dass es sich perpendikular bewegt, halten Sie die <b>UMSCHALT</b>-Taste beim Ziehen gedrückt.</p>
 			<p>Um die exakte Position eines <b>Bildes</b> festzulegen, klicken Sie mit der rechten Maustaste auf das Bild und wählen Sie die Option <b>Bild - Erweiterte Einstellungen</b> aus dem Menü aus. Legen Sie gewünschten Werte im Bereich <b>Position</b> im Fenster <b>Erweiterte Einstellungen</b> fest und drücken Sie auf <b>OK</b>.</p>
 			<h3>Objekte drehen</h3>
-			<p>Um <b>AutoFormen, Bilder und Textfelder</b> manuell zu drehen, positionieren Sie den Cursor auf dem Drehpunkt <img alt="Drehpunkt" src="../images/greencircle.png" /> und ziehen Sie das Objekt im Uhrzeigersinn oder gegen Uhrzeigersinn in die gewünschte Position. Um ein Objekt in 15-Grad-Stufen zu drehen, halten Sie die <b>UMSCHALT</b>-Taste bei der Drehung gedrückt.</p>
-            <p>Sobald Sie das gewünschte Objekt ausgewählt haben, wird der Abschnitt <b>Drehen</b> in der rechten Seitenleiste aktiviert. Hier haben Sie die Möglichkeit das Objekt um 90 Grad im/gegen den Uhrzeigersinn zu drehen oder das Objekt horizontal/vertikal zu drehen. Um die Funktion zu öffnen, klicken Sie rechts auf das Symbol <b>Formeinstellungen</b> <img alt="Formeinstellungen" src="../images/shape_settings_icon.png" /> oder das Symbol <b>Bildeinstellungen</b> <img alt="Bildeinstellungen" src="../images/image_settings_icon.png" />. Wählen Sie eine der folgenden Optionen:</p>
+			<p>Um <b>AutoFormen, Bilder und Textfelder</b> manuell zu drehen, positionieren Sie den Cursor auf dem Drehpunkt <div class = "icon icon-greencircle"></div> und ziehen Sie das Objekt im Uhrzeigersinn oder gegen Uhrzeigersinn in die gewünschte Position. Um ein Objekt in 15-Grad-Stufen zu drehen, halten Sie die <b>UMSCHALT</b>-Taste bei der Drehung gedrückt.</p>
+            <p>Sobald Sie das gewünschte Objekt ausgewählt haben, wird der Abschnitt <b>Drehen</b> in der rechten Seitenleiste aktiviert. Hier haben Sie die Möglichkeit das Objekt um 90 Grad im/gegen den Uhrzeigersinn zu drehen oder das Objekt horizontal/vertikal zu drehen. Um die Funktion zu öffnen, klicken Sie rechts auf das Symbol <b>Formeinstellungen</b> <div class = "icon icon-shape_settings_icon"></div> oder das Symbol <b>Bildeinstellungen</b> <div class = "icon icon-image_settings_icon"></div>. Wählen Sie eine der folgenden Optionen:</p>
             <ul>
-                <li><img alt="Gegen den Uhrzeigersinn drehen" src="../images/rotatecounterclockwise.png" /> - die Form um 90 Grad gegen den Uhrzeigersinn drehen</li>
-                <li><img alt="Im Uhrzeigersinn drehen" src="../images/rotateclockwise.png" /> - die Form um 90 Grad im Uhrzeigersinn drehen</li>
-                <li><img alt="Horizontal spiegeln" src="../images/fliplefttoright.png" /> - die Form horizontal spiegeln (von links nach rechts)</li>
-                <li><img alt="Vertikal spiegeln" src="../images/flipupsidedown.png" /> - die Form vertikal spiegeln (von oben nach unten)</li>
+                <li><div class = "icon icon-rotatecounterclockwise"></div> - die Form um 90 Grad gegen den Uhrzeigersinn drehen</li>
+                <li><div class = "icon icon-rotateclockwise"></div> - die Form um 90 Grad im Uhrzeigersinn drehen</li>
+                <li><div class = "icon icon-fliplefttoright"></div> - die Form horizontal spiegeln (von links nach rechts)</li>
+                <li><div class = "icon icon-flipupsidedown"></div> - die Form vertikal spiegeln (von oben nach unten)</li>
             </ul>
             <p>Alternativ können Sie mit der rechten Maustaste auf das ausgewählte Objekte klicken, wählen Sie anschließend im Kontextmenü die Option <b>Drehen</b> aus und nutzen Sie dann eine der verfügbaren Optionen zum Drehen.</p>
             <p>Um den Text in einem genau festgelegten Winkel zu drehen, klicken Sie auf das Symbol <b>Erweiterte Einstellungen anzeigen</b> in der rechten Seitenleiste und wählen Sie dann die Option <b>Drehen</b> im Fenster <b>Erweiterte Einstellungen</b>. Geben Sie den erforderlichen Wert in Grad in das Feld <b>Winkel</b> ein und klicken Sie dann auf <b>OK</b>.</p>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/MathAutoCorrect.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/MathAutoCorrect.htm
index 9ceeb0c857..9e50a429c7 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/MathAutoCorrect.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/MathAutoCorrect.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="AutoKorrektur bei der Gleichungen verwenden" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -61,722 +62,722 @@
                 </tr>
                 <tr>
                     <td>!!</td>
-                    <td><img alt="Doppelfakultät" src="../images/symbols/doublefactorial.png" /></td>
+                    <td><div class = "smb smb-doublefactorial"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>...</td>
-                    <td><img alt="Auslassungspunkte" src="../images/symbols/horizontalellipsis.png" /></td>
+                    <td><div class = "smb smb-horizontalellipsis"></div></td>
                     <td>Punkte</td>
                 </tr>
                 <tr>
                     <td>::</td>
-                    <td><img alt="Doppelter Doppelpunkt" src="../images/symbols/doublecolon.png" /></td>
+                    <td><div class = "smb smb-doublecolon"></div></td>
                     <td>Operatoren</td>
                 </tr>
                 <tr>
                     <td>:=</td>
-                    <td><img alt="Ergibtzeichen" src="../images/symbols/colonequal.png" /></td>
+                    <td><div class = "smb smb-colonequal"></div></td>
                     <td>Operatoren</td>
                 </tr>
                 <tr>
                     <td>/<</td>
-                    <td><img alt="Kleiner-als-Zeichen" src="../images/symbols/notlessthan.png" /></td>
+                    <td><div class = "smb smb-notlessthan"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>/></td>
-                    <td><img alt="Größer-als-Zeichen" src="../images/symbols/notgreaterthan.png" /></td>
+                    <td><div class = "smb smb-notgreaterthan"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>/=</td>
-                    <td><img alt="Ungleichheitszeichen" src="../images/symbols/notequal.png" /></td>
+                    <td><div class = "smb smb-notequal"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\above</td>
-                    <td><img alt="Symbol" src="../images/symbols/above.png" /></td>
+                    <td><div class = "smb smb-above"></div></td>
                     <td>Hochgestellte/Tiefgestellte Skripts</td>
                 </tr>
                 <tr>
                     <td>\acute</td>
-                    <td><img alt="Symbol" src="../images/symbols/acute.png" /></td>
+                    <td><div class = "smb smb-acute"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\aleph</td>
-                    <td><img alt="Symbol" src="../images/symbols/aleph.png" /></td>
+                    <td><div class = "smb smb-aleph"></div></td>
                     <td>Hebräische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\alpha</td>
-                    <td><img alt="Symbol" src="../images/symbols/alpha.png" /></td>
+                    <td><div class = "smb smb-alpha"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Alpha</td>
-                    <td><img alt="Symbol" src="../images/symbols/alpha2.png" /></td>
+                    <td><div class = "smb smb-alpha2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\amalg</td>
-                    <td><img alt="Symbol" src="../images/symbols/amalg.png" /></td>
+                    <td><div class = "smb smb-amalg"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\angle</td>
-                    <td><img alt="Symbol" src="../images/symbols/angle.png" /></td>
+                    <td><div class = "smb smb-angle"></div></td>
                     <td>Geometrische Notation</td>
                 </tr>
                 <tr>
                     <td>\aoint</td>
-                    <td><img alt="Symbol" src="../images/symbols/aoint.png" /></td>
+                    <td><div class = "smb smb-aoint"></div></td>
                     <td>Integrale</td>
                 </tr>
                 <tr>
                     <td>\approx</td>
-                    <td><img alt="Symbol" src="../images/symbols/approx.png" /></td>
+                    <td><div class = "smb smb-approx"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\asmash</td>
-                    <td><img alt="Symbol" src="../images/symbols/asmash.png" /></td>
+                    <td><div class = "smb smb-asmash"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\ast</td>
-                    <td><img alt="Stern" src="../images/symbols/ast.png" /></td>
+                    <td><div class = "smb smb-ast"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\asymp</td>
-                    <td><img alt="Symbol" src="../images/symbols/asymp.png" /></td>
+                    <td><div class = "smb smb-asymp"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\atop</td>
-                    <td><img alt="Symbol" src="../images/symbols/atop.png" /></td>
+                    <td><div class = "smb smb-atop"></div></td>
                     <td>Operatoren</td>
                 </tr>
                 <tr>
                     <td>\bar</td>
-                    <td><img alt="Symbol" src="../images/symbols/bar.png" /></td>
+                    <td><div class = "smb smb-bar"></div></td>
                     <td>Über-/Unterstrich</td>
                 </tr>
                 <tr>
                     <td>\Bar</td>
-                    <td><img alt="Symbol" src="../images/symbols/bar2.png" /></td>
+                    <td><div class = "smb smb-bar2"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\because</td>
-                    <td><img alt="Symbol" src="../images/symbols/because.png" /></td>
+                    <td><div class = "smb smb-because"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\begin</td>
-                    <td><img alt="Symbol" src="../images/symbols/begin.png" /></td>
+                    <td><div class = "smb smb-begin"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\below</td>
-                    <td><img alt="Symbol" src="../images/symbols/below.png" /></td>
+                    <td><div class = "smb smb-below"></div></td>
                     <td>Above/Below Skripts</td>
                 </tr>
                 <tr>
                     <td>\bet</td>
-                    <td><img alt="Symbol" src="../images/symbols/bet.png" /></td>
+                    <td><div class = "smb smb-bet"></div></td>
                     <td>Hebräische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\beta</td>
-                    <td><img alt="Symbol" src="../images/symbols/beta.png" /></td>
+                    <td><div class = "smb smb-beta"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Beta</td>
-                    <td><img alt="Symbol" src="../images/symbols/beta2.png" /></td>
+                    <td><div class = "smb smb-beta2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\beth</td>
-                    <td><img alt="Symbol" src="../images/symbols/beth.png" /></td>
+                    <td><div class = "smb smb-beth"></div></td>
                     <td>Hebräische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\bigcap</td>
-                    <td><img alt="Symbol" src="../images/symbols/bigcap.png" /></td>
+                    <td><div class = "smb smb-bigcap"></div></td>
                     <td>Große Operatoren</td>
                 </tr>
                 <tr>
                     <td>\bigcup</td>
-                    <td><img alt="Symbol" src="../images/symbols/bigcup.png" /></td>
+                    <td><div class = "smb smb-bigcup"></div></td>
                     <td>Große Operatoren</td>
                 </tr>
                 <tr>
                     <td>\bigodot</td>
-                    <td><img alt="Symbol" src="../images/symbols/bigodot.png" /></td>
+                    <td><div class = "smb smb-bigodot"></div></td>
                     <td>Große Operatoren</td>
                 </tr>
                 <tr>
                     <td>\bigoplus</td>
-                    <td><img alt="Symbol" src="../images/symbols/bigoplus.png" /></td>
+                    <td><div class = "smb smb-bigoplus"></div></td>
                     <td>Große Operatoren</td>
                 </tr>
                 <tr>
                     <td>\bigotimes</td>
-                    <td><img alt="Symbol" src="../images/symbols/bigotimes.png" /></td>
+                    <td><div class = "smb smb-bigotimes"></div></td>
                     <td>Große Operatoren</td>
                 </tr>
                 <tr>
                     <td>\bigsqcup</td>
-                    <td><img alt="Symbol" src="../images/symbols/bigsqcup.png" /></td>
+                    <td><div class = "smb smb-bigsqcup"></div></td>
                     <td>Große Operatoren</td>
                 </tr>
                 <tr>
                     <td>\biguplus</td>
-                    <td><img alt="Symbol" src="../images/symbols/biguplus.png" /></td>
+                    <td><div class = "smb smb-biguplus"></div></td>
                     <td>Große Operatoren</td>
                 </tr>
                 <tr>
                     <td>\bigvee</td>
-                    <td><img alt="Symbol" src="../images/symbols/bigvee.png" /></td>
+                    <td><div class = "smb smb-bigvee"></div></td>
                     <td>Große Operatoren</td>
                 </tr>
                 <tr>
                     <td>\bigwedge</td>
-                    <td><img alt="Symbol" src="../images/symbols/bigwedge.png" /></td>
+                    <td><div class = "smb smb-bigwedge"></div></td>
                     <td>Große Operatoren</td>
                 </tr>
                 <tr>
                     <td>\binomial</td>
-                    <td><img alt="Symbol" src="../images/symbols/binomial.png" /></td>
+                    <td><div class = "smb smb-binomial"></div></td>
                     <td>Gleichungen</td>
                 </tr>
                 <tr>
                     <td>\bot</td>
-                    <td><img alt="Symbol" src="../images/symbols/bot.png" /></td>
+                    <td><div class = "smb smb-bot"></div></td>
                     <td>Logische Notation</td>
                 </tr>
                 <tr>
                     <td>\bowtie</td>
-                    <td><img alt="Symbol" src="../images/symbols/bowtie.png" /></td>
+                    <td><div class = "smb smb-bowtie"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\box</td>
-                    <td><img alt="Symbol" src="../images/symbols/box.png" /></td>
+                    <td><div class = "smb smb-box"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\boxdot</td>
-                    <td><img alt="Symbol" src="../images/symbols/boxdot.png" /></td>
+                    <td><div class = "smb smb-boxdot"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\boxminus</td>
-                    <td><img alt="Symbol" src="../images/symbols/boxminus.png" /></td>
+                    <td><div class = "smb smb-boxminus"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\boxplus</td>
-                    <td><img alt="Symbol" src="../images/symbols/boxplus.png" /></td>
+                    <td><div class = "smb smb-boxplus"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\bra</td>
-                    <td><img alt="Symbol" src="../images/symbols/bra.png" /></td>
+                    <td><div class = "smb smb-bra"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\break</td>
-                    <td><img alt="Symbol" src="../images/symbols/break.png" /></td>
+                    <td><div class = "smb smb-break"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\breve</td>
-                    <td><img alt="Symbol" src="../images/symbols/breve.png" /></td>
+                    <td><div class = "smb smb-breve"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\bullet</td>
-                    <td><img alt="Symbol" src="../images/symbols/bullet.png" /></td>
+                    <td><div class = "smb smb-bullet"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\cap</td>
-                    <td><img alt="Symbol" src="../images/symbols/cap.png" /></td>
+                    <td><div class = "smb smb-cap"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\cbrt</td>
-                    <td><img alt="Symbol" src="../images/symbols/cbrt.png" /></td>
+                    <td><div class = "smb smb-cbrt"></div></td>
                     <td>Wurzeln</td>
                 </tr>
                 <tr>
                     <td>\cases</td>
-                    <td><img alt="Symbol" src="../images/symbols/cases.png" /></td>
+                    <td><div class = "smb smb-cases"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\cdot</td>
-                    <td><img alt="Symbol" src="../images/symbols/cdot.png" /></td>
+                    <td><div class = "smb smb-cdot"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\cdots</td>
-                    <td><img alt="Symbol" src="../images/symbols/cdots.png" /></td>
+                    <td><div class = "smb smb-cdots"></div></td>
                     <td>Punkte</td>
                 </tr>
                 <tr>
                     <td>\check</td>
-                    <td><img alt="Symbol" src="../images/symbols/check.png" /></td>
+                    <td><div class = "smb smb-check"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\chi</td>
-                    <td><img alt="Symbol" src="../images/symbols/chi.png" /></td>
+                    <td><div class = "smb smb-chi"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Chi</td>
-                    <td><img alt="Symbol" src="../images/symbols/chi2.png" /></td>
+                    <td><div class = "smb smb-chi2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\circ</td>
-                    <td><img alt="Symbol" src="../images/symbols/circ.png" /></td>
+                    <td><div class = "smb smb-circ"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\close</td>
-                    <td><img alt="Symbol" src="../images/symbols/close.png" /></td>
+                    <td><div class = "smb smb-close"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\clubsuit</td>
-                    <td><img alt="Symbol" src="../images/symbols/clubsuit.png" /></td>
+                    <td><div class = "smb smb-clubsuit"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\coint</td>
-                    <td><img alt="Symbol" src="../images/symbols/coint.png" /></td>
+                    <td><div class = "smb smb-coint"></div></td>
                     <td>Integrale</td>
                 </tr>
                 <tr>
                     <td>\cong</td>
-                    <td><img alt="Symbol" src="../images/symbols/cong.png" /></td>
+                    <td><div class = "smb smb-cong"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\coprod</td>
-                    <td><img alt="Symbol" src="../images/symbols/coprod.png" /></td>
+                    <td><div class = "smb smb-coprod"></div></td>
                     <td>Mathematische Operatoren</td>
                 </tr>
                 <tr>
                     <td>\cup</td>
-                    <td><img alt="Symbol" src="../images/symbols/cup.png" /></td>
+                    <td><div class = "smb smb-cup"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\dalet</td>
-                    <td><img alt="Symbol" src="../images/symbols/dalet.png" /></td>
+                    <td><div class = "smb smb-dalet"></div></td>
                     <td>Hebräische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\daleth</td>
-                    <td><img alt="Symbol" src="../images/symbols/daleth.png" /></td>
+                    <td><div class = "smb smb-daleth"></div></td>
                     <td>Hebräische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\dashv</td>
-                    <td><img alt="Symbol" src="../images/symbols/dashv.png" /></td>
+                    <td><div class = "smb smb-dashv"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\dd</td>
-                    <td><img alt="Symbol" src="../images/symbols/dd.png" /></td>
+                    <td><div class = "smb smb-dd"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\Dd</td>
-                    <td><img alt="Symbol" src="../images/symbols/dd2.png" /></td>
+                    <td><div class = "smb smb-dd2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\ddddot</td>
-                    <td><img alt="Symbol" src="../images/symbols/ddddot.png" /></td>
+                    <td><div class = "smb smb-ddddot"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\dddot</td>
-                    <td><img alt="Symbol" src="../images/symbols/dddot.png" /></td>
+                    <td><div class = "smb smb-dddot"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\ddot</td>
-                    <td><img alt="Symbol" src="../images/symbols/ddot.png" /></td>
+                    <td><div class = "smb smb-ddot"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\ddots</td>
-                    <td><img alt="Symbol" src="../images/symbols/ddots.png" /></td>
+                    <td><div class = "smb smb-ddots"></div></td>
                     <td>Punkte</td>
                 </tr>
                 <tr>
                     <td>\defeq</td>
-                    <td><img alt="Symbol" src="../images/symbols/defeq.png" /></td>
+                    <td><div class = "smb smb-defeq"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\degc</td>
-                    <td><img alt="Symbol" src="../images/symbols/degc.png" /></td>
+                    <td><div class = "smb smb-degc"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\degf</td>
-                    <td><img alt="Symbol" src="../images/symbols/degf.png" /></td>
+                    <td><div class = "smb smb-degf"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\degree</td>
-                    <td><img alt="Symbol" src="../images/symbols/degree.png" /></td>
+                    <td><div class = "smb smb-degree"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\delta</td>
-                    <td><img alt="Symbol" src="../images/symbols/delta.png" /></td>
+                    <td><div class = "smb smb-delta"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Delta</td>
-                    <td><img alt="Symbol" src="../images/symbols/delta2.png" /></td>
+                    <td><div class = "smb smb-delta2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Deltaeq</td>
-                    <td><img alt="Symbol" src="../images/symbols/deltaeq.png" /></td>
+                    <td><div class = "smb smb-deltaeq"></div></td>
                     <td>Operatoren</td>
                 </tr>
                 <tr>
                     <td>\diamond</td>
-                    <td><img alt="Symbol" src="../images/symbols/diamond.png" /></td>
+                    <td><div class = "smb smb-diamond"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\diamondsuit</td>
-                    <td><img alt="Symbol" src="../images/symbols/diamondsuit.png" /></td>
+                    <td><div class = "smb smb-diamondsuit"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\div</td>
-                    <td><img alt="Symbol" src="../images/symbols/div.png" /></td>
+                    <td><div class = "smb smb-div"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\dot</td>
-                    <td><img alt="Symbol" src="../images/symbols/dot.png" /></td>
+                    <td><div class = "smb smb-dot"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\doteq</td>
-                    <td><img alt="Symbol" src="../images/symbols/doteq.png" /></td>
+                    <td><div class = "smb smb-doteq"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\dots</td>
-                    <td><img alt="Symbol" src="../images/symbols/dots.png" /></td>
+                    <td><div class = "smb smb-dots"></div></td>
                     <td>Punkte</td>
                 </tr>
                 <tr>
                     <td>\doublea</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublea.png" /></td>
+                    <td><div class = "smb smb-doublea"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleA</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublea2.png" /></td>
+                    <td><div class = "smb smb-doublea2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleb</td>
-                    <td><img alt="Symbol" src="../images/symbols/doubleb.png" /></td>
+                    <td><div class = "smb smb-doubleb"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleB</td>
-                    <td><img alt="Symbol" src="../images/symbols/doubleb2.png" /></td>
+                    <td><div class = "smb smb-doubleb2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doublec</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublec.png" /></td>
+                    <td><div class = "smb smb-doublec"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleC</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublec2.png" /></td>
+                    <td><div class = "smb smb-doublec2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubled</td>
-                    <td><img alt="Symbol" src="../images/symbols/doubled.png" /></td>
+                    <td><div class = "smb smb-doubled"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleD</td>
-                    <td><img alt="Symbol" src="../images/symbols/doubled2.png" /></td>
+                    <td><div class = "smb smb-doubled2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doublee</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublee.png" /></td>
+                    <td><div class = "smb smb-doublee"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleE</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublee2.png" /></td>
+                    <td><div class = "smb smb-doublee2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doublef</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublef.png" /></td>
+                    <td><div class = "smb smb-doublef"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleF</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublef2.png" /></td>
+                    <td><div class = "smb smb-doublef2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleg</td>
-                    <td><img alt="Symbol" src="../images/symbols/doubleg.png" /></td>
+                    <td><div class = "smb smb-doubleg"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleG</td>
-                    <td><img alt="Symbol" src="../images/symbols/doubleg2.png" /></td>
+                    <td><div class = "smb smb-doubleg2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleh</td>
-                    <td><img alt="Symbol" src="../images/symbols/doubleh.png" /></td>
+                    <td><div class = "smb smb-doubleh"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleH</td>
-                    <td><img alt="Symbol" src="../images/symbols/doubleh2.png" /></td>
+                    <td><div class = "smb smb-doubleh2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doublei</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublei.png" /></td>
+                    <td><div class = "smb smb-doublei"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleI</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublei2.png" /></td>
+                    <td><div class = "smb smb-doublei2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doublej</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublej.png" /></td>
+                    <td><div class = "smb smb-doublej"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleJ</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublej2.png" /></td>
+                    <td><div class = "smb smb-doublej2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doublek</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublek.png" /></td>
+                    <td><div class = "smb smb-doublek"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleK</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublek2.png" /></td>
+                    <td><div class = "smb smb-doublek2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doublel</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublel.png" /></td>
+                    <td><div class = "smb smb-doublel"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleL</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublel2.png" /></td>
+                    <td><div class = "smb smb-doublel2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doublem</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublem.png" /></td>
+                    <td><div class = "smb smb-doublem"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleM</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublem2.png" /></td>
+                    <td><div class = "smb smb-doublem2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doublen</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublen.png" /></td>
+                    <td><div class = "smb smb-doublen"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleN</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublen2.png" /></td>
+                    <td><div class = "smb smb-doublen2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleo</td>
-                    <td><img alt="Symbol" src="../images/symbols/doubleo.png" /></td>
+                    <td><div class = "smb smb-doubleo"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleO</td>
-                    <td><img alt="Symbol" src="../images/symbols/doubleo2.png" /></td>
+                    <td><div class = "smb smb-doubleo2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doublep</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublep.png" /></td>
+                    <td><div class = "smb smb-doublep"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleP</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublep2.png" /></td>
+                    <td><div class = "smb smb-doublep2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleq</td>
-                    <td><img alt="Symbol" src="../images/symbols/doubleq.png" /></td>
+                    <td><div class = "smb smb-doubleq"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleQ</td>
-                    <td><img alt="Symbol" src="../images/symbols/doubleq2.png" /></td>
+                    <td><div class = "smb smb-doubleq2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubler</td>
-                    <td><img alt="Symbol" src="../images/symbols/doubler.png" /></td>
+                    <td><div class = "smb smb-doubler"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleR</td>
-                    <td><img alt="Symbol" src="../images/symbols/doubler2.png" /></td>
+                    <td><div class = "smb smb-doubler2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubles</td>
-                    <td><img alt="Symbol" src="../images/symbols/doubles.png" /></td>
+                    <td><div class = "smb smb-doubles"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleS</td>
-                    <td><img alt="Symbol" src="../images/symbols/doubles2.png" /></td>
+                    <td><div class = "smb smb-doubles2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doublet</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublet.png" /></td>
+                    <td><div class = "smb smb-doublet"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleT</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublet2.png" /></td>
+                    <td><div class = "smb smb-doublet2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleu</td>
-                    <td><img alt="Symbol" src="../images/symbols/doubleu.png" /></td>
+                    <td><div class = "smb smb-doubleu"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleU</td>
-                    <td><img alt="Symbol" src="../images/symbols/doubleu2.png" /></td>
+                    <td><div class = "smb smb-doubleu2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doublev</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublev.png" /></td>
+                    <td><div class = "smb smb-doublev"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleV</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublev2.png" /></td>
+                    <td><div class = "smb smb-doublev2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doublew</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublew.png" /></td>
+                    <td><div class = "smb smb-doublew"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleW</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublew2.png" /></td>
+                    <td><div class = "smb smb-doublew2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doublex</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublex.png" /></td>
+                    <td><div class = "smb smb-doublex"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleX</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublex2.png" /></td>
+                    <td><div class = "smb smb-doublex2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubley</td>
-                    <td><img alt="Symbol" src="../images/symbols/doubley.png" /></td>
+                    <td><div class = "smb smb-doubley"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleY</td>
-                    <td><img alt="Symbol" src="../images/symbols/doubley2.png" /></td>
+                    <td><div class = "smb smb-doubley2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doublez</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublez.png" /></td>
+                    <td><div class = "smb smb-doublez"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\doubleZ</td>
-                    <td><img alt="Symbol" src="../images/symbols/doublez2.png" /></td>
+                    <td><div class = "smb smb-doublez2"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\downarrow</td>
-                    <td><img alt="Symbol" src="../images/symbols/downarrow.png" /></td>
+                    <td><div class = "smb smb-downarrow"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\Downarrow</td>
-                    <td><img alt="Symbol" src="../images/symbols/downarrow2.png" /></td>
+                    <td><div class = "smb smb-downarrow2"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\dsmash</td>
-                    <td><img alt="Symbol" src="../images/symbols/dsmash.png" /></td>
+                    <td><div class = "smb smb-dsmash"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\ee</td>
-                    <td><img alt="Symbol" src="../images/symbols/ee.png" /></td>
+                    <td><div class = "smb smb-ee"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\ell</td>
-                    <td><img alt="Symbol" src="../images/symbols/ell.png" /></td>
+                    <td><div class = "smb smb-ell"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\emptyset</td>
-                    <td><img alt="Symbol" src="../images/symbols/emptyset.png" /></td>
+                    <td><div class = "smb smb-emptyset"></div></td>
                     <td>Notationen von Mengen</td>
                 </tr>
                 <tr>
@@ -786,7 +787,7 @@
                 </tr>
                 <tr>
                     <td>\end</td>
-                    <td><img alt="Symbol" src="../images/symbols/end.png" /></td>
+                    <td><div class = "smb smb-end"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
@@ -796,297 +797,297 @@
                 </tr>
                 <tr>
                     <td>\epsilon</td>
-                    <td><img alt="Symbol" src="../images/symbols/epsilon.png" /></td>
+                    <td><div class = "smb smb-epsilon"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Epsilon</td>
-                    <td><img alt="Symbol" src="../images/symbols/epsilon2.png" /></td>
+                    <td><div class = "smb smb-epsilon2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\eqarray</td>
-                    <td><img alt="Symbol" src="../images/symbols/eqarray.png" /></td>
+                    <td><div class = "smb smb-eqarray"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\equiv</td>
-                    <td><img alt="Symbol" src="../images/symbols/equiv.png" /></td>
+                    <td><div class = "smb smb-equiv"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\eta</td>
-                    <td><img alt="Symbol" src="../images/symbols/eta.png" /></td>
+                    <td><div class = "smb smb-eta"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Eta</td>
-                    <td><img alt="Symbol" src="../images/symbols/eta2.png" /></td>
+                    <td><div class = "smb smb-eta2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\exists</td>
-                    <td><img alt="Symbol" src="../images/symbols/exists.png" /></td>
+                    <td><div class = "smb smb-exists"></div></td>
                     <td>Logische Notationen</td>
                 </tr>
                 <tr>
                     <td>\forall</td>
-                    <td><img alt="Symbol" src="../images/symbols/forall.png" /></td>
+                    <td><div class = "smb smb-forall"></div></td>
                     <td>Logische Notationen</td>
                 </tr>
                 <tr>
                     <td>\fraktura</td>
-                    <td><img alt="Symbol" src="../images/symbols/fraktura.png" /></td>
+                    <td><div class = "smb smb-fraktura"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturA</td>
-                    <td><img alt="Symbol" src="../images/symbols/fraktura2.png" /></td>
+                    <td><div class = "smb smb-fraktura2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturb</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturb.png" /></td>
+                    <td><div class = "smb smb-frakturb"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturB</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturb2.png" /></td>
+                    <td><div class = "smb smb-frakturb2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturc</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturc.png" /></td>
+                    <td><div class = "smb smb-frakturc"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturC</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturc2.png" /></td>
+                    <td><div class = "smb smb-frakturc2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturd</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturd.png" /></td>
+                    <td><div class = "smb smb-frakturd"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturD</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturd2.png" /></td>
+                    <td><div class = "smb smb-frakturd2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakture</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakture.png" /></td>
+                    <td><div class = "smb smb-frakture"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturE</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakture2.png" /></td>
+                    <td><div class = "smb smb-frakture2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturf</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturf.png" /></td>
+                    <td><div class = "smb smb-frakturf"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturF</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturf2.png" /></td>
+                    <td><div class = "smb smb-frakturf2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturg</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturg.png" /></td>
+                    <td><div class = "smb smb-frakturg"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturG</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturg2.png" /></td>
+                    <td><div class = "smb smb-frakturg2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturh</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturh.png" /></td>
+                    <td><div class = "smb smb-frakturh"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturH</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturh2.png" /></td>
+                    <td><div class = "smb smb-frakturh2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturi</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturi.png" /></td>
+                    <td><div class = "smb smb-frakturi"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturI</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturi2.png" /></td>
+                    <td><div class = "smb smb-frakturi2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturk</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturk.png" /></td>
+                    <td><div class = "smb smb-frakturk"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturK</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturk2.png" /></td>
+                    <td><div class = "smb smb-frakturk2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturl</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturl.png" /></td>
+                    <td><div class = "smb smb-frakturl"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturL</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturl2.png" /></td>
+                    <td><div class = "smb smb-frakturl2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturm</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturm.png" /></td>
+                    <td><div class = "smb smb-frakturm"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturM</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturm2.png" /></td>
+                    <td><div class = "smb smb-frakturm2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturn</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturn.png" /></td>
+                    <td><div class = "smb smb-frakturn"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturN</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturn2.png" /></td>
+                    <td><div class = "smb smb-frakturn2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturo</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturo.png" /></td>
+                    <td><div class = "smb smb-frakturo"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturO</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturo2.png" /></td>
+                    <td><div class = "smb smb-frakturo2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturp</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturp.png" /></td>
+                    <td><div class = "smb smb-frakturp"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturP</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturp2.png" /></td>
+                    <td><div class = "smb smb-frakturp2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturq</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturq.png" /></td>
+                    <td><div class = "smb smb-frakturq"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturQ</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturq2.png" /></td>
+                    <td><div class = "smb smb-frakturq2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturr</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturr.png" /></td>
+                    <td><div class = "smb smb-frakturr"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturR</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturr2.png" /></td>
+                    <td><div class = "smb smb-frakturr2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturs</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturs.png" /></td>
+                    <td><div class = "smb smb-frakturs"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturS</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturs2.png" /></td>
+                    <td><div class = "smb smb-frakturs2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturt</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturt.png" /></td>
+                    <td><div class = "smb smb-frakturt"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturT</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturt2.png" /></td>
+                    <td><div class = "smb smb-frakturt2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturu</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturu.png" /></td>
+                    <td><div class = "smb smb-frakturu"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturU</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturu2.png" /></td>
+                    <td><div class = "smb smb-frakturu2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturv</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturv.png" /></td>
+                    <td><div class = "smb smb-frakturv"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturV</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturv2.png" /></td>
+                    <td><div class = "smb smb-frakturv2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturw</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturw.png" /></td>
+                    <td><div class = "smb smb-frakturw"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturW</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturw2.png" /></td>
+                    <td><div class = "smb smb-frakturw2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturx</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturx.png" /></td>
+                    <td><div class = "smb smb-frakturx"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturX</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturx2.png" /></td>
+                    <td><div class = "smb smb-frakturx2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\fraktury</td>
-                    <td><img alt="Symbol" src="../images/symbols/fraktury.png" /></td>
+                    <td><div class = "smb smb-fraktury"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturY</td>
-                    <td><img alt="Symbol" src="../images/symbols/fraktury2.png" /></td>
+                    <td><div class = "smb smb-fraktury2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturz</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturz.png" /></td>
+                    <td><div class = "smb smb-frakturz"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frakturZ</td>
-                    <td><img alt="Symbol" src="../images/symbols/frakturz2.png" /></td>
+                    <td><div class = "smb smb-frakturz2"></div></td>
                     <td>Fraktur</td>
                 </tr>
                 <tr>
                     <td>\frown</td>
-                    <td><img alt="Symbol" src="../images/symbols/frown.png" /></td>
+                    <td><div class = "smb smb-frown"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
@@ -1096,47 +1097,47 @@
                 </tr>
                 <tr>
                     <td>\G</td>
-                    <td><img alt="Symbol" src="../images/symbols/g.png" /></td>
+                    <td><div class = "smb smb-g"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\gamma</td>
-                    <td><img alt="Symbol" src="../images/symbols/gamma.png" /></td>
+                    <td><div class = "smb smb-gamma"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Gamma</td>
-                    <td><img alt="Symbol" src="../images/symbols/gamma2.png" /></td>
+                    <td><div class = "smb smb-gamma2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\ge</td>
-                    <td><img alt="Symbol" src="../images/symbols/ge.png" /></td>
+                    <td><div class = "smb smb-ge"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\geq</td>
-                    <td><img alt="Symbol" src="../images/symbols/geq.png" /></td>
+                    <td><div class = "smb smb-geq"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\gets</td>
-                    <td><img alt="Symbol" src="../images/symbols/gets.png" /></td>
+                    <td><div class = "smb smb-gets"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\gg</td>
-                    <td><img alt="Symbol" src="../images/symbols/gg.png" /></td>
+                    <td><div class = "smb smb-gg"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\gimel</td>
-                    <td><img alt="Symbol" src="../images/symbols/gimel.png" /></td>
+                    <td><div class = "smb smb-gimel"></div></td>
                     <td>Hebräische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\grave</td>
-                    <td><img alt="Symbol" src="../images/symbols/grave.png" /></td>
+                    <td><div class = "smb smb-grave"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
@@ -1146,112 +1147,112 @@
                 </tr>
                 <tr>
                     <td>\hat</td>
-                    <td><img alt="Symbol" src="../images/symbols/hat.png" /></td>
+                    <td><div class = "smb smb-hat"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\hbar</td>
-                    <td><img alt="Symbol" src="../images/symbols/hbar.png" /></td>
+                    <td><div class = "smb smb-hbar"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\heartsuit</td>
-                    <td><img alt="Symbol" src="../images/symbols/heartsuit.png" /></td>
+                    <td><div class = "smb smb-heartsuit"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\hookleftarrow</td>
-                    <td><img alt="Symbol" src="../images/symbols/hookleftarrow.png" /></td>
+                    <td><div class = "smb smb-hookleftarrow"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\hookrightarrow</td>
-                    <td><img alt="Symbol" src="../images/symbols/hookrightarrow.png" /></td>
+                    <td><div class = "smb smb-hookrightarrow"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\hphantom</td>
-                    <td><img alt="Symbol" src="../images/symbols/hphantom.png" /></td>
+                    <td><div class = "smb smb-hphantom"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\hsmash</td>
-                    <td><img alt="Symbol" src="../images/symbols/hsmash.png" /></td>
+                    <td><div class = "smb smb-hsmash"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\hvec</td>
-                    <td><img alt="Symbol" src="../images/symbols/hvec.png" /></td>
+                    <td><div class = "smb smb-hvec"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\identitymatrix</td>
-                    <td><img alt="Symbol" src="../images/symbols/identitymatrix.png" /></td>
+                    <td><div class = "smb smb-identitymatrix"></div></td>
                     <td>Matrizen</td>
                 </tr>
                 <tr>
                     <td>\ii</td>
-                    <td><img alt="Symbol" src="../images/symbols/ii.png" /></td>
+                    <td><div class = "smb smb-ii"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\iiint</td>
-                    <td><img alt="Symbol" src="../images/symbols/iiint.png" /></td>
+                    <td><div class = "smb smb-iiint"></div></td>
                     <td>Integrale</td>
                 </tr>
                 <tr>
                     <td>\iint</td>
-                    <td><img alt="Symbol" src="../images/symbols/iint.png" /></td>
+                    <td><div class = "smb smb-iint"></div></td>
                     <td>Integrale</td>
                 </tr>
                 <tr>
                     <td>\iiiint</td>
-                    <td><img alt="Symbol" src="../images/symbols/iiiint.png" /></td>
+                    <td><div class = "smb smb-iiiint"></div></td>
                     <td>Integrale</td>
                 </tr>
                 <tr>
                     <td>\Im</td>
-                    <td><img alt="Symbol" src="../images/symbols/im.png" /></td>
+                    <td><div class = "smb smb-im"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\imath</td>
-                    <td><img alt="Symbol" src="../images/symbols/imath.png" /></td>
+                    <td><div class = "smb smb-imath"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\in</td>
-                    <td><img alt="Symbol" src="../images/symbols/in.png" /></td>
+                    <td><div class = "smb smb-in"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\inc</td>
-                    <td><img alt="Symbol" src="../images/symbols/inc.png" /></td>
+                    <td><div class = "smb smb-inc"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\infty</td>
-                    <td><img alt="Symbol" src="../images/symbols/infty.png" /></td>
+                    <td><div class = "smb smb-infty"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\int</td>
-                    <td><img alt="Symbol" src="../images/symbols/int.png" /></td>
+                    <td><div class = "smb smb-int"></div></td>
                     <td>Integrale</td>
                 </tr>
                 <tr>
                     <td>\integral</td>
-                    <td><img alt="Symbol" src="../images/symbols/integral.png" /></td>
+                    <td><div class = "smb smb-integral"></div></td>
                     <td>Integrale</td>
                 </tr>
                 <tr>
                     <td>\iota</td>
-                    <td><img alt="Symbol" src="../images/symbols/iota.png" /></td>
+                    <td><div class = "smb smb-iota"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Iota</td>
-                    <td><img alt="Symbol" src="../images/symbols/iota2.png" /></td>
+                    <td><div class = "smb smb-iota2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
@@ -1261,187 +1262,187 @@
                 </tr>
                 <tr>
                     <td>\j</td>
-                    <td><img alt="Symbol" src="../images/symbols/j.png" /></td>
+                    <td><div class = "smb smb-j"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\jj</td>
-                    <td><img alt="Symbol" src="../images/symbols/jj.png" /></td>
+                    <td><div class = "smb smb-jj"></div></td>
                     <td>Buchstaben mit Doppelstrich</td>
                 </tr>
                 <tr>
                     <td>\jmath</td>
-                    <td><img alt="Symbol" src="../images/symbols/jmath.png" /></td>
+                    <td><div class = "smb smb-jmath"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\kappa</td>
-                    <td><img alt="Symbol" src="../images/symbols/kappa.png" /></td>
+                    <td><div class = "smb smb-kappa"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Kappa</td>
-                    <td><img alt="Symbol" src="../images/symbols/kappa2.png" /></td>
+                    <td><div class = "smb smb-kappa2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\ket</td>
-                    <td><img alt="Symbol" src="../images/symbols/ket.png" /></td>
+                    <td><div class = "smb smb-ket"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\lambda</td>
-                    <td><img alt="Symbol" src="../images/symbols/lambda.png" /></td>
+                    <td><div class = "smb smb-lambda"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Lambda</td>
-                    <td><img alt="Symbol" src="../images/symbols/lambda2.png" /></td>
+                    <td><div class = "smb smb-lambda2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\langle</td>
-                    <td><img alt="Symbol" src="../images/symbols/langle.png" /></td>
+                    <td><div class = "smb smb-langle"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\lbbrack</td>
-                    <td><img alt="Symbol" src="../images/symbols/lbbrack.png" /></td>
+                    <td><div class = "smb smb-lbbrack"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\lbrace</td>
-                    <td><img alt="Symbol" src="../images/symbols/lbrace.png" /></td>
+                    <td><div class = "smb smb-lbrace"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\lbrack</td>
-                    <td><img alt="Symbol" src="../images/symbols/lbrack.png" /></td>
+                    <td><div class = "smb smb-lbrack"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\lceil</td>
-                    <td><img alt="Symbol" src="../images/symbols/lceil.png" /></td>
+                    <td><div class = "smb smb-lceil"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\ldiv</td>
-                    <td><img alt="Symbol" src="../images/symbols/ldiv.png" /></td>
+                    <td><div class = "smb smb-ldiv"></div></td>
                     <td>Bruchteile</td>
                 </tr>
                 <tr>
                     <td>\ldivide</td>
-                    <td><img alt="Symbol" src="../images/symbols/ldivide.png" /></td>
+                    <td><div class = "smb smb-ldivide"></div></td>
                     <td>Bruchteile</td>
                 </tr>
                 <tr>
                     <td>\ldots</td>
-                    <td><img alt="Symbol" src="../images/symbols/ldots.png" /></td>
+                    <td><div class = "smb smb-ldots"></div></td>
                     <td>Punkte</td>
                 </tr>
                 <tr>
                     <td>\le</td>
-                    <td><img alt="Symbol" src="../images/symbols/le.png" /></td>
+                    <td><div class = "smb smb-le"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\left</td>
-                    <td><img alt="Symbol" src="../images/symbols/left.png" /></td>
+                    <td><div class = "smb smb-left"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\leftarrow</td>
-                    <td><img alt="Symbol" src="../images/symbols/leftarrow.png" /></td>
+                    <td><div class = "smb smb-leftarrow"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\Leftarrow</td>
-                    <td><img alt="Symbol" src="../images/symbols/leftarrow2.png" /></td>
+                    <td><div class = "smb smb-leftarrow2"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\leftharpoondown</td>
-                    <td><img alt="Symbol" src="../images/symbols/leftharpoondown.png" /></td>
+                    <td><div class = "smb smb-leftharpoondown"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\leftharpoonup</td>
-                    <td><img alt="Symbol" src="../images/symbols/leftharpoonup.png" /></td>
+                    <td><div class = "smb smb-leftharpoonup"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\leftrightarrow</td>
-                    <td><img alt="Symbol" src="../images/symbols/leftrightarrow.png" /></td>
+                    <td><div class = "smb smb-leftrightarrow"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\Leftrightarrow</td>
-                    <td><img alt="Symbol" src="../images/symbols/leftrightarrow2.png" /></td>
+                    <td><div class = "smb smb-leftrightarrow2"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\leq</td>
-                    <td><img alt="Symbol" src="../images/symbols/leq.png" /></td>
+                    <td><div class = "smb smb-leq"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\lfloor</td>
-                    <td><img alt="Symbol" src="../images/symbols/lfloor.png" /></td>
+                    <td><div class = "smb smb-lfloor"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\lhvec</td>
-                    <td><img alt="Symbol" src="../images/symbols/lhvec.png" /></td>
+                    <td><div class = "smb smb-lhvec"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\limit</td>
-                    <td><img alt="Symbol" src="../images/symbols/limit.png" /></td>
+                    <td><div class = "smb smb-limit"></div></td>
                     <td>Grenzwerte</td>
                 </tr>
                 <tr>
                     <td>\ll</td>
-                    <td><img alt="Symbol" src="../images/symbols/ll.png" /></td>
+                    <td><div class = "smb smb-ll"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\lmoust</td>
-                    <td><img alt="Symbol" src="../images/symbols/lmoust.png" /></td>
+                    <td><div class = "smb smb-lmoust"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\Longleftarrow</td>
-                    <td><img alt="Symbol" src="../images/symbols/longleftarrow.png" /></td>
+                    <td><div class = "smb smb-longleftarrow"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\Longleftrightarrow</td>
-                    <td><img alt="Symbol" src="../images/symbols/longleftrightarrow.png" /></td>
+                    <td><div class = "smb smb-longleftrightarrow"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\Longrightarrow</td>
-                    <td><img alt="Symbol" src="../images/symbols/longrightarrow.png" /></td>
+                    <td><div class = "smb smb-longrightarrow"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\lrhar</td>
-                    <td><img alt="Symbol" src="../images/symbols/lrhar.png" /></td>
+                    <td><div class = "smb smb-lrhar"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\lvec</td>
-                    <td><img alt="Symbol" src="../images/symbols/lvec.png" /></td>
+                    <td><div class = "smb smb-lvec"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\mapsto</td>
-                    <td><img alt="Symbol" src="../images/symbols/mapsto.png" /></td>
+                    <td><div class = "smb smb-mapsto"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\matrix</td>
-                    <td><img alt="Symbol" src="../images/symbols/matrix.png" /></td>
+                    <td><div class = "smb smb-matrix"></div></td>
                     <td>Matrizen</td>
                 </tr>
                 <tr>
@@ -1451,42 +1452,42 @@
                 </tr>
                 <tr>
                     <td>\mid</td>
-                    <td><img alt="Symbol" src="../images/symbols/mid.png" /></td>
+                    <td><div class = "smb smb-mid"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\middle</td>
-                    <td><img alt="Symbol" src="../images/symbols/middle.png" /></td>
+                    <td><div class = "smb smb-middle"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\models</td>
-                    <td><img alt="Symbol" src="../images/symbols/models.png" /></td>
+                    <td><div class = "smb smb-models"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\mp</td>
-                    <td><img alt="Symbol" src="../images/symbols/mp.png" /></td>
+                    <td><div class = "smb smb-mp"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\mu</td>
-                    <td><img alt="Symbol" src="../images/symbols/mu.png" /></td>
+                    <td><div class = "smb smb-mu"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Mu</td>
-                    <td><img alt="Symbol" src="../images/symbols/mu2.png" /></td>
+                    <td><div class = "smb smb-mu2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\nabla</td>
-                    <td><img alt="Symbol" src="../images/symbols/nabla.png" /></td>
+                    <td><div class = "smb smb-nabla"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\naryand</td>
-                    <td><img alt="Symbol" src="../images/symbols/naryand.png" /></td>
+                    <td><div class = "smb smb-naryand"></div></td>
                     <td>Operatoren</td>
                 </tr>
                 <tr>
@@ -1496,772 +1497,772 @@
                 </tr>
                 <tr>
                     <td>\ne</td>
-                    <td><img alt="Symbol" src="../images/symbols/ne.png" /></td>
+                    <td><div class = "smb smb-ne"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\nearrow</td>
-                    <td><img alt="Symbol" src="../images/symbols/nearrow.png" /></td>
+                    <td><div class = "smb smb-nearrow"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\neq</td>
-                    <td><img alt="Symbol" src="../images/symbols/neq.png" /></td>
+                    <td><div class = "smb smb-neq"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\ni</td>
-                    <td><img alt="Symbol" src="../images/symbols/ni.png" /></td>
+                    <td><div class = "smb smb-ni"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\norm</td>
-                    <td><img alt="Symbol" src="../images/symbols/norm.png" /></td>
+                    <td><div class = "smb smb-norm"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\notcontain</td>
-                    <td><img alt="Symbol" src="../images/symbols/notcontain.png" /></td>
+                    <td><div class = "smb smb-notcontain"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\notelement</td>
-                    <td><img alt="Symbol" src="../images/symbols/notelement.png" /></td>
+                    <td><div class = "smb smb-notelement"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\notin</td>
-                    <td><img alt="Symbol" src="../images/symbols/notin.png" /></td>
+                    <td><div class = "smb smb-notin"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\nu</td>
-                    <td><img alt="Symbol" src="../images/symbols/nu.png" /></td>
+                    <td><div class = "smb smb-nu"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Nu</td>
-                    <td><img alt="Symbol" src="../images/symbols/nu2.png" /></td>
+                    <td><div class = "smb smb-nu2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\nwarrow</td>
-                    <td><img alt="Symbol" src="../images/symbols/nwarrow.png" /></td>
+                    <td><div class = "smb smb-nwarrow"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\o</td>
-                    <td><img alt="Symbol" src="../images/symbols/o.png" /></td>
+                    <td><div class = "smb smb-o"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\O</td>
-                    <td><img alt="Symbol" src="../images/symbols/o2.png" /></td>
+                    <td><div class = "smb smb-o2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\odot</td>
-                    <td><img alt="Symbol" src="../images/symbols/odot.png" /></td>
+                    <td><div class = "smb smb-odot"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\of</td>
-                    <td><img alt="Symbol" src="../images/symbols/of.png" /></td>
+                    <td><div class = "smb smb-of"></div></td>
                     <td>Operatoren</td>
                 </tr>
                 <tr>
                     <td>\oiiint</td>
-                    <td><img alt="Symbol" src="../images/symbols/oiiint.png" /></td>
+                    <td><div class = "smb smb-oiiint"></div></td>
                     <td>Integrale</td>
                 </tr>
                 <tr>
                     <td>\oiint</td>
-                    <td><img alt="Symbol" src="../images/symbols/oiint.png" /></td>
+                    <td><div class = "smb smb-oiint"></div></td>
                     <td>Integrale</td>
                 </tr>
                 <tr>
                     <td>\oint</td>
-                    <td><img alt="Symbol" src="../images/symbols/oint.png" /></td>
+                    <td><div class = "smb smb-oint"></div></td>
                     <td>Integrale</td>
                 </tr>
                 <tr>
                     <td>\omega</td>
-                    <td><img alt="Symbol" src="../images/symbols/omega.png" /></td>
+                    <td><div class = "smb smb-omega"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Omega</td>
-                    <td><img alt="Symbol" src="../images/symbols/omega2.png" /></td>
+                    <td><div class = "smb smb-omega2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\ominus</td>
-                    <td><img alt="Symbol" src="../images/symbols/ominus.png" /></td>
+                    <td><div class = "smb smb-ominus"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\open</td>
-                    <td><img alt="Symbol" src="../images/symbols/open.png" /></td>
+                    <td><div class = "smb smb-open"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\oplus</td>
-                    <td><img alt="Symbol" src="../images/symbols/oplus.png" /></td>
+                    <td><div class = "smb smb-oplus"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\otimes</td>
-                    <td><img alt="Symbol" src="../images/symbols/otimes.png" /></td>
+                    <td><div class = "smb smb-otimes"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\over</td>
-                    <td><img alt="Symbol" src="../images/symbols/over.png" /></td>
+                    <td><div class = "smb smb-over"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\overbar</td>
-                    <td><img alt="Symbol" src="../images/symbols/overbar.png" /></td>
+                    <td><div class = "smb smb-overbar"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\overbrace</td>
-                    <td><img alt="Symbol" src="../images/symbols/overbrace.png" /></td>
+                    <td><div class = "smb smb-overbrace"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\overbracket</td>
-                    <td><img alt="Symbol" src="../images/symbols/overbracket.png" /></td>
+                    <td><div class = "smb smb-overbracket"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\overline</td>
-                    <td><img alt="Symbol" src="../images/symbols/overline.png" /></td>
+                    <td><div class = "smb smb-overline"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\overparen</td>
-                    <td><img alt="Symbol" src="../images/symbols/overparen.png" /></td>
+                    <td><div class = "smb smb-overparen"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\overshell</td>
-                    <td><img alt="Symbol" src="../images/symbols/overshell.png" /></td>
+                    <td><div class = "smb smb-overshell"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\parallel</td>
-                    <td><img alt="Symbol" src="../images/symbols/parallel.png" /></td>
+                    <td><div class = "smb smb-parallel"></div></td>
                     <td>Geometrische Notation</td>
                 </tr>
                 <tr>
                     <td>\partial</td>
-                    <td><img alt="Symbol" src="../images/symbols/partial.png" /></td>
+                    <td><div class = "smb smb-partial"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\pmatrix</td>
-                    <td><img alt="Symbol" src="../images/symbols/pmatrix.png" /></td>
+                    <td><div class = "smb smb-pmatrix"></div></td>
                     <td>Matrizen</td>
                 </tr>
                 <tr>
                     <td>\perp</td>
-                    <td><img alt="Symbol" src="../images/symbols/perp.png" /></td>
+                    <td><div class = "smb smb-perp"></div></td>
                     <td>Geometrische Notation</td>
                 </tr>
                 <tr>
                     <td>\phantom</td>
-                    <td><img alt="Symbol" src="../images/symbols/phantom.png" /></td>
+                    <td><div class = "smb smb-phantom"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\phi</td>
-                    <td><img alt="Symbol" src="../images/symbols/phi.png" /></td>
+                    <td><div class = "smb smb-phi"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Phi</td>
-                    <td><img alt="Symbol" src="../images/symbols/phi2.png" /></td>
+                    <td><div class = "smb smb-phi2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\pi</td>
-                    <td><img alt="Symbol" src="../images/symbols/pi.png" /></td>
+                    <td><div class = "smb smb-pi"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Pi</td>
-                    <td><img alt="Symbol" src="../images/symbols/pi2.png" /></td>
+                    <td><div class = "smb smb-pi2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\pm</td>
-                    <td><img alt="Symbol" src="../images/symbols/pm.png" /></td>
+                    <td><div class = "smb smb-pm"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\pppprime</td>
-                    <td><img alt="Symbol" src="../images/symbols/pppprime.png" /></td>
+                    <td><div class = "smb smb-pppprime"></div></td>
                     <td>Prime-Zeichen</td>
                 </tr>
                 <tr>
                     <td>\ppprime</td>
-                    <td><img alt="Symbol" src="../images/symbols/ppprime.png" /></td>
+                    <td><div class = "smb smb-ppprime"></div></td>
                     <td>Prime-Zeichen</td>
                 </tr>
                 <tr>
                     <td>\pprime</td>
-                    <td><img alt="Symbol" src="../images/symbols/pprime.png" /></td>
+                    <td><div class = "smb smb-pprime"></div></td>
                     <td>Prime-Zeichen</td>
                 </tr>
                 <tr>
                     <td>\prec</td>
-                    <td><img alt="Symbol" src="../images/symbols/prec.png" /></td>
+                    <td><div class = "smb smb-prec"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\preceq</td>
-                    <td><img alt="Symbol" src="../images/symbols/preceq.png" /></td>
+                    <td><div class = "smb smb-preceq"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\prime</td>
-                    <td><img alt="Symbol" src="../images/symbols/prime.png" /></td>
+                    <td><div class = "smb smb-prime"></div></td>
                     <td>Prime-Zeichen</td>
                 </tr>
                 <tr>
                     <td>\prod</td>
-                    <td><img alt="Symbol" src="../images/symbols/prod.png" /></td>
+                    <td><div class = "smb smb-prod"></div></td>
                     <td>Mathematische Operatoren</td>
                 </tr>
                 <tr>
                     <td>\propto</td>
-                    <td><img alt="Symbol" src="../images/symbols/propto.png" /></td>
+                    <td><div class = "smb smb-propto"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\psi</td>
-                    <td><img alt="Symbol" src="../images/symbols/psi.png" /></td>
+                    <td><div class = "smb smb-psi"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Psi</td>
-                    <td><img alt="Symbol" src="../images/symbols/psi2.png" /></td>
+                    <td><div class = "smb smb-psi2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\qdrt</td>
-                    <td><img alt="Symbol" src="../images/symbols/qdrt.png" /></td>
+                    <td><div class = "smb smb-qdrt"></div></td>
                     <td>Wurzeln</td>
                 </tr>
                 <tr>
                     <td>\quadratic</td>
-                    <td><img alt="Symbol" src="../images/symbols/quadratic.png" /></td>
+                    <td><div class = "smb smb-quadratic"></div></td>
                     <td>Wurzeln</td>
                 </tr>
                 <tr>
                     <td>\rangle</td>
-                    <td><img alt="Symbol" src="../images/symbols/rangle.png" /></td>
+                    <td><div class = "smb smb-rangle"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\Rangle</td>
-                    <td><img alt="Symbol" src="../images/symbols/rangle2.png" /></td>
+                    <td><div class = "smb smb-rangle2"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\ratio</td>
-                    <td><img alt="Symbol" src="../images/symbols/ratio.png" /></td>
+                    <td><div class = "smb smb-ratio"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\rbrace</td>
-                    <td><img alt="Symbol" src="../images/symbols/rbrace.png" /></td>
+                    <td><div class = "smb smb-rbrace"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\rbrack</td>
-                    <td><img alt="Symbol" src="../images/symbols/rbrack.png" /></td>
+                    <td><div class = "smb smb-rbrack"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\Rbrack</td>
-                    <td><img alt="Symbol" src="../images/symbols/rbrack2.png" /></td>
+                    <td><div class = "smb smb-rbrack2"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\rceil</td>
-                    <td><img alt="Symbol" src="../images/symbols/rceil.png" /></td>
+                    <td><div class = "smb smb-rceil"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\rddots</td>
-                    <td><img alt="Symbol" src="../images/symbols/rddots.png" /></td>
+                    <td><div class = "smb smb-rddots"></div></td>
                     <td>Punkte</td>
                 </tr>
                 <tr>
                     <td>\Re</td>
-                    <td><img alt="Symbol" src="../images/symbols/re.png" /></td>
+                    <td><div class = "smb smb-re"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\rect</td>
-                    <td><img alt="Symbol" src="../images/symbols/rect.png" /></td>
+                    <td><div class = "smb smb-rect"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\rfloor</td>
-                    <td><img alt="Symbol" src="../images/symbols/rfloor.png" /></td>
+                    <td><div class = "smb smb-rfloor"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\rho</td>
-                    <td><img alt="Symbol" src="../images/symbols/rho.png" /></td>
+                    <td><div class = "smb smb-rho"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Rho</td>
-                    <td><img alt="Symbol" src="../images/symbols/rho2.png" /></td>
+                    <td><div class = "smb smb-rho2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\rhvec</td>
-                    <td><img alt="Symbol" src="../images/symbols/rhvec.png" /></td>
+                    <td><div class = "smb smb-rhvec"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\right</td>
-                    <td><img alt="Symbol" src="../images/symbols/right.png" /></td>
+                    <td><div class = "smb smb-right"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\rightarrow</td>
-                    <td><img alt="Symbol" src="../images/symbols/rightarrow.png" /></td>
+                    <td><div class = "smb smb-rightarrow"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\Rightarrow</td>
-                    <td><img alt="Symbol" src="../images/symbols/rightarrow2.png" /></td>
+                    <td><div class = "smb smb-rightarrow2"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\rightharpoondown</td>
-                    <td><img alt="Symbol" src="../images/symbols/rightharpoondown.png" /></td>
+                    <td><div class = "smb smb-rightharpoondown"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\rightharpoonup</td>
-                    <td><img alt="Symbol" src="../images/symbols/rightharpoonup.png" /></td>
+                    <td><div class = "smb smb-rightharpoonup"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\rmoust</td>
-                    <td><img alt="Symbol" src="../images/symbols/rmoust.png" /></td>
+                    <td><div class = "smb smb-rmoust"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\root</td>
-                    <td><img alt="Symbol" src="../images/symbols/root.png" /></td>
+                    <td><div class = "smb smb-root"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\scripta</td>
-                    <td><img alt="Symbol" src="../images/symbols/scripta.png" /></td>
+                    <td><div class = "smb smb-scripta"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptA</td>
-                    <td><img alt="Symbol" src="../images/symbols/scripta2.png" /></td>
+                    <td><div class = "smb smb-scripta2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptb</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptb.png" /></td>
+                    <td><div class = "smb smb-scriptb"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptB</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptb2.png" /></td>
+                    <td><div class = "smb smb-scriptb2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptc</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptc.png" /></td>
+                    <td><div class = "smb smb-scriptc"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptC</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptc2.png" /></td>
+                    <td><div class = "smb smb-scriptc2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptd</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptd.png" /></td>
+                    <td><div class = "smb smb-scriptd"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptD</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptd2.png" /></td>
+                    <td><div class = "smb smb-scriptd2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scripte</td>
-                    <td><img alt="Symbol" src="../images/symbols/scripte.png" /></td>
+                    <td><div class = "smb smb-scripte"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptE</td>
-                    <td><img alt="Symbol" src="../images/symbols/scripte2.png" /></td>
+                    <td><div class = "smb smb-scripte2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptf</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptf.png" /></td>
+                    <td><div class = "smb smb-scriptf"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptF</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptf2.png" /></td>
+                    <td><div class = "smb smb-scriptf2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptg</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptg.png" /></td>
+                    <td><div class = "smb smb-scriptg"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptG</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptg2.png" /></td>
+                    <td><div class = "smb smb-scriptg2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scripth</td>
-                    <td><img alt="Symbol" src="../images/symbols/scripth.png" /></td>
+                    <td><div class = "smb smb-scripth"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptH</td>
-                    <td><img alt="Symbol" src="../images/symbols/scripth2.png" /></td>
+                    <td><div class = "smb smb-scripth2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scripti</td>
-                    <td><img alt="Symbol" src="../images/symbols/scripti.png" /></td>
+                    <td><div class = "smb smb-scripti"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptI</td>
-                    <td><img alt="Symbol" src="../images/symbols/scripti2.png" /></td>
+                    <td><div class = "smb smb-scripti2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptk</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptk.png" /></td>
+                    <td><div class = "smb smb-scriptk"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptK</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptk2.png" /></td>
+                    <td><div class = "smb smb-scriptk2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptl</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptl.png" /></td>
+                    <td><div class = "smb smb-scriptl"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptL</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptl2.png" /></td>
+                    <td><div class = "smb smb-scriptl2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptm</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptm.png" /></td>
+                    <td><div class = "smb smb-scriptm"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptM</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptm2.png" /></td>
+                    <td><div class = "smb smb-scriptm2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptn</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptn.png" /></td>
+                    <td><div class = "smb smb-scriptn"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptN</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptn2.png" /></td>
+                    <td><div class = "smb smb-scriptn2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scripto</td>
-                    <td><img alt="Symbol" src="../images/symbols/scripto.png" /></td>
+                    <td><div class = "smb smb-scripto"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptO</td>
-                    <td><img alt="Symbol" src="../images/symbols/scripto2.png" /></td>
+                    <td><div class = "smb smb-scripto2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptp</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptp.png" /></td>
+                    <td><div class = "smb smb-scriptp"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptP</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptp2.png" /></td>
+                    <td><div class = "smb smb-scriptp2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptq</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptq.png" /></td>
+                    <td><div class = "smb smb-scriptq"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptQ</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptq2.png" /></td>
+                    <td><div class = "smb smb-scriptq2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptr</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptr.png" /></td>
+                    <td><div class = "smb smb-scriptr"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptR</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptr2.png" /></td>
+                    <td><div class = "smb smb-scriptr2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scripts</td>
-                    <td><img alt="Symbol" src="../images/symbols/scripts.png" /></td>
+                    <td><div class = "smb smb-scripts"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptS</td>
-                    <td><img alt="Symbol" src="../images/symbols/scripts2.png" /></td>
+                    <td><div class = "smb smb-scripts2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptt</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptt.png" /></td>
+                    <td><div class = "smb smb-scriptt"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptT</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptt2.png" /></td>
+                    <td><div class = "smb smb-scriptt2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptu</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptu.png" /></td>
+                    <td><div class = "smb smb-scriptu"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptU</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptu2.png" /></td>
+                    <td><div class = "smb smb-scriptu2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptv</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptv.png" /></td>
+                    <td><div class = "smb smb-scriptv"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptV</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptv2.png" /></td>
+                    <td><div class = "smb smb-scriptv2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptw</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptw.png" /></td>
+                    <td><div class = "smb smb-scriptw"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptW</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptw2.png" /></td>
+                    <td><div class = "smb smb-scriptw2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptx</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptx.png" /></td>
+                    <td><div class = "smb smb-scriptx"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptX</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptx2.png" /></td>
+                    <td><div class = "smb smb-scriptx2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scripty</td>
-                    <td><img alt="Symbol" src="../images/symbols/scripty.png" /></td>
+                    <td><div class = "smb smb-scripty"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptY</td>
-                    <td><img alt="Symbol" src="../images/symbols/scripty2.png" /></td>
+                    <td><div class = "smb smb-scripty2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptz</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptz.png" /></td>
+                    <td><div class = "smb smb-scriptz"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\scriptZ</td>
-                    <td><img alt="Symbol" src="../images/symbols/scriptz2.png" /></td>
+                    <td><div class = "smb smb-scriptz2"></div></td>
                     <td>Skripts</td>
                 </tr>
                 <tr>
                     <td>\sdiv</td>
-                    <td><img alt="Symbol" src="../images/symbols/sdiv.png" /></td>
+                    <td><div class = "smb smb-sdiv"></div></td>
                     <td>Bruchteile</td>
                 </tr>
                 <tr>
                     <td>\sdivide</td>
-                    <td><img alt="Symbol" src="../images/symbols/sdivide.png" /></td>
+                    <td><div class = "smb smb-sdivide"></div></td>
                     <td>Bruchteile</td>
                 </tr>
                 <tr>
                     <td>\searrow</td>
-                    <td><img alt="Symbol" src="../images/symbols/searrow.png" /></td>
+                    <td><div class = "smb smb-searrow"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\setminus</td>
-                    <td><img alt="Symbol" src="../images/symbols/setminus.png" /></td>
+                    <td><div class = "smb smb-setminus"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\sigma</td>
-                    <td><img alt="Symbol" src="../images/symbols/sigma.png" /></td>
+                    <td><div class = "smb smb-sigma"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Sigma</td>
-                    <td><img alt="Symbol" src="../images/symbols/sigma2.png" /></td>
+                    <td><div class = "smb smb-sigma2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\sim</td>
-                    <td><img alt="Symbol" src="../images/symbols/sim.png" /></td>
+                    <td><div class = "smb smb-sim"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\simeq</td>
-                    <td><img alt="Symbol" src="../images/symbols/simeq.png" /></td>
+                    <td><div class = "smb smb-simeq"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\smash</td>
-                    <td><img alt="Symbol" src="../images/symbols/smash.png" /></td>
+                    <td><div class = "smb smb-smash"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\smile</td>
-                    <td><img alt="Symbol" src="../images/symbols/smile.png" /></td>
+                    <td><div class = "smb smb-smile"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\spadesuit</td>
-                    <td><img alt="Symbol" src="../images/symbols/spadesuit.png" /></td>
+                    <td><div class = "smb smb-spadesuit"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\sqcap</td>
-                    <td><img alt="Symbol" src="../images/symbols/sqcap.png" /></td>
+                    <td><div class = "smb smb-sqcap"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\sqcup</td>
-                    <td><img alt="Symbol" src="../images/symbols/sqcup.png" /></td>
+                    <td><div class = "smb smb-sqcup"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\sqrt</td>
-                    <td><img alt="Symbol" src="../images/symbols/sqrt.png" /></td>
+                    <td><div class = "smb smb-sqrt"></div></td>
                     <td>Wurzeln</td>
                 </tr>
                 <tr>
                     <td>\sqsubseteq</td>
-                    <td><img alt="Symbol" src="../images/symbols/sqsubseteq.png" /></td>
+                    <td><div class = "smb smb-sqsubseteq"></div></td>
                     <td>Notation von Mengen</td>
                 </tr>
                 <tr>
                     <td>\sqsuperseteq</td>
-                    <td><img alt="Symbol" src="../images/symbols/sqsuperseteq.png" /></td>
+                    <td><div class = "smb smb-sqsuperseteq"></div></td>
                     <td>Notation von Mengen</td>
                 </tr>
                 <tr>
                     <td>\star</td>
-                    <td><img alt="Symbol" src="../images/symbols/star.png" /></td>
+                    <td><div class = "smb smb-star"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\subset</td>
-                    <td><img alt="Symbol" src="../images/symbols/subset.png" /></td>
+                    <td><div class = "smb smb-subset"></div></td>
                     <td>Notation von Mengen</td>
                 </tr>
                 <tr>
                     <td>\subseteq</td>
-                    <td><img alt="Symbol" src="../images/symbols/subseteq.png" /></td>
+                    <td><div class = "smb smb-subseteq"></div></td>
                     <td>Notation von Mengen</td>
                 </tr>
                 <tr>
                     <td>\succ</td>
-                    <td><img alt="Symbol" src="../images/symbols/succ.png" /></td>
+                    <td><div class = "smb smb-succ"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\succeq</td>
-                    <td><img alt="Symbol" src="../images/symbols/succeq.png" /></td>
+                    <td><div class = "smb smb-succeq"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\sum</td>
-                    <td><img alt="Symbol" src="../images/symbols/sum.png" /></td>
+                    <td><div class = "smb smb-sum"></div></td>
                     <td>Mathematische Operatoren</td>
                 </tr>
                 <tr>
                     <td>\superset</td>
-                    <td><img alt="Symbol" src="../images/symbols/superset.png" /></td>
+                    <td><div class = "smb smb-superset"></div></td>
                     <td>Notation von Mengen</td>
                 </tr>
                 <tr>
                     <td>\superseteq</td>
-                    <td><img alt="Symbol" src="../images/symbols/superseteq.png" /></td>
+                    <td><div class = "smb smb-superseteq"></div></td>
                     <td>Notation von Mengen</td>
                 </tr>
                 <tr>
                     <td>\swarrow</td>
-                    <td><img alt="Symbol" src="../images/symbols/swarrow.png" /></td>
+                    <td><div class = "smb smb-swarrow"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\tau</td>
-                    <td><img alt="Symbol" src="../images/symbols/tau.png" /></td>
+                    <td><div class = "smb smb-tau"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Tau</td>
-                    <td><img alt="Symbol" src="../images/symbols/tau2.png" /></td>
+                    <td><div class = "smb smb-tau2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\therefore</td>
-                    <td><img alt="Symbol" src="../images/symbols/therefore.png" /></td>
+                    <td><div class = "smb smb-therefore"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\theta</td>
-                    <td><img alt="Symbol" src="../images/symbols/theta.png" /></td>
+                    <td><div class = "smb smb-theta"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Theta</td>
-                    <td><img alt="Symbol" src="../images/symbols/theta2.png" /></td>
+                    <td><div class = "smb smb-theta2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
@@ -2276,172 +2277,172 @@
                 </tr>
                 <tr>
                     <td>\tilde</td>
-                    <td><img alt="Symbol" src="../images/symbols/tilde.png" /></td>
+                    <td><div class = "smb smb-tilde"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\times</td>
-                    <td><img alt="Symbol" src="../images/symbols/times.png" /></td>
+                    <td><div class = "smb smb-times"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\to</td>
-                    <td><img alt="Symbol" src="../images/symbols/to.png" /></td>
+                    <td><div class = "smb smb-to"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\top</td>
-                    <td><img alt="Symbol" src="../images/symbols/top.png" /></td>
+                    <td><div class = "smb smb-top"></div></td>
                     <td>Logische Notationen</td>
                 </tr>
                 <tr>
                     <td>\tvec</td>
-                    <td><img alt="Symbol" src="../images/symbols/tvec.png" /></td>
+                    <td><div class = "smb smb-tvec"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\ubar</td>
-                    <td><img alt="Symbol" src="../images/symbols/ubar.png" /></td>
+                    <td><div class = "smb smb-ubar"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\Ubar</td>
-                    <td><img alt="Symbol" src="../images/symbols/ubar2.png" /></td>
+                    <td><div class = "smb smb-ubar2"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\underbar</td>
-                    <td><img alt="Symbol" src="../images/symbols/underbar.png" /></td>
+                    <td><div class = "smb smb-underbar"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\underbrace</td>
-                    <td><img alt="Symbol" src="../images/symbols/underbrace.png" /></td>
+                    <td><div class = "smb smb-underbrace"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\underbracket</td>
-                    <td><img alt="Symbol" src="../images/symbols/underbracket.png" /></td>
+                    <td><div class = "smb smb-underbracket"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\underline</td>
-                    <td><img alt="Symbol" src="../images/symbols/underline.png" /></td>
+                    <td><div class = "icon icon-underline"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\underparen</td>
-                    <td><img alt="Symbol" src="../images/symbols/underparen.png" /></td>
+                    <td><div class = "smb smb-underparen"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\uparrow</td>
-                    <td><img alt="Symbol" src="../images/symbols/uparrow.png" /></td>
+                    <td><div class = "smb smb-uparrow"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\Uparrow</td>
-                    <td><img alt="Symbol" src="../images/symbols/uparrow2.png" /></td>
+                    <td><div class = "smb smb-uparrow2"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\updownarrow</td>
-                    <td><img alt="Symbol" src="../images/symbols/updownarrow.png" /></td>
+                    <td><div class = "smb smb-updownarrow"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\Updownarrow</td>
-                    <td><img alt="Symbol" src="../images/symbols/updownarrow2.png" /></td>
+                    <td><div class = "smb smb-updownarrow2"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>\uplus</td>
-                    <td><img alt="Symbol" src="../images/symbols/uplus.png" /></td>
+                    <td><div class = "smb smb-uplus"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\upsilon</td>
-                    <td><img alt="Symbol" src="../images/symbols/upsilon.png" /></td>
+                    <td><div class = "smb smb-upsilon"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Upsilon</td>
-                    <td><img alt="Symbol" src="../images/symbols/upsilon2.png" /></td>
+                    <td><div class = "smb smb-upsilon2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\varepsilon</td>
-                    <td><img alt="Symbol" src="../images/symbols/varepsilon.png" /></td>
+                    <td><div class = "smb smb-varepsilon"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\varphi</td>
-                    <td><img alt="Symbol" src="../images/symbols/varphi.png" /></td>
+                    <td><div class = "smb smb-varphi"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\varpi</td>
-                    <td><img alt="Symbol" src="../images/symbols/varpi.png" /></td>
+                    <td><div class = "smb smb-varpi"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\varrho</td>
-                    <td><img alt="Symbol" src="../images/symbols/varrho.png" /></td>
+                    <td><div class = "smb smb-varrho"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\varsigma</td>
-                    <td><img alt="Symbol" src="../images/symbols/varsigma.png" /></td>
+                    <td><div class = "smb smb-varsigma"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\vartheta</td>
-                    <td><img alt="Symbol" src="../images/symbols/vartheta.png" /></td>
+                    <td><div class = "smb smb-vartheta"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\vbar</td>
-                    <td><img alt="Symbol" src="../images/symbols/vbar.png" /></td>
+                    <td><div class = "smb smb-vbar"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\vdash</td>
-                    <td><img alt="Symbol" src="../images/symbols/vdash.png" /></td>
+                    <td><div class = "smb smb-vdash"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>\vdots</td>
-                    <td><img alt="Symbol" src="../images/symbols/vdots.png" /></td>
+                    <td><div class = "smb smb-vdots"></div></td>
                     <td>Punkte</td>
                 </tr>
                 <tr>
                     <td>\vec</td>
-                    <td><img alt="Symbol" src="../images/symbols/vec.png" /></td>
+                    <td><div class = "smb smb-vec"></div></td>
                     <td>Akzente</td>
                 </tr>
                 <tr>
                     <td>\vee</td>
-                    <td><img alt="Symbol" src="../images/symbols/vee.png" /></td>
+                    <td><div class = "smb smb-vee"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\vert</td>
-                    <td><img alt="Symbol" src="../images/symbols/vert.png" /></td>
+                    <td><div class = "smb smb-vert"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\Vert</td>
-                    <td><img alt="Symbol" src="../images/symbols/vert2.png" /></td>
+                    <td><div class = "smb smb-vert2"></div></td>
                     <td>Trennzeichen</td>
                 </tr>
                 <tr>
                     <td>\Vmatrix</td>
-                    <td><img alt="Symbol" src="../images/symbols/vmatrix.png" /></td>
+                    <td><div class = "smb smb-vmatrix"></div></td>
                     <td>Matrizen</td>
                 </tr>
                 <tr>
                     <td>\vphantom</td>
-                    <td><img alt="Symbol" src="../images/symbols/vphantom.png" /></td>
+                    <td><div class = "smb smb-vphantom"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
@@ -2451,37 +2452,37 @@
                 </tr>
                 <tr>
                     <td>\wedge</td>
-                    <td><img alt="Symbol" src="../images/symbols/wedge.png" /></td>
+                    <td><div class = "smb smb-wedge"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\wp</td>
-                    <td><img alt="Symbol" src="../images/symbols/wp.png" /></td>
+                    <td><div class = "smb smb-wp"></div></td>
                     <td>Symbole</td>
                 </tr>
                 <tr>
                     <td>\wr</td>
-                    <td><img alt="Symbol" src="../images/symbols/wr.png" /></td>
+                    <td><div class = "smb smb-wr"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>\xi</td>
-                    <td><img alt="Symbol" src="../images/symbols/xi.png" /></td>
+                    <td><div class = "smb smb-xi"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Xi</td>
-                    <td><img alt="Symbol" src="../images/symbols/xi2.png" /></td>
+                    <td><div class = "smb smb-xi2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\zeta</td>
-                    <td><img alt="Symbol" src="../images/symbols/zeta.png" /></td>
+                    <td><div class = "smb smb-zeta"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
                     <td>\Zeta</td>
-                    <td><img alt="Symbol" src="../images/symbols/zeta2.png" /></td>
+                    <td><div class = "smb smb-zeta2"></div></td>
                     <td>Griechische Buchstaben</td>
                 </tr>
                 <tr>
@@ -2496,42 +2497,42 @@
                 </tr>
                 <tr>
                     <td>~=</td>
-                    <td><img alt="deckungsgleich" src="../images/symbols/cong.png" /></td>
+                    <td><div class = "smb smb-cong"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>-+</td>
-                    <td><img alt="Minus oder Plus" src="../images/symbols/mp.png" /></td>
+                    <td><div class = "smb smb-mp"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td>+-</td>
-                    <td><img alt="Plus oder Minus" src="../images/symbols/pm.png" /></td>
+                    <td><div class = "smb smb-pm"></div></td>
                     <td>Binäre Operatoren</td>
                 </tr>
                 <tr>
                     <td><<</td>
-                    <td><img alt="Symbol" src="../images/symbols/ll.png" /></td>
+                    <td><div class = "smb smb-ll"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td><=</td>
-                    <td><img alt="Kleiner gleich" src="../images/symbols/lessthanorequalto.png" /></td>
+                    <td><div class = "smb smb-lessthanorequalto"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>-></td>
-                    <td><img alt="Symbol" src="../images/symbols/arrow.png" /></td>
+                    <td><div class = "icon icon-arrow"></div></td>
                     <td>Pfeile</td>
                 </tr>
                 <tr>
                     <td>>=</td>
-                    <td><img alt="Grösser gleich" src="../images/symbols/greaterthanorequalto.png" /></td>
+                    <td><div class = "smb smb-greaterthanorequalto"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
                 <tr>
                     <td>>></td>
-                    <td><img alt="Symbol" src="../images/symbols/gg.png" /></td>
+                    <td><div class = "smb smb-gg"></div></td>
                     <td>Vergleichsoperatoren</td>
                 </tr>
             </table>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/OpenCreateNew.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/OpenCreateNew.htm
index 6811d59127..99187fa3ba 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/OpenCreateNew.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/OpenCreateNew.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Im Präsentationseditor können Sie eine kürzlich bearbeitete Präsentation öffnen, eine neue Präsentation erstellen oder zur Liste der vorhandenen Präsentationen zurückkehren." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -27,7 +28,7 @@
                 <p><em>Desktop-Editor</em></p>
                 <ol>
                     <li>Wählen Sie im Hauptfenster des Programms das Menü <b>Präsentation</b> im Abschnitt <b>Neu erstellen</b> der linken Seitenleiste aus - eine neue Datei wird in einer neuen Registerkarte geöffnet.</li>
-                    <li>Wenn Sie alle gewünschten Änderungen durchgeführt haben, klicken Sie auf das Symbol <b>Speichern</b> <img alt="Speichern" src="../images/save.png" /> in der oberen linken Ecke oder wechseln Sie in die Registerkarte <b>Datei</b> und wählen Sie das Menü <b>Speichern als</b> aus.</li>
+                    <li>Wenn Sie alle gewünschten Änderungen durchgeführt haben, klicken Sie auf das Symbol <b>Speichern</b> <div class = "icon icon-save"></div> in der oberen linken Ecke oder wechseln Sie in die Registerkarte <b>Datei</b> und wählen Sie das Menü <b>Speichern als</b> aus.</li>
                     <li>Wählen Sie im Fenster Dateiverwaltung den Speicherort, legen Sie den Namen fest, wählen Sie das gewünschte Format (PPTX, Presentation template (POTX), ODP, OTP, PDF or PDFA) und klicken Sie auf die Schaltfläche <b>Speichern</b>.</li>
                 </ol>
             </div>
@@ -60,7 +61,7 @@
                 </ol>
             </div>
 
-            <p>Um den Ordner in dem die Datei gespeichert ist in der <em>Online-Version</em> <span class="onlineDocumentFeatures">in einem neuen Browser-Tab</span> oder in der <em>Desktop-Version</em> im Fenster <span class="desktopDocumentFeatures">Datei-Explorer</span> zu öffnen, klicken Sie auf der rechten Seite des Editor-Hauptmenüs auf das Symbol <img alt="Dateispeicherort öffnen" src="../images/gotodocuments.png" /> <b>Dateispeicherort öffnen</b>. Alternativ können Sie in der oberen Menüleiste auf die Registerkarte <b>Datei</b> wechseln und die Option <b>Dateispeicherort öffnen</b> auswählen.</p>
+            <p>Um den Ordner in dem die Datei gespeichert ist in der <em>Online-Version</em> <span class="onlineDocumentFeatures">in einem neuen Browser-Tab</span> oder in der <em>Desktop-Version</em> im Fenster <span class="desktopDocumentFeatures">Datei-Explorer</span> zu öffnen, klicken Sie auf der rechten Seite des Editor-Hauptmenüs auf das Symbol <div class = "icon icon-gotodocuments"></div> <b>Dateispeicherort öffnen</b>. Alternativ können Sie in der oberen Menüleiste auf die Registerkarte <b>Datei</b> wechseln und die Option <b>Dateispeicherort öffnen</b> auswählen.</p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/PhotoEditor.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/PhotoEditor.htm
index 94f14a4927..324242db6b 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/PhotoEditor.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/PhotoEditor.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="Die Beschreibung des Foto-Editor-Plugins für ONLYOFFICE Editoren, mit dem Bilder bearbeitet werden können" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -18,7 +19,7 @@
         <ol>
             <li>Wählen Sie das Bild in Ihrer Präsentation aus.</li>
             <li>
-                Öffnen Sie die Registerkarte <b>Plugins</b> und wählen Sie den Menüpunkt <img alt="Foto-Editor Plugin - Symbol" src="../images/photoeditor.png" /> <b>Foto-Editor</b> aus.<br />
+                Öffnen Sie die Registerkarte <b>Plugins</b> und wählen Sie den Menüpunkt <div class = "icon icon-photoeditor"></div> <b>Foto-Editor</b> aus.<br />
                 Sie befinden sich jetzt im Bearbeitungsmodus.
                 <ul>
                     <li>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/PreviewPresentation.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/PreviewPresentation.htm
index d44c4a8819..e12eb9358a 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/PreviewPresentation.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/PreviewPresentation.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Preview your presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,11 +18,11 @@
             <h3>Vorschau beginnen</h3>
 			<p>Bildschirmpräsentation der aktuellen Präsentation im <a target="_blank" href="https://www.onlyoffice.com/de/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a>:</p>
             <ul>
-                <li>Klicken Sie in der Registerkarte <b>Start</b> oder links in der Statusleiste auf das Symbol <b>Bildschirmpräsentation</b> <img alt="Bildschirmpräsentation" src="../images/startpreview.png" /> oder</li>
+                <li>Klicken Sie in der Registerkarte <b>Start</b> oder links in der Statusleiste auf das Symbol <b>Bildschirmpräsentation</b> <div class = "icon icon-startpreview"></div> oder</li>
                 <li>wählen Sie in der Folienliste links eine bestimmte Folie aus, klicken Sie diese mit der rechten Maustaste an und wählen Sie die Option <b>Bildschirmpräsentation starten</b> im Kontextmenü aus.</li>
             </ul>
             <p>Die Bildschirmpräsentation wird ab der aktuellen Folie gestartet.</p>
-            <p>Klicken Sie alternativ in der Registerkarte <b>Start</b> auf das Symbol <b>Bildschirmpräsentation</b> <img alt="Bildschirmpräsentation" src="../images/startpreview.png" /> und wählen Sie eine der verfügbaren Optionen:</p>
+            <p>Klicken Sie alternativ in der Registerkarte <b>Start</b> auf das Symbol <b>Bildschirmpräsentation</b> <div class = "icon icon-startpreview"></div> und wählen Sie eine der verfügbaren Optionen:</p>
             <ul>
                 <li><b>Von Beginn an</b> - die Bildschirmpräsentation aber der ersten Folie starten</li>
                 <li><b>Ab aktueller Folie</b> - die Bildschirmpräsentation beginnt bei der aktuellen Folie</li>
@@ -33,30 +34,30 @@
             <p>Im <b>Vorschaumodus</b> stehen Ihnen folgende Steuerelemente in der unteren linken Ecke zur Verfügung:</p>
             <p><img alt="Steuerelemente für die Vorschau" src="../images/preview_mode.png" /></p>
             <ul>
-                <li><b>Vorherige Folie</b> <img alt="Vorherige Folie" src="../images/previousslide.png" /> - zur vorherigen Folie zurückkehren.</li>
-                <li><b>Bildschirmpräsentation pausieren</b> <img alt="Bildschirmpräsentation pausieren" src="../images/pausepresentation.png" /> - die Vorschau wird angehalten. Wird diese Schaltfläche angeklickt, wandelt sich der Cursor zu <img alt="Bildschirmpräsentation fortsetzen" src="../images/startpresentation.png" />.</li>
-                <li><b>Bildschirmpräsentation fortsetzen</b> <img alt="Bildschirmpräsentation fortsetzen" src="../images/startpresentation.png" /> - die Vorschau wird fortgesetzt. Wird diese Schaltfläche angeklickt, wandelt sich der Cursor zu <img alt="Bildschirmpräsentation pausieren" src="../images/pausepresentation.png" />.</li>
-                <li><b>Nächste Folie</b> <img alt="Nächste Folie" src="../images/nextslide.png" /> - wechseln Sie in die nächste Folie.</li>
+                <li><b>Vorherige Folie</b> <div class = "icon icon-previousslide"></div> - zur vorherigen Folie zurückkehren.</li>
+                <li><b>Bildschirmpräsentation pausieren</b> <div class = "icon icon-pausepresentation"></div> - die Vorschau wird angehalten. Wird diese Schaltfläche angeklickt, wandelt sich der Cursor zu <div class = "icon icon-startpresentation"></div>.</li>
+                <li><b>Bildschirmpräsentation fortsetzen</b> <div class = "icon icon-startpresentation"></div> - die Vorschau wird fortgesetzt. Wird diese Schaltfläche angeklickt, wandelt sich der Cursor zu <div class = "icon icon-pausepresentation"></div>.</li>
+                <li><b>Nächste Folie</b> <div class = "icon icon-nextslide"></div> - wechseln Sie in die nächste Folie.</li>
                 <li><b>Foliennummer</b> - Anzeige der aktuellen Foliennummer sowie der Gesamtzahl von Folien in der Präsentation. Um im Vorschaumodus zu einer bestimmten Folie überzugehen, klicken Sie auf die <b>angezeigte Foliennummer</b>, geben Sie die gewünschte Foliennummer in das geöffnete Fenster ein und drücken Sie die <b>Eingabetaste</b>.</li>
-                <li>Über die Schaltfläche <b>Vollbildmodus</b> <img alt="Vollbild" src="../images/fullscreen.png" /> können Sie in die Vollbildansicht wechseln.</li>
-                <li>Über die Schaltfläche <b>Vollbildmodus verlassen</b> <img alt="Vollbildmodus verlassen" src="../images/exitfullscreen.png" /> können Sie die Vollbildansicht verlassen.</li>
-                <li>Über die Schaltfläche <b>Bildschirmpräsentation beenden</b> <img alt="Bildschirmpräsentation beenden" src="../images/closepreview.png" /> können Sie den Präsentationsmodus verlassen.</li>
+                <li>Über die Schaltfläche <b>Vollbildmodus</b> <div class = "icon icon-fullscreen"></div> können Sie in die Vollbildansicht wechseln.</li>
+                <li>Über die Schaltfläche <b>Vollbildmodus verlassen</b> <div class = "icon icon-exitfullscreen"></div> können Sie die Vollbildansicht verlassen.</li>
+                <li>Über die Schaltfläche <b>Bildschirmpräsentation beenden</b> <div class = "icon icon-closepreview"></div> können Sie den Präsentationsmodus verlassen.</li>
             </ul>
 			<p>Alternativ können Sie im Präsentationsmodus auch mit den <a href="../HelpfulHints/KeyboardShortcuts.htm#preview" onclick="onhyperlinkclick(this)">Tastenkombinationen</a> zwischen den Folien wechseln.</p>
             <h3 id="presenter">Referentenansicht</h3>
             <p><b>Referentenansicht</b> - die Präsentation wird auf einem Bildschirm im Vollbildmodus angezeigt und auf dem anderen Bildschirm wird die „Sprecheransicht“ mit den Notizen wiedergegeben. Die Notizen für jede Folie werden unter dem Folienvorschaubereich angezeigt.</p>
-            <p>Nutzen Sie die Tasten <img alt="Vorherige Folie" src="../images/previousslide.png" /> und <img alt="Nächste Folie" src="../images/nextslide.png" /> oder klicken Sie im linken Seitenbereich auf die entsprechende Folie in der Liste. Foliennummer von ausgeblendeten Folien sind in der Liste durchgestrichen. Wenn Sie anderen eine ausgeblendete Folie zeigen möchten, klicken Sie in der Folienliste mit der Maus auf die Folie - die Folie wird angezeigt.</p>
+            <p>Nutzen Sie die Tasten <div class = "icon icon-previousslide"></div> und <div class = "icon icon-nextslide"></div> oder klicken Sie im linken Seitenbereich auf die entsprechende Folie in der Liste. Foliennummer von ausgeblendeten Folien sind in der Liste durchgestrichen. Wenn Sie anderen eine ausgeblendete Folie zeigen möchten, klicken Sie in der Folienliste mit der Maus auf die Folie - die Folie wird angezeigt.</p>
             <p>Die folgenden Steuerelemente stehen Ihnen unterhalb des Folienvorschaubereichs zur Verfügung:</p>
             <p><img alt="Steuerelemente Präsentationsmodus" src="../images/presenter_mode.png" /></p>
             <ul>
                 <li><b>Timer</b> - zeigt die seit Beginn der Präsentation vergangene Zeit im Format <em>hh.mm.ss</em> an.</li>
-                <li><b>Bildschirmpräsentation pausieren</b> <img alt="Bildschirmpräsentation pausieren" src="../images/pausepresentation.png" /> - die Vorschau wird angehalten. Wird diese Schaltfläche angeklickt, wandelt sich der Cursor zu <img alt="Bildschirmpräsentation fortsetzen" src="../images/startpresentation.png" />.</li>
-                <li><b>Bildschirmpräsentation fortsetzen</b> <img alt="Bildschirmpräsentation fortsetzen" src="../images/startpresentation.png" /> - die Vorschau wird fortgesetzt. Wird diese Schaltfläche angeklickt, wandelt sich der Cursor zu <img alt="Bildschirmpräsentation pausieren" src="../images/pausepresentation.png" />.</li>
+                <li><b>Bildschirmpräsentation pausieren</b> <div class = "icon icon-pausepresentation"></div> - die Vorschau wird angehalten. Wird diese Schaltfläche angeklickt, wandelt sich der Cursor zu <div class = "icon icon-startpresentation"></div>.</li>
+                <li><b>Bildschirmpräsentation fortsetzen</b> <div class = "icon icon-startpresentation"></div> - die Vorschau wird fortgesetzt. Wird diese Schaltfläche angeklickt, wandelt sich der Cursor zu <div class = "icon icon-pausepresentation"></div>.</li>
                 <li><b>Zurücksetzen</b> - Timer auf Null zurücksetzen.</li>
-                <li><b>Vorherige Folie</b> <img alt="Vorherige Folie" src="../images/previousslide.png" /> - zur vorherigen Folie zurückkehren.</li>
-                <li><b>Nächste Folie</b> <img alt="Nächste Folie" src="../images/nextslide.png" /> - wechseln Sie in die nächste Folie.</li>
+                <li><b>Vorherige Folie</b> <div class = "icon icon-previousslide"></div> - zur vorherigen Folie zurückkehren.</li>
+                <li><b>Nächste Folie</b> <div class = "icon icon-nextslide"></div> - wechseln Sie in die nächste Folie.</li>
                 <li><b>Foliennummer</b> - Anzeige der aktuellen Foliennummer sowie der Gesamtzahl von Folien in der Präsentation.</li>
-                <li><b>Pointer</b> <img alt="Pointer" src="../images/pointer.png" /> - Ausgewählte Elemente während der Präsentation hervorheben. Wenn diese Option aktiviert ist, sieht der Cursor aus wie folgt: <img alt="Pointer" src="../images/pointer_enabled.png" />. Um auf bestimmte Objekte zu zeigen, bewegen Sie den Mauszeiger über den Vorschaubereich der Folie und bewegen Sie den Pointer über die Folie. Der Pointer wird wie folgt angezeigt: <img alt="Pointer" src="../images/pointer_screen.png" />. Um diese Option zu deaktivieren, klicken Sie erneut auf <img alt="Pointer" src="../images/pointer_enabled.png" />.</li>
+                <li><b>Pointer</b> <div class = "icon icon-pointer"></div> - Ausgewählte Elemente während der Präsentation hervorheben. Wenn diese Option aktiviert ist, sieht der Cursor aus wie folgt: <div class = "icon icon-pointer_enabled"></div>. Um auf bestimmte Objekte zu zeigen, bewegen Sie den Mauszeiger über den Vorschaubereich der Folie und bewegen Sie den Pointer über die Folie. Der Pointer wird wie folgt angezeigt: <div class = "icon icon-pointer_screen"></div>. Um diese Option zu deaktivieren, klicken Sie erneut auf <div class = "icon icon-pointer_enabled"></div>.</li>
                 <li><b>Bildschirmpräsentation beenden</b> - <b>Präsentationsmodus</b> verlassen.</li>
             </ul>			
 		</div>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/SavePrintDownload.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/SavePrintDownload.htm
index a0ae7592f0..3e79fd26a7 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/SavePrintDownload.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/SavePrintDownload.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Save, print and download your presentations in various formats" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
             <p class="onlineDocumentFeatures">Standardmäßig speichert der <b>Online-</b><a target="_blank" href="https://www.onlyoffice.com/de/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a> Ihre Datei während der Bearbeitung automatisch alle 2 Sekunden, um Datenverluste im Falle eines unerwarteten Progammabsturzes zu verhindern. Wenn Sie die Datei im <b>Schnellmodus</b> co-editieren, fordert der Timer 25 Mal pro Sekunde Aktualisierungen an und speichert vorgenommene Änderungen. Wenn Sie die Datei im Modus <b>Strikt</b> co-editieren, werden Änderungen automatisch alle 10 Minuten gespeichert. Sie können den bevorzugten Co-Modus nach Belieben auswählen oder die Funktion <b>AutoSpeichern</b> auf der Seite <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Erweiterte Einstellungen</a> deaktivieren.</p>
             <p>Aktuelle Präsentation manuell im aktuellen Format im aktuellen Verzeichnis speichern:</p>
             <ul>
-                <li>Verwenden Sie das Symbol <b>Speichern</b> <img alt="Speichern" src="../images/save.png" /> im linken Bereich der Kopfzeile des Editors oder</li>
+                <li>Verwenden Sie das Symbol <b>Speichern</b> <div class = "icon icon-save"></div> im linken Bereich der Kopfzeile des Editors oder</li>
                 <li>drücken Sie die Tasten <b>STRG+S</b> oder</li>
                 <li>wechseln Sie in der oberen Menüleiste in die Registerkarte <b>Datei</b> und wählen Sie die Option <b>Speichern</b>.</li>
             </ul>
@@ -51,7 +52,7 @@
             <h3 id="print">Drucken</h3>
             <p>Aktuelle Präsentation drucken:</p>
             <ul>
-                <li>Klicken Sie auf das Symbol <b>Drucken</b> <img alt="Drucken" src="../images/print.png" /> im linken Bereich der Kopfzeile des Editors oder</li>
+                <li>Klicken Sie auf das Symbol <b>Drucken</b> <div class = "icon icon-print"></div> im linken Bereich der Kopfzeile des Editors oder</li>
                 <li>nutzen Sie die Tastenkombination <b>STRG+P</b> oder</li>
                 <li>wechseln Sie in der oberen Menüleiste in die Registerkarte <b>Datei</b> und wählen Sie die Option <b>Drucken</b>.</li>
             </ul>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/SetSlideParameters.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/SetSlideParameters.htm
index ad6a0f931c..8c968cfb8d 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/SetSlideParameters.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/SetSlideParameters.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Set slide parameters: select background fill, themes, color schemes, slide layouts" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -16,12 +17,12 @@
 			<h1>Folienparameter festlegen</h1>
 			<p>Um Ihre Präsentation zu personalisieren im <a target="_blank" href="https://www.onlyoffice.com/de/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a>, können Sie ein Thema und ein Farbschema sowie die Foliengröße und -ausrichtung für die gesamte Präsentation auswählen, Hintergrundfarbe oder Folienlayout für jede einzelne Folie ändern und Übergänge zwischen den Folien hinzufügen. Es ist außerdem möglich Notizen zu jeder Folie einzufüllen, die hilfreich sein können, wenn Sie die Präsentation in der <b>Referentenansicht</b> wiedergeben.</p>
 			<ul>
-			<li>Über die Vorlagen in <b>Themen</b> können Sie das Design der Präsentation schnell ändern, insbesondere den Hintergrund der Folien, vordefinierte Schriftarten für Titel und Texte sowie das Farbschema, das für die Präsentationselemente verwendet wird. <b>Um ein Thema für die Präsentation zu wählen</b>, klicken Sie auf die gewünschte Themenvorlage auf der rechten Seite der oberen Symbolleiste in der Registerkarte <b>Start</b>. Wenn Sie nicht im Vorfeld bestimmte Folien ausgewählt haben, wird das gewählte Thema auf alle Folien angewendet.<p><img alt="Themengalerie" src="../images/themes.png" /></p>
+			<li>Über die Vorlagen in <b>Themen</b> können Sie das Design der Präsentation schnell ändern, insbesondere den Hintergrund der Folien, vordefinierte Schriftarten für Titel und Texte sowie das Farbschema, das für die Präsentationselemente verwendet wird. <b>Um ein Thema für die Präsentation zu wählen</b>, klicken Sie auf die gewünschte Themenvorlage auf der rechten Seite der oberen Symbolleiste in der Registerkarte <b>Start</b>. Wenn Sie nicht im Vorfeld bestimmte Folien ausgewählt haben, wird das gewählte Thema auf alle Folien angewendet.<p><div class = "big big-themes"></div></p>
             <p>Um das ausgewählte Thema für eine oder mehrere Folien zu ändern, klicken Sie mit der rechten Maustaste auf die ausgewählten Folien in der Liste (oder klicken Sie mit der rechten Maustaste auf eine Folie im Bearbeitungsbereich), wählen Sie im Kontextmenü die Option <b>Design ändern</b> und wählen Sie das gewünschte Thema aus.</p>
 			</li>
-			<li>Der <b>Farbentwurf</b> beeinflusst die vordefinierten Farben für die Präsentationselemente (Schriftarten, Linien, Füllungen usw.) und ermöglicht eine einheitliche Farbgebung für die gesamte Präsentation. <b>Um den Farbentwurf zu ändern</b>, klicken Sie auf das Symbol <img alt="Farbentwurf ändern" src="../images/changecolorscheme.png" /> <b>Farbentwurf ändern</b> in der Registerkarte <b>Start</b> und wählen Sie den gewünschten Entwuf aus dem Listenmenü aus. Der ausgewählte Entwurf wird auf alle Folien angewendet.<p><img alt="Farbentwürfe" src="../images/colorscheme.png" /></p>
+			<li>Der <b>Farbentwurf</b> beeinflusst die vordefinierten Farben für die Präsentationselemente (Schriftarten, Linien, Füllungen usw.) und ermöglicht eine einheitliche Farbgebung für die gesamte Präsentation. <b>Um den Farbentwurf zu ändern</b>, klicken Sie auf das Symbol <div class = "icon icon-changecolorscheme"></div> <b>Farbentwurf ändern</b> in der Registerkarte <b>Start</b> und wählen Sie den gewünschten Entwuf aus dem Listenmenü aus. Der ausgewählte Entwurf wird auf alle Folien angewendet.<p><img alt="Farbentwürfe" src="../images/colorscheme.png" /></p>
 			</li>
-			<li>Um die <b>Foliengröße für die ganze Präsentation zu ändern</b>, klicken Sie auf das Symbol <img alt="Foliengröße wählen" src="../images/selectslidesizeicon.png" /> <b>Foliengröße wählen</b>  in der Registerkarte <b>Start</b> und wählen Sie die gewünschte Option im Listenmenü aus. Folgende Optionen stehen Ihnen zur Auswahl:<ul>
+			<li>Um die <b>Foliengröße für die ganze Präsentation zu ändern</b>, klicken Sie auf das Symbol <div class = "icon icon-selectslidesizeicon"></div> <b>Foliengröße wählen</b>  in der Registerkarte <b>Start</b> und wählen Sie die gewünschte Option im Listenmenü aus. Folgende Optionen stehen Ihnen zur Auswahl:<ul>
 			    <li>eine der zwei Voreinstellungen - <b>Standard (4:3)</b> oder <b>Breitbildschirm (16:9)</b>,</li>
 			    <li>die Option <b>Erweiterte Einstellungen</b>. Klicken Sie auf diese Option, öffnet sich das Fenster <b>Einstellungen Foliengröße</b> und Sie können eine der verfügbaren Voreinstellungen auswählen oder eine <b>benutzerdefinierte</b> Größe festlegen, durch die Angabe der gewünschten <b>Breite</b> und <b>Höhe</b>.<p><img alt="Einstellungen Foliengröße" src="../images/slidesizesettingswindow.png" /></p>
 			    <p>Verfügbare Voreinstellungen: Die verfügbaren Voreinstellungen sind Standard (4:3), Breitbild (16:9), Breitbild (16:10), Briefpapier (8.5x11 in), Ledger (11x17 in), A3 Papier (297x420 mm), A4 (210x297 mm), B4 (ICO) Papier (250x353 mm), B5 (ICO) Papier (176x250 mm), 35 mm Folien, Overhead, Banner.</p>
@@ -46,7 +47,7 @@
 			<li>Durch <b>Übergänge</b> wird Ihre Präsentation dynamischer. Diese helfen Ihnen sich die Aufmerksamkeit des Publikums zu sichern. <b>Einen Übergang hinzufügen:</b><ol>
 				<li>Wählen Sie die Folien, auf die Sie einen Übergang einfügen wollen links in der Folienliste aus.</li>
 				<li>wählen Sie einen Übergang im Listenmenü <b>Effekt</b> in der Registerkarte <b>Folieneinstellungen</b>,
-				<p class="note">Um die Registerkarte <b>Folieneinstellungen</b> zu öffnen, klicken Sie im Folienbearbeitungsbereich auf das Symbol <b>Folieneinstellungen</b> <img alt="Folieneinstellungen" src="../images/slide_settings_icon.png" /> oder öffnen Sie das Rechtsklickmenü und wählen Sie <b>Folieneinstellungen</b> aus dem Kontextmenü aus.</p>
+				<p class="note">Um die Registerkarte <b>Folieneinstellungen</b> zu öffnen, klicken Sie im Folienbearbeitungsbereich auf das Symbol <b>Folieneinstellungen</b> <div class = "icon icon-slide_settings_icon"></div> oder öffnen Sie das Rechtsklickmenü und wählen Sie <b>Folieneinstellungen</b> aus dem Kontextmenü aus.</p>
                 </li>
 				<li>Eigenschaften des Übergangs anpassen: wählen Sie Art und Dauer des Übergangs und die Art des Folienwechsels,</li>
 				<li>klicken Sie auf die Schaltfläche <b>Auf alle Folien anwenden</b>, um den gleichen Übergang auf alle Folien in der Präsentation anzuwenden.<p>Weitere Informationen über diese Optionen finden Sie im Abschnitt <a href="../UsageInstructions/ApplyTransitions.htm" onclick="onhyperlinkclick(this)">Übergänge anwenden</a>.</p>
@@ -55,7 +56,7 @@
 			</li>
 			<li><a id="changelayout"></a><b>Folienlayout ändern:</b><ol>
 			<li>wählen Sie links in der Folienliste die Folien aus, auf die Sie ein neues Layout anwenden wollen.</li>
-			<li>Klicken Sie in der oberen Symbolleiste in der Registerkarte <b>Start</b> auf das Smybol <img alt="Folienlayout ändern" src="../images/changelayout.png" /> <b>Folienlayout ändern</b>.</li>
+			<li>Klicken Sie in der oberen Symbolleiste in der Registerkarte <b>Start</b> auf das Smybol <div class = "icon icon-changelayout"></div> <b>Folienlayout ändern</b>.</li>
 			<li>Wählen Sie das gewünschte Layout im Menü aus.<p>Alternativ können Sie mit der rechten Maustaste auf die gewünschte Folie in der Liste links klicken, wählen Sie die Option <b>Layout ändern</b> im Kontextmenü wählen aus und bestimmen Sie das gewünschte Layout.</p>
 			<p class="note">Aktuell sind die folgenden Layoutoptionen verfügbar: Titel, Titel und Objekt, Abschnittsüberschrift, Zwei Objekte, Zwei Inhalte und zwei Objekte, Nur Titel, Leer, Objekt und Bildunterschrift, Bild und Bildunterschrift, Vertikaler Text, Vertikaler Titel und Text.</p>
 			</li>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/Thesaurus.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/Thesaurus.htm
index f592e88749..1ce319917c 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/Thesaurus.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/Thesaurus.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="Die Beschreibung des Thesaurus-Plugins für ONLYOFFICE Editoren, mit der Sie Synonyme finden können" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -20,7 +21,7 @@
         </p>
         <ol>
             <li>Wählen Sie das Wort in Ihrer Präsentation aus.</li>
-            <li>Öffnen Sie die Registerkarte <b>Plugins</b> und wählen Sie den Menüpunkt <img alt="Thesaurus Plugin - Symbol" src="../images/thesaurus_icon.png" /> <b>Thesaurus</b> aus.</li>
+            <li>Öffnen Sie die Registerkarte <b>Plugins</b> und wählen Sie den Menüpunkt <div class = "icon icon-thesaurus_icon"></div> <b>Thesaurus</b> aus.</li>
             <li>Die Synonyme und Antonyme werden in der linken Seitenleiste angezeigt.</li>
             <li>Klicken Sie auf ein Wort, um das Wort in Ihrer Präsentation zu ersetzen.</li>
         </ol>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/Translator.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/Translator.htm
index 32bb6158aa..d962cdf774 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/Translator.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/Translator.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="Die Beschreibung des Übersetzer-Plugins für ONLYOFFICE Editoren, mit dem Text in verschiedene Sprachen übersetzt werden kann" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -17,7 +18,7 @@
         <p>Sie können Ihre Präsentation im <a href="https://www.onlyoffice.com/de/presentation-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a> in zahlreiche Sprachen übersetzen.</p>
         <ol>
             <li>Wählen Sie den Text aus, den Sie übersetzen möchten.</li>
-            <li>Öffnen Sie die Registerkarte <b>Plugins</b> und wählen Sie den Menüpunkt <img alt="Übersetzer Plugin - Symbol" src="../images/translator.png" /> <b>Übersetzer</b> aus. Der Übersetzer wird in einer Seitenleiste links angezeigt.</li>
+            <li>Öffnen Sie die Registerkarte <b>Plugins</b> und wählen Sie den Menüpunkt <div class = "icon icon-translator"></div> <b>Übersetzer</b> aus. Der Übersetzer wird in einer Seitenleiste links angezeigt.</li>
             <li>Klicken Sie auf das Drop-Down-Menü und wählen Sie die bevorzugte Sprache aus.</li>
         </ol>
         <p>Der Text wird in die gewünschte Sprache übersetzt.</p>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/ViewPresentationInfo.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/ViewPresentationInfo.htm
index 0e35751951..732cf48821 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/ViewPresentationInfo.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/ViewPresentationInfo.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="View presentation title, author, location, creation date, persons with the rights to view or edit the presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -29,7 +30,7 @@
                 <h3>Versionsverlauf</h3>
                 <p>In der <em>Online-Version</em> können Sie den Versionsverlauf für die in der Cloud gespeicherten Dateien einsehen.</p>
                 <p class="note">Diese Option steht im <b>schreibgeschützten</b> Modus nicht zur Verfügung.</p>
-                <p>Um alle Änderungen an dieser Präsentation anzuzeigen, wählen Sie die Option <b>Versionsverlauf</b> in der linken Seitenleiste. Sie können den Versionsverlauf auch über das Symbol <img alt="Versionsverlauf" src="../images/versionhistoryicon.png" /> <b>Versionsverlauf</b> in der Registerkarte <b>Zusammenarbeit</b> öffnen. Sie sehen eine Liste mit allen Versionen der Präsentation (Hauptänderungen) und Revisionen (geringfügige Änderungen) unter Angabe aller jeweiligen Autoren sowie Erstellungsdatum und -zeit. Für Versionen der Präsentation wird auch die Versionsnummer angegeben (z.B. <em>Ver. 2</em>). Für eine detaillierte Anzeige der jeweiligen Änderungen in jeder einzelnen Version/Revision können Sie die gewünschte Version anzeigen, indem Sie in der linken Seitenleiste darauf klicken. Die vom Autor der Version/Revision vorgenommenen Änderungen sind mit der Farbe markiert, die neben dem Autorennamen in der linken Seitenleiste angezeigt wird. Über den unterhalb der gewählten Version/Revision angezeigten Link <b>Wiederherstellen</b> gelangen Sie in die jeweilige Version.</p>
+                <p>Um alle Änderungen an dieser Präsentation anzuzeigen, wählen Sie die Option <b>Versionsverlauf</b> in der linken Seitenleiste. Sie können den Versionsverlauf auch über das Symbol <div class = "icon icon-versionhistoryicon"></div> <b>Versionsverlauf</b> in der Registerkarte <b>Zusammenarbeit</b> öffnen. Sie sehen eine Liste mit allen Versionen der Präsentation (Hauptänderungen) und Revisionen (geringfügige Änderungen) unter Angabe aller jeweiligen Autoren sowie Erstellungsdatum und -zeit. Für Versionen der Präsentation wird auch die Versionsnummer angegeben (z.B. <em>Ver. 2</em>). Für eine detaillierte Anzeige der jeweiligen Änderungen in jeder einzelnen Version/Revision können Sie die gewünschte Version anzeigen, indem Sie in der linken Seitenleiste darauf klicken. Die vom Autor der Version/Revision vorgenommenen Änderungen sind mit der Farbe markiert, die neben dem Autorennamen in der linken Seitenleiste angezeigt wird. Über den unterhalb der gewählten Version/Revision angezeigten Link <b>Wiederherstellen</b> gelangen Sie in die jeweilige Version.</p>
                 <p><img alt="Versionsverlauf" src="../images/versionhistory.png" /></p>
                 <p>Um zur aktuellen Version der Präsentation zurückzukehren, klicken Sie oben in der Liste mit Versionen auf <b>Verlauf schließen</b>.</p>
             </div>
diff --git a/apps/presentationeditor/main/resources/help/de/UsageInstructions/YouTube.htm b/apps/presentationeditor/main/resources/help/de/UsageInstructions/YouTube.htm
index a28de4d33e..e6de1230d8 100644
--- a/apps/presentationeditor/main/resources/help/de/UsageInstructions/YouTube.htm
+++ b/apps/presentationeditor/main/resources/help/de/UsageInstructions/YouTube.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="Die Beschreibung des YouTube-Plugins für ONLYOFFICE Editoren, mit dem Videos in Dokumente eingebettet werden können" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -21,7 +22,7 @@
                 (die vollständige Adresse wird in der Adresszeile Ihres Browsers angezeigt)
             </li>
             <li>Gehen Sie zu Ihrer Präsentation und platzieren Sie den Cursor an der Stelle, an der Sie das Video einfügen möchten.</li>
-            <li>Öffnen Sie die Registerkarte <b>Plugins</b> und wählen Sie den Menüpunkt <img alt="Youtube Plugin - Symbol" src="../images/youtube.png" /> <b>YouTube</b> aus.</li>
+            <li>Öffnen Sie die Registerkarte <b>Plugins</b> und wählen Sie den Menüpunkt <div class = "icon icon-youtube"></div> <b>YouTube</b> aus.</li>
             <li>Fügen Sie die URL ein und klicken Sie auf <b>OK</b>.</li>
             <li>Überprüfen Sie, ob Sie das richtige Video eingefügt haben, und klicken Sie auf die Schaltfläche <b>OK</b> unter dem Video.</li>
         </ol>
diff --git a/apps/presentationeditor/main/resources/help/de/search/js/jquery.min.js b/apps/presentationeditor/main/resources/help/de/search/js/jquery.min.js
index 9a85bd3462..f7b56654c1 100644
--- a/apps/presentationeditor/main/resources/help/de/search/js/jquery.min.js
+++ b/apps/presentationeditor/main/resources/help/de/search/js/jquery.min.js
@@ -2,5 +2,5 @@
 //@ sourceMappingURL=jquery.min.map
 */
 (function(e,undefined){var t,n,r=typeof undefined,i=e.location,o=e.document,s=o.documentElement,a=e.jQuery,u=e.$,l={},c=[],p="2.0.3",f=c.concat,h=c.push,d=c.slice,g=c.indexOf,m=l.toString,y=l.hasOwnProperty,v=p.trim,x=function(e,n){return new x.fn.init(e,n,t)},b=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,w=/\S+/g,T=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,C=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,k=/^-ms-/,N=/-([\da-z])/gi,E=function(e,t){return t.toUpperCase()},S=function(){o.removeEventListener("DOMContentLoaded",S,!1),e.removeEventListener("load",S,!1),x.ready()};x.fn=x.prototype={jquery:p,constructor:x,init:function(e,t,n){var r,i;if(!e)return this;if("string"==typeof e){if(r="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:T.exec(e),!r||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof x?t[0]:t,x.merge(this,x.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:o,!0)),C.test(r[1])&&x.isPlainObject(t))for(r in t)x.isFunction(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return i=o.getElementById(r[2]),i&&i.parentNode&&(this.length=1,this[0]=i),this.context=o,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):x.isFunction(e)?n.ready(e):(e.selector!==undefined&&(this.selector=e.selector,this.context=e.context),x.makeArray(e,this))},selector:"",length:0,toArray:function(){return d.call(this)},get:function(e){return null==e?this.toArray():0>e?this[this.length+e]:this[e]},pushStack:function(e){var t=x.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e,t){return x.each(this,e,t)},ready:function(e){return x.ready.promise().done(e),this},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(0>e?t:0);return this.pushStack(n>=0&&t>n?[this[n]]:[])},map:function(e){return this.pushStack(x.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:h,sort:[].sort,splice:[].splice},x.fn.init.prototype=x.fn,x.extend=x.fn.extend=function(){var e,t,n,r,i,o,s=arguments[0]||{},a=1,u=arguments.length,l=!1;for("boolean"==typeof s&&(l=s,s=arguments[1]||{},a=2),"object"==typeof s||x.isFunction(s)||(s={}),u===a&&(s=this,--a);u>a;a++)if(null!=(e=arguments[a]))for(t in e)n=s[t],r=e[t],s!==r&&(l&&r&&(x.isPlainObject(r)||(i=x.isArray(r)))?(i?(i=!1,o=n&&x.isArray(n)?n:[]):o=n&&x.isPlainObject(n)?n:{},s[t]=x.extend(l,o,r)):r!==undefined&&(s[t]=r));return s},x.extend({expando:"jQuery"+(p+Math.random()).replace(/\D/g,""),noConflict:function(t){return e.$===x&&(e.$=u),t&&e.jQuery===x&&(e.jQuery=a),x},isReady:!1,readyWait:1,holdReady:function(e){e?x.readyWait++:x.ready(!0)},ready:function(e){(e===!0?--x.readyWait:x.isReady)||(x.isReady=!0,e!==!0&&--x.readyWait>0||(n.resolveWith(o,[x]),x.fn.trigger&&x(o).trigger("ready").off("ready")))},isFunction:function(e){return"function"===x.type(e)},isArray:Array.isArray,isWindow:function(e){return null!=e&&e===e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[m.call(e)]||"object":typeof e},isPlainObject:function(e){if("object"!==x.type(e)||e.nodeType||x.isWindow(e))return!1;try{if(e.constructor&&!y.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(t){return!1}return!0},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw Error(e)},parseHTML:function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||o;var r=C.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=x.buildFragment([e],t,i),i&&x(i).remove(),x.merge([],r.childNodes))},parseJSON:JSON.parse,parseXML:function(e){var t,n;if(!e||"string"!=typeof e)return null;try{n=new DOMParser,t=n.parseFromString(e,"text/xml")}catch(r){t=undefined}return(!t||t.getElementsByTagName("parsererror").length)&&x.error("Invalid XML: "+e),t},noop:function(){},globalEval:function(e){var t,n=eval;e=x.trim(e),e&&(1===e.indexOf("use strict")?(t=o.createElement("script"),t.text=e,o.head.appendChild(t).parentNode.removeChild(t)):n(e))},camelCase:function(e){return e.replace(k,"ms-").replace(N,E)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t,n){var r,i=0,o=e.length,s=j(e);if(n){if(s){for(;o>i;i++)if(r=t.apply(e[i],n),r===!1)break}else for(i in e)if(r=t.apply(e[i],n),r===!1)break}else if(s){for(;o>i;i++)if(r=t.call(e[i],i,e[i]),r===!1)break}else for(i in e)if(r=t.call(e[i],i,e[i]),r===!1)break;return e},trim:function(e){return null==e?"":v.call(e)},makeArray:function(e,t){var n=t||[];return null!=e&&(j(Object(e))?x.merge(n,"string"==typeof e?[e]:e):h.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:g.call(t,e,n)},merge:function(e,t){var n=t.length,r=e.length,i=0;if("number"==typeof n)for(;n>i;i++)e[r++]=t[i];else while(t[i]!==undefined)e[r++]=t[i++];return e.length=r,e},grep:function(e,t,n){var r,i=[],o=0,s=e.length;for(n=!!n;s>o;o++)r=!!t(e[o],o),n!==r&&i.push(e[o]);return i},map:function(e,t,n){var r,i=0,o=e.length,s=j(e),a=[];if(s)for(;o>i;i++)r=t(e[i],i,n),null!=r&&(a[a.length]=r);else for(i in e)r=t(e[i],i,n),null!=r&&(a[a.length]=r);return f.apply([],a)},guid:1,proxy:function(e,t){var n,r,i;return"string"==typeof t&&(n=e[t],t=e,e=n),x.isFunction(e)?(r=d.call(arguments,2),i=function(){return e.apply(t||this,r.concat(d.call(arguments)))},i.guid=e.guid=e.guid||x.guid++,i):undefined},access:function(e,t,n,r,i,o,s){var a=0,u=e.length,l=null==n;if("object"===x.type(n)){i=!0;for(a in n)x.access(e,t,a,n[a],!0,o,s)}else if(r!==undefined&&(i=!0,x.isFunction(r)||(s=!0),l&&(s?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(x(e),n)})),t))for(;u>a;a++)t(e[a],n,s?r:r.call(e[a],a,t(e[a],n)));return i?e:l?t.call(e):u?t(e[0],n):o},now:Date.now,swap:function(e,t,n,r){var i,o,s={};for(o in t)s[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=s[o];return i}}),x.ready.promise=function(t){return n||(n=x.Deferred(),"complete"===o.readyState?setTimeout(x.ready):(o.addEventListener("DOMContentLoaded",S,!1),e.addEventListener("load",S,!1))),n.promise(t)},x.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(e,t){l["[object "+t+"]"]=t.toLowerCase()});function j(e){var t=e.length,n=x.type(e);return x.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||"function"!==n&&(0===t||"number"==typeof t&&t>0&&t-1 in e)}t=x(o),function(e,undefined){var t,n,r,i,o,s,a,u,l,c,p,f,h,d,g,m,y,v="sizzle"+-new Date,b=e.document,w=0,T=0,C=st(),k=st(),N=st(),E=!1,S=function(e,t){return e===t?(E=!0,0):0},j=typeof undefined,D=1<<31,A={}.hasOwnProperty,L=[],q=L.pop,H=L.push,O=L.push,F=L.slice,P=L.indexOf||function(e){var t=0,n=this.length;for(;n>t;t++)if(this[t]===e)return t;return-1},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",W="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",$=W.replace("w","w#"),B="\\["+M+"*("+W+")"+M+"*(?:([*^$|!~]?=)"+M+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+$+")|)|)"+M+"*\\]",I=":("+W+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+B.replace(3,8)+")*)|.*)\\)|)",z=RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),_=RegExp("^"+M+"*,"+M+"*"),X=RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=RegExp(M+"*[+~]"),Y=RegExp("="+M+"*([^\\]'\"]*)"+M+"*\\]","g"),V=RegExp(I),G=RegExp("^"+$+"$"),J={ID:RegExp("^#("+W+")"),CLASS:RegExp("^\\.("+W+")"),TAG:RegExp("^("+W.replace("w","w*")+")"),ATTR:RegExp("^"+B),PSEUDO:RegExp("^"+I),CHILD:RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:RegExp("^(?:"+R+")$","i"),needsContext:RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Q=/^[^{]+\{\s*\[native \w/,K=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,Z=/^(?:input|select|textarea|button)$/i,et=/^h\d$/i,tt=/'|\\/g,nt=RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),rt=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:0>r?String.fromCharCode(r+65536):String.fromCharCode(55296|r>>10,56320|1023&r)};try{O.apply(L=F.call(b.childNodes),b.childNodes),L[b.childNodes.length].nodeType}catch(it){O={apply:L.length?function(e,t){H.apply(e,F.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function ot(e,t,r,i){var o,s,a,u,l,f,g,m,x,w;if((t?t.ownerDocument||t:b)!==p&&c(t),t=t||p,r=r||[],!e||"string"!=typeof e)return r;if(1!==(u=t.nodeType)&&9!==u)return[];if(h&&!i){if(o=K.exec(e))if(a=o[1]){if(9===u){if(s=t.getElementById(a),!s||!s.parentNode)return r;if(s.id===a)return r.push(s),r}else if(t.ownerDocument&&(s=t.ownerDocument.getElementById(a))&&y(t,s)&&s.id===a)return r.push(s),r}else{if(o[2])return O.apply(r,t.getElementsByTagName(e)),r;if((a=o[3])&&n.getElementsByClassName&&t.getElementsByClassName)return O.apply(r,t.getElementsByClassName(a)),r}if(n.qsa&&(!d||!d.test(e))){if(m=g=v,x=t,w=9===u&&e,1===u&&"object"!==t.nodeName.toLowerCase()){f=gt(e),(g=t.getAttribute("id"))?m=g.replace(tt,"\\$&"):t.setAttribute("id",m),m="[id='"+m+"'] ",l=f.length;while(l--)f[l]=m+mt(f[l]);x=U.test(e)&&t.parentNode||t,w=f.join(",")}if(w)try{return O.apply(r,x.querySelectorAll(w)),r}catch(T){}finally{g||t.removeAttribute("id")}}}return kt(e.replace(z,"$1"),t,r,i)}function st(){var e=[];function t(n,r){return e.push(n+=" ")>i.cacheLength&&delete t[e.shift()],t[n]=r}return t}function at(e){return e[v]=!0,e}function ut(e){var t=p.createElement("div");try{return!!e(t)}catch(n){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function lt(e,t){var n=e.split("|"),r=e.length;while(r--)i.attrHandle[n[r]]=t}function ct(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&(~t.sourceIndex||D)-(~e.sourceIndex||D);if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function pt(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function ft(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function ht(e){return at(function(t){return t=+t,at(function(n,r){var i,o=e([],n.length,t),s=o.length;while(s--)n[i=o[s]]&&(n[i]=!(r[i]=n[i]))})})}s=ot.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?"HTML"!==t.nodeName:!1},n=ot.support={},c=ot.setDocument=function(e){var t=e?e.ownerDocument||e:b,r=t.defaultView;return t!==p&&9===t.nodeType&&t.documentElement?(p=t,f=t.documentElement,h=!s(t),r&&r.attachEvent&&r!==r.top&&r.attachEvent("onbeforeunload",function(){c()}),n.attributes=ut(function(e){return e.className="i",!e.getAttribute("className")}),n.getElementsByTagName=ut(function(e){return e.appendChild(t.createComment("")),!e.getElementsByTagName("*").length}),n.getElementsByClassName=ut(function(e){return e.innerHTML="<div class='a'></div><div class='a i'></div>",e.firstChild.className="i",2===e.getElementsByClassName("i").length}),n.getById=ut(function(e){return f.appendChild(e).id=v,!t.getElementsByName||!t.getElementsByName(v).length}),n.getById?(i.find.ID=function(e,t){if(typeof t.getElementById!==j&&h){var n=t.getElementById(e);return n&&n.parentNode?[n]:[]}},i.filter.ID=function(e){var t=e.replace(nt,rt);return function(e){return e.getAttribute("id")===t}}):(delete i.find.ID,i.filter.ID=function(e){var t=e.replace(nt,rt);return function(e){var n=typeof e.getAttributeNode!==j&&e.getAttributeNode("id");return n&&n.value===t}}),i.find.TAG=n.getElementsByTagName?function(e,t){return typeof t.getElementsByTagName!==j?t.getElementsByTagName(e):undefined}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},i.find.CLASS=n.getElementsByClassName&&function(e,t){return typeof t.getElementsByClassName!==j&&h?t.getElementsByClassName(e):undefined},g=[],d=[],(n.qsa=Q.test(t.querySelectorAll))&&(ut(function(e){e.innerHTML="<select><option selected=''></option></select>",e.querySelectorAll("[selected]").length||d.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll(":checked").length||d.push(":checked")}),ut(function(e){var n=t.createElement("input");n.setAttribute("type","hidden"),e.appendChild(n).setAttribute("t",""),e.querySelectorAll("[t^='']").length&&d.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll(":enabled").length||d.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),d.push(",.*:")})),(n.matchesSelector=Q.test(m=f.webkitMatchesSelector||f.mozMatchesSelector||f.oMatchesSelector||f.msMatchesSelector))&&ut(function(e){n.disconnectedMatch=m.call(e,"div"),m.call(e,"[s!='']:x"),g.push("!=",I)}),d=d.length&&RegExp(d.join("|")),g=g.length&&RegExp(g.join("|")),y=Q.test(f.contains)||f.compareDocumentPosition?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},S=f.compareDocumentPosition?function(e,r){if(e===r)return E=!0,0;var i=r.compareDocumentPosition&&e.compareDocumentPosition&&e.compareDocumentPosition(r);return i?1&i||!n.sortDetached&&r.compareDocumentPosition(e)===i?e===t||y(b,e)?-1:r===t||y(b,r)?1:l?P.call(l,e)-P.call(l,r):0:4&i?-1:1:e.compareDocumentPosition?-1:1}:function(e,n){var r,i=0,o=e.parentNode,s=n.parentNode,a=[e],u=[n];if(e===n)return E=!0,0;if(!o||!s)return e===t?-1:n===t?1:o?-1:s?1:l?P.call(l,e)-P.call(l,n):0;if(o===s)return ct(e,n);r=e;while(r=r.parentNode)a.unshift(r);r=n;while(r=r.parentNode)u.unshift(r);while(a[i]===u[i])i++;return i?ct(a[i],u[i]):a[i]===b?-1:u[i]===b?1:0},t):p},ot.matches=function(e,t){return ot(e,null,null,t)},ot.matchesSelector=function(e,t){if((e.ownerDocument||e)!==p&&c(e),t=t.replace(Y,"='$1']"),!(!n.matchesSelector||!h||g&&g.test(t)||d&&d.test(t)))try{var r=m.call(e,t);if(r||n.disconnectedMatch||e.document&&11!==e.document.nodeType)return r}catch(i){}return ot(t,p,null,[e]).length>0},ot.contains=function(e,t){return(e.ownerDocument||e)!==p&&c(e),y(e,t)},ot.attr=function(e,t){(e.ownerDocument||e)!==p&&c(e);var r=i.attrHandle[t.toLowerCase()],o=r&&A.call(i.attrHandle,t.toLowerCase())?r(e,t,!h):undefined;return o===undefined?n.attributes||!h?e.getAttribute(t):(o=e.getAttributeNode(t))&&o.specified?o.value:null:o},ot.error=function(e){throw Error("Syntax error, unrecognized expression: "+e)},ot.uniqueSort=function(e){var t,r=[],i=0,o=0;if(E=!n.detectDuplicates,l=!n.sortStable&&e.slice(0),e.sort(S),E){while(t=e[o++])t===e[o]&&(i=r.push(o));while(i--)e.splice(r[i],1)}return e},o=ot.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r];r++)n+=o(t);return n},i=ot.selectors={cacheLength:50,createPseudo:at,match:J,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(nt,rt),e[3]=(e[4]||e[5]||"").replace(nt,rt),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||ot.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&ot.error(e[0]),e},PSEUDO:function(e){var t,n=!e[5]&&e[2];return J.CHILD.test(e[0])?null:(e[3]&&e[4]!==undefined?e[2]=e[4]:n&&V.test(n)&&(t=gt(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(nt,rt).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=C[e+" "];return t||(t=RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&C(e,function(e){return t.test("string"==typeof e.className&&e.className||typeof e.getAttribute!==j&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=ot.attr(r,e);return null==i?"!="===t:t?(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i+" ").indexOf(n)>-1:"|="===t?i===n||i.slice(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),s="last"!==e.slice(-4),a="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,p,f,h,d,g=o!==s?"nextSibling":"previousSibling",m=t.parentNode,y=a&&t.nodeName.toLowerCase(),x=!u&&!a;if(m){if(o){while(g){p=t;while(p=p[g])if(a?p.nodeName.toLowerCase()===y:1===p.nodeType)return!1;d=g="only"===e&&!d&&"nextSibling"}return!0}if(d=[s?m.firstChild:m.lastChild],s&&x){c=m[v]||(m[v]={}),l=c[e]||[],h=l[0]===w&&l[1],f=l[0]===w&&l[2],p=h&&m.childNodes[h];while(p=++h&&p&&p[g]||(f=h=0)||d.pop())if(1===p.nodeType&&++f&&p===t){c[e]=[w,h,f];break}}else if(x&&(l=(t[v]||(t[v]={}))[e])&&l[0]===w)f=l[1];else while(p=++h&&p&&p[g]||(f=h=0)||d.pop())if((a?p.nodeName.toLowerCase()===y:1===p.nodeType)&&++f&&(x&&((p[v]||(p[v]={}))[e]=[w,f]),p===t))break;return f-=i,f===r||0===f%r&&f/r>=0}}},PSEUDO:function(e,t){var n,r=i.pseudos[e]||i.setFilters[e.toLowerCase()]||ot.error("unsupported pseudo: "+e);return r[v]?r(t):r.length>1?(n=[e,e,"",t],i.setFilters.hasOwnProperty(e.toLowerCase())?at(function(e,n){var i,o=r(e,t),s=o.length;while(s--)i=P.call(e,o[s]),e[i]=!(n[i]=o[s])}):function(e){return r(e,0,n)}):r}},pseudos:{not:at(function(e){var t=[],n=[],r=a(e.replace(z,"$1"));return r[v]?at(function(e,t,n,i){var o,s=r(e,null,i,[]),a=e.length;while(a--)(o=s[a])&&(e[a]=!(t[a]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),!n.pop()}}),has:at(function(e){return function(t){return ot(e,t).length>0}}),contains:at(function(e){return function(t){return(t.textContent||t.innerText||o(t)).indexOf(e)>-1}}),lang:at(function(e){return G.test(e||"")||ot.error("unsupported lang: "+e),e=e.replace(nt,rt).toLowerCase(),function(t){var n;do if(n=h?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return n=n.toLowerCase(),n===e||0===n.indexOf(e+"-");while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===f},focus:function(e){return e===p.activeElement&&(!p.hasFocus||p.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeName>"@"||3===e.nodeType||4===e.nodeType)return!1;return!0},parent:function(e){return!i.pseudos.empty(e)},header:function(e){return et.test(e.nodeName)},input:function(e){return Z.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||t.toLowerCase()===e.type)},first:ht(function(){return[0]}),last:ht(function(e,t){return[t-1]}),eq:ht(function(e,t,n){return[0>n?n+t:n]}),even:ht(function(e,t){var n=0;for(;t>n;n+=2)e.push(n);return e}),odd:ht(function(e,t){var n=1;for(;t>n;n+=2)e.push(n);return e}),lt:ht(function(e,t,n){var r=0>n?n+t:n;for(;--r>=0;)e.push(r);return e}),gt:ht(function(e,t,n){var r=0>n?n+t:n;for(;t>++r;)e.push(r);return e})}},i.pseudos.nth=i.pseudos.eq;for(t in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})i.pseudos[t]=pt(t);for(t in{submit:!0,reset:!0})i.pseudos[t]=ft(t);function dt(){}dt.prototype=i.filters=i.pseudos,i.setFilters=new dt;function gt(e,t){var n,r,o,s,a,u,l,c=k[e+" "];if(c)return t?0:c.slice(0);a=e,u=[],l=i.preFilter;while(a){(!n||(r=_.exec(a)))&&(r&&(a=a.slice(r[0].length)||a),u.push(o=[])),n=!1,(r=X.exec(a))&&(n=r.shift(),o.push({value:n,type:r[0].replace(z," ")}),a=a.slice(n.length));for(s in i.filter)!(r=J[s].exec(a))||l[s]&&!(r=l[s](r))||(n=r.shift(),o.push({value:n,type:s,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?ot.error(e):k(e,u).slice(0)}function mt(e){var t=0,n=e.length,r="";for(;n>t;t++)r+=e[t].value;return r}function yt(e,t,n){var i=t.dir,o=n&&"parentNode"===i,s=T++;return t.first?function(t,n,r){while(t=t[i])if(1===t.nodeType||o)return e(t,n,r)}:function(t,n,a){var u,l,c,p=w+" "+s;if(a){while(t=t[i])if((1===t.nodeType||o)&&e(t,n,a))return!0}else while(t=t[i])if(1===t.nodeType||o)if(c=t[v]||(t[v]={}),(l=c[i])&&l[0]===p){if((u=l[1])===!0||u===r)return u===!0}else if(l=c[i]=[p],l[1]=e(t,n,a)||r,l[1]===!0)return!0}}function vt(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function xt(e,t,n,r,i){var o,s=[],a=0,u=e.length,l=null!=t;for(;u>a;a++)(o=e[a])&&(!n||n(o,r,i))&&(s.push(o),l&&t.push(a));return s}function bt(e,t,n,r,i,o){return r&&!r[v]&&(r=bt(r)),i&&!i[v]&&(i=bt(i,o)),at(function(o,s,a,u){var l,c,p,f=[],h=[],d=s.length,g=o||Ct(t||"*",a.nodeType?[a]:a,[]),m=!e||!o&&t?g:xt(g,f,e,a,u),y=n?i||(o?e:d||r)?[]:s:m;if(n&&n(m,y,a,u),r){l=xt(y,h),r(l,[],a,u),c=l.length;while(c--)(p=l[c])&&(y[h[c]]=!(m[h[c]]=p))}if(o){if(i||e){if(i){l=[],c=y.length;while(c--)(p=y[c])&&l.push(m[c]=p);i(null,y=[],l,u)}c=y.length;while(c--)(p=y[c])&&(l=i?P.call(o,p):f[c])>-1&&(o[l]=!(s[l]=p))}}else y=xt(y===s?y.splice(d,y.length):y),i?i(null,s,y,u):O.apply(s,y)})}function wt(e){var t,n,r,o=e.length,s=i.relative[e[0].type],a=s||i.relative[" "],l=s?1:0,c=yt(function(e){return e===t},a,!0),p=yt(function(e){return P.call(t,e)>-1},a,!0),f=[function(e,n,r){return!s&&(r||n!==u)||((t=n).nodeType?c(e,n,r):p(e,n,r))}];for(;o>l;l++)if(n=i.relative[e[l].type])f=[yt(vt(f),n)];else{if(n=i.filter[e[l].type].apply(null,e[l].matches),n[v]){for(r=++l;o>r;r++)if(i.relative[e[r].type])break;return bt(l>1&&vt(f),l>1&&mt(e.slice(0,l-1).concat({value:" "===e[l-2].type?"*":""})).replace(z,"$1"),n,r>l&&wt(e.slice(l,r)),o>r&&wt(e=e.slice(r)),o>r&&mt(e))}f.push(n)}return vt(f)}function Tt(e,t){var n=0,o=t.length>0,s=e.length>0,a=function(a,l,c,f,h){var d,g,m,y=[],v=0,x="0",b=a&&[],T=null!=h,C=u,k=a||s&&i.find.TAG("*",h&&l.parentNode||l),N=w+=null==C?1:Math.random()||.1;for(T&&(u=l!==p&&l,r=n);null!=(d=k[x]);x++){if(s&&d){g=0;while(m=e[g++])if(m(d,l,c)){f.push(d);break}T&&(w=N,r=++n)}o&&((d=!m&&d)&&v--,a&&b.push(d))}if(v+=x,o&&x!==v){g=0;while(m=t[g++])m(b,y,l,c);if(a){if(v>0)while(x--)b[x]||y[x]||(y[x]=q.call(f));y=xt(y)}O.apply(f,y),T&&!a&&y.length>0&&v+t.length>1&&ot.uniqueSort(f)}return T&&(w=N,u=C),b};return o?at(a):a}a=ot.compile=function(e,t){var n,r=[],i=[],o=N[e+" "];if(!o){t||(t=gt(e)),n=t.length;while(n--)o=wt(t[n]),o[v]?r.push(o):i.push(o);o=N(e,Tt(i,r))}return o};function Ct(e,t,n){var r=0,i=t.length;for(;i>r;r++)ot(e,t[r],n);return n}function kt(e,t,r,o){var s,u,l,c,p,f=gt(e);if(!o&&1===f.length){if(u=f[0]=f[0].slice(0),u.length>2&&"ID"===(l=u[0]).type&&n.getById&&9===t.nodeType&&h&&i.relative[u[1].type]){if(t=(i.find.ID(l.matches[0].replace(nt,rt),t)||[])[0],!t)return r;e=e.slice(u.shift().value.length)}s=J.needsContext.test(e)?0:u.length;while(s--){if(l=u[s],i.relative[c=l.type])break;if((p=i.find[c])&&(o=p(l.matches[0].replace(nt,rt),U.test(u[0].type)&&t.parentNode||t))){if(u.splice(s,1),e=o.length&&mt(u),!e)return O.apply(r,o),r;break}}}return a(e,f)(o,t,!h,r,U.test(e)),r}n.sortStable=v.split("").sort(S).join("")===v,n.detectDuplicates=E,c(),n.sortDetached=ut(function(e){return 1&e.compareDocumentPosition(p.createElement("div"))}),ut(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||lt("type|href|height|width",function(e,t,n){return n?undefined:e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),n.attributes&&ut(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||lt("value",function(e,t,n){return n||"input"!==e.nodeName.toLowerCase()?undefined:e.defaultValue}),ut(function(e){return null==e.getAttribute("disabled")})||lt(R,function(e,t,n){var r;return n?undefined:(r=e.getAttributeNode(t))&&r.specified?r.value:e[t]===!0?t.toLowerCase():null}),x.find=ot,x.expr=ot.selectors,x.expr[":"]=x.expr.pseudos,x.unique=ot.uniqueSort,x.text=ot.getText,x.isXMLDoc=ot.isXML,x.contains=ot.contains}(e);var D={};function A(e){var t=D[e]={};return x.each(e.match(w)||[],function(e,n){t[n]=!0}),t}x.Callbacks=function(e){e="string"==typeof e?D[e]||A(e):x.extend({},e);var t,n,r,i,o,s,a=[],u=!e.once&&[],l=function(p){for(t=e.memory&&p,n=!0,s=i||0,i=0,o=a.length,r=!0;a&&o>s;s++)if(a[s].apply(p[0],p[1])===!1&&e.stopOnFalse){t=!1;break}r=!1,a&&(u?u.length&&l(u.shift()):t?a=[]:c.disable())},c={add:function(){if(a){var n=a.length;(function s(t){x.each(t,function(t,n){var r=x.type(n);"function"===r?e.unique&&c.has(n)||a.push(n):n&&n.length&&"string"!==r&&s(n)})})(arguments),r?o=a.length:t&&(i=n,l(t))}return this},remove:function(){return a&&x.each(arguments,function(e,t){var n;while((n=x.inArray(t,a,n))>-1)a.splice(n,1),r&&(o>=n&&o--,s>=n&&s--)}),this},has:function(e){return e?x.inArray(e,a)>-1:!(!a||!a.length)},empty:function(){return a=[],o=0,this},disable:function(){return a=u=t=undefined,this},disabled:function(){return!a},lock:function(){return u=undefined,t||c.disable(),this},locked:function(){return!u},fireWith:function(e,t){return!a||n&&!u||(t=t||[],t=[e,t.slice?t.slice():t],r?u.push(t):l(t)),this},fire:function(){return c.fireWith(this,arguments),this},fired:function(){return!!n}};return c},x.extend({Deferred:function(e){var t=[["resolve","done",x.Callbacks("once memory"),"resolved"],["reject","fail",x.Callbacks("once memory"),"rejected"],["notify","progress",x.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return x.Deferred(function(n){x.each(t,function(t,o){var s=o[0],a=x.isFunction(e[t])&&e[t];i[o[1]](function(){var e=a&&a.apply(this,arguments);e&&x.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[s+"With"](this===r?n.promise():this,a?[e]:arguments)})}),e=null}).promise()},promise:function(e){return null!=e?x.extend(e,r):r}},i={};return r.pipe=r.then,x.each(t,function(e,o){var s=o[2],a=o[3];r[o[1]]=s.add,a&&s.add(function(){n=a},t[1^e][2].disable,t[2][2].lock),i[o[0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=s.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t=0,n=d.call(arguments),r=n.length,i=1!==r||e&&x.isFunction(e.promise)?r:0,o=1===i?e:x.Deferred(),s=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?d.call(arguments):r,n===a?o.notifyWith(t,n):--i||o.resolveWith(t,n)}},a,u,l;if(r>1)for(a=Array(r),u=Array(r),l=Array(r);r>t;t++)n[t]&&x.isFunction(n[t].promise)?n[t].promise().done(s(t,l,n)).fail(o.reject).progress(s(t,u,a)):--i;return i||o.resolveWith(l,n),o.promise()}}),x.support=function(t){var n=o.createElement("input"),r=o.createDocumentFragment(),i=o.createElement("div"),s=o.createElement("select"),a=s.appendChild(o.createElement("option"));return n.type?(n.type="checkbox",t.checkOn=""!==n.value,t.optSelected=a.selected,t.reliableMarginRight=!0,t.boxSizingReliable=!0,t.pixelPosition=!1,n.checked=!0,t.noCloneChecked=n.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!a.disabled,n=o.createElement("input"),n.value="t",n.type="radio",t.radioValue="t"===n.value,n.setAttribute("checked","t"),n.setAttribute("name","t"),r.appendChild(n),t.checkClone=r.cloneNode(!0).cloneNode(!0).lastChild.checked,t.focusinBubbles="onfocusin"in e,i.style.backgroundClip="content-box",i.cloneNode(!0).style.backgroundClip="",t.clearCloneStyle="content-box"===i.style.backgroundClip,x(function(){var n,r,s="padding:0;margin:0;border:0;display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box",a=o.getElementsByTagName("body")[0];a&&(n=o.createElement("div"),n.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",a.appendChild(n).appendChild(i),i.innerHTML="",i.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%",x.swap(a,null!=a.style.zoom?{zoom:1}:{},function(){t.boxSizing=4===i.offsetWidth}),e.getComputedStyle&&(t.pixelPosition="1%"!==(e.getComputedStyle(i,null)||{}).top,t.boxSizingReliable="4px"===(e.getComputedStyle(i,null)||{width:"4px"}).width,r=i.appendChild(o.createElement("div")),r.style.cssText=i.style.cssText=s,r.style.marginRight=r.style.width="0",i.style.width="1px",t.reliableMarginRight=!parseFloat((e.getComputedStyle(r,null)||{}).marginRight)),a.removeChild(n))}),t):t}({});var L,q,H=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,O=/([A-Z])/g;function F(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=x.expando+Math.random()}F.uid=1,F.accepts=function(e){return e.nodeType?1===e.nodeType||9===e.nodeType:!0},F.prototype={key:function(e){if(!F.accepts(e))return 0;var t={},n=e[this.expando];if(!n){n=F.uid++;try{t[this.expando]={value:n},Object.defineProperties(e,t)}catch(r){t[this.expando]=n,x.extend(e,t)}}return this.cache[n]||(this.cache[n]={}),n},set:function(e,t,n){var r,i=this.key(e),o=this.cache[i];if("string"==typeof t)o[t]=n;else if(x.isEmptyObject(o))x.extend(this.cache[i],t);else for(r in t)o[r]=t[r];return o},get:function(e,t){var n=this.cache[this.key(e)];return t===undefined?n:n[t]},access:function(e,t,n){var r;return t===undefined||t&&"string"==typeof t&&n===undefined?(r=this.get(e,t),r!==undefined?r:this.get(e,x.camelCase(t))):(this.set(e,t,n),n!==undefined?n:t)},remove:function(e,t){var n,r,i,o=this.key(e),s=this.cache[o];if(t===undefined)this.cache[o]={};else{x.isArray(t)?r=t.concat(t.map(x.camelCase)):(i=x.camelCase(t),t in s?r=[t,i]:(r=i,r=r in s?[r]:r.match(w)||[])),n=r.length;while(n--)delete s[r[n]]}},hasData:function(e){return!x.isEmptyObject(this.cache[e[this.expando]]||{})},discard:function(e){e[this.expando]&&delete this.cache[e[this.expando]]}},L=new F,q=new F,x.extend({acceptData:F.accepts,hasData:function(e){return L.hasData(e)||q.hasData(e)},data:function(e,t,n){return L.access(e,t,n)},removeData:function(e,t){L.remove(e,t)},_data:function(e,t,n){return q.access(e,t,n)},_removeData:function(e,t){q.remove(e,t)}}),x.fn.extend({data:function(e,t){var n,r,i=this[0],o=0,s=null;if(e===undefined){if(this.length&&(s=L.get(i),1===i.nodeType&&!q.get(i,"hasDataAttrs"))){for(n=i.attributes;n.length>o;o++)r=n[o].name,0===r.indexOf("data-")&&(r=x.camelCase(r.slice(5)),P(i,r,s[r]));q.set(i,"hasDataAttrs",!0)}return s}return"object"==typeof e?this.each(function(){L.set(this,e)}):x.access(this,function(t){var n,r=x.camelCase(e);if(i&&t===undefined){if(n=L.get(i,e),n!==undefined)return n;if(n=L.get(i,r),n!==undefined)return n;if(n=P(i,r,undefined),n!==undefined)return n}else this.each(function(){var n=L.get(this,r);L.set(this,r,t),-1!==e.indexOf("-")&&n!==undefined&&L.set(this,e,t)})},null,t,arguments.length>1,null,!0)},removeData:function(e){return this.each(function(){L.remove(this,e)})}});function P(e,t,n){var r;if(n===undefined&&1===e.nodeType)if(r="data-"+t.replace(O,"-$1").toLowerCase(),n=e.getAttribute(r),"string"==typeof n){try{n="true"===n?!0:"false"===n?!1:"null"===n?null:+n+""===n?+n:H.test(n)?JSON.parse(n):n}catch(i){}L.set(e,t,n)}else n=undefined;return n}x.extend({queue:function(e,t,n){var r;return e?(t=(t||"fx")+"queue",r=q.get(e,t),n&&(!r||x.isArray(n)?r=q.access(e,t,x.makeArray(n)):r.push(n)),r||[]):undefined},dequeue:function(e,t){t=t||"fx";var n=x.queue(e,t),r=n.length,i=n.shift(),o=x._queueHooks(e,t),s=function(){x.dequeue(e,t)
-};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,s,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return q.get(e,n)||q.access(e,n,{empty:x.Callbacks("once memory").add(function(){q.remove(e,[t+"queue",n])})})}}),x.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),n>arguments.length?x.queue(this[0],e):t===undefined?this:this.each(function(){var n=x.queue(this,e,t);x._queueHooks(this,e),"fx"===e&&"inprogress"!==n[0]&&x.dequeue(this,e)})},dequeue:function(e){return this.each(function(){x.dequeue(this,e)})},delay:function(e,t){return e=x.fx?x.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=x.Deferred(),o=this,s=this.length,a=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=undefined),e=e||"fx";while(s--)n=q.get(o[s],e+"queueHooks"),n&&n.empty&&(r++,n.empty.add(a));return a(),i.promise(t)}});var R,M,W=/[\t\r\n\f]/g,$=/\r/g,B=/^(?:input|select|textarea|button)$/i;x.fn.extend({attr:function(e,t){return x.access(this,x.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){x.removeAttr(this,e)})},prop:function(e,t){return x.access(this,x.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[x.propFix[e]||e]})},addClass:function(e){var t,n,r,i,o,s=0,a=this.length,u="string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).addClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=x.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,s=0,a=this.length,u=0===arguments.length||"string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).removeClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?x.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):x.isFunction(e)?this.each(function(n){x(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var t,i=0,o=x(this),s=e.match(w)||[];while(t=s[i++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else(n===r||"boolean"===n)&&(this.className&&q.set(this,"__className__",this.className),this.className=this.className||e===!1?"":q.get(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(W," ").indexOf(t)>=0)return!0;return!1},val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=x.isFunction(e),this.each(function(n){var i;1===this.nodeType&&(i=r?e.call(this,n,x(this).val()):e,null==i?i="":"number"==typeof i?i+="":x.isArray(i)&&(i=x.map(i,function(e){return null==e?"":e+""})),t=x.valHooks[this.type]||x.valHooks[this.nodeName.toLowerCase()],t&&"set"in t&&t.set(this,i,"value")!==undefined||(this.value=i))});if(i)return t=x.valHooks[i.type]||x.valHooks[i.nodeName.toLowerCase()],t&&"get"in t&&(n=t.get(i,"value"))!==undefined?n:(n=i.value,"string"==typeof n?n.replace($,""):null==n?"":n)}}}),x.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,s=o?null:[],a=o?i+1:r.length,u=0>i?a:o?i:0;for(;a>u;u++)if(n=r[u],!(!n.selected&&u!==i||(x.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&x.nodeName(n.parentNode,"optgroup"))){if(t=x(n).val(),o)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=x.makeArray(t),s=i.length;while(s--)r=i[s],(r.selected=x.inArray(x(r).val(),o)>=0)&&(n=!0);return n||(e.selectedIndex=-1),o}}},attr:function(e,t,n){var i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return typeof e.getAttribute===r?x.prop(e,t,n):(1===s&&x.isXMLDoc(e)||(t=t.toLowerCase(),i=x.attrHooks[t]||(x.expr.match.bool.test(t)?M:R)),n===undefined?i&&"get"in i&&null!==(o=i.get(e,t))?o:(o=x.find.attr(e,t),null==o?undefined:o):null!==n?i&&"set"in i&&(o=i.set(e,n,t))!==undefined?o:(e.setAttribute(t,n+""),n):(x.removeAttr(e,t),undefined))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(w);if(o&&1===e.nodeType)while(n=o[i++])r=x.propFix[n]||n,x.expr.match.bool.test(n)&&(e[r]=!1),e.removeAttribute(n)},attrHooks:{type:{set:function(e,t){if(!x.support.radioValue&&"radio"===t&&x.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{"for":"htmlFor","class":"className"},prop:function(e,t,n){var r,i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return o=1!==s||!x.isXMLDoc(e),o&&(t=x.propFix[t]||t,i=x.propHooks[t]),n!==undefined?i&&"set"in i&&(r=i.set(e,n,t))!==undefined?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){return e.hasAttribute("tabindex")||B.test(e.nodeName)||e.href?e.tabIndex:-1}}}}),M={set:function(e,t,n){return t===!1?x.removeAttr(e,n):e.setAttribute(n,n),n}},x.each(x.expr.match.bool.source.match(/\w+/g),function(e,t){var n=x.expr.attrHandle[t]||x.find.attr;x.expr.attrHandle[t]=function(e,t,r){var i=x.expr.attrHandle[t],o=r?undefined:(x.expr.attrHandle[t]=undefined)!=n(e,t,r)?t.toLowerCase():null;return x.expr.attrHandle[t]=i,o}}),x.support.optSelected||(x.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null}}),x.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){x.propFix[this.toLowerCase()]=this}),x.each(["radio","checkbox"],function(){x.valHooks[this]={set:function(e,t){return x.isArray(t)?e.checked=x.inArray(x(e).val(),t)>=0:undefined}},x.support.checkOn||(x.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var I=/^key/,z=/^(?:mouse|contextmenu)|click/,_=/^(?:focusinfocus|focusoutblur)$/,X=/^([^.]*)(?:\.(.+)|)$/;function U(){return!0}function Y(){return!1}function V(){try{return o.activeElement}catch(e){}}x.event={global:{},add:function(e,t,n,i,o){var s,a,u,l,c,p,f,h,d,g,m,y=q.get(e);if(y){n.handler&&(s=n,n=s.handler,o=s.selector),n.guid||(n.guid=x.guid++),(l=y.events)||(l=y.events={}),(a=y.handle)||(a=y.handle=function(e){return typeof x===r||e&&x.event.triggered===e.type?undefined:x.event.dispatch.apply(a.elem,arguments)},a.elem=e),t=(t||"").match(w)||[""],c=t.length;while(c--)u=X.exec(t[c])||[],d=m=u[1],g=(u[2]||"").split(".").sort(),d&&(f=x.event.special[d]||{},d=(o?f.delegateType:f.bindType)||d,f=x.event.special[d]||{},p=x.extend({type:d,origType:m,data:i,handler:n,guid:n.guid,selector:o,needsContext:o&&x.expr.match.needsContext.test(o),namespace:g.join(".")},s),(h=l[d])||(h=l[d]=[],h.delegateCount=0,f.setup&&f.setup.call(e,i,g,a)!==!1||e.addEventListener&&e.addEventListener(d,a,!1)),f.add&&(f.add.call(e,p),p.handler.guid||(p.handler.guid=n.guid)),o?h.splice(h.delegateCount++,0,p):h.push(p),x.event.global[d]=!0);e=null}},remove:function(e,t,n,r,i){var o,s,a,u,l,c,p,f,h,d,g,m=q.hasData(e)&&q.get(e);if(m&&(u=m.events)){t=(t||"").match(w)||[""],l=t.length;while(l--)if(a=X.exec(t[l])||[],h=g=a[1],d=(a[2]||"").split(".").sort(),h){p=x.event.special[h]||{},h=(r?p.delegateType:p.bindType)||h,f=u[h]||[],a=a[2]&&RegExp("(^|\\.)"+d.join("\\.(?:.*\\.|)")+"(\\.|$)"),s=o=f.length;while(o--)c=f[o],!i&&g!==c.origType||n&&n.guid!==c.guid||a&&!a.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(f.splice(o,1),c.selector&&f.delegateCount--,p.remove&&p.remove.call(e,c));s&&!f.length&&(p.teardown&&p.teardown.call(e,d,m.handle)!==!1||x.removeEvent(e,h,m.handle),delete u[h])}else for(h in u)x.event.remove(e,h+t[l],n,r,!0);x.isEmptyObject(u)&&(delete m.handle,q.remove(e,"events"))}},trigger:function(t,n,r,i){var s,a,u,l,c,p,f,h=[r||o],d=y.call(t,"type")?t.type:t,g=y.call(t,"namespace")?t.namespace.split("."):[];if(a=u=r=r||o,3!==r.nodeType&&8!==r.nodeType&&!_.test(d+x.event.triggered)&&(d.indexOf(".")>=0&&(g=d.split("."),d=g.shift(),g.sort()),c=0>d.indexOf(":")&&"on"+d,t=t[x.expando]?t:new x.Event(d,"object"==typeof t&&t),t.isTrigger=i?2:3,t.namespace=g.join("."),t.namespace_re=t.namespace?RegExp("(^|\\.)"+g.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=undefined,t.target||(t.target=r),n=null==n?[t]:x.makeArray(n,[t]),f=x.event.special[d]||{},i||!f.trigger||f.trigger.apply(r,n)!==!1)){if(!i&&!f.noBubble&&!x.isWindow(r)){for(l=f.delegateType||d,_.test(l+d)||(a=a.parentNode);a;a=a.parentNode)h.push(a),u=a;u===(r.ownerDocument||o)&&h.push(u.defaultView||u.parentWindow||e)}s=0;while((a=h[s++])&&!t.isPropagationStopped())t.type=s>1?l:f.bindType||d,p=(q.get(a,"events")||{})[t.type]&&q.get(a,"handle"),p&&p.apply(a,n),p=c&&a[c],p&&x.acceptData(a)&&p.apply&&p.apply(a,n)===!1&&t.preventDefault();return t.type=d,i||t.isDefaultPrevented()||f._default&&f._default.apply(h.pop(),n)!==!1||!x.acceptData(r)||c&&x.isFunction(r[d])&&!x.isWindow(r)&&(u=r[c],u&&(r[c]=null),x.event.triggered=d,r[d](),x.event.triggered=undefined,u&&(r[c]=u)),t.result}},dispatch:function(e){e=x.event.fix(e);var t,n,r,i,o,s=[],a=d.call(arguments),u=(q.get(this,"events")||{})[e.type]||[],l=x.event.special[e.type]||{};if(a[0]=e,e.delegateTarget=this,!l.preDispatch||l.preDispatch.call(this,e)!==!1){s=x.event.handlers.call(this,e,u),t=0;while((i=s[t++])&&!e.isPropagationStopped()){e.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(o.namespace))&&(e.handleObj=o,e.data=o.data,r=((x.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,a),r!==undefined&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return l.postDispatch&&l.postDispatch.call(this,e),e.result}},handlers:function(e,t){var n,r,i,o,s=[],a=t.delegateCount,u=e.target;if(a&&u.nodeType&&(!e.button||"click"!==e.type))for(;u!==this;u=u.parentNode||this)if(u.disabled!==!0||"click"!==e.type){for(r=[],n=0;a>n;n++)o=t[n],i=o.selector+" ",r[i]===undefined&&(r[i]=o.needsContext?x(i,this).index(u)>=0:x.find(i,this,null,[u]).length),r[i]&&r.push(o);r.length&&s.push({elem:u,handlers:r})}return t.length>a&&s.push({elem:this,handlers:t.slice(a)}),s},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,t){var n,r,i,s=t.button;return null==e.pageX&&null!=t.clientX&&(n=e.target.ownerDocument||o,r=n.documentElement,i=n.body,e.pageX=t.clientX+(r&&r.scrollLeft||i&&i.scrollLeft||0)-(r&&r.clientLeft||i&&i.clientLeft||0),e.pageY=t.clientY+(r&&r.scrollTop||i&&i.scrollTop||0)-(r&&r.clientTop||i&&i.clientTop||0)),e.which||s===undefined||(e.which=1&s?1:2&s?3:4&s?2:0),e}},fix:function(e){if(e[x.expando])return e;var t,n,r,i=e.type,s=e,a=this.fixHooks[i];a||(this.fixHooks[i]=a=z.test(i)?this.mouseHooks:I.test(i)?this.keyHooks:{}),r=a.props?this.props.concat(a.props):this.props,e=new x.Event(s),t=r.length;while(t--)n=r[t],e[n]=s[n];return e.target||(e.target=o),3===e.target.nodeType&&(e.target=e.target.parentNode),a.filter?a.filter(e,s):e},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==V()&&this.focus?(this.focus(),!1):undefined},delegateType:"focusin"},blur:{trigger:function(){return this===V()&&this.blur?(this.blur(),!1):undefined},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&x.nodeName(this,"input")?(this.click(),!1):undefined},_default:function(e){return x.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){e.result!==undefined&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=x.extend(new x.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?x.event.trigger(i,null,t):x.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},x.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)},x.Event=function(e,t){return this instanceof x.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.getPreventDefault&&e.getPreventDefault()?U:Y):this.type=e,t&&x.extend(this,t),this.timeStamp=e&&e.timeStamp||x.now(),this[x.expando]=!0,undefined):new x.Event(e,t)},x.Event.prototype={isDefaultPrevented:Y,isPropagationStopped:Y,isImmediatePropagationStopped:Y,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=U,e&&e.preventDefault&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=U,e&&e.stopPropagation&&e.stopPropagation()},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=U,this.stopPropagation()}},x.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){x.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return(!i||i!==r&&!x.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),x.support.focusinBubbles||x.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){x.event.simulate(t,e.target,x.event.fix(e),!0)};x.event.special[t]={setup:function(){0===n++&&o.addEventListener(e,r,!0)},teardown:function(){0===--n&&o.removeEventListener(e,r,!0)}}}),x.fn.extend({on:function(e,t,n,r,i){var o,s;if("object"==typeof e){"string"!=typeof t&&(n=n||t,t=undefined);for(s in e)this.on(s,t,n,e[s],i);return this}if(null==n&&null==r?(r=t,n=t=undefined):null==r&&("string"==typeof t?(r=n,n=undefined):(r=n,n=t,t=undefined)),r===!1)r=Y;else if(!r)return this;return 1===i&&(o=r,r=function(e){return x().off(e),o.apply(this,arguments)},r.guid=o.guid||(o.guid=x.guid++)),this.each(function(){x.event.add(this,e,r,n,t)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,x(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return(t===!1||"function"==typeof t)&&(n=t,t=undefined),n===!1&&(n=Y),this.each(function(){x.event.remove(this,e,n,t)})},trigger:function(e,t){return this.each(function(){x.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];return n?x.event.trigger(e,t,n,!0):undefined}});var G=/^.[^:#\[\.,]*$/,J=/^(?:parents|prev(?:Until|All))/,Q=x.expr.match.needsContext,K={children:!0,contents:!0,next:!0,prev:!0};x.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(x(e).filter(function(){for(t=0;i>t;t++)if(x.contains(r[t],this))return!0}));for(t=0;i>t;t++)x.find(e,r[t],n);return n=this.pushStack(i>1?x.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},has:function(e){var t=x(e,this),n=t.length;return this.filter(function(){var e=0;for(;n>e;e++)if(x.contains(this,t[e]))return!0})},not:function(e){return this.pushStack(et(this,e||[],!0))},filter:function(e){return this.pushStack(et(this,e||[],!1))},is:function(e){return!!et(this,"string"==typeof e&&Q.test(e)?x(e):e||[],!1).length},closest:function(e,t){var n,r=0,i=this.length,o=[],s=Q.test(e)||"string"!=typeof e?x(e,t||this.context):0;for(;i>r;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(11>n.nodeType&&(s?s.index(n)>-1:1===n.nodeType&&x.find.matchesSelector(n,e))){n=o.push(n);break}return this.pushStack(o.length>1?x.unique(o):o)},index:function(e){return e?"string"==typeof e?g.call(x(e),this[0]):g.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?x(e,t):x.makeArray(e&&e.nodeType?[e]:e),r=x.merge(this.get(),n);return this.pushStack(x.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function Z(e,t){while((e=e[t])&&1!==e.nodeType);return e}x.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return x.dir(e,"parentNode")},parentsUntil:function(e,t,n){return x.dir(e,"parentNode",n)},next:function(e){return Z(e,"nextSibling")},prev:function(e){return Z(e,"previousSibling")},nextAll:function(e){return x.dir(e,"nextSibling")},prevAll:function(e){return x.dir(e,"previousSibling")},nextUntil:function(e,t,n){return x.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return x.dir(e,"previousSibling",n)},siblings:function(e){return x.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return x.sibling(e.firstChild)},contents:function(e){return e.contentDocument||x.merge([],e.childNodes)}},function(e,t){x.fn[e]=function(n,r){var i=x.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=x.filter(r,i)),this.length>1&&(K[e]||x.unique(i),J.test(e)&&i.reverse()),this.pushStack(i)}}),x.extend({filter:function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?x.find.matchesSelector(r,e)?[r]:[]:x.find.matches(e,x.grep(t,function(e){return 1===e.nodeType}))},dir:function(e,t,n){var r=[],i=n!==undefined;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&x(e).is(n))break;r.push(e)}return r},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function et(e,t,n){if(x.isFunction(t))return x.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return x.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(G.test(t))return x.filter(t,e,n);t=x.filter(t,e)}return x.grep(e,function(e){return g.call(t,e)>=0!==n})}var tt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,nt=/<([\w:]+)/,rt=/<|&#?\w+;/,it=/<(?:script|style|link)/i,ot=/^(?:checkbox|radio)$/i,st=/checked\s*(?:[^=]|=\s*.checked.)/i,at=/^$|\/(?:java|ecma)script/i,ut=/^true\/(.*)/,lt=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,ct={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};ct.optgroup=ct.option,ct.tbody=ct.tfoot=ct.colgroup=ct.caption=ct.thead,ct.th=ct.td,x.fn.extend({text:function(e){return x.access(this,function(e){return e===undefined?x.text(this):this.empty().append((this[0]&&this[0].ownerDocument||o).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.appendChild(e)}})},prepend:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=e?x.filter(e,this):this,i=0;for(;null!=(n=r[i]);i++)t||1!==n.nodeType||x.cleanData(mt(n)),n.parentNode&&(t&&x.contains(n.ownerDocument,n)&&dt(mt(n,"script")),n.parentNode.removeChild(n));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++)1===e.nodeType&&(x.cleanData(mt(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return x.clone(this,e,t)})},html:function(e){return x.access(this,function(e){var t=this[0]||{},n=0,r=this.length;if(e===undefined&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!it.test(e)&&!ct[(nt.exec(e)||["",""])[1].toLowerCase()]){e=e.replace(tt,"<$1></$2>");try{for(;r>n;n++)t=this[n]||{},1===t.nodeType&&(x.cleanData(mt(t,!1)),t.innerHTML=e);t=0}catch(i){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=x.map(this,function(e){return[e.nextSibling,e.parentNode]}),t=0;return this.domManip(arguments,function(n){var r=e[t++],i=e[t++];i&&(r&&r.parentNode!==i&&(r=this.nextSibling),x(this).remove(),i.insertBefore(n,r))},!0),t?this:this.remove()},detach:function(e){return this.remove(e,!0)},domManip:function(e,t,n){e=f.apply([],e);var r,i,o,s,a,u,l=0,c=this.length,p=this,h=c-1,d=e[0],g=x.isFunction(d);if(g||!(1>=c||"string"!=typeof d||x.support.checkClone)&&st.test(d))return this.each(function(r){var i=p.eq(r);g&&(e[0]=d.call(this,r,i.html())),i.domManip(e,t,n)});if(c&&(r=x.buildFragment(e,this[0].ownerDocument,!1,!n&&this),i=r.firstChild,1===r.childNodes.length&&(r=i),i)){for(o=x.map(mt(r,"script"),ft),s=o.length;c>l;l++)a=r,l!==h&&(a=x.clone(a,!0,!0),s&&x.merge(o,mt(a,"script"))),t.call(this[l],a,l);if(s)for(u=o[o.length-1].ownerDocument,x.map(o,ht),l=0;s>l;l++)a=o[l],at.test(a.type||"")&&!q.access(a,"globalEval")&&x.contains(u,a)&&(a.src?x._evalUrl(a.src):x.globalEval(a.textContent.replace(lt,"")))}return this}}),x.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){x.fn[e]=function(e){var n,r=[],i=x(e),o=i.length-1,s=0;for(;o>=s;s++)n=s===o?this:this.clone(!0),x(i[s])[t](n),h.apply(r,n.get());return this.pushStack(r)}}),x.extend({clone:function(e,t,n){var r,i,o,s,a=e.cloneNode(!0),u=x.contains(e.ownerDocument,e);if(!(x.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||x.isXMLDoc(e)))for(s=mt(a),o=mt(e),r=0,i=o.length;i>r;r++)yt(o[r],s[r]);if(t)if(n)for(o=o||mt(e),s=s||mt(a),r=0,i=o.length;i>r;r++)gt(o[r],s[r]);else gt(e,a);return s=mt(a,"script"),s.length>0&&dt(s,!u&&mt(e,"script")),a},buildFragment:function(e,t,n,r){var i,o,s,a,u,l,c=0,p=e.length,f=t.createDocumentFragment(),h=[];for(;p>c;c++)if(i=e[c],i||0===i)if("object"===x.type(i))x.merge(h,i.nodeType?[i]:i);else if(rt.test(i)){o=o||f.appendChild(t.createElement("div")),s=(nt.exec(i)||["",""])[1].toLowerCase(),a=ct[s]||ct._default,o.innerHTML=a[1]+i.replace(tt,"<$1></$2>")+a[2],l=a[0];while(l--)o=o.lastChild;x.merge(h,o.childNodes),o=f.firstChild,o.textContent=""}else h.push(t.createTextNode(i));f.textContent="",c=0;while(i=h[c++])if((!r||-1===x.inArray(i,r))&&(u=x.contains(i.ownerDocument,i),o=mt(f.appendChild(i),"script"),u&&dt(o),n)){l=0;while(i=o[l++])at.test(i.type||"")&&n.push(i)}return f},cleanData:function(e){var t,n,r,i,o,s,a=x.event.special,u=0;for(;(n=e[u])!==undefined;u++){if(F.accepts(n)&&(o=n[q.expando],o&&(t=q.cache[o]))){if(r=Object.keys(t.events||{}),r.length)for(s=0;(i=r[s])!==undefined;s++)a[i]?x.event.remove(n,i):x.removeEvent(n,i,t.handle);q.cache[o]&&delete q.cache[o]}delete L.cache[n[L.expando]]}},_evalUrl:function(e){return x.ajax({url:e,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})}});function pt(e,t){return x.nodeName(e,"table")&&x.nodeName(1===t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function ft(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function ht(e){var t=ut.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function dt(e,t){var n=e.length,r=0;for(;n>r;r++)q.set(e[r],"globalEval",!t||q.get(t[r],"globalEval"))}function gt(e,t){var n,r,i,o,s,a,u,l;if(1===t.nodeType){if(q.hasData(e)&&(o=q.access(e),s=q.set(t,o),l=o.events)){delete s.handle,s.events={};for(i in l)for(n=0,r=l[i].length;r>n;n++)x.event.add(t,i,l[i][n])}L.hasData(e)&&(a=L.access(e),u=x.extend({},a),L.set(t,u))}}function mt(e,t){var n=e.getElementsByTagName?e.getElementsByTagName(t||"*"):e.querySelectorAll?e.querySelectorAll(t||"*"):[];return t===undefined||t&&x.nodeName(e,t)?x.merge([e],n):n}function yt(e,t){var n=t.nodeName.toLowerCase();"input"===n&&ot.test(e.type)?t.checked=e.checked:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}x.fn.extend({wrapAll:function(e){var t;return x.isFunction(e)?this.each(function(t){x(this).wrapAll(e.call(this,t))}):(this[0]&&(t=x(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this)},wrapInner:function(e){return x.isFunction(e)?this.each(function(t){x(this).wrapInner(e.call(this,t))}):this.each(function(){var t=x(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=x.isFunction(e);return this.each(function(n){x(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){x.nodeName(this,"body")||x(this).replaceWith(this.childNodes)}).end()}});var vt,xt,bt=/^(none|table(?!-c[ea]).+)/,wt=/^margin/,Tt=RegExp("^("+b+")(.*)$","i"),Ct=RegExp("^("+b+")(?!px)[a-z%]+$","i"),kt=RegExp("^([+-])=("+b+")","i"),Nt={BODY:"block"},Et={position:"absolute",visibility:"hidden",display:"block"},St={letterSpacing:0,fontWeight:400},jt=["Top","Right","Bottom","Left"],Dt=["Webkit","O","Moz","ms"];function At(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=Dt.length;while(i--)if(t=Dt[i]+n,t in e)return t;return r}function Lt(e,t){return e=t||e,"none"===x.css(e,"display")||!x.contains(e.ownerDocument,e)}function qt(t){return e.getComputedStyle(t,null)}function Ht(e,t){var n,r,i,o=[],s=0,a=e.length;for(;a>s;s++)r=e[s],r.style&&(o[s]=q.get(r,"olddisplay"),n=r.style.display,t?(o[s]||"none"!==n||(r.style.display=""),""===r.style.display&&Lt(r)&&(o[s]=q.access(r,"olddisplay",Rt(r.nodeName)))):o[s]||(i=Lt(r),(n&&"none"!==n||!i)&&q.set(r,"olddisplay",i?n:x.css(r,"display"))));for(s=0;a>s;s++)r=e[s],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[s]||"":"none"));return e}x.fn.extend({css:function(e,t){return x.access(this,function(e,t,n){var r,i,o={},s=0;if(x.isArray(t)){for(r=qt(e),i=t.length;i>s;s++)o[t[s]]=x.css(e,t[s],!1,r);return o}return n!==undefined?x.style(e,t,n):x.css(e,t)},e,t,arguments.length>1)},show:function(){return Ht(this,!0)},hide:function(){return Ht(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){Lt(this)?x(this).show():x(this).hide()})}}),x.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=vt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,s,a=x.camelCase(t),u=e.style;return t=x.cssProps[a]||(x.cssProps[a]=At(u,a)),s=x.cssHooks[t]||x.cssHooks[a],n===undefined?s&&"get"in s&&(i=s.get(e,!1,r))!==undefined?i:u[t]:(o=typeof n,"string"===o&&(i=kt.exec(n))&&(n=(i[1]+1)*i[2]+parseFloat(x.css(e,t)),o="number"),null==n||"number"===o&&isNaN(n)||("number"!==o||x.cssNumber[a]||(n+="px"),x.support.clearCloneStyle||""!==n||0!==t.indexOf("background")||(u[t]="inherit"),s&&"set"in s&&(n=s.set(e,n,r))===undefined||(u[t]=n)),undefined)}},css:function(e,t,n,r){var i,o,s,a=x.camelCase(t);return t=x.cssProps[a]||(x.cssProps[a]=At(e.style,a)),s=x.cssHooks[t]||x.cssHooks[a],s&&"get"in s&&(i=s.get(e,!0,n)),i===undefined&&(i=vt(e,t,r)),"normal"===i&&t in St&&(i=St[t]),""===n||n?(o=parseFloat(i),n===!0||x.isNumeric(o)?o||0:i):i}}),vt=function(e,t,n){var r,i,o,s=n||qt(e),a=s?s.getPropertyValue(t)||s[t]:undefined,u=e.style;return s&&(""!==a||x.contains(e.ownerDocument,e)||(a=x.style(e,t)),Ct.test(a)&&wt.test(t)&&(r=u.width,i=u.minWidth,o=u.maxWidth,u.minWidth=u.maxWidth=u.width=a,a=s.width,u.width=r,u.minWidth=i,u.maxWidth=o)),a};function Ot(e,t,n){var r=Tt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function Ft(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,s=0;for(;4>o;o+=2)"margin"===n&&(s+=x.css(e,n+jt[o],!0,i)),r?("content"===n&&(s-=x.css(e,"padding"+jt[o],!0,i)),"margin"!==n&&(s-=x.css(e,"border"+jt[o]+"Width",!0,i))):(s+=x.css(e,"padding"+jt[o],!0,i),"padding"!==n&&(s+=x.css(e,"border"+jt[o]+"Width",!0,i)));return s}function Pt(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=qt(e),s=x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=vt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Ct.test(i))return i;r=s&&(x.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+Ft(e,t,n||(s?"border":"content"),r,o)+"px"}function Rt(e){var t=o,n=Nt[e];return n||(n=Mt(e,t),"none"!==n&&n||(xt=(xt||x("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(t.documentElement),t=(xt[0].contentWindow||xt[0].contentDocument).document,t.write("<!doctype html><html><body>"),t.close(),n=Mt(e,t),xt.detach()),Nt[e]=n),n}function Mt(e,t){var n=x(t.createElement(e)).appendTo(t.body),r=x.css(n[0],"display");return n.remove(),r}x.each(["height","width"],function(e,t){x.cssHooks[t]={get:function(e,n,r){return n?0===e.offsetWidth&&bt.test(x.css(e,"display"))?x.swap(e,Et,function(){return Pt(e,t,r)}):Pt(e,t,r):undefined},set:function(e,n,r){var i=r&&qt(e);return Ot(e,n,r?Ft(e,t,r,x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,i),i):0)}}}),x(function(){x.support.reliableMarginRight||(x.cssHooks.marginRight={get:function(e,t){return t?x.swap(e,{display:"inline-block"},vt,[e,"marginRight"]):undefined}}),!x.support.pixelPosition&&x.fn.position&&x.each(["top","left"],function(e,t){x.cssHooks[t]={get:function(e,n){return n?(n=vt(e,t),Ct.test(n)?x(e).position()[t]+"px":n):undefined}}})}),x.expr&&x.expr.filters&&(x.expr.filters.hidden=function(e){return 0>=e.offsetWidth&&0>=e.offsetHeight},x.expr.filters.visible=function(e){return!x.expr.filters.hidden(e)}),x.each({margin:"",padding:"",border:"Width"},function(e,t){x.cssHooks[e+t]={expand:function(n){var r=0,i={},o="string"==typeof n?n.split(" "):[n];for(;4>r;r++)i[e+jt[r]+t]=o[r]||o[r-2]||o[0];return i}},wt.test(e)||(x.cssHooks[e+t].set=Ot)});var Wt=/%20/g,$t=/\[\]$/,Bt=/\r?\n/g,It=/^(?:submit|button|image|reset|file)$/i,zt=/^(?:input|select|textarea|keygen)/i;x.fn.extend({serialize:function(){return x.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=x.prop(this,"elements");return e?x.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!x(this).is(":disabled")&&zt.test(this.nodeName)&&!It.test(e)&&(this.checked||!ot.test(e))}).map(function(e,t){var n=x(this).val();return null==n?null:x.isArray(n)?x.map(n,function(e){return{name:t.name,value:e.replace(Bt,"\r\n")}}):{name:t.name,value:n.replace(Bt,"\r\n")}}).get()}}),x.param=function(e,t){var n,r=[],i=function(e,t){t=x.isFunction(t)?t():null==t?"":t,r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(t===undefined&&(t=x.ajaxSettings&&x.ajaxSettings.traditional),x.isArray(e)||e.jquery&&!x.isPlainObject(e))x.each(e,function(){i(this.name,this.value)});else for(n in e)_t(n,e[n],t,i);return r.join("&").replace(Wt,"+")};function _t(e,t,n,r){var i;if(x.isArray(t))x.each(t,function(t,i){n||$t.test(e)?r(e,i):_t(e+"["+("object"==typeof i?t:"")+"]",i,n,r)});else if(n||"object"!==x.type(t))r(e,t);else for(i in t)_t(e+"["+i+"]",t[i],n,r)}x.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){x.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),x.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)
+};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,s,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return q.get(e,n)||q.access(e,n,{empty:x.Callbacks("once memory").add(function(){q.remove(e,[t+"queue",n])})})}}),x.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),n>arguments.length?x.queue(this[0],e):t===undefined?this:this.each(function(){var n=x.queue(this,e,t);x._queueHooks(this,e),"fx"===e&&"inprogress"!==n[0]&&x.dequeue(this,e)})},dequeue:function(e){return this.each(function(){x.dequeue(this,e)})},delay:function(e,t){return e=x.fx?x.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=x.Deferred(),o=this,s=this.length,a=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=undefined),e=e||"fx";while(s--)n=q.get(o[s],e+"queueHooks"),n&&n.empty&&(r++,n.empty.add(a));return a(),i.promise(t)}});var R,M,W=/[\t\r\n\f]/g,$=/\r/g,B=/^(?:input|select|textarea|button)$/i;x.fn.extend({attr:function(e,t){return x.access(this,x.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){x.removeAttr(this,e)})},prop:function(e,t){return x.access(this,x.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[x.propFix[e]||e]})},addClass:function(e){var t,n,r,i,o,s=0,a=this.length,u="string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).addClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=x.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,s=0,a=this.length,u=0===arguments.length||"string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).removeClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?x.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):x.isFunction(e)?this.each(function(n){x(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var t,i=0,o=x(this),s=e.match(w)||[];while(t=s[i++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else(n===r||"boolean"===n)&&(this.className&&q.set(this,"__className__",this.className),this.className=this.className||e===!1?"":q.get(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(W," ").indexOf(t)>=0)return!0;return!1},val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=x.isFunction(e),this.each(function(n){var i;1===this.nodeType&&(i=r?e.call(this,n,x(this).val()):e,null==i?i="":"number"==typeof i?i+="":x.isArray(i)&&(i=x.map(i,function(e){return null==e?"":e+""})),t=x.valHooks[this.type]||x.valHooks[this.nodeName.toLowerCase()],t&&"set"in t&&t.set(this,i,"value")!==undefined||(this.value=i))});if(i)return t=x.valHooks[i.type]||x.valHooks[i.nodeName.toLowerCase()],t&&"get"in t&&(n=t.get(i,"value"))!==undefined?n:(n=i.value,"string"==typeof n?n.replace($,""):null==n?"":n)}}}),x.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,s=o?null:[],a=o?i+1:r.length,u=0>i?a:o?i:0;for(;a>u;u++)if(n=r[u],!(!n.selected&&u!==i||(x.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&x.nodeName(n.parentNode,"optgroup"))){if(t=x(n).val(),o)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=x.makeArray(t),s=i.length;while(s--)r=i[s],(r.selected=x.inArray(x(r).val(),o)>=0)&&(n=!0);return n||(e.selectedIndex=-1),o}}},attr:function(e,t,n){var i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return typeof e.getAttribute===r?x.prop(e,t,n):(1===s&&x.isXMLDoc(e)||(t=t.toLowerCase(),i=x.attrHooks[t]||(x.expr.match.bool.test(t)?M:R)),n===undefined?i&&"get"in i&&null!==(o=i.get(e,t))?o:(o=x.find.attr(e,t),null==o?undefined:o):null!==n?i&&"set"in i&&(o=i.set(e,n,t))!==undefined?o:(e.setAttribute(t,n+""),n):(x.removeAttr(e,t),undefined))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(w);if(o&&1===e.nodeType)while(n=o[i++])r=x.propFix[n]||n,x.expr.match.bool.test(n)&&(e[r]=!1),e.removeAttribute(n)},attrHooks:{type:{set:function(e,t){if(!x.support.radioValue&&"radio"===t&&x.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{"for":"htmlFor","class":"className"},prop:function(e,t,n){var r,i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return o=1!==s||!x.isXMLDoc(e),o&&(t=x.propFix[t]||t,i=x.propHooks[t]),n!==undefined?i&&"set"in i&&(r=i.set(e,n,t))!==undefined?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){return e.hasAttribute("tabindex")||B.test(e.nodeName)||e.href?e.tabIndex:-1}}}}),M={set:function(e,t,n){return t===!1?x.removeAttr(e,n):e.setAttribute(n,n),n}},x.each(x.expr.match.bool.source.match(/\w+/g),function(e,t){var n=x.expr.attrHandle[t]||x.find.attr;x.expr.attrHandle[t]=function(e,t,r){var i=x.expr.attrHandle[t],o=r?undefined:(x.expr.attrHandle[t]=undefined)!=n(e,t,r)?t.toLowerCase():null;return x.expr.attrHandle[t]=i,o}}),x.support.optSelected||(x.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null}}),x.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){x.propFix[this.toLowerCase()]=this}),x.each(["radio","checkbox"],function(){x.valHooks[this]={set:function(e,t){return x.isArray(t)?e.checked=x.inArray(x(e).val(),t)>=0:undefined}},x.support.checkOn||(x.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var I=/^key/,z=/^(?:mouse|contextmenu)|click/,_=/^(?:focusinfocus|focusoutblur)$/,X=/^([^.]*)(?:\.(.+)|)$/;function U(){return!0}function Y(){return!1}function V(){try{return o.activeElement}catch(e){}}x.event={global:{},add:function(e,t,n,i,o){var s,a,u,l,c,p,f,h,d,g,m,y=q.get(e);if(y){n.handler&&(s=n,n=s.handler,o=s.selector),n.guid||(n.guid=x.guid++),(l=y.events)||(l=y.events={}),(a=y.handle)||(a=y.handle=function(e){return typeof x===r||e&&x.event.triggered===e.type?undefined:x.event.dispatch.apply(a.elem,arguments)},a.elem=e),t=(t||"").match(w)||[""],c=t.length;while(c--)u=X.exec(t[c])||[],d=m=u[1],g=(u[2]||"").split(".").sort(),d&&(f=x.event.special[d]||{},d=(o?f.delegateType:f.bindType)||d,f=x.event.special[d]||{},p=x.extend({type:d,origType:m,data:i,handler:n,guid:n.guid,selector:o,needsContext:o&&x.expr.match.needsContext.test(o),namespace:g.join(".")},s),(h=l[d])||(h=l[d]=[],h.delegateCount=0,f.setup&&f.setup.call(e,i,g,a)!==!1||e.addEventListener&&e.addEventListener(d,a,!1)),f.add&&(f.add.call(e,p),p.handler.guid||(p.handler.guid=n.guid)),o?h.splice(h.delegateCount++,0,p):h.push(p),x.event.global[d]=!0);e=null}},remove:function(e,t,n,r,i){var o,s,a,u,l,c,p,f,h,d,g,m=q.hasData(e)&&q.get(e);if(m&&(u=m.events)){t=(t||"").match(w)||[""],l=t.length;while(l--)if(a=X.exec(t[l])||[],h=g=a[1],d=(a[2]||"").split(".").sort(),h){p=x.event.special[h]||{},h=(r?p.delegateType:p.bindType)||h,f=u[h]||[],a=a[2]&&RegExp("(^|\\.)"+d.join("\\.(?:.*\\.|)")+"(\\.|$)"),s=o=f.length;while(o--)c=f[o],!i&&g!==c.origType||n&&n.guid!==c.guid||a&&!a.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(f.splice(o,1),c.selector&&f.delegateCount--,p.remove&&p.remove.call(e,c));s&&!f.length&&(p.teardown&&p.teardown.call(e,d,m.handle)!==!1||x.removeEvent(e,h,m.handle),delete u[h])}else for(h in u)x.event.remove(e,h+t[l],n,r,!0);x.isEmptyObject(u)&&(delete m.handle,q.remove(e,"events"))}},trigger:function(t,n,r,i){var s,a,u,l,c,p,f,h=[r||o],d=y.call(t,"type")?t.type:t,g=y.call(t,"namespace")?t.namespace.split("."):[];if(a=u=r=r||o,3!==r.nodeType&&8!==r.nodeType&&!_.test(d+x.event.triggered)&&(d.indexOf(".")>=0&&(g=d.split("."),d=g.shift(),g.sort()),c=0>d.indexOf(":")&&"on"+d,t=t[x.expando]?t:new x.Event(d,"object"==typeof t&&t),t.isTrigger=i?2:3,t.namespace=g.join("."),t.namespace_re=t.namespace?RegExp("(^|\\.)"+g.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=undefined,t.target||(t.target=r),n=null==n?[t]:x.makeArray(n,[t]),f=x.event.special[d]||{},i||!f.trigger||f.trigger.apply(r,n)!==!1)){if(!i&&!f.noBubble&&!x.isWindow(r)){for(l=f.delegateType||d,_.test(l+d)||(a=a.parentNode);a;a=a.parentNode)h.push(a),u=a;u===(r.ownerDocument||o)&&h.push(u.defaultView||u.parentWindow||e)}s=0;while((a=h[s++])&&!t.isPropagationStopped())t.type=s>1?l:f.bindType||d,p=(q.get(a,"events")||{})[t.type]&&q.get(a,"handle"),p&&p.apply(a,n),p=c&&a[c],p&&x.acceptData(a)&&p.apply&&p.apply(a,n)===!1&&t.preventDefault();return t.type=d,i||t.isDefaultPrevented()||f._default&&f._default.apply(h.pop(),n)!==!1||!x.acceptData(r)||c&&x.isFunction(r[d])&&!x.isWindow(r)&&(u=r[c],u&&(r[c]=null),x.event.triggered=d,r[d](),x.event.triggered=undefined,u&&(r[c]=u)),t.result}},dispatch:function(e){e=x.event.fix(e);var t,n,r,i,o,s=[],a=d.call(arguments),u=(q.get(this,"events")||{})[e.type]||[],l=x.event.special[e.type]||{};if(a[0]=e,e.delegateTarget=this,!l.preDispatch||l.preDispatch.call(this,e)!==!1){s=x.event.handlers.call(this,e,u),t=0;while((i=s[t++])&&!e.isPropagationStopped()){e.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(o.namespace))&&(e.handleObj=o,e.data=o.data,r=((x.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,a),r!==undefined&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return l.postDispatch&&l.postDispatch.call(this,e),e.result}},handlers:function(e,t){var n,r,i,o,s=[],a=t.delegateCount,u=e.target;if(a&&u.nodeType&&(!e.button||"click"!==e.type))for(;u!==this;u=u.parentNode||this)if(u.disabled!==!0||"click"!==e.type){for(r=[],n=0;a>n;n++)o=t[n],i=o.selector+" ",r[i]===undefined&&(r[i]=o.needsContext?x(i,this).index(u)>=0:x.find(i,this,null,[u]).length),r[i]&&r.push(o);r.length&&s.push({elem:u,handlers:r})}return t.length>a&&s.push({elem:this,handlers:t.slice(a)}),s},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,t){var n,r,i,s=t.button;return null==e.pageX&&null!=t.clientX&&(n=e.target.ownerDocument||o,r=n.documentElement,i=n.body,e.pageX=t.clientX+(r&&r.scrollLeft||i&&i.scrollLeft||0)-(r&&r.clientLeft||i&&i.clientLeft||0),e.pageY=t.clientY+(r&&r.scrollTop||i&&i.scrollTop||0)-(r&&r.clientTop||i&&i.clientTop||0)),e.which||s===undefined||(e.which=1&s?1:2&s?3:4&s?2:0),e}},fix:function(e){if(e[x.expando])return e;var t,n,r,i=e.type,s=e,a=this.fixHooks[i];a||(this.fixHooks[i]=a=z.test(i)?this.mouseHooks:I.test(i)?this.keyHooks:{}),r=a.props?this.props.concat(a.props):this.props,e=new x.Event(s),t=r.length;while(t--)n=r[t],e[n]=s[n];return e.target||(e.target=o),3===e.target.nodeType&&(e.target=e.target.parentNode),a.filter?a.filter(e,s):e},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==V()&&this.focus?(this.focus(),!1):undefined},delegateType:"focusin"},blur:{trigger:function(){return this===V()&&this.blur?(this.blur(),!1):undefined},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&x.nodeName(this,"input")?(this.click(),!1):undefined},_default:function(e){return x.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){e.result!==undefined&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=x.extend(new x.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?x.event.trigger(i,null,t):x.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},x.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)},x.Event=function(e,t){return this instanceof x.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.getPreventDefault&&e.getPreventDefault()?U:Y):this.type=e,t&&x.extend(this,t),this.timeStamp=e&&e.timeStamp||x.now(),this[x.expando]=!0,undefined):new x.Event(e,t)},x.Event.prototype={isDefaultPrevented:Y,isPropagationStopped:Y,isImmediatePropagationStopped:Y,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=U,e&&e.preventDefault&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=U,e&&e.stopPropagation&&e.stopPropagation()},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=U,this.stopPropagation()}},x.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){x.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return(!i||i!==r&&!x.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),x.support.focusinBubbles||x.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){x.event.simulate(t,e.target,x.event.fix(e),!0)};x.event.special[t]={setup:function(){0===n++&&o.addEventListener(e,r,!0)},teardown:function(){0===--n&&o.removeEventListener(e,r,!0)}}}),x.fn.extend({on:function(e,t,n,r,i){var o,s;if("object"==typeof e){"string"!=typeof t&&(n=n||t,t=undefined);for(s in e)this.on(s,t,n,e[s],i);return this}if(null==n&&null==r?(r=t,n=t=undefined):null==r&&("string"==typeof t?(r=n,n=undefined):(r=n,n=t,t=undefined)),r===!1)r=Y;else if(!r)return this;return 1===i&&(o=r,r=function(e){return x().off(e),o.apply(this,arguments)},r.guid=o.guid||(o.guid=x.guid++)),this.each(function(){x.event.add(this,e,r,n,t)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,x(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return(t===!1||"function"==typeof t)&&(n=t,t=undefined),n===!1&&(n=Y),this.each(function(){x.event.remove(this,e,n,t)})},trigger:function(e,t){return this.each(function(){x.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];return n?x.event.trigger(e,t,n,!0):undefined}});var G=/^.[^:#\[\.,]*$/,J=/^(?:parents|prev(?:Until|All))/,Q=x.expr.match.needsContext,K={children:!0,contents:!0,next:!0,prev:!0};x.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(x(e).filter(function(){for(t=0;i>t;t++)if(x.contains(r[t],this))return!0}));for(t=0;i>t;t++)x.find(e,r[t],n);return n=this.pushStack(i>1?x.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},has:function(e){var t=x(e,this),n=t.length;return this.filter(function(){var e=0;for(;n>e;e++)if(x.contains(this,t[e]))return!0})},not:function(e){return this.pushStack(et(this,e||[],!0))},filter:function(e){return this.pushStack(et(this,e||[],!1))},is:function(e){return!!et(this,"string"==typeof e&&Q.test(e)?x(e):e||[],!1).length},closest:function(e,t){var n,r=0,i=this.length,o=[],s=Q.test(e)||"string"!=typeof e?x(e,t||this.context):0;for(;i>r;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(11>n.nodeType&&(s?s.index(n)>-1:1===n.nodeType&&x.find.matchesSelector(n,e))){n=o.push(n);break}return this.pushStack(o.length>1?x.unique(o):o)},index:function(e){return e?"string"==typeof e?g.call(x(e),this[0]):g.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?x(e,t):x.makeArray(e&&e.nodeType?[e]:e),r=x.merge(this.get(),n);return this.pushStack(x.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function Z(e,t){while((e=e[t])&&1!==e.nodeType);return e}x.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return x.dir(e,"parentNode")},parentsUntil:function(e,t,n){return x.dir(e,"parentNode",n)},next:function(e){return Z(e,"nextSibling")},prev:function(e){return Z(e,"previousSibling")},nextAll:function(e){return x.dir(e,"nextSibling")},prevAll:function(e){return x.dir(e,"previousSibling")},nextUntil:function(e,t,n){return x.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return x.dir(e,"previousSibling",n)},siblings:function(e){return x.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return x.sibling(e.firstChild)},contents:function(e){return e.contentDocument||x.merge([],e.childNodes)}},function(e,t){x.fn[e]=function(n,r){var i=x.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=x.filter(r,i)),this.length>1&&(K[e]||x.unique(i),J.test(e)&&i.reverse()),this.pushStack(i)}}),x.extend({filter:function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?x.find.matchesSelector(r,e)?[r]:[]:x.find.matches(e,x.grep(t,function(e){return 1===e.nodeType}))},dir:function(e,t,n){var r=[],i=n!==undefined;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&x(e).is(n))break;r.push(e)}return r},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function et(e,t,n){if(x.isFunction(t))return x.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return x.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(G.test(t))return x.filter(t,e,n);t=x.filter(t,e)}return x.grep(e,function(e){return g.call(t,e)>=0!==n})}var tt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,nt=/<([\w:]+)/,rt=/<|&#?\w+;/,it=/<(?:script|style|link)/i,ot=/^(?:checkbox|radio)$/i,st=/checked\s*(?:[^=]|=\s*.checked.)/i,at=/^$|\/(?:java|ecma)script/i,ut=/^true\/(.*)/,lt=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,ct={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};ct.optgroup=ct.option,ct.tbody=ct.tfoot=ct.colgroup=ct.caption=ct.thead,ct.th=ct.td,x.fn.extend({text:function(e){return x.access(this,function(e){return e===undefined?x.text(this):this.empty().append((this[0]&&this[0].ownerDocument||o).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.appendChild(e)}})},prepend:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=e?x.filter(e,this):this,i=0;for(;null!=(n=r[i]);i++)t||1!==n.nodeType||x.cleanData(mt(n)),n.parentNode&&(t&&x.contains(n.ownerDocument,n)&&dt(mt(n,"script")),n.parentNode.removeChild(n));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++)1===e.nodeType&&(x.cleanData(mt(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return x.clone(this,e,t)})},html:function(e){return x.access(this,function(e){var t=this[0]||{},n=0,r=this.length;if(e===undefined&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!it.test(e)&&!ct[(nt.exec(e)||["",""])[1].toLowerCase()]){e=e.replace(tt,"<$1></$2>");try{for(;r>n;n++)t=this[n]||{},1===t.nodeType&&(x.cleanData(mt(t,!1)),t.innerHTML=e);t=0}catch(i){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=x.map(this,function(e){return[e.nextSibling,e.parentNode]}),t=0;return this.domManip(arguments,function(n){var r=e[t++],i=e[t++];i&&(r&&r.parentNode!==i&&(r=this.nextSibling),x(this).remove(),i.insertBefore(n,r))},!0),t?this:this.remove()},detach:function(e){return this.remove(e,!0)},domManip:function(e,t,n){e=f.apply([],e);var r,i,o,s,a,u,l=0,c=this.length,p=this,h=c-1,d=e[0],g=x.isFunction(d);if(g||!(1>=c||"string"!=typeof d||x.support.checkClone)&&st.test(d))return this.each(function(r){var i=p.eq(r);g&&(e[0]=d.call(this,r,i.html())),i.domManip(e,t,n)});if(c&&(r=x.buildFragment(e,this[0].ownerDocument,!1,!n&&this),i=r.firstChild,1===r.childNodes.length&&(r=i),i)){for(o=x.map(mt(r,"script"),ft),s=o.length;c>l;l++)a=r,l!==h&&(a=x.clone(a,!0,!0),s&&x.merge(o,mt(a,"script"))),t.call(this[l],a,l);if(s)for(u=o[o.length-1].ownerDocument,x.map(o,ht),l=0;s>l;l++)a=o[l],at.test(a.type||"")&&!q.access(a,"globalEval")&&x.contains(u,a)&&(a.src?x._evalUrl(a.src):x.globalEval(a.textContent.replace(lt,"")))}return this}}),x.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){x.fn[e]=function(e){var n,r=[],i=x(e),o=i.length-1,s=0;for(;o>=s;s++)n=s===o?this:this.clone(!0),x(i[s])[t](n),h.apply(r,n.get());return this.pushStack(r)}}),x.extend({clone:function(e,t,n){var r,i,o,s,a=e.cloneNode(!0),u=x.contains(e.ownerDocument,e);if(!(x.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||x.isXMLDoc(e)))for(s=mt(a),o=mt(e),r=0,i=o.length;i>r;r++)yt(o[r],s[r]);if(t)if(n)for(o=o||mt(e),s=s||mt(a),r=0,i=o.length;i>r;r++)gt(o[r],s[r]);else gt(e,a);return s=mt(a,"script"),s.length>0&&dt(s,!u&&mt(e,"script")),a},buildFragment:function(e,t,n,r){var i,o,s,a,u,l,c=0,p=e.length,f=t.createDocumentFragment(),h=[];for(;p>c;c++)if(i=e[c],i||0===i)if("object"===x.type(i))x.merge(h,i.nodeType?[i]:i);else if(rt.test(i)){o=o||f.appendChild(t.createElement("div")),s=(nt.exec(i)||["",""])[1].toLowerCase(),a=ct[s]||ct._default,o.innerHTML=a[1]+i.replace(tt,"<$1></$2>")+a[2],l=a[0];while(l--)o=o.lastChild;x.merge(h,o.childNodes),o=f.firstChild,o.textContent=""}else h.push(t.createTextNode(i));f.textContent="",c=0;while(i=h[c++])if((!r||-1===x.inArray(i,r))&&(u=x.contains(i.ownerDocument,i),o=mt(f.appendChild(i),"script"),u&&dt(o),n)){l=0;while(i=o[l++])at.test(i.type||"")&&n.push(i)}return f},cleanData:function(e){var t,n,r,i,o,s,a=x.event.special,u=0;for(;(n=e[u])!==undefined;u++){if(F.accepts(n)&&(o=n[q.expando],o&&(t=q.cache[o]))){if(r=Object.keys(t.events||{}),r.length)for(s=0;(i=r[s])!==undefined;s++)a[i]?x.event.remove(n,i):x.removeEvent(n,i,t.handle);q.cache[o]&&delete q.cache[o]}delete L.cache[n[L.expando]]}},_evalUrl:function(e){return x.ajax({url:e,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})}});function pt(e,t){return x.nodeName(e,"table")&&x.nodeName(1===t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function ft(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function ht(e){var t=ut.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function dt(e,t){var n=e.length,r=0;for(;n>r;r++)q.set(e[r],"globalEval",!t||q.get(t[r],"globalEval"))}function gt(e,t){var n,r,i,o,s,a,u,l;if(1===t.nodeType){if(q.hasData(e)&&(o=q.access(e),s=q.set(t,o),l=o.events)){delete s.handle,s.events={};for(i in l)for(n=0,r=l[i].length;r>n;n++)x.event.add(t,i,l[i][n])}L.hasData(e)&&(a=L.access(e),u=x.extend({},a),L.set(t,u))}}function mt(e,t){var n=e.getElementsByTagName?e.getElementsByTagName(t||"*"):e.querySelectorAll?e.querySelectorAll(t||"*"):[];return t===undefined||t&&x.nodeName(e,t)?x.merge([e],n):n}function yt(e,t){var n=t.nodeName.toLowerCase();"input"===n&&ot.test(e.type)?t.checked=e.checked:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}x.fn.extend({wrapAll:function(e){var t;return x.isFunction(e)?this.each(function(t){x(this).wrapAll(e.call(this,t))}):(this[0]&&(t=x(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this)},wrapInner:function(e){return x.isFunction(e)?this.each(function(t){x(this).wrapInner(e.call(this,t))}):this.each(function(){var t=x(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=x.isFunction(e);return this.each(function(n){x(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){x.nodeName(this,"body")||x(this).replaceWith(this.childNodes)}).end()}});var vt,xt,bt=/^(none|table(?!-c[ea]).+)/,wt=/^margin/,Tt=RegExp("^("+b+")(.*)$","i"),Ct=RegExp("^("+b+")(?!px)[a-z%]+$","i"),kt=RegExp("^([+-])=("+b+")","i"),Nt={BODY:"block"},Et={position:"absolute",visibility:"hidden",display:"block"},St={letterSpacing:0,fontWeight:400},jt=["Top","Right","Bottom","Left"],Dt=["Webkit","O","Moz","ms"];function At(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=Dt.length;while(i--)if(t=Dt[i]+n,t in e)return t;return r}function Lt(e,t){return e=t||e,"none"===x.css(e,"display")||!x.contains(e.ownerDocument,e)}function qt(t){return e.getComputedStyle(t,null)}function Ht(e,t){var n,r,i,o=[],s=0,a=e.length;for(;a>s;s++)r=e[s],r.style&&(o[s]=q.get(r,"olddisplay"),n=r.style.display,t?(o[s]||"none"!==n||(r.style.display=""),""===r.style.display&&Lt(r)&&(o[s]=q.access(r,"olddisplay",Rt(r.nodeName)))):o[s]||(i=Lt(r),(n&&"none"!==n||!i)&&q.set(r,"olddisplay",i?n:x.css(r,"display"))));for(s=0;a>s;s++)r=e[s],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[s]||"":"none"));return e}x.fn.extend({css:function(e,t){return x.access(this,function(e,t,n){var r,i,o={},s=0;if(x.isArray(t)){for(r=qt(e),i=t.length;i>s;s++)o[t[s]]=x.css(e,t[s],!1,r);return o}return n!==undefined?x.style(e,t,n):x.css(e,t)},e,t,arguments.length>1)},show:function(){return Ht(this,!0)},hide:function(){return Ht(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){Lt(this)?x(this).show():x(this).hide()})}}),x.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=vt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,s,a=x.camelCase(t),u=e.style;return t=x.cssProps[a]||(x.cssProps[a]=At(u,a)),s=x.cssHooks[t]||x.cssHooks[a],n===undefined?s&&"get"in s&&(i=s.get(e,!1,r))!==undefined?i:u[t]:(o=typeof n,"string"===o&&(i=kt.exec(n))&&(n=(i[1]+1)*i[2]+parseFloat(x.css(e,t)),o="number"),null==n||"number"===o&&isNaN(n)||("number"!==o||x.cssNumber[a]||(n+="px"),x.support.clearCloneStyle||""!==n||0!==t.indexOf("background")||(u[t]="inherit"),s&&"set"in s&&(n=s.set(e,n,r))===undefined||(u[t]=n)),undefined)}},css:function(e,t,n,r){var i,o,s,a=x.camelCase(t);return t=x.cssProps[a]||(x.cssProps[a]=At(e.style,a)),s=x.cssHooks[t]||x.cssHooks[a],s&&"get"in s&&(i=s.get(e,!0,n)),i===undefined&&(i=vt(e,t,r)),"normal"===i&&t in St&&(i=St[t]),""===n||n?(o=parseFloat(i),n===!0||x.isNumeric(o)?o||0:i):i}}),vt=function(e,t,n){var r,i,o,s=n||qt(e),a=s?s.getPropertyValue(t)||s[t]:undefined,u=e.style;return s&&(""!==a||x.contains(e.ownerDocument,e)||(a=x.style(e,t)),Ct.test(a)&&wt.test(t)&&(r=u.width,i=u.minWidth,o=u.maxWidth,u.minWidth=u.maxWidth=u.width=a,a=s.width,u.width=r,u.minWidth=i,u.maxWidth=o)),a};function Ot(e,t,n){var r=Tt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function Ft(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,s=0;for(;4>o;o+=2)"margin"===n&&(s+=x.css(e,n+jt[o],!0,i)),r?("content"===n&&(s-=x.css(e,"padding"+jt[o],!0,i)),"margin"!==n&&(s-=x.css(e,"border"+jt[o]+"Width",!0,i))):(s+=x.css(e,"padding"+jt[o],!0,i),"padding"!==n&&(s+=x.css(e,"border"+jt[o]+"Width",!0,i)));return s}function Pt(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=qt(e),s=x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=vt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Ct.test(i))return i;r=s&&(x.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+Ft(e,t,n||(s?"border":"content"),r,o)+"px"}function Rt(e){var t=o,n=Nt[e];return n||(n=Mt(e,t),"none"!==n&&n||(xt=(xt||x("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(t.documentElement),t=(xt[0].contentWindow||xt[0].contentDocument).document,t.write("<!DOCTYPE html><html><body>"),t.close(),n=Mt(e,t),xt.detach()),Nt[e]=n),n}function Mt(e,t){var n=x(t.createElement(e)).appendTo(t.body),r=x.css(n[0],"display");return n.remove(),r}x.each(["height","width"],function(e,t){x.cssHooks[t]={get:function(e,n,r){return n?0===e.offsetWidth&&bt.test(x.css(e,"display"))?x.swap(e,Et,function(){return Pt(e,t,r)}):Pt(e,t,r):undefined},set:function(e,n,r){var i=r&&qt(e);return Ot(e,n,r?Ft(e,t,r,x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,i),i):0)}}}),x(function(){x.support.reliableMarginRight||(x.cssHooks.marginRight={get:function(e,t){return t?x.swap(e,{display:"inline-block"},vt,[e,"marginRight"]):undefined}}),!x.support.pixelPosition&&x.fn.position&&x.each(["top","left"],function(e,t){x.cssHooks[t]={get:function(e,n){return n?(n=vt(e,t),Ct.test(n)?x(e).position()[t]+"px":n):undefined}}})}),x.expr&&x.expr.filters&&(x.expr.filters.hidden=function(e){return 0>=e.offsetWidth&&0>=e.offsetHeight},x.expr.filters.visible=function(e){return!x.expr.filters.hidden(e)}),x.each({margin:"",padding:"",border:"Width"},function(e,t){x.cssHooks[e+t]={expand:function(n){var r=0,i={},o="string"==typeof n?n.split(" "):[n];for(;4>r;r++)i[e+jt[r]+t]=o[r]||o[r-2]||o[0];return i}},wt.test(e)||(x.cssHooks[e+t].set=Ot)});var Wt=/%20/g,$t=/\[\]$/,Bt=/\r?\n/g,It=/^(?:submit|button|image|reset|file)$/i,zt=/^(?:input|select|textarea|keygen)/i;x.fn.extend({serialize:function(){return x.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=x.prop(this,"elements");return e?x.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!x(this).is(":disabled")&&zt.test(this.nodeName)&&!It.test(e)&&(this.checked||!ot.test(e))}).map(function(e,t){var n=x(this).val();return null==n?null:x.isArray(n)?x.map(n,function(e){return{name:t.name,value:e.replace(Bt,"\r\n")}}):{name:t.name,value:n.replace(Bt,"\r\n")}}).get()}}),x.param=function(e,t){var n,r=[],i=function(e,t){t=x.isFunction(t)?t():null==t?"":t,r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(t===undefined&&(t=x.ajaxSettings&&x.ajaxSettings.traditional),x.isArray(e)||e.jquery&&!x.isPlainObject(e))x.each(e,function(){i(this.name,this.value)});else for(n in e)_t(n,e[n],t,i);return r.join("&").replace(Wt,"+")};function _t(e,t,n,r){var i;if(x.isArray(t))x.each(t,function(t,i){n||$t.test(e)?r(e,i):_t(e+"["+("object"==typeof i?t:"")+"]",i,n,r)});else if(n||"object"!==x.type(t))r(e,t);else for(i in t)_t(e+"["+i+"]",t[i],n,r)}x.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){x.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),x.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)
 },delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)}});var Xt,Ut,Yt=x.now(),Vt=/\?/,Gt=/#.*$/,Jt=/([?&])_=[^&]*/,Qt=/^(.*?):[ \t]*([^\r\n]*)$/gm,Kt=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Zt=/^(?:GET|HEAD)$/,en=/^\/\//,tn=/^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,nn=x.fn.load,rn={},on={},sn="*/".concat("*");try{Ut=i.href}catch(an){Ut=o.createElement("a"),Ut.href="",Ut=Ut.href}Xt=tn.exec(Ut.toLowerCase())||[];function un(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(w)||[];if(x.isFunction(n))while(r=o[i++])"+"===r[0]?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function ln(e,t,n,r){var i={},o=e===on;function s(a){var u;return i[a]=!0,x.each(e[a]||[],function(e,a){var l=a(t,n,r);return"string"!=typeof l||o||i[l]?o?!(u=l):undefined:(t.dataTypes.unshift(l),s(l),!1)}),u}return s(t.dataTypes[0])||!i["*"]&&s("*")}function cn(e,t){var n,r,i=x.ajaxSettings.flatOptions||{};for(n in t)t[n]!==undefined&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&x.extend(!0,e,r),e}x.fn.load=function(e,t,n){if("string"!=typeof e&&nn)return nn.apply(this,arguments);var r,i,o,s=this,a=e.indexOf(" ");return a>=0&&(r=e.slice(a),e=e.slice(0,a)),x.isFunction(t)?(n=t,t=undefined):t&&"object"==typeof t&&(i="POST"),s.length>0&&x.ajax({url:e,type:i,dataType:"html",data:t}).done(function(e){o=arguments,s.html(r?x("<div>").append(x.parseHTML(e)).find(r):e)}).complete(n&&function(e,t){s.each(n,o||[e.responseText,t,e])}),this},x.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){x.fn[t]=function(e){return this.on(t,e)}}),x.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Ut,type:"GET",isLocal:Kt.test(Xt[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":sn,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":x.parseJSON,"text xml":x.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?cn(cn(e,x.ajaxSettings),t):cn(x.ajaxSettings,e)},ajaxPrefilter:un(rn),ajaxTransport:un(on),ajax:function(e,t){"object"==typeof e&&(t=e,e=undefined),t=t||{};var n,r,i,o,s,a,u,l,c=x.ajaxSetup({},t),p=c.context||c,f=c.context&&(p.nodeType||p.jquery)?x(p):x.event,h=x.Deferred(),d=x.Callbacks("once memory"),g=c.statusCode||{},m={},y={},v=0,b="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(2===v){if(!o){o={};while(t=Qt.exec(i))o[t[1].toLowerCase()]=t[2]}t=o[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return 2===v?i:null},setRequestHeader:function(e,t){var n=e.toLowerCase();return v||(e=y[n]=y[n]||e,m[e]=t),this},overrideMimeType:function(e){return v||(c.mimeType=e),this},statusCode:function(e){var t;if(e)if(2>v)for(t in e)g[t]=[g[t],e[t]];else T.always(e[T.status]);return this},abort:function(e){var t=e||b;return n&&n.abort(t),k(0,t),this}};if(h.promise(T).complete=d.add,T.success=T.done,T.error=T.fail,c.url=((e||c.url||Ut)+"").replace(Gt,"").replace(en,Xt[1]+"//"),c.type=t.method||t.type||c.method||c.type,c.dataTypes=x.trim(c.dataType||"*").toLowerCase().match(w)||[""],null==c.crossDomain&&(a=tn.exec(c.url.toLowerCase()),c.crossDomain=!(!a||a[1]===Xt[1]&&a[2]===Xt[2]&&(a[3]||("http:"===a[1]?"80":"443"))===(Xt[3]||("http:"===Xt[1]?"80":"443")))),c.data&&c.processData&&"string"!=typeof c.data&&(c.data=x.param(c.data,c.traditional)),ln(rn,c,t,T),2===v)return T;u=c.global,u&&0===x.active++&&x.event.trigger("ajaxStart"),c.type=c.type.toUpperCase(),c.hasContent=!Zt.test(c.type),r=c.url,c.hasContent||(c.data&&(r=c.url+=(Vt.test(r)?"&":"?")+c.data,delete c.data),c.cache===!1&&(c.url=Jt.test(r)?r.replace(Jt,"$1_="+Yt++):r+(Vt.test(r)?"&":"?")+"_="+Yt++)),c.ifModified&&(x.lastModified[r]&&T.setRequestHeader("If-Modified-Since",x.lastModified[r]),x.etag[r]&&T.setRequestHeader("If-None-Match",x.etag[r])),(c.data&&c.hasContent&&c.contentType!==!1||t.contentType)&&T.setRequestHeader("Content-Type",c.contentType),T.setRequestHeader("Accept",c.dataTypes[0]&&c.accepts[c.dataTypes[0]]?c.accepts[c.dataTypes[0]]+("*"!==c.dataTypes[0]?", "+sn+"; q=0.01":""):c.accepts["*"]);for(l in c.headers)T.setRequestHeader(l,c.headers[l]);if(c.beforeSend&&(c.beforeSend.call(p,T,c)===!1||2===v))return T.abort();b="abort";for(l in{success:1,error:1,complete:1})T[l](c[l]);if(n=ln(on,c,t,T)){T.readyState=1,u&&f.trigger("ajaxSend",[T,c]),c.async&&c.timeout>0&&(s=setTimeout(function(){T.abort("timeout")},c.timeout));try{v=1,n.send(m,k)}catch(C){if(!(2>v))throw C;k(-1,C)}}else k(-1,"No Transport");function k(e,t,o,a){var l,m,y,b,w,C=t;2!==v&&(v=2,s&&clearTimeout(s),n=undefined,i=a||"",T.readyState=e>0?4:0,l=e>=200&&300>e||304===e,o&&(b=pn(c,T,o)),b=fn(c,b,T,l),l?(c.ifModified&&(w=T.getResponseHeader("Last-Modified"),w&&(x.lastModified[r]=w),w=T.getResponseHeader("etag"),w&&(x.etag[r]=w)),204===e||"HEAD"===c.type?C="nocontent":304===e?C="notmodified":(C=b.state,m=b.data,y=b.error,l=!y)):(y=C,(e||!C)&&(C="error",0>e&&(e=0))),T.status=e,T.statusText=(t||C)+"",l?h.resolveWith(p,[m,C,T]):h.rejectWith(p,[T,C,y]),T.statusCode(g),g=undefined,u&&f.trigger(l?"ajaxSuccess":"ajaxError",[T,c,l?m:y]),d.fireWith(p,[T,C]),u&&(f.trigger("ajaxComplete",[T,c]),--x.active||x.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return x.get(e,t,n,"json")},getScript:function(e,t){return x.get(e,undefined,t,"script")}}),x.each(["get","post"],function(e,t){x[t]=function(e,n,r,i){return x.isFunction(n)&&(i=i||r,r=n,n=undefined),x.ajax({url:e,type:t,dataType:i,data:n,success:r})}});function pn(e,t,n){var r,i,o,s,a=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),r===undefined&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in a)if(a[i]&&a[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}s||(s=i)}o=o||s}return o?(o!==u[0]&&u.unshift(o),n[o]):undefined}function fn(e,t,n,r){var i,o,s,a,u,l={},c=e.dataTypes.slice();if(c[1])for(s in e.converters)l[s.toLowerCase()]=e.converters[s];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(s=l[u+" "+o]||l["* "+o],!s)for(i in l)if(a=i.split(" "),a[1]===o&&(s=l[u+" "+a[0]]||l["* "+a[0]])){s===!0?s=l[i]:l[i]!==!0&&(o=a[0],c.unshift(a[1]));break}if(s!==!0)if(s&&e["throws"])t=s(t);else try{t=s(t)}catch(p){return{state:"parsererror",error:s?p:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}x.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(e){return x.globalEval(e),e}}}),x.ajaxPrefilter("script",function(e){e.cache===undefined&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),x.ajaxTransport("script",function(e){if(e.crossDomain){var t,n;return{send:function(r,i){t=x("<script>").prop({async:!0,charset:e.scriptCharset,src:e.url}).on("load error",n=function(e){t.remove(),n=null,e&&i("error"===e.type?404:200,e.type)}),o.head.appendChild(t[0])},abort:function(){n&&n()}}}});var hn=[],dn=/(=)\?(?=&|$)|\?\?/;x.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=hn.pop()||x.expando+"_"+Yt++;return this[e]=!0,e}}),x.ajaxPrefilter("json jsonp",function(t,n,r){var i,o,s,a=t.jsonp!==!1&&(dn.test(t.url)?"url":"string"==typeof t.data&&!(t.contentType||"").indexOf("application/x-www-form-urlencoded")&&dn.test(t.data)&&"data");return a||"jsonp"===t.dataTypes[0]?(i=t.jsonpCallback=x.isFunction(t.jsonpCallback)?t.jsonpCallback():t.jsonpCallback,a?t[a]=t[a].replace(dn,"$1"+i):t.jsonp!==!1&&(t.url+=(Vt.test(t.url)?"&":"?")+t.jsonp+"="+i),t.converters["script json"]=function(){return s||x.error(i+" was not called"),s[0]},t.dataTypes[0]="json",o=e[i],e[i]=function(){s=arguments},r.always(function(){e[i]=o,t[i]&&(t.jsonpCallback=n.jsonpCallback,hn.push(i)),s&&x.isFunction(o)&&o(s[0]),s=o=undefined}),"script"):undefined}),x.ajaxSettings.xhr=function(){try{return new XMLHttpRequest}catch(e){}};var gn=x.ajaxSettings.xhr(),mn={0:200,1223:204},yn=0,vn={};e.ActiveXObject&&x(e).on("unload",function(){for(var e in vn)vn[e]();vn=undefined}),x.support.cors=!!gn&&"withCredentials"in gn,x.support.ajax=gn=!!gn,x.ajaxTransport(function(e){var t;return x.support.cors||gn&&!e.crossDomain?{send:function(n,r){var i,o,s=e.xhr();if(s.open(e.type,e.url,e.async,e.username,e.password),e.xhrFields)for(i in e.xhrFields)s[i]=e.xhrFields[i];e.mimeType&&s.overrideMimeType&&s.overrideMimeType(e.mimeType),e.crossDomain||n["X-Requested-With"]||(n["X-Requested-With"]="XMLHttpRequest");for(i in n)s.setRequestHeader(i,n[i]);t=function(e){return function(){t&&(delete vn[o],t=s.onload=s.onerror=null,"abort"===e?s.abort():"error"===e?r(s.status||404,s.statusText):r(mn[s.status]||s.status,s.statusText,"string"==typeof s.responseText?{text:s.responseText}:undefined,s.getAllResponseHeaders()))}},s.onload=t(),s.onerror=t("error"),t=vn[o=yn++]=t("abort"),s.send(e.hasContent&&e.data||null)},abort:function(){t&&t()}}:undefined});var xn,bn,wn=/^(?:toggle|show|hide)$/,Tn=RegExp("^(?:([+-])=|)("+b+")([a-z%]*)$","i"),Cn=/queueHooks$/,kn=[An],Nn={"*":[function(e,t){var n=this.createTween(e,t),r=n.cur(),i=Tn.exec(t),o=i&&i[3]||(x.cssNumber[e]?"":"px"),s=(x.cssNumber[e]||"px"!==o&&+r)&&Tn.exec(x.css(n.elem,e)),a=1,u=20;if(s&&s[3]!==o){o=o||s[3],i=i||[],s=+r||1;do a=a||".5",s/=a,x.style(n.elem,e,s+o);while(a!==(a=n.cur()/r)&&1!==a&&--u)}return i&&(s=n.start=+s||+r||0,n.unit=o,n.end=i[1]?s+(i[1]+1)*i[2]:+i[2]),n}]};function En(){return setTimeout(function(){xn=undefined}),xn=x.now()}function Sn(e,t,n){var r,i=(Nn[t]||[]).concat(Nn["*"]),o=0,s=i.length;for(;s>o;o++)if(r=i[o].call(n,t,e))return r}function jn(e,t,n){var r,i,o=0,s=kn.length,a=x.Deferred().always(function(){delete u.elem}),u=function(){if(i)return!1;var t=xn||En(),n=Math.max(0,l.startTime+l.duration-t),r=n/l.duration||0,o=1-r,s=0,u=l.tweens.length;for(;u>s;s++)l.tweens[s].run(o);return a.notifyWith(e,[l,o,n]),1>o&&u?n:(a.resolveWith(e,[l]),!1)},l=a.promise({elem:e,props:x.extend({},t),opts:x.extend(!0,{specialEasing:{}},n),originalProperties:t,originalOptions:n,startTime:xn||En(),duration:n.duration,tweens:[],createTween:function(t,n){var r=x.Tween(e,l.opts,t,n,l.opts.specialEasing[t]||l.opts.easing);return l.tweens.push(r),r},stop:function(t){var n=0,r=t?l.tweens.length:0;if(i)return this;for(i=!0;r>n;n++)l.tweens[n].run(1);return t?a.resolveWith(e,[l,t]):a.rejectWith(e,[l,t]),this}}),c=l.props;for(Dn(c,l.opts.specialEasing);s>o;o++)if(r=kn[o].call(l,e,c,l.opts))return r;return x.map(c,Sn,l),x.isFunction(l.opts.start)&&l.opts.start.call(e,l),x.fx.timer(x.extend(u,{elem:e,anim:l,queue:l.opts.queue})),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always)}function Dn(e,t){var n,r,i,o,s;for(n in e)if(r=x.camelCase(n),i=t[r],o=e[n],x.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),s=x.cssHooks[r],s&&"expand"in s){o=s.expand(o),delete e[r];for(n in o)n in e||(e[n]=o[n],t[n]=i)}else t[r]=i}x.Animation=x.extend(jn,{tweener:function(e,t){x.isFunction(e)?(t=e,e=["*"]):e=e.split(" ");var n,r=0,i=e.length;for(;i>r;r++)n=e[r],Nn[n]=Nn[n]||[],Nn[n].unshift(t)},prefilter:function(e,t){t?kn.unshift(e):kn.push(e)}});function An(e,t,n){var r,i,o,s,a,u,l=this,c={},p=e.style,f=e.nodeType&&Lt(e),h=q.get(e,"fxshow");n.queue||(a=x._queueHooks(e,"fx"),null==a.unqueued&&(a.unqueued=0,u=a.empty.fire,a.empty.fire=function(){a.unqueued||u()}),a.unqueued++,l.always(function(){l.always(function(){a.unqueued--,x.queue(e,"fx").length||a.empty.fire()})})),1===e.nodeType&&("height"in t||"width"in t)&&(n.overflow=[p.overflow,p.overflowX,p.overflowY],"inline"===x.css(e,"display")&&"none"===x.css(e,"float")&&(p.display="inline-block")),n.overflow&&(p.overflow="hidden",l.always(function(){p.overflow=n.overflow[0],p.overflowX=n.overflow[1],p.overflowY=n.overflow[2]}));for(r in t)if(i=t[r],wn.exec(i)){if(delete t[r],o=o||"toggle"===i,i===(f?"hide":"show")){if("show"!==i||!h||h[r]===undefined)continue;f=!0}c[r]=h&&h[r]||x.style(e,r)}if(!x.isEmptyObject(c)){h?"hidden"in h&&(f=h.hidden):h=q.access(e,"fxshow",{}),o&&(h.hidden=!f),f?x(e).show():l.done(function(){x(e).hide()}),l.done(function(){var t;q.remove(e,"fxshow");for(t in c)x.style(e,t,c[t])});for(r in c)s=Sn(f?h[r]:0,r,l),r in h||(h[r]=s.start,f&&(s.end=s.start,s.start="width"===r||"height"===r?1:0))}}function Ln(e,t,n,r,i){return new Ln.prototype.init(e,t,n,r,i)}x.Tween=Ln,Ln.prototype={constructor:Ln,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||"swing",this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(x.cssNumber[n]?"":"px")},cur:function(){var e=Ln.propHooks[this.prop];return e&&e.get?e.get(this):Ln.propHooks._default.get(this)},run:function(e){var t,n=Ln.propHooks[this.prop];return this.pos=t=this.options.duration?x.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):Ln.propHooks._default.set(this),this}},Ln.prototype.init.prototype=Ln.prototype,Ln.propHooks={_default:{get:function(e){var t;return null==e.elem[e.prop]||e.elem.style&&null!=e.elem.style[e.prop]?(t=x.css(e.elem,e.prop,""),t&&"auto"!==t?t:0):e.elem[e.prop]},set:function(e){x.fx.step[e.prop]?x.fx.step[e.prop](e):e.elem.style&&(null!=e.elem.style[x.cssProps[e.prop]]||x.cssHooks[e.prop])?x.style(e.elem,e.prop,e.now+e.unit):e.elem[e.prop]=e.now}}},Ln.propHooks.scrollTop=Ln.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},x.each(["toggle","show","hide"],function(e,t){var n=x.fn[t];x.fn[t]=function(e,r,i){return null==e||"boolean"==typeof e?n.apply(this,arguments):this.animate(qn(t,!0),e,r,i)}}),x.fn.extend({fadeTo:function(e,t,n,r){return this.filter(Lt).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(e,t,n,r){var i=x.isEmptyObject(e),o=x.speed(t,n,r),s=function(){var t=jn(this,x.extend({},e),o);(i||q.get(this,"finish"))&&t.stop(!0)};return s.finish=s,i||o.queue===!1?this.each(s):this.queue(o.queue,s)},stop:function(e,t,n){var r=function(e){var t=e.stop;delete e.stop,t(n)};return"string"!=typeof e&&(n=t,t=e,e=undefined),t&&e!==!1&&this.queue(e||"fx",[]),this.each(function(){var t=!0,i=null!=e&&e+"queueHooks",o=x.timers,s=q.get(this);if(i)s[i]&&s[i].stop&&r(s[i]);else for(i in s)s[i]&&s[i].stop&&Cn.test(i)&&r(s[i]);for(i=o.length;i--;)o[i].elem!==this||null!=e&&o[i].queue!==e||(o[i].anim.stop(n),t=!1,o.splice(i,1));(t||!n)&&x.dequeue(this,e)})},finish:function(e){return e!==!1&&(e=e||"fx"),this.each(function(){var t,n=q.get(this),r=n[e+"queue"],i=n[e+"queueHooks"],o=x.timers,s=r?r.length:0;for(n.finish=!0,x.queue(this,e,[]),i&&i.stop&&i.stop.call(this,!0),t=o.length;t--;)o[t].elem===this&&o[t].queue===e&&(o[t].anim.stop(!0),o.splice(t,1));for(t=0;s>t;t++)r[t]&&r[t].finish&&r[t].finish.call(this);delete n.finish})}});function qn(e,t){var n,r={height:e},i=0;for(t=t?1:0;4>i;i+=2-t)n=jt[i],r["margin"+n]=r["padding"+n]=e;return t&&(r.opacity=r.width=e),r}x.each({slideDown:qn("show"),slideUp:qn("hide"),slideToggle:qn("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,t){x.fn[e]=function(e,n,r){return this.animate(t,e,n,r)}}),x.speed=function(e,t,n){var r=e&&"object"==typeof e?x.extend({},e):{complete:n||!n&&t||x.isFunction(e)&&e,duration:e,easing:n&&t||t&&!x.isFunction(t)&&t};return r.duration=x.fx.off?0:"number"==typeof r.duration?r.duration:r.duration in x.fx.speeds?x.fx.speeds[r.duration]:x.fx.speeds._default,(null==r.queue||r.queue===!0)&&(r.queue="fx"),r.old=r.complete,r.complete=function(){x.isFunction(r.old)&&r.old.call(this),r.queue&&x.dequeue(this,r.queue)},r},x.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2}},x.timers=[],x.fx=Ln.prototype.init,x.fx.tick=function(){var e,t=x.timers,n=0;for(xn=x.now();t.length>n;n++)e=t[n],e()||t[n]!==e||t.splice(n--,1);t.length||x.fx.stop(),xn=undefined},x.fx.timer=function(e){e()&&x.timers.push(e)&&x.fx.start()},x.fx.interval=13,x.fx.start=function(){bn||(bn=setInterval(x.fx.tick,x.fx.interval))},x.fx.stop=function(){clearInterval(bn),bn=null},x.fx.speeds={slow:600,fast:200,_default:400},x.fx.step={},x.expr&&x.expr.filters&&(x.expr.filters.animated=function(e){return x.grep(x.timers,function(t){return e===t.elem}).length}),x.fn.offset=function(e){if(arguments.length)return e===undefined?this:this.each(function(t){x.offset.setOffset(this,e,t)});var t,n,i=this[0],o={top:0,left:0},s=i&&i.ownerDocument;if(s)return t=s.documentElement,x.contains(t,i)?(typeof i.getBoundingClientRect!==r&&(o=i.getBoundingClientRect()),n=Hn(s),{top:o.top+n.pageYOffset-t.clientTop,left:o.left+n.pageXOffset-t.clientLeft}):o},x.offset={setOffset:function(e,t,n){var r,i,o,s,a,u,l,c=x.css(e,"position"),p=x(e),f={};"static"===c&&(e.style.position="relative"),a=p.offset(),o=x.css(e,"top"),u=x.css(e,"left"),l=("absolute"===c||"fixed"===c)&&(o+u).indexOf("auto")>-1,l?(r=p.position(),s=r.top,i=r.left):(s=parseFloat(o)||0,i=parseFloat(u)||0),x.isFunction(t)&&(t=t.call(e,n,a)),null!=t.top&&(f.top=t.top-a.top+s),null!=t.left&&(f.left=t.left-a.left+i),"using"in t?t.using.call(e,f):p.css(f)}},x.fn.extend({position:function(){if(this[0]){var e,t,n=this[0],r={top:0,left:0};return"fixed"===x.css(n,"position")?t=n.getBoundingClientRect():(e=this.offsetParent(),t=this.offset(),x.nodeName(e[0],"html")||(r=e.offset()),r.top+=x.css(e[0],"borderTopWidth",!0),r.left+=x.css(e[0],"borderLeftWidth",!0)),{top:t.top-r.top-x.css(n,"marginTop",!0),left:t.left-r.left-x.css(n,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||s;while(e&&!x.nodeName(e,"html")&&"static"===x.css(e,"position"))e=e.offsetParent;return e||s})}}),x.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,n){var r="pageYOffset"===n;x.fn[t]=function(i){return x.access(this,function(t,i,o){var s=Hn(t);return o===undefined?s?s[n]:t[i]:(s?s.scrollTo(r?e.pageXOffset:o,r?o:e.pageYOffset):t[i]=o,undefined)},t,i,arguments.length,null)}});function Hn(e){return x.isWindow(e)?e:9===e.nodeType&&e.defaultView}x.each({Height:"height",Width:"width"},function(e,t){x.each({padding:"inner"+e,content:t,"":"outer"+e},function(n,r){x.fn[r]=function(r,i){var o=arguments.length&&(n||"boolean"!=typeof r),s=n||(r===!0||i===!0?"margin":"border");return x.access(this,function(t,n,r){var i;return x.isWindow(t)?t.document.documentElement["client"+e]:9===t.nodeType?(i=t.documentElement,Math.max(t.body["scroll"+e],i["scroll"+e],t.body["offset"+e],i["offset"+e],i["client"+e])):r===undefined?x.css(t,n,s):x.style(t,n,r,s)},t,o?r:undefined,o,null)}})}),x.fn.size=function(){return this.length},x.fn.andSelf=x.fn.addBack,"object"==typeof module&&module&&"object"==typeof module.exports?module.exports=x:"function"==typeof define&&define.amd&&define("jquery",[],function(){return x}),"object"==typeof e&&"object"==typeof e.document&&(e.jQuery=e.$=x)})(window);
diff --git a/apps/presentationeditor/main/resources/help/de/search/search.html b/apps/presentationeditor/main/resources/help/de/search/search.html
index 80906ec818..31145b3c1d 100644
--- a/apps/presentationeditor/main/resources/help/de/search/search.html
+++ b/apps/presentationeditor/main/resources/help/de/search/search.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html>
     <head>
         <title>Suchergebnisse</title>
diff --git a/apps/presentationeditor/main/resources/help/en/HelpfulHints/About.htm b/apps/presentationeditor/main/resources/help/en/HelpfulHints/About.htm
index b92d42ef18..af09f44bd4 100644
--- a/apps/presentationeditor/main/resources/help/en/HelpfulHints/About.htm
+++ b/apps/presentationeditor/main/resources/help/en/HelpfulHints/About.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="The short description of the Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,7 +20,7 @@
 			<p>Using the <b>Presentation Editor</b>, you can perform various editing operations like in any desktop editor, 
 			print the edited presentations keeping all the formatting details or download them onto the hard disk drive of your computer
 			as PPTX, PDF, ODP, POTX, PDF/A, OTP files.</p>
-            <p><span class="onlineDocumentFeatures">To view the current software version and licensor details in the <em>online version</em>, click the <img alt="About icon" src="../images/about.png" /> icon on the left sidebar.</span> <span class="desktopDocumentFeatures"> To view the current software version and licensor details in the <em>desktop version</em> for Windows, select the <b>About</b> menu item on the left sidebar of the main program window. In the <em>desktop version</em> for Mac OS, open the <b>ONLYOFFICE</b> menu at the top of the screen and select the <b>About ONLYOFFICE</b> menu item.</span></p>
+            <p><span class="onlineDocumentFeatures">To view the current software version and licensor details in the <em>online version</em>, click the <div class = "icon icon-about"></div> icon on the left sidebar.</span> <span class="desktopDocumentFeatures"> To view the current software version and licensor details in the <em>desktop version</em> for Windows, select the <b>About</b> menu item on the left sidebar of the main program window. In the <em>desktop version</em> for Mac OS, open the <b>ONLYOFFICE</b> menu at the top of the screen and select the <b>About ONLYOFFICE</b> menu item.</span></p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/en/HelpfulHints/AdvancedSettings.htm b/apps/presentationeditor/main/resources/help/en/HelpfulHints/AdvancedSettings.htm
index 0d56db0f22..bedcddf406 100644
--- a/apps/presentationeditor/main/resources/help/en/HelpfulHints/AdvancedSettings.htm
+++ b/apps/presentationeditor/main/resources/help/en/HelpfulHints/AdvancedSettings.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="The advanced settings of Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -14,7 +15,7 @@
             <input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
         </div>
 		<h1>Advanced Settings of the Presentation Editor</h1>
-			<p>The <a target="_blank" href="https://www.onlyoffice.com/en/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a> allows you to change its advanced settings. To access them, open the <b>File</b> tab on the top toolbar and select the <b>Advanced Settings...</b> option. You can also click the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> icon on the right side of the editor header and select the <b>Advanced settings</b> option.</p>
+			<p>The <a target="_blank" href="https://www.onlyoffice.com/en/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a> allows you to change its advanced settings. To access them, open the <b>File</b> tab on the top toolbar and select the <b>Advanced Settings...</b> option. You can also click the <b>View settings</b> <div class = "icon icon-viewsettingsicon"></div> icon on the right side of the editor header and select the <b>Advanced settings</b> option.</p>
 			<p>The advanced settings are:</p>
             <ul>
                 <li><b>Spell Checking</b> is used to turn on/off the spell checking option.</li>
@@ -27,7 +28,7 @@
                     <b>Co-editing Mode</b> is used to select a way of displaying changes made during co-editing:
                     <ul>
                         <li>By default, the <b>Fast</b> mode is selected, the users who take part in the presentation co-editing, will see the changes in real time once they are made by other users.</li>
-                        <li>If you prefer not to see the changes made by other users (so that they will not disturb you, or for some other reason), select the <b>Strict</b> mode, and all the changes will be shown only after you click the <b>Save</b> <img alt="Save icon" src="../images/saveupdate.png" /> icon with a notification that there are some changes made by other users.</li>
+                        <li>If you prefer not to see the changes made by other users (so that they will not disturb you, or for some other reason), select the <b>Strict</b> mode, and all the changes will be shown only after you click the <b>Save</b> <div class = "icon icon-saveupdate"></div> icon with a notification that there are some changes made by other users.</li>
                     </ul>
                 </li>
                 <li>
diff --git a/apps/presentationeditor/main/resources/help/en/HelpfulHints/CollaborativeEditing.htm b/apps/presentationeditor/main/resources/help/en/HelpfulHints/CollaborativeEditing.htm
index 77142f6334..8a516422f0 100644
--- a/apps/presentationeditor/main/resources/help/en/HelpfulHints/CollaborativeEditing.htm
+++ b/apps/presentationeditor/main/resources/help/en/HelpfulHints/CollaborativeEditing.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Tips on collaborative editing" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -31,17 +32,17 @@
                 <p>The <b>Presentation Editor</b> allows you to select one of the two available co-editing modes:</p>
                 <ul>
                     <li><b>Fast</b> is used by default and shows the changes made by other users in real time.</li>
-                    <li><b>Strict</b> is selected to hide other user's changes until you click the <b>Save</b> <img alt="Save icon" src="../images/saveupdate.png" /> icon to save your own changes and accept the changes made by the others.</li>
+                    <li><b>Strict</b> is selected to hide other user's changes until you click the <b>Save</b> <div class = "icon icon-saveupdate"></div> icon to save your own changes and accept the changes made by the others.</li>
                 </ul>
-                <p>The mode can be selected in the <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a>. It's also possible to choose the necessary mode using the <img alt="Co-editing Mode icon" src="../images/coeditingmode.png" /> <b>Co-editing Mode</b> icon on the <b>Collaboration</b> tab of the top toolbar:</p>
+                <p>The mode can be selected in the <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a>. It's also possible to choose the necessary mode using the <div class = "icon icon-coeditingmode"></div> <b>Co-editing Mode</b> icon on the <b>Collaboration</b> tab of the top toolbar:</p>
                 <p><img alt="Co-editing Mode menu" src="../images/coeditingmodemenu.png" /></p>
                 <p class="note">
                     <b>Note</b>: when you co-edit a presentation in the <b>Fast</b> mode, the possibility to <b>Redo</b> the last undone operation is not available.
                 </p>
                 <p>When a presentation is being edited by several users simultaneously in the <b>Strict</b> mode, the edited objects (autoshapes, text objects, tables, images, charts) are marked with dashed lines of different colors. The object that you are editing is surrounded by the green dashed line. Red dashed lines indicate that objects are being edited by other users. By hovering the mouse cursor over one of the edited passages, the name of the user who is editing it at the moment is displayed. The <b>Fast</b> mode will show the actions and the names of the co-editors when they are editing the text.</p>
-                <p>The number of users who are working on the current presentation is specified on the right side of the editor header - <img alt="Number of users icon" src="../images/usersnumber.png" />. If you want to see who exactly is editing the file now, you can click this icon or open the <b>Chat</b> panel with the full list of the users.</p>
-                <p>When no users are viewing or editing the file, the icon in the editor header will look like <img alt="Manage document access rights icon" src="../images/access_rights.png" /> allowing you to manage the users who have access to the file right from the document: invite new users giving them permissions to <em>edit</em>, <em>read</em> or <em>comment</em> the presentation, or <em>deny</em> some users access rights to the file. Click this icon to manage the access to the file; this can be done both when there are no other users who view or co-edit the document at the moment and when there are other users and the icon looks like <img alt="Number of users icon" src="../images/usersnumber.png" />. It's also possible to set access rights using the <img alt="Sharing icon" src="../images/sharingicon.png" /> <b>Sharing</b> icon on the <b>Collaboration</b> tab of the top toolbar.</p>
-                <p>As soon as one of the users saves his/her changes by clicking the <img alt="Save icon" src="../images/savewhilecoediting.png" /> icon, the others will see a note within the status bar stating that they have updates. To save the changes you made, so that other users can view them, and get the updates saved by your co-editors, click the <img alt="Save icon" src="../images/saveupdate.png" /> icon in the left upper corner of the top toolbar. The updates will be highlighted for you to check what exactly has been changed.</p>
+                <p>The number of users who are working on the current presentation is specified on the right side of the editor header - <div class = "icon icon-usersnumber"></div>. If you want to see who exactly is editing the file now, you can click this icon or open the <b>Chat</b> panel with the full list of the users.</p>
+                <p>When no users are viewing or editing the file, the icon in the editor header will look like <div class = "icon icon-access_rights"></div> allowing you to manage the users who have access to the file right from the document: invite new users giving them permissions to <em>edit</em>, <em>read</em> or <em>comment</em> the presentation, or <em>deny</em> some users access rights to the file. Click this icon to manage the access to the file; this can be done both when there are no other users who view or co-edit the document at the moment and when there are other users and the icon looks like <div class = "icon icon-usersnumber"></div>. It's also possible to set access rights using the <div class = "icon icon-sharingicon"></div> <b>Sharing</b> icon on the <b>Collaboration</b> tab of the top toolbar.</p>
+                <p>As soon as one of the users saves his/her changes by clicking the <div class = "icon icon-savewhilecoediting"></div> icon, the others will see a note within the status bar stating that they have updates. To save the changes you made, so that other users can view them, and get the updates saved by your co-editors, click the <div class = "icon icon-saveupdate"></div> icon in the left upper corner of the top toolbar. The updates will be highlighted for you to check what exactly has been changed.</p>
                 <h3>Anonymous</h3>
                 <p>Portal users who are not registered and do not have a profile are considered to be anonymous, although they still can collaborate on documents. To have a name assigned to them, the anonymous user should enter a name they prefer in the corresponding field appearing in the right top corner of the screen when they open the document for the first time. Activate the “Don’t ask me again” checkbox to preserve the name.</p>
                 <p><img alt="anonymous collaboration" src="../images/anonymous_collab.png" /></p>
@@ -51,34 +52,34 @@
                 <p>To access the chat and leave a message for other users,</p>
                 <ol>
                     <li>
-                        click the <img alt="Chat icon" src="../images/chaticon.png" /> icon on the left sidebar, or <br />
-                        switch to the <b>Collaboration</b> tab of the top toolbar and click the <img alt="Chat icon" src="../images/chat_toptoolbar.png" /> <b>Chat</b> button,
+                        click the <div class = "icon icon-chaticon"></div> icon on the left sidebar, or <br />
+                        switch to the <b>Collaboration</b> tab of the top toolbar and click the <div class = "icon icon-chat_toptoolbar"></div> <b>Chat</b> button,
                     </li>
                     <li>enter your text into the corresponding field below,</li>
                     <li>press the <b>Send</b> button.</li>
                 </ol>
-                <p>All the messages left by users will be displayed on the panel on the left. If there are new messages you haven't read yet, the chat icon will look like this - <img alt="Chat icon" src="../images/chaticon_new.png" />.</p>
-                <p>To close the panel with chat messages, click the <img alt="Chat icon" src="../images/chaticon.png" /> icon on the left sidebar or the <img alt="Chat icon" src="../images/chat_toptoolbar.png" /> <b>Chat</b> button on the top toolbar once again.</p>
+                <p>All the messages left by users will be displayed on the panel on the left. If there are new messages you haven't read yet, the chat icon will look like this - <div class = "icon icon-chaticon_new"></div>.</p>
+                <p>To close the panel with chat messages, click the <div class = "icon icon-chaticon"></div> icon on the left sidebar or the <div class = "icon icon-chat_toptoolbar"></div> <b>Chat</b> button on the top toolbar once again.</p>
             </div>
             <h3>Comments</h3>
             <p>It's possible to work with comments in the offline mode, without connecting to the <em>online version</em>.</p>
                 <p>To leave a comment to a certain object (text box, shape etc.):</p>
                 <ol>
                     <li>select an object where you think there is an error or problem,</li>
-                    <li>switch to the <b>Insert</b> or <b>Collaboration</b> tab of the top toolbar and click the <img alt="Comment icon" src="../images/comment_toptoolbar.png" /> <b>Comment</b> button, or<br />
+                    <li>switch to the <b>Insert</b> or <b>Collaboration</b> tab of the top toolbar and click the <div class = "icon icon-comment_toptoolbar"></div> <b>Comment</b> button, or<br />
                         right-click the selected object and select the <b>Add Сomment</b> option from the menu,<br />
                     </li>
                     <li>enter the needed text,</li>
                     <li>click the <b>Add Comment/Add</b> button.</li>
                 </ol>
-                <p>The object you commented will be marked with the <img alt="Commented object icon" src="../images/added_comment_icon.png" /> icon. To view the comment, just click on this icon.</p>
-                <p>To add a comment to a certain slide, select the slide and use the <img alt="Comment icon" src="../images/comment_toptoolbar.png" /> <b>Comment</b> button on the <b>Insert</b> or <b>Collaboration</b> tab of the top toolbar. The added comment will be displayed in the upper left corner of the slide.</p>
-                <p>To create a presentation-level comment which is not related to a certain object or slide, click the <img alt="Comments icon" src="../images/commentsicon.png" /> icon on the left sidebar to open the <b>Comments</b> panel and use the <b>Add Comment to Document</b> link. The presentation-level comments can be viewed on the <b>Comments</b> panel. Comments related to objects and slides are also available here.</p>
+                <p>The object you commented will be marked with the <div class = "icon icon-added_comment_icon"></div> icon. To view the comment, just click on this icon.</p>
+                <p>To add a comment to a certain slide, select the slide and use the <div class = "icon icon-comment_toptoolbar"></div> <b>Comment</b> button on the <b>Insert</b> or <b>Collaboration</b> tab of the top toolbar. The added comment will be displayed in the upper left corner of the slide.</p>
+                <p>To create a presentation-level comment which is not related to a certain object or slide, click the <div class = "icon icon-commentsicon"></div> icon on the left sidebar to open the <b>Comments</b> panel and use the <b>Add Comment to Document</b> link. The presentation-level comments can be viewed on the <b>Comments</b> panel. Comments related to objects and slides are also available here.</p>
                 <p>Any other user can answer to the added comment asking questions or reporting on the work he/she has done. For this purpose, click the <b>Add Reply</b> link situated under the comment, type in your reply text in the entry field and press the <b>Reply</b> button.</p>
-                <p>If you are using the <b>Strict</b> co-editing mode, new comments added by other users will become visible only after you click the <img alt="Save icon" src="../images/saveupdate.png" /> icon in the left upper corner of the top toolbar.</p>
+                <p>If you are using the <b>Strict</b> co-editing mode, new comments added by other users will become visible only after you click the <div class = "icon icon-saveupdate"></div> icon in the left upper corner of the top toolbar.</p>
                 <p>You can manage the added comments using the icons in the comment balloon or on the <b>Comments</b> panel on the left:</p>
                 <ul>
-                    <li>sort the added comments by clicking the <img alt="Sort icon" src="../images/sortcommentsicon.png" /> icon: 
+                    <li>sort the added comments by clicking the <div class = "icon icon-sortcommentsicon"></div> icon: 
                         <ul>
                             <li>by date: <b>Newest</b> or <b>Oldest</b></li>
                             <li>by author: <b>Author from A to Z</b> or <b>Author from Z to A</b>
@@ -86,9 +87,9 @@
                             </li>
                         </ul>          
                     </li>
-                    <li>edit the currently selected by clicking the <img alt="Edit icon" src="../images/editcommenticon.png" /> icon,</li>
-                    <li>delete the currently selected by clicking the <img alt="Delete icon" src="../images/deletecommenticon.png" /> icon,</li>
-                    <li>close the currently selected discussion by clicking the <img alt="Resolve icon" src="../images/resolveicon.png" /> icon if the task or problem you stated in your comment was solved, after that the discussion you opened with your comment gets the resolved status. To open it again, click the <img alt="Open again icon" src="../images/resolvedicon.png" /> icon,</li>
+                    <li>edit the currently selected by clicking the <div class = "icon icon-editcommenticon"></div> icon,</li>
+                    <li>delete the currently selected by clicking the <div class = "icon icon-deletecommenticon"></div> icon,</li>
+                    <li>close the currently selected discussion by clicking the <div class = "icon icon-resolveicon"></div> icon if the task or problem you stated in your comment was solved, after that the discussion you opened with your comment gets the resolved status. To open it again, click the <div class = "icon icon-resolvedicon"></div> icon,</li>
                     <li>if you want to manage comments in a bunch, open the <b>Resolve</b> drop-down menu on the <b>Collaboration</b> tab. Select one of the options for resolving comments: <b>resolve current comments</b>, <b>resolve my comments</b> or <b>resolve all comments</b> in the presentation.</li>
                 </ul>
                 <h4>Adding mentions</h4>
@@ -98,7 +99,7 @@
             <p>The mentioned user will receive an email notification that he/she has been mentioned in a comment. If the file has been shared, the user will also receive a corresponding notification.</p>    
             <p>To remove comments,</p>
             <ol>
-                <li>click the <img alt="Remove comment icon" src="../images/removecomment_toptoolbar.png" /> <b>Remove</b> button on the <b>Collaboration</b> tab of the top toolbar,</li>
+                <li>click the <div class = "icon icon-removecomment_toptoolbar"></div> <b>Remove</b> button on the <b>Collaboration</b> tab of the top toolbar,</li>
                 <li>
                     select the necessary option from the menu:
                     <ul>
@@ -108,7 +109,7 @@
                     </ul>
                 </li>
             </ol>
-                <p>To close the panel with comments, click the <img alt="Comments icon" src="../images/commentsicon.png" /> icon on the left sidebar once again.</p>
+                <p>To close the panel with comments, click the <div class = "icon icon-commentsicon"></div> icon on the left sidebar once again.</p>
             </div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/en/HelpfulHints/KeyboardShortcuts.htm b/apps/presentationeditor/main/resources/help/en/HelpfulHints/KeyboardShortcuts.htm
index 99517a4809..0e252d98d3 100644
--- a/apps/presentationeditor/main/resources/help/en/HelpfulHints/KeyboardShortcuts.htm
+++ b/apps/presentationeditor/main/resources/help/en/HelpfulHints/KeyboardShortcuts.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="The keyboard shortcut list is used for a faster and easier access to the features of Presentation Editor using the keyboard." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
         <script type="text/javascript" src="../search/js/jquery.min.js"></script>
diff --git a/apps/presentationeditor/main/resources/help/en/HelpfulHints/Navigation.htm b/apps/presentationeditor/main/resources/help/en/HelpfulHints/Navigation.htm
index 85b1bb3eba..2c994df34c 100644
--- a/apps/presentationeditor/main/resources/help/en/HelpfulHints/Navigation.htm
+++ b/apps/presentationeditor/main/resources/help/en/HelpfulHints/Navigation.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="The description of view settings and navigation tools such as zoom, previous/next slide buttons" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -16,11 +17,11 @@
 		<h1>View Settings and Navigation Tools</h1>
 			<p>The <a target="_blank" href="https://www.onlyoffice.com/en/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a> offers several tools to help you view and navigate through your presentation: zoom, previous/next slide buttons and slide number indicator.</p>
 			<h3>Adjust the View Settings</h3>
-			<p>To adjust default view settings and set the most convenient mode to work with the presentation, click the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> icon on the right side of the editor header and select which interface elements you want to be hidden or shown.
+			<p>To adjust default view settings and set the most convenient mode to work with the presentation, click the <b>View settings</b> <div class = "icon icon-viewsettingsicon"></div> icon on the right side of the editor header and select which interface elements you want to be hidden or shown.
 			You can select the following options from the <b>View settings</b> drop-down list:
 			</p>
 			<ul>
-			<li><b>Hide Toolbar</b> -  hides the top toolbar that contains commands while tabs remain visible. When this option is enabled, you can click any tab to display the toolbar. The toolbar is displayed until you click anywhere outside it. To disable this mode, click the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> icon and click the <b>Hide Toolbar</b> option once again. The top toolbar will be displayed all the time. 
+			<li><b>Hide Toolbar</b> -  hides the top toolbar that contains commands while tabs remain visible. When this option is enabled, you can click any tab to display the toolbar. The toolbar is displayed until you click anywhere outside it. To disable this mode, click the <b>View settings</b> <div class = "icon icon-viewsettingsicon"></div> icon and click the <b>Hide Toolbar</b> option once again. The top toolbar will be displayed all the time. 
                 <p class="note"><b>Note</b>: alternatively, you can just double-click any tab to hide the top toolbar or display it again.</p>
             </li>
 			<li><b>Hide Status Bar</b> - hides the bottommost bar where the <b>Slide Number Indicator</b> and <b>Zoom</b> buttons are situated. To show the hidden <b>Status Bar</b>, click this option once again.</li>
@@ -34,13 +35,13 @@
 			<p>
 				The <b>Zoom</b> buttons are situated in the right lower corner and are used to zoom in and out the current presentation.
 				To change the currently selected zoom value that is displayed in percent, click it and select one of the available zoom options from the list (50% / 75% / 100% / 125% / 150% / 175% / 200% / 300% / 400% / 500%)
-				or use the <b>Zoom in</b> <img alt="Zoom in button" src="../images/zoomin.png" /> or <b>Zoom out</b> <img alt="Zoom out button" src="../images/zoomout.png" /> buttons.
-				Click the <b>Fit to width</b> <img alt="Fit to width button" src="../images/fitwidth.png" /> icon to fit the slide width to the visible part of the working area.
-				To fit the whole slide to the visible part of the working area, click the <b>Fit to slide</b> <img alt="Fit to slide button" src="../images/fitslide.png" /> icon.
-				Zoom settings are also available in the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> drop-down list that can be useful if you decide to hide the <b>Status Bar</b>.
+				or use the <b>Zoom in</b> <div class = "icon icon-zoomin"></div> or <b>Zoom out</b> <div class = "icon icon-zoomout"></div> buttons.
+				Click the <b>Fit to width</b> <div class = "icon icon-fitwidth"></div> icon to fit the slide width to the visible part of the working area.
+				To fit the whole slide to the visible part of the working area, click the <b>Fit to slide</b> <div class = "icon icon-fitslide"></div> icon.
+				Zoom settings are also available in the <b>View settings</b> <div class = "icon icon-viewsettingsicon"></div> drop-down list that can be useful if you decide to hide the <b>Status Bar</b>.
 			</p>
 			<p class="note"><b>Note</b>: you can set a default zoom value. Switch to the <b>File</b> tab of the top toolbar, go to the <b>Advanced Settings...</b> section, choose the necessary <b>Default Zoom Value</b> from the list and click the <b>Apply</b> button.</p>
-			<p>To go to the previous or next slide when editing the presentation, you can use the <img alt="Previous Slide button" src="../images/previouspage.png" /> and <img alt="Next Slide button" src="../images/nextpage.png" /> buttons at the top and bottom of the vertical scroll bar located to the right of the slide.</p>
+			<p>To go to the previous or next slide when editing the presentation, you can use the <div class = "icon icon-previouspage"></div> and <div class = "icon icon-nextpage"></div> buttons at the top and bottom of the vertical scroll bar located to the right of the slide.</p>
 			<p>The <b>Slide Number Indicator</b> shows the current slide as a part of all the slides in the current presentation (slide 'n' of 'nn'). 
 			Click this caption to open the window where you can enter the slide number and quickly go to it. If you decide to hide the <b>Status Bar</b>, this tool will become inaccessible.</p>
 			
diff --git a/apps/presentationeditor/main/resources/help/en/HelpfulHints/Password.htm b/apps/presentationeditor/main/resources/help/en/HelpfulHints/Password.htm
index 9876b59cbe..0e3d1fee8d 100644
--- a/apps/presentationeditor/main/resources/help/en/HelpfulHints/Password.htm
+++ b/apps/presentationeditor/main/resources/help/en/HelpfulHints/Password.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Enabling password protection for files" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/en/HelpfulHints/Search.htm b/apps/presentationeditor/main/resources/help/en/HelpfulHints/Search.htm
index ed8f2e4a02..da20ef6492 100644
--- a/apps/presentationeditor/main/resources/help/en/HelpfulHints/Search.htm
+++ b/apps/presentationeditor/main/resources/help/en/HelpfulHints/Search.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="The description of the search and replace function in Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -15,20 +16,20 @@
         </div>
 		<h1>Search and Replace Function</h1>
 			<p><b>To search</b> for the needed characters, words or phrases in the <a target="_blank" href="https://www.onlyoffice.com/en/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>, 
-			click the <img alt="Search icon" src="../images/searchicon.png" /> icon situated on the left sidebar or use the <em>Ctrl+F</em> key combination.</p>
+			click the <div class = "icon icon-searchicon"></div> icon situated on the left sidebar or use the <em>Ctrl+F</em> key combination.</p>
 			<p>The <b>Find and Replace</b> window will open:</p>
             <img alt="Find and Replace Window" src="../images/search_window.png" />
 			<ol>
 			<li>Type in your inquiry into the corresponding data entry field.</li>
                 <li>
-                    Specify search parameters by clicking the <img alt="Search options icon" src="../images/search_options.png" /> icon and checking the necessary options:
+                    Specify search parameters by clicking the <div class = "icon icon-search_options"></div> icon and checking the necessary options:
                     <ul>
                         <li><b>Case sensitive</b> - is used to find only the occurrences typed in the same case as your inquiry (e.g. if your inquiry is 'Editor' and this option is selected, such words as 'editor' or 'EDITOR' etc. will not be found). To disable this option click it once again.</li>
                         <!--<li><b>Highlight results</b> - is used to highlight all found occurrences at once. To disable this option and remove the highlight click the option once again.</li>-->
                     </ul>
                 </li>
 			<li>Click one of the <b>arrow buttons</b> on the right. 
-			The search will be performed either towards the beginning of the presentation (if you click the <img alt="Left arrow button" src="../images/searchupbutton.png" /> button) or towards the end of the presentation (if you click the <img alt="Right arrow button" src="../images/searchdownbutton.png" /> button) from the current position.
+			The search will be performed either towards the beginning of the presentation (if you click the <div class = "icon icon-searchupbutton"></div> button) or towards the end of the presentation (if you click the <div class = "icon icon-searchdownbutton"></div> button) from the current position.
             <!--<p class="note"><b>Note</b>: when the <b>Highlight results</b> option is enabled, use these buttons to navigate through the highlighted results.</p>-->    
             </li>
 			</ol>
diff --git a/apps/presentationeditor/main/resources/help/en/HelpfulHints/SpellChecking.htm b/apps/presentationeditor/main/resources/help/en/HelpfulHints/SpellChecking.htm
index 009df9ae4f..ef973667ce 100644
--- a/apps/presentationeditor/main/resources/help/en/HelpfulHints/SpellChecking.htm
+++ b/apps/presentationeditor/main/resources/help/en/HelpfulHints/SpellChecking.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Spell check the text in your language while editing a presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -16,12 +17,12 @@
 			<h1>Spell-checking</h1>
 			<p>The <a target="_blank" href="https://www.onlyoffice.com/en/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a> allows you to check the spelling of your text in a certain language and correct mistakes while editing. In the <em>desktop version</em>, it's also possible to add words into a custom dictionary which is common for all three editors.</p>
 			<p class="note">Starting from <b>version 6.3</b>, the ONLYOFFICE editors support the <b>SharedWorker</b> interface for smoother operation without significant memory consumption. If your browser does not support SharedWorker then just <b>Worker</b> will be active. For more information about SharedWorker please refer to <a href="https://javascript.plainenglish.io/introduction-to-shared-workers-533d9abe9de3">this article</a>.</p>
-			<p>First of all, <b>choose a language</b> for your presentation. Click the <img alt="Set presentation language icon" src="../images/document_language.png" /> icon on the right side of the status bar. In the opened window, select the necessary language and click <b>OK</b>. The selected language will be applied to the whole presentation. </p>
+			<p>First of all, <b>choose a language</b> for your presentation. Click the <div class = "icon icon-document_language"></div> icon on the right side of the status bar. In the opened window, select the necessary language and click <b>OK</b>. The selected language will be applied to the whole presentation. </p>
 			<p><img alt="Set presentation language window" src="../images/document_language_window.png" /></p>
 			<p>To <b>choose a different language</b> for any piece of text within the presentation, select the necessary text passage with the mouse and use the <img alt="Spell-checking - Text Language selector" src="../images/spellchecking_language.png" /> menu on the status bar.</p>
 			<p>To <b>enable</b> the spell checking option, you can:</p>
 			<ul>
-				<li>click the <img alt="Spell Checking deactivated icon" src="../images/spellcheckdeactivated.png" /> <b>Spell checking</b> icon at the status bar, or</li>
+				<li>click the <div class = "icon icon-spellcheckdeactivated"></div> <b>Spell checking</b> icon at the status bar, or</li>
 				<li>open the <b>File</b> tab of the top toolbar, select the <b>Advanced Settings...</b> option, check the <b>Turn on spell checking option</b> box and click the <b>Apply</b> button.</li>
 			</ul>
 			<p>Incorrectly spelled words will be underlined with a red line.</p>
@@ -35,7 +36,7 @@
 			<p><img alt="Spell-checking" src="../images/spellchecking_presentation.png" /></p>
 			<p>To <b>disable</b> the spell checking option, you can:</p>
 			<ul>
-				<li>click the <img alt="Spell Checking activated icon" src="../images/spellcheckactivated.png" /> <b>Spell checking</b> icon on the status bar, or</li>
+				<li>click the <div class = "icon icon-spellcheckactivated"></div> <b>Spell checking</b> icon on the status bar, or</li>
 				<li>open the <b>File</b> tab of the top toolbar, select the <b>Advanced Settings...</b> option, uncheck the <b>Turn on spell checking option</b> box and click the <b>Apply</b> button.</li>
 			</ul>
 		</div>
diff --git a/apps/presentationeditor/main/resources/help/en/HelpfulHints/SupportedFormats.htm b/apps/presentationeditor/main/resources/help/en/HelpfulHints/SupportedFormats.htm
index 059a825c46..226563be1d 100644
--- a/apps/presentationeditor/main/resources/help/en/HelpfulHints/SupportedFormats.htm
+++ b/apps/presentationeditor/main/resources/help/en/HelpfulHints/SupportedFormats.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="The list of presentation formats supported by Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/en/HelpfulHints/UsingChat.htm b/apps/presentationeditor/main/resources/help/en/HelpfulHints/UsingChat.htm
index 628914db3c..43bb5131fb 100644
--- a/apps/presentationeditor/main/resources/help/en/HelpfulHints/UsingChat.htm
+++ b/apps/presentationeditor/main/resources/help/en/HelpfulHints/UsingChat.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Tips on using the Chat tool" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
 	</head>
 	<body>
 		<div class="mainpart">
@@ -12,12 +13,12 @@
 			<p><b>ONLYOFFICE Presentation Editor</b> offers you the possibility to chat with other users to share ideas concerning particular presentation parts.</p>
 			<p>To access the chat and leave a message for other users,</p>
 			<ol>
-				<li>click the <img alt="Chat icon" src="../images/chaticon.png" /> icon at the left sidebar,</li>
+				<li>click the <div class = "icon icon-chaticon"></div> icon at the left sidebar,</li>
 				<li>enter your text into the corresponding field below,</li>
 				<li>press the <b>Send</b> button.</li>
 			</ol>
-			<p>All the messages left by users will be displayed on the panel on the left. If there are new messages you haven't read yet, the chat icon will look like this - <img alt="Chat icon" src="../images/chaticon_new.png" />.</p>
-			<p>To close the panel with chat messages, click the <img alt="Chat icon" src="../images/chaticon.png" /> icon once again.</p>
+			<p>All the messages left by users will be displayed on the panel on the left. If there are new messages you haven't read yet, the chat icon will look like this - <div class = "icon icon-chaticon_new"></div>.</p>
+			<p>To close the panel with chat messages, click the <div class = "icon icon-chaticon"></div> icon once again.</p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/en/ProgramInterface/CollaborationTab.htm b/apps/presentationeditor/main/resources/help/en/ProgramInterface/CollaborationTab.htm
index a095132b27..eff90dd1cc 100644
--- a/apps/presentationeditor/main/resources/help/en/ProgramInterface/CollaborationTab.htm
+++ b/apps/presentationeditor/main/resources/help/en/ProgramInterface/CollaborationTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Introducing the Presentation Editor user interface - Collaboration tab" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/en/ProgramInterface/FileTab.htm b/apps/presentationeditor/main/resources/help/en/ProgramInterface/FileTab.htm
index a0a82ecb77..09cd7206d5 100644
--- a/apps/presentationeditor/main/resources/help/en/ProgramInterface/FileTab.htm
+++ b/apps/presentationeditor/main/resources/help/en/ProgramInterface/FileTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Introducing the Presentation Editor user interface - File tab" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/en/ProgramInterface/HomeTab.htm b/apps/presentationeditor/main/resources/help/en/ProgramInterface/HomeTab.htm
index 0a39b3f115..3482caf583 100644
--- a/apps/presentationeditor/main/resources/help/en/ProgramInterface/HomeTab.htm
+++ b/apps/presentationeditor/main/resources/help/en/ProgramInterface/HomeTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Introducing the Presentation Editor user interface - Home tab" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/en/ProgramInterface/InsertTab.htm b/apps/presentationeditor/main/resources/help/en/ProgramInterface/InsertTab.htm
index be925a05c3..a9d6ac0b2c 100644
--- a/apps/presentationeditor/main/resources/help/en/ProgramInterface/InsertTab.htm
+++ b/apps/presentationeditor/main/resources/help/en/ProgramInterface/InsertTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Introducing the Presentation Editor user interface - Insert tab" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/en/ProgramInterface/PluginsTab.htm b/apps/presentationeditor/main/resources/help/en/ProgramInterface/PluginsTab.htm
index d84598c303..76d0faa57d 100644
--- a/apps/presentationeditor/main/resources/help/en/ProgramInterface/PluginsTab.htm
+++ b/apps/presentationeditor/main/resources/help/en/ProgramInterface/PluginsTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Introducing the Presentation Editor user interface - Plugins tab" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/en/ProgramInterface/ProgramInterface.htm b/apps/presentationeditor/main/resources/help/en/ProgramInterface/ProgramInterface.htm
index 36341f67fa..f41828e68e 100644
--- a/apps/presentationeditor/main/resources/help/en/ProgramInterface/ProgramInterface.htm
+++ b/apps/presentationeditor/main/resources/help/en/ProgramInterface/ProgramInterface.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Introducing the Presentation Editor user interface" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -28,28 +29,28 @@
                 <li>
                     The <b>Editor header</b> displays the logo, <span class="desktopDocumentFeatures">tabs for all opened presentations with their names</span> and menu tabs.
                     <p>On the left side of the <b>Editor header</b>, the <b>Save</b>, <b>Print file</b>, <b>Undo</b> and <b>Redo</b> buttons are located.</p>
-                    <p><img alt="Icons in the editor header" src="../images/interface/leftpart.png" /></p>
+                    <p><div class = "big big-leftpart"></div></p>
                     <p>On the right side of the <b>Editor header</b>, along with the user name the following icons are displayed:</p>
                     <ul>
-                        <li><img alt="Open file location" src="../images/gotodocuments.png" /> <b>Open file location</b> - <span class="desktopDocumentFeatures">in the <em>desktop version</em>, it allows opening the folder, where the file is stored, in the <b>File Explorer</b> window.</span> <span class="onlineDocumentFeatures"> In the <em>online version</em>, it allows opening the folder of the <b>Documents</b> module, where the file is stored, in a new browser tab.</span></li>
-                        <li><img alt="View Settings icon" src="../images/viewsettingsicon.png" /> <b>View Settings</b> - allows adjusting the <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">View Settings</a> and accessing the <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a> of the editor.</li>
-                        <li class="onlineDocumentFeatures"><img alt="Manage document access rights icon" src="../images/access_rights.png" /> <b>Manage document access rights</b> - (available in the <em>online version</em> only) allows <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">setting access rights</a> for the documents stored in the cloud.</li>
-                        <li><img alt="Favorites icon" src="../images/favorites_icon.png" /> <b>Mark as favorite</b> - click the star to add a file to favorites as to make it easy to find. The added file is just a shortcut so the file itself remains stored in its original location. Deleting a file from favorites does not remove the file from its original location.</li>
+                        <li><div class = "icon icon-gotodocuments"></div> <b>Open file location</b> - <span class="desktopDocumentFeatures">in the <em>desktop version</em>, it allows opening the folder, where the file is stored, in the <b>File Explorer</b> window.</span> <span class="onlineDocumentFeatures"> In the <em>online version</em>, it allows opening the folder of the <b>Documents</b> module, where the file is stored, in a new browser tab.</span></li>
+                        <li><div class = "icon icon-viewsettingsicon"></div> <b>View Settings</b> - allows adjusting the <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">View Settings</a> and accessing the <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a> of the editor.</li>
+                        <li class="onlineDocumentFeatures"><div class = "icon icon-access_rights"></div> <b>Manage document access rights</b> - (available in the <em>online version</em> only) allows <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">setting access rights</a> for the documents stored in the cloud.</li>
+                        <li><div class = "icon icon-favorites_icon"></div> <b>Mark as favorite</b> - click the star to add a file to favorites as to make it easy to find. The added file is just a shortcut so the file itself remains stored in its original location. Deleting a file from favorites does not remove the file from its original location.</li>
                         </ul>
                 </li>
                 <li>
                     The <b>Top toolbar</b> displays a set of editing commands depending on the selected menu tab. Currently, the following tabs are available: <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">File</a>, <a href="../ProgramInterface/HomeTab.htm" onclick="onhyperlinkclick(this)">Home</a>, <a href="../ProgramInterface/InsertTab.htm" onclick="onhyperlinkclick(this)">Insert</a>, <a href="../ProgramInterface/TransitionsTab.htm" onclick="onhyperlinkclick(this)">Transitions</a>, <a href="../ProgramInterface/CollaborationTab.htm" onclick="onhyperlinkclick(this)">Collaboration</a>, <span class="desktopDocumentFeatures">Protection,</span> <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Plugins</a>.
-                    <p>The <img alt="Copy icon" src="../images/copy.png" /> <b>Copy</b> and <img alt="Paste icon" src="../images/paste.png" /> <b>Paste</b> options are always available on the left side of the <b>Top toolbar</b> regardless of the selected tab.</p>
+                    <p>The <div class = "icon icon-copy"></div> <b>Copy</b> and <div class = "icon icon-paste"></div> <b>Paste</b> options are always available on the left side of the <b>Top toolbar</b> regardless of the selected tab.</p>
                 </li>
                 <li>The <b>Status bar</b> at the bottom of the editor window contains the <a href="../UsageInstructions/PreviewPresentation.htm" onclick="onhyperlinkclick(this)">Start slideshow</a> icon, some <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">navigation tools</a>: slide number indicator and zoom buttons. The <b>Status bar</b> also displays some notifications (such as "All changes saved", etc.) and allows <a href="../HelpfulHints/SpellChecking.htm" onclick="onhyperlinkclick(this)">setting the text language and enable spell checking</a>.</li>
                 <li>
                     The <b>Left sidebar</b> contains the following icons:
                     <ul>
-                        <li><img alt="Search icon" src="../images/searchicon.png" /> - allows using the <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">Search and Replace</a> tool,</li>
-                        <li><img alt="Comments icon" src="../images/commentsicon.png" /> - allows opening the <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Comments</a> panel,</li>
-                        <li class="onlineDocumentFeatures"><img alt="Chat icon" src="../images/chaticon.png" /> - (available in the <em>online version</em> only) allows opening the <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a> panel,</li>
-                        <li class="onlineDocumentFeatures"><img alt="Feedback and Support icon" src="../images/feedbackicon.png" /> - (available in the <em>online version</em> only) allows contacting our support team,</li>
-                        <li class="onlineDocumentFeatures"><img alt="About icon" src="../images/abouticon.png" /> - (available in the <em>online version</em> only) allows viewing the information about the program.</li>
+                        <li><div class = "icon icon-searchicon"></div> - allows using the <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">Search and Replace</a> tool,</li>
+                        <li><div class = "icon icon-commentsicon"></div> - allows opening the <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Comments</a> panel,</li>
+                        <li class="onlineDocumentFeatures"><div class = "icon icon-chaticon"></div> - (available in the <em>online version</em> only) allows opening the <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a> panel,</li>
+                        <li class="onlineDocumentFeatures"><div class = "icon icon-feedbackicon"></div> - (available in the <em>online version</em> only) allows contacting our support team,</li>
+                        <li class="onlineDocumentFeatures"><div class = "icon icon-about"></div> - (available in the <em>online version</em> only) allows viewing the information about the program.</li>
                     </ul>
                 </li>
                 <li>The <b>Right sidebar</b> allows adjusting additional parameters of different objects. When you select a particular object on a slide, the corresponding icon is activated on the right sidebar. Click this icon to expand the right sidebar.</li>
diff --git a/apps/presentationeditor/main/resources/help/en/ProgramInterface/TransitionsTab.htm b/apps/presentationeditor/main/resources/help/en/ProgramInterface/TransitionsTab.htm
index fc3efaa446..fc480ca418 100644
--- a/apps/presentationeditor/main/resources/help/en/ProgramInterface/TransitionsTab.htm
+++ b/apps/presentationeditor/main/resources/help/en/ProgramInterface/TransitionsTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Introducing the Presentation Editor user interface - Transitions tab" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/AddHyperlinks.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/AddHyperlinks.htm
index 30a5f61f5b..ee40c72caa 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/AddHyperlinks.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/AddHyperlinks.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add hyperlinks to a word or text fragment leading to an external website or to another slide in the same presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<ol>
 				<li>place the cursor within the text box where a hyperlink should be added,</li>
                 <li>switch to the <b>Insert</b> tab of the top toolbar,</li>
-				<li>click the <img alt="Hyperlink icon" src="../images/addhyperlink.png" /> <b>Hyperlink</b> icon on the top toolbar,</li>
+				<li>click the <div class = "icon icon-addhyperlink"></div> <b>Hyperlink</b> icon on the top toolbar,</li>
 				<li>after that the <b>Hyperlink Settings</b> window will appear where you can specify the hyperlink parameters:
 				<ul>
 				    <li>Select a link type you wish to insert:
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/AlignArrangeObjects.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/AlignArrangeObjects.htm
index 54290c9e54..b1ec44e6da 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/AlignArrangeObjects.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/AlignArrangeObjects.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Align and arrange text boxes, autoshapes, images and charts on a slide." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -20,21 +21,21 @@
         <p>To <b>align</b> <em>two or more</em> selected objects, </p>
         <ol>
             <li>
-                Click the <b>Align shape</b> <img alt="Align shape icon" src="../images/alignshape.png" /> icon on the <b>Home</b> tab of the top toolbar and select one of the following options:
+                Click the <b>Align shape</b> <div class = "icon icon-alignshape"></div> icon on the <b>Home</b> tab of the top toolbar and select one of the following options:
                 <ul>
                     <li><b>Align to Slide</b> to align objects relative to the edges of the slide,</li>
                     <li><b>Align Selected Objects</b> (this option is selected by default) to align objects relative to each other,</li>                    
                 </ul>
             </li>
             <li>
-                Click the <b>Align shape</b> <img alt="Align shape icon" src="../images/alignshape.png" /> icon once again and select the necessary alignment type from the list:
+                Click the <b>Align shape</b> <div class = "icon icon-alignshape"></div> icon once again and select the necessary alignment type from the list:
                 <ul>
-                    <li><b>Align Left</b> <img alt="Align Left icon" src="../images/alignobjectleft.png" /> - to line up the objects horizontally on the left side of the leftmost object/left edge of the slide,</li>
-                    <li><b>Align Center</b> <img alt="Align Center icon" src="../images/alignobjectcenter.png" /> - to line up the objects horizontally in their centers/center of the slide,</li>
-                    <li><b>Align Right</b> <img alt="Align Right icon" src="../images/alignobjectright.png" /> - to line up the objects horizontally on the right side of the rightmost object/right edge of the slide,</li>
-                    <li><b>Align Top</b> <img alt="Align Top icon" src="../images/alignobjecttop.png" /> - to line up the objects vertically to the top edge of the topmost object/top edge of the slide,</li>
-                    <li><b>Align Middle</b> <img alt="Align Middle icon" src="../images/alignobjectmiddle.png" /> - to line up the objects vertically in their middles/middle of the slide,</li>
-                    <li><b>Align Bottom</b> <img alt="Align Bottom icon" src="../images/alignobjectbottom.png" />  - to line up the objects vertically to the bottom edge of the bottommost object/bottom edge of the slide.</li>
+                    <li><b>Align Left</b> <div class = "icon icon-alignobjectleft"></div> - to line up the objects horizontally on the left side of the leftmost object/left edge of the slide,</li>
+                    <li><b>Align Center</b> <div class = "icon icon-alignobjectcenter"></div> - to line up the objects horizontally in their centers/center of the slide,</li>
+                    <li><b>Align Right</b> <div class = "icon icon-alignobjectright"></div> - to line up the objects horizontally on the right side of the rightmost object/right edge of the slide,</li>
+                    <li><b>Align Top</b> <div class = "icon icon-alignobjecttop"></div> - to line up the objects vertically to the top edge of the topmost object/top edge of the slide,</li>
+                    <li><b>Align Middle</b> <div class = "icon icon-alignobjectmiddle"></div> - to line up the objects vertically in their middles/middle of the slide,</li>
+                    <li><b>Align Bottom</b> <div class = "icon icon-alignobjectbottom"></div>  - to line up the objects vertically to the bottom edge of the bottommost object/bottom edge of the slide.</li>
                 </ul>
             </li>
         </ol>
@@ -44,17 +45,17 @@
         <p>To <b>distribute</b> <em>three or more</em> selected objects horizontally or vertically so that the equal distance appears between them, </p>
         <ol>
             <li>
-                Click the <b>Align</b> <img alt="Align icon" src="../images/alignshape.png" /> icon on the <b>Home</b> tab of the top toolbar and select one of the following options:
+                Click the <b>Align</b> <div class = "icon icon-alignshape"></div> icon on the <b>Home</b> tab of the top toolbar and select one of the following options:
                 <ul>                    
                     <li><b>Align to Slide</b> to distribute objects between the edges of the slide,</li>
                     <li><b>Align Selected Objects</b> (this option is selected by default) to distribute objects between two outermost selected objects,</li>
                 </ul>
             </li>
             <li>
-                Click the <b>Align shape</b> <img alt="Align shape icon" src="../images/alignshape.png" /> icon once again and select the necessary distribution type from the list:
+                Click the <b>Align shape</b> <div class = "icon icon-alignshape"></div> icon once again and select the necessary distribution type from the list:
                 <ul>
-                    <li><b>Distribute Horizontally</b> <img alt="Distribute Horizontally icon" src="../images/distributehorizontally.png" /> - to distribute objects evenly between the leftmost and rightmost selected objects/left and right edges of the slide<!--to align the selected objects by their centers (from right to left edges) to the horizontal center of the page-->.</li>
-                    <li><b>Distribute Vertically</b> <img alt="Distribute Vertically icon" src="../images/distributevertically.png" /> - to distribute objects evenly between the topmost and bottommost selected objects/top and bottom edges of the slide<!--to align the selected objects by their centers (from top to bottom edges) to the vertical center of the page-->.</li>
+                    <li><b>Distribute Horizontally</b> <div class = "icon icon-distributehorizontally"></div> - to distribute objects evenly between the leftmost and rightmost selected objects/left and right edges of the slide<!--to align the selected objects by their centers (from right to left edges) to the horizontal center of the page-->.</li>
+                    <li><b>Distribute Vertically</b> <div class = "icon icon-distributevertically"></div> - to distribute objects evenly between the topmost and bottommost selected objects/top and bottom edges of the slide<!--to align the selected objects by their centers (from top to bottom edges) to the vertical center of the page-->.</li>
                 </ul>
             </li>
         </ol>
@@ -62,20 +63,20 @@
         <p class="note"><b>Note</b>: the distribution options are disabled if you select less than three objects.</p>
         
         <h3>Group objects</h3>
-        <p>To <b>group</b> <em>two or more</em> selected objects or <b>ungroup</b> them, click the <b>Arrange shape</b> <img alt="Arrange shape icon" src="../images/arrangeshape.png" /> icon on the <b>Home</b> tab of the top toolbar and select the necessary option from the list:</p>
+        <p>To <b>group</b> <em>two or more</em> selected objects or <b>ungroup</b> them, click the <b>Arrange shape</b> <div class = "icon icon-arrangeshape"></div> icon on the <b>Home</b> tab of the top toolbar and select the necessary option from the list:</p>
         <ul>
-            <li><b>Group</b> <img alt="Group icon" src="../images/group.png" /> - to combine several objects into a group so that they can be simultaneously rotated, moved, resized, aligned, arranged, copied, pasted, formatted like a single object.</li>
-            <li><b>Ungroup</b> <img alt="Ungroup icon" src="../images/ungroup.png" /> - to ungroup the selected group of the previously combined objects.</li>
+            <li><b>Group</b> <div class = "icon icon-group"></div> - to combine several objects into a group so that they can be simultaneously rotated, moved, resized, aligned, arranged, copied, pasted, formatted like a single object.</li>
+            <li><b>Ungroup</b> <div class = "icon icon-ungroup"></div> - to ungroup the selected group of the previously combined objects.</li>
         </ul>
         <p>Alternatively, you can right-click the selected objects, choose the <b>Arrange</b> option from the contextual menu and then use the <b>Group</b> or <b>Ungroup</b> option.</p>
         <p class="note"><b>Note</b>: the <b>Group</b> option is disabled if you select less than two objects. The <b>Ungroup</b> option is available only when a group of the previously joined objects is selected.</p>
         <h3>Arrange objects</h3>
-        <p>To <b>arrange</b> the selected object(s) (i.e. to change their order when several objects overlap each other), click the <b>Arrange shape</b> <img alt="Arrange shape icon" src="../images/arrangeshape.png" /> icon on the <b>Home</b> tab of the top toolbar and select the necessary arrangement type from the list.</p>
+        <p>To <b>arrange</b> the selected object(s) (i.e. to change their order when several objects overlap each other), click the <b>Arrange shape</b> <div class = "icon icon-arrangeshape"></div> icon on the <b>Home</b> tab of the top toolbar and select the necessary arrangement type from the list.</p>
         <ul>
-            <li><b>Bring To Foreground</b> <img alt="Bring To Foreground icon" src="../images/bringtofront.png" /> - to move the object(s) in front of all other objects,</li>
-            <li><b>Send To Background</b> <img alt="Send To Background icon" src="../images/sendtoback.png" /> - to move the object(s) behind all other objects,</li>
-            <li><b>Bring Forward</b> <img alt="Bring Forward icon" src="../images/bringforward.png" /> - to move the selected object(s) one level forward as related to other objects.</li>            
-            <li><b>Send Backward</b> <img alt="Send Backward icon" src="../images/sendbackward.png" /> - to move the selected object(s) one level backward as related to other objects.</li>
+            <li><b>Bring To Foreground</b> <div class = "icon icon-bringtofront"></div> - to move the object(s) in front of all other objects,</li>
+            <li><b>Send To Background</b> <div class = "icon icon-sendtoback"></div> - to move the object(s) behind all other objects,</li>
+            <li><b>Bring Forward</b> <div class = "icon icon-bringforward"></div> - to move the selected object(s) one level forward as related to other objects.</li>            
+            <li><b>Send Backward</b> <div class = "icon icon-sendbackward"></div> - to move the selected object(s) one level backward as related to other objects.</li>
         </ul>        
         <p>Alternatively, you can right-click the selected object(s), choose the <b>Arrange</b> option from the contextual menu and then use one of the available arrangement options.</p>
         </div>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/ApplyTransitions.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/ApplyTransitions.htm
index 762f54c135..b98111be45 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/ApplyTransitions.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/ApplyTransitions.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add animation effects between slides" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/CommunicationPlugins.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/CommunicationPlugins.htm
index e6d04c8ddd..a1de64df5a 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/CommunicationPlugins.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/CommunicationPlugins.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="In ONLYOFFICE Presentation Editor, you can always keep in touch with colleagues and use popular online messengers, such as Telegram and Rainbow" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -19,7 +20,7 @@
         <h2>Telegram</h2>
         <p>To start chatting in the Telegram plugin,</p>
         <ul>
-            <li>Switch to the <b>Plugins</b> tab and click <img alt="Telegram icon" src="../images/telegram_icon.png" /> <b>Telegram</b>,</li>
+            <li>Switch to the <b>Plugins</b> tab and click <div class = "icon icon-telegram_icon"></div> <b>Telegram</b>,</li>
             <li>enter your phone number into the corresponding field,</li>
             <li>check the <b>Keep me signed in</b> checkbox if you want to save credentials for the current session and click the <b>Next</b> button,</li>
             <li>
@@ -36,7 +37,7 @@
         <h2>Rainbow</h2>
         <p>To start chatting in the Rainbow plugin,</p>
         <ol>
-            <li>Switch to the <b>Plugins</b> tab and click <img alt="Rainbow icon" src="../images/rainbow_icon.png" /> <b>Rainbow</b>,</li>
+            <li>Switch to the <b>Plugins</b> tab and click <div class = "icon icon-rainbow_icon"></div> <b>Rainbow</b>,</li>
             <li>register a new account by clicking the <b>Sign up</b> button, or log into an already created one. To do this, enter your email into the corresponding field and click <b>Continue</b>,</li>
             <li>then enter your account password,</li>
             <li>check the <b>Keep my session alive</b> checkbox if you want to save credentials for the current session, and click the <b>Connect</b> button.</li>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/CopyClearFormatting.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/CopyClearFormatting.htm
index 20b7c2ff7d..618354b41e 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/CopyClearFormatting.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/CopyClearFormatting.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Copy/clear formatting within your presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,20 +18,20 @@
 			<p>To copy a certain text formatting in the <a target="_blank" href="https://www.onlyoffice.com/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>,</p>
 			<ol>
 				<li>select the text passage whose formatting you need to copy with the mouse or <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">using the keyboard</a>,</li>
-				<li>click the <b>Copy style</b> <img alt="Copy style" src="../images/copystyle.png" /> icon on the <b>Home</b> tab of the top toolbar (the mouse pointer will look like this <img alt="Mouse pointer while pasting style" src="../images/paste_style.png" />),</li>
+				<li>click the <b>Copy style</b> <div class = "icon icon-copystyle"></div> icon on the <b>Home</b> tab of the top toolbar (the mouse pointer will look like this <div class = "icon icon-paste_style"></div>),</li>
 				<li>select the text passage you want to apply the same formatting to.</li>
 			</ol>
             <p>To apply the copied formatting to multiple text passages,</p>
             <ol>
                 <li>select the text passage whose formatting you need to copy with the mouse or <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">using the keyboard</a>,</li>
-                <li>double-click the <b>Copy style</b> <img alt="Copy style" src="../images/copystyle.png" /> icon on the <b>Home</b> tab of the top toolbar (the mouse pointer will look like this <img alt="Mouse pointer while pasting style" src="../images/paste_style.png" /> and the <b>Copy style</b> icon will remain selected: <img alt="Multiple copying style" src="../images/copystyle_selected.png" />),</li>
+                <li>double-click the <b>Copy style</b> <div class = "icon icon-copystyle"></div> icon on the <b>Home</b> tab of the top toolbar (the mouse pointer will look like this <div class = "icon icon-paste_style"></div> and the <b>Copy style</b> icon will remain selected: <div class = "icon icon-copystyle_selected"></div>),</li>
                 <li>select the necessary text passages one by one to apply the same formatting to each of them,</li>
-                <li>to exit this mode, click the <b>Copy style</b> <img alt="Multiple copying style" src="../images/copystyle_selected.png" /> icon once again or press the <b>Esc</b> key on the keyboard.</li>
+                <li>to exit this mode, click the <b>Copy style</b> <div class = "icon icon-copystyle_selected"></div> icon once again or press the <b>Esc</b> key on the keyboard.</li>
             </ol>
 			<p>To quickly remove the formatting that you have applied to a text passage,</p>
 			<ol>
 				<li>select the text passage which formatting you want to remove,</li>
-				<li>click the <b>Clear style</b> <img alt="Clear style" src="../images/clearstyle.png" /> icon on the <b>Home</b> tab of the top toolbar.</li>
+				<li>click the <b>Clear style</b> <div class = "icon icon-clearstyle"></div> icon on the <b>Home</b> tab of the top toolbar.</li>
 			</ol>
 		</div>
 	</body>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/CopyPasteUndoRedo.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/CopyPasteUndoRedo.htm
index 151ea53f59..094fc3db4d 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/CopyPasteUndoRedo.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/CopyPasteUndoRedo.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Perform the basic operations with the presentation: copy, paste, undo, redo" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,8 +19,8 @@
             <p>To cut, copy and paste the selected objects (slides, text passages, autoshapes) in the <a target="_blank" href="https://www.onlyoffice.com/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a> or undo/redo your actions, use the corresponding options from the right-click menu, keyboard shortcuts or icons available on any tab of the top toolbar:</p>
             <ul>
                 <li><b>Cut</b> – select an object and use the <b>Cut</b> option from the right-click menu to delete the selection and send it to the computer clipboard memory. <span class="onlineDocumentFeatures">The cut data can be later inserted to another place in the same presentation.</span></li>
-                <li><b>Copy</b> – select an object and use the <b>Copy</b> option from the right-click menu or the <b>Copy</b> <img alt="Copy icon" src="../images/copy.png" /> icon on the top toolbar to copy the selection to the computer clipboard memory. <span class="onlineDocumentFeatures">The copied object can be later inserted to another place in the same presentation.</span></li>
-                <li><b>Paste</b> – find the place in your presentation where you need to paste the previously copied object and use the <b>Paste</b> option from the right-click menu or the <b>Paste</b> <img alt="Paste icon" src="../images/paste.png" /> icon on the top toolbar. The object will be inserted to the current cursor position. <span class="onlineDocumentFeatures">The object can be previously copied from the same presentation.</span></li>
+                <li><b>Copy</b> – select an object and use the <b>Copy</b> option from the right-click menu or the <b>Copy</b> <div class = "icon icon-copy"></div> icon on the top toolbar to copy the selection to the computer clipboard memory. <span class="onlineDocumentFeatures">The copied object can be later inserted to another place in the same presentation.</span></li>
+                <li><b>Paste</b> – find the place in your presentation where you need to paste the previously copied object and use the <b>Paste</b> option from the right-click menu or the <b>Paste</b> <div class = "icon icon-paste"></div> icon on the top toolbar. The object will be inserted to the current cursor position. <span class="onlineDocumentFeatures">The object can be previously copied from the same presentation.</span></li>
             </ul>
             <p><span class="onlineDocumentFeatures">In the <em>online version</em>, the following key combinations are only used to copy or paste data from/into another presentation or some other program,</span> <span class="desktopDocumentFeatures">in the <em>desktop version</em>, both the corresponding buttons/menu options and key combinations can be used for any copy/paste operations:</span></p>
             <ul>
@@ -29,7 +30,7 @@
             </ul>
             <h3>Use the Paste Special feature</h3>
             <p class="note"><b>Note</b>: For collaborative editing, the <b>Pase Special</b> feature is available in the <b>Strict</b> co-editing mode only.</p>
-            <p>Once the copied data is pasted, the <b>Paste Special</b> <img alt="Paste Special" src="../images/pastespecialbutton.png" /> button appears next to the inserted text passage/object. Click this button to select the necessary paste option. </p>
+            <p>Once the copied data is pasted, the <b>Paste Special</b> <div class = "icon icon-pastespecialbutton"></div> button appears next to the inserted text passage/object. Click this button to select the necessary paste option. </p>
             <p>When pasting text passages, the following options are available:</p>
             <ul>
                 <li><em>Use destination theme</em> - allows applying the formatting specified by the theme of the current presentation. This option is used by default.</li>
@@ -47,9 +48,9 @@
             <h3>Use the Undo/Redo operations</h3>
             <p>To undo/redo your actions, use the corresponding icons on the left side of the editor header or keyboard shortcuts:</p>
             <ul>
-                <li><b>Undo</b> – use the <b>Undo</b> <img alt="Undo icon" src="../images/undo.png" /> icon to undo the last operation you performed.</li>
+                <li><b>Undo</b> – use the <b>Undo</b> <div class = "icon icon-undo"></div> icon to undo the last operation you performed.</li>
                 <li>
-                    <b>Redo</b> – use the <b>Redo</b> <img alt="Redo icon" src="../images/redo.png" /> icon to redo the last undone operation.
+                    <b>Redo</b> – use the <b>Redo</b> <div class = "icon icon-redo"></div> icon to redo the last undone operation.
                     <p>You can also use the <b>Ctrl+Z</b> key combination for undoing or <b>Ctrl+Y</b> for redoing.</p>
                 </li>
             </ul>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/CreateLists.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/CreateLists.htm
index 6b0ae45447..b1c3269d0a 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/CreateLists.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/CreateLists.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Create bulleted and numbered lists in the document changing the lists outline" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -21,23 +22,23 @@
                 <li>
                     select the list type you would like to start:
                     <ul>
-                        <li><b>Unordered list</b> with markers is created using the <b>Bullets</b> <img alt="Unordered List icon" src="../images/bullets.png" /> icon situated on the top toolbar</li>
+                        <li><b>Unordered list</b> with markers is created using the <b>Bullets</b> <div class = "icon icon-bullets"></div> icon situated on the top toolbar</li>
                         <li>
-                            <b>Ordered list</b> with digits or letters is created using the <b>Numbering</b> <img alt="Ordered List icon" src="../images/numbering.png" /> icon situated at the top toolbar
+                            <b>Ordered list</b> with digits or letters is created using the <b>Numbering</b> <div class = "icon icon-numbering"></div> icon situated at the top toolbar
                             <p class="note"><b>Note</b>: click the downward arrow next to the <b>Bullets</b> or <b>Numbering</b> icon to select how the list is going to look like.</p>
                         </li>
                     </ul>
                 </li>
                 <li>now each time you press the <b>Enter</b> key at the end of the line, a new ordered or unordered list item will appear. To stop that, press the <b>Backspace</b> key and continue with the common text paragraph.</li>
             </ol>
-            <p>You can also change the text indentation in the lists and their nesting using the <b>Decrease indent</b> <img alt="Decrease indent icon" src="../images/decreaseindent.png" />, and <b>Increase indent</b> <img alt="Increase indent icon" src="../images/increaseindent.png" /> icons on the <b>Home</b> tab of the top toolbar.</p>
+            <p>You can also change the text indentation in the lists and their nesting using the <b>Decrease indent</b> <div class = "icon icon-decreaseindent"></div>, and <b>Increase indent</b> <div class = "icon icon-increaseindent"></div> icons on the <b>Home</b> tab of the top toolbar.</p>
             <p class="note"><b>Note</b>: the additional indentation and spacing parameters can be changed on the right sidebar and in the advanced settings window. To learn more about it, read the <a href="InsertText.htm" onclick="onhyperlinkclick(this)">Insert and format your text</a> section.</p>
 
             <h3>Change the list settings</h3>
             <p>To change the bulleted or numbered list settings, such as a bullet type, size and color:</p>
             <ol>
                 <li>click an existing list item or select the text you want to format as a list,</li>
-                <li>click the <b>Bullets</b> <img alt="Unordered List icon" src="../images/bullets.png" /> or <b>Numbering</b> <img alt="Ordered List icon" src="../images/numbering.png" /> icon on the <b>Home</b> tab of the top toolbar,</li>
+                <li>click the <b>Bullets</b> <div class = "icon icon-bullets"></div> or <b>Numbering</b> <div class = "icon icon-numbering"></div> icon on the <b>Home</b> tab of the top toolbar,</li>
                 <li>select the <b>List Settings</b> option,</li>
                 <li>
                     the <b>List Settings</b> window will open. The bulleted list settings window looks like this:
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/FillObjectsSelectColor.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/FillObjectsSelectColor.htm
index f9e608266e..6a123a19df 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/FillObjectsSelectColor.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/FillObjectsSelectColor.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Fill the added objects with color, picture or texture, select colors for the slide background, autoshape fill and stroke, font." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,9 +19,9 @@
 			<ol>
 			<li>Select an object
                 <ul>
-                    <li>To change the slide background fill, select the necessary slides in the slide list. The <img alt="Slide settings Icon" src="../images/slide_settings_icon.png" /> <b>Slide settings</b> tab will be activated on the right sidebar.</li>
-                    <li>To change the autoshape fill, left-click the necessary autoshape. The <img alt="Shape settings Icon" src="../images/shape_settings_icon.png" /> <b>Shape settings</b> tab will be activated on the right sidebar.</li>
-                    <li>To change the Text Art font fill, left-click the necessary text object. The <img alt="Text Art settings Icon" src="../images/textart_settings_icon.png" /> <b>Text Art settings</b> tab will be activated on the right sidebar.</li>
+                    <li>To change the slide background fill, select the necessary slides in the slide list. The <div class = "icon icon-slide_settings_icon"></div> <b>Slide settings</b> tab will be activated on the right sidebar.</li>
+                    <li>To change the autoshape fill, left-click the necessary autoshape. The <div class = "icon icon-shape_settings_icon"></div> <b>Shape settings</b> tab will be activated on the right sidebar.</li>
+                    <li>To change the Text Art font fill, left-click the necessary text object. The <div class = "icon icon-textart_settings_icon"></div> <b>Text Art settings</b> tab will be activated on the right sidebar.</li>
                 </ul>
 			</li>
 			<li>Set the necessary fill type</li>
@@ -48,7 +49,7 @@
 				<hr />
 			<ul>				
 				<li>
-					<b>Gradient Fill</b> - select this option to fill the slide/shape with two colors which smoothly change from one to another. Click the <img alt="Shape settings Icon" src="../images/shape_settings_icon.png" /> <b>Shape settings</b> icon to open the <b>Fill</b> menu:
+					<b>Gradient Fill</b> - select this option to fill the slide/shape with two colors which smoothly change from one to another. Click the <div class = "icon icon-shape_settings_icon"></div> <b>Shape settings</b> icon to open the <b>Fill</b> menu:
 					<p><img class="floatleft" alt="Gradient Fill" src="../images/fill_gradient.png" /></p>
 					<ul style="margin-left: 280px;">
 						<li><b>Style</b> - choose one of the available options: <b>Linear</b> (colors change in a straight line i.e. along a horizontal/vertical axis or diagonally at a 45 degree angle) or <b>Radial</b> (colors change in a circular path from the center to the edges).</li>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/HighlightedCode.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/HighlightedCode.htm
index c2561f8fa3..a0695e13d6 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/HighlightedCode.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/HighlightedCode.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="The description of Hightlight code plugin for ONLYOFFICE editors, which allows to embed code with the already adjusted style into presentations" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -17,7 +18,7 @@
         <p>In the <a target="_blank" href="https://www.onlyoffice.com/en/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>, you can embed highlighted code with the already adjusted style in accordance with the programming language and coloring style of the program you have chosen.</p>
         <ol>
             <li>Go to your presentation and place the cursor at the location where you want to include the code.</li>
-            <li>Switch to the <b>Plugins</b> tab and choose <img alt="Highlight code plugin icon" src="../images/highlight.png" /> <b>Highlight code</b>.</li>
+            <li>Switch to the <b>Plugins</b> tab and choose <div class = "icon icon-highlight"></div> <b>Highlight code</b>.</li>
             <li>Specify the programming <b>Language</b>.</li>
             <li>Select a <b>Style</b> of the code so that it appears as if it were open in this program.</li>
             <li>Specify if you want to replace tabs with spaces.</li>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertAutoshapes.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertAutoshapes.htm
index c0ac0ecfd1..90c8ad7bdd 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertAutoshapes.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertAutoshapes.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add an autoshape to your presentation and adjust its properties." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<p>To <b>add</b> an autoshape to a slide in the <a target="_blank" href="https://www.onlyoffice.com/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>,</p>
 			<ol>
 				<li>in the slide list on the left, select the slide you want to add the autoshape to,</li>
-				<li>click the  <img alt="Shape icon" src="../images/insertautoshape.png" /> <b>Shape</b> icon on the <b>Home</b> or <b>Insert</b> tab of the top toolbar,</li>
+				<li>click the  <div class = "icon icon-insertautoshape"></div> <b>Shape</b> icon on the <b>Home</b> or <b>Insert</b> tab of the top toolbar,</li>
 				<li>select one of the available autoshape groups: Basic Shapes, Figured Arrows, Math, Charts, Stars & Ribbons, Callouts, Buttons, Rectangles, Lines,</li>
 				<li>click on the necessary autoshape within the selected group,</li>
 				<li>in the slide editing area, place the mouse cursor where you want the shape to be put,
@@ -31,7 +32,7 @@
             <p>It's also possible to add an autoshape to a slide layout. To learn more, please refer to this <a href="../UsageInstructions/SetSlideParameters.htm#addtolayout" onclick="onhyperlinkclick(this)">article</a>.</p>
 			<hr />
             <h3>Adjust autoshape settings</h3>
-			<p>Some of the autoshape settings can be altered using the <b>Shape settings</b> tab of the right sidebar. To activate it, click the autoshape and choose the <b>Shape settings</b> <img alt="Shape settings icon" src="../images/shape_settings_icon.png" /> icon on the right. Here you can change the following properties:</p>
+			<p>Some of the autoshape settings can be altered using the <b>Shape settings</b> tab of the right sidebar. To activate it, click the autoshape and choose the <b>Shape settings</b> <div class = "icon icon-shape_settings_icon"></div> icon on the right. Here you can change the following properties:</p>
 			<p><img class="floatleft"alt="Shape settings tab" src="../images/shapesettingstab.png" /></p>
 			<ul  style="margin-left: 280px;">
 			<li><b>Fill</b> - use this section to select the autoshape fill. You can choose the following options:
@@ -54,10 +55,10 @@
                 <li>
                     <b>Rotation</b> is used to rotate the shape by 90 degrees clockwise or counterclockwise as well as to flip the shape horizontally or vertically. Click one of the buttons:
                     <ul>
-                        <li><img alt="Rotate counterclockwise icon" src="../images/rotatecounterclockwise.png" /> to rotate the shape by 90 degrees counterclockwise</li>
-                        <li><img alt="Rotate clockwise icon" src="../images/rotateclockwise.png" /> to rotate the shape by 90 degrees clockwise</li>
-                        <li><img alt="Flip horizontally icon" src="../images/fliplefttoright.png" /> to flip the shape horizontally (left to right)</li>
-                        <li><img alt="Flip vertically icon" src="../images/flipupsidedown.png" /> to flip the shape vertically (upside down)</li>
+                        <li><div class = "icon icon-rotatecounterclockwise"></div> to rotate the shape by 90 degrees counterclockwise</li>
+                        <li><div class = "icon icon-rotateclockwise"></div> to rotate the shape by 90 degrees clockwise</li>
+                        <li><div class = "icon icon-fliplefttoright"></div> to flip the shape horizontally (left to right)</li>
+                        <li><div class = "icon icon-flipupsidedown"></div> to flip the shape vertically (upside down)</li>
                     </ul>
                 </li>
                 <li><b>Change Autoshape</b> - use this section to replace the current autoshape with another one selected from the dropdown list.</li>
@@ -66,7 +67,7 @@
 			<hr />
 			<p>To change the <b>advanced settings</b> of the autoshape, right-click the shape and select the <b>Shape Advanced Settings</b> option from the contextual menu or left-click it and press the <b>Show advanced settings</b> link on the right sidebar. The shape properties window will be opened:</p>
             <p><img alt="Shape Properties - Size tab" src="../images/shape_properties1.png" /></p>
-			<p>The <b>Size</b> tab allows you to change the autoshape <b>Width</b> and/or <b>Height</b>. If the <b>Constant proportions</b> <img alt="Constant proportions icon" src="../images/constantproportions.png" /> button is clicked (in this case it looks like this <img alt="Constant proportions icon activated" src="../images/constantproportionsactivated.png" />), the width and height will be changed together preserving the original autoshape aspect ratio.</p>
+			<p>The <b>Size</b> tab allows you to change the autoshape <b>Width</b> and/or <b>Height</b>. If the <b>Constant proportions</b> <div class = "icon icon-constantproportions"></div> button is clicked (in this case it looks like this <div class = "icon icon-constantproportionsactivated"></div>), the width and height will be changed together preserving the original autoshape aspect ratio.</p>
             <p><img alt="Shape - Advanced Settings" src="../images/shape_properties5.png" /></p>
             <p>The <b>Rotation</b> tab contains the following parameters:</p>
             <ul>
@@ -112,23 +113,23 @@
             <h3>Join autoshapes using connectors</h3>
             <p>You can connect autoshapes using lines with connection points to demonstrate dependencies between the objects (e.g. if you want to create a flowchart). To do that,</p>
             <ol>
-                <li>click the  <img alt="Shape icon" src="../images/insertautoshape.png" /> <b>Shape</b> icon on the <b>Home</b> or <b>Insert</b> tab of the top toolbar,</li>
+                <li>click the  <div class = "icon icon-insertautoshape"></div> <b>Shape</b> icon on the <b>Home</b> or <b>Insert</b> tab of the top toolbar,</li>
                 <li>
                     select the <b>Lines</b> group from the menu,
                     <p><img alt="Shapes - Lines" src="../images/connectors.png" /></p>
                 </li>
                 <li>click the necessary shape within the selected group (excepting the last three shapes which are not connectors, namely <em>Curve</em>, <em>Scribble</em> and <em>Freeform</em>),</li>
                 <li>
-                    hover the mouse cursor over the first autoshape and click one of the connection points <img alt="Connection point icon" src="../images/connectionpoint.png" /> that appear on the shape outline,
-                    <p><img alt="Using connectors" src="../images/connectors_firstshape.png" /></p>
+                    hover the mouse cursor over the first autoshape and click one of the connection points <div class = "icon icon-connectionpoint"></div> that appear on the shape outline,
+                    <p><div class = "big big-connectors_firstshape"></div></p>
                 </li>
                 <li>
                     drag the mouse cursor towards the second autoshape and click the necessary connection point on its outline.
-                    <p><img alt="Using connectors" src="../images/connectors_secondshape.png" /></p>
+                    <p><div class = "big big-connectors_secondshape"></div></p>
                 </li>
             </ol>
             <p>If you move the joined autoshapes, the connector remains attached to the shapes and moves together with them. </p>
-            <p><img alt="Moving joined shapes" src="../images/connectors_moveshape.png" /></p>
+            <p><div class = "big big-connectors_moveshape"></div></p>
             <p>You can also detach the connector from the shapes and then attach it to any other connection points.</p>
 		</div>
 	</body>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertCharts.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertCharts.htm
index ad19abaf34..144b8e39c1 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertCharts.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertCharts.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add a chart to your presentation and adjust its properties" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,7 +20,7 @@
             <ol>
                 <li>put the cursor where you want to add a chart,</li>
                 <li>switch to the <b>Insert</b> tab of the top toolbar,</li>
-                <li>click the <img alt="Chart icon" src="../images/insertchart.png" /> <b>Chart</b> icon on the top toolbar,</li>
+                <li>click the <div class = "icon icon-insertchart"></div> <b>Chart</b> icon on the top toolbar,</li>
 				<li>select the needed chart type from the available ones:                
                 <details class="details-example">
                 <summary>Column Charts</summary>
@@ -99,10 +100,10 @@
                 <li>
                     after that the <b>Chart Editor</b> window will appear where you can enter the necessary data into the cells using the following controls:
                     <ul>
-                        <li><img alt="Copy" src="../images/copy.png" /> and <img alt="Paste" src="../images/paste.png" /> for copying and pasting the copied data</li>
-                        <li><img alt="Undo" src="../images/undo1.png" /> and <img alt="Redo" src="../images/redo1.png" /> for undoing and redoing actions</li>
-                        <li><img alt="Insert function" src="../images/insertfunction.png" /> for inserting a function</li>
-                        <li><img alt="Decrease decimal" src="../images/decreasedec.png" /> and <img alt="Increase decimal" src="../images/increasedec.png" /> for decreasing and increasing decimal places</li>
+                        <li><div class = "icon icon-copy"></div> and <div class = "icon icon-paste"></div> for copying and pasting the copied data</li>
+                        <li><div class = "icon icon-undo1"></div> and <div class = "icon icon-redo1"></div> for undoing and redoing actions</li>
+                        <li><div class = "icon icon-insertfunction"></div> for inserting a function</li>
+                        <li><div class = "icon icon-decreasedec"></div> and <div class = "icon icon-increasedec"></div> for decreasing and increasing decimal places</li>
                         <li><img alt="Number format" src="../images/numberformat.png" /> for changing the number format, i.e. the way the numbers you enter appear in cells</li>
                         <li><img alt="Chart Type" src="../images/charttypebutton.png" /> for choosing a different type of chart.</li>
                     </ul>
@@ -118,7 +119,7 @@
                                     <b>Chart Data Range</b> - select data for your chart.
                                     <ul>
                                         <li>
-                                            Click the <img alt="Source data range icon" src="../images/changerange.png" /> icon on the right of the <b>Chart data range</b> box to select data range.
+                                            Click the <div class = "icon icon-changerange"></div> icon on the right of the <b>Chart data range</b> box to select data range.
                                             <p><img alt="Select Data Range window" src="../images/selectdata.png" /></p>
                                         </li>
                                     </ul>
@@ -128,7 +129,7 @@
                                     <ul>
                                         <li>In <b>Legend Entries (Series)</b>, click <b>Add</b> button.</li>
                                         <li>
-                                            In <b>Edit Series</b>, type a new legend entry or click the <img alt="Source data range icon" src="../images/changerange.png" /> icon on the right of the <b>Select name</b> box.
+                                            In <b>Edit Series</b>, type a new legend entry or click the <div class = "icon icon-changerange"></div> icon on the right of the <b>Select name</b> box.
                                             <p><img alt="Edit Series window" src="../images/editseries.png" /></p>
                                         </li>
                                     </ul>
@@ -138,7 +139,7 @@
                                     <ul>
                                         <li><b>In Horizontal (Category) Axis Labels</b>, click <b>Edit</b>.</li>
                                         <li>
-                                            In <b>Axis label range</b>, type the labels you want to add or click the <img alt="Source data range icon" src="../images/changerange.png" /> icon on the right of the <b>Axis label range</b> box to select data range.
+                                            In <b>Axis label range</b>, type the labels you want to add or click the <div class = "icon icon-changerange"></div> icon on the right of the <b>Axis label range</b> box to select data range.
                                             <p><img alt="Axis Labels window" src="../images/axislabels.png" /></p>
                                         </li>
                                     </ul>
@@ -328,31 +329,31 @@
                     <p>You can specify the <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">chart position</a> on the slide by dragging it vertically or horizontally.</p>
                 </li>
             </ol>
-            <p>You can also add a chart into a text placeholder by pressing the <img alt="Chart icon" src="../images/placeholder_chart.png" /> <b>Chart</b> icon within it and selecting the necessary chart type:</p>
+            <p>You can also add a chart into a text placeholder by pressing the <div class = "icon icon-placeholder_chart"></div> <b>Chart</b> icon within it and selecting the necessary chart type:</p>
             <p><img alt="Add chart to placeholder" src="../images/placeholder_object.png" /></p>	
             <p>It's also possible to add a chart to a slide layout. To learn more, please refer to this <a href="../UsageInstructions/SetSlideParameters.htm#addtolayout" onclick="onhyperlinkclick(this)">article</a>.</p>					
 			<hr />
             <h3>Edit chart elements</h3>
             <p>To edit the chart <b>Title</b>, select the default text with the mouse and type in your own one instead.</p>
             <p>To change the font formatting within text elements, such as the chart title, axes titles, legend entries, data labels, etc., select the necessary text element by left-clicking it. Then use the corresponding icons on the <b>Home</b> tab of the top toolbar to change the font <a href="../UsageInstructions/InsertText.htm#formatfont" onclick="onhyperlinkclick(this)">type, style, size, or color</a>.</p>
-            <p>When the chart is selected, the <b>Shape settings</b> <img alt="Shape settings icon" src="../images/shape_settings_icon.png" /> icon is also available on the right, since the shape is used as the background for the chart. You can click this icon to open the <b>Shape settings</b> tab on the right sidebar and adjust the shape <a href="../UsageInstructions/InsertAutoshapes.htm#shape_fill" onclick="onhyperlinkclick(this)"><b>Fill</b></a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>Stroke</b></a> and <b>Wrapping Style</b>. Note that you cannot change the shape type.</p>
+            <p>When the chart is selected, the <b>Shape settings</b> <div class = "icon icon-shape_settings_icon"></div> icon is also available on the right, since the shape is used as the background for the chart. You can click this icon to open the <b>Shape settings</b> tab on the right sidebar and adjust the shape <a href="../UsageInstructions/InsertAutoshapes.htm#shape_fill" onclick="onhyperlinkclick(this)"><b>Fill</b></a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>Stroke</b></a> and <b>Wrapping Style</b>. Note that you cannot change the shape type.</p>
             <p>
                 Using the <b>Shape Settings</b> tab on the right panel, you can not only adjust the chart area itself, but also change the chart elements, such as <em>plot area</em>, <em>data series</em>, <em>chart title</em>, <em>legend</em>, etc. and apply different fill types to them. Select the chart element by clicking it with the left mouse button and choose the preferred fill type: <em>solid color</em>, <em>gradient</em>, <em>texture</em> or <em>picture</em>, <em>pattern</em>. Specify the fill parameters and set the <em>Opacity</em> level if necessary.
                 When you select a vertical or horizontal axis or gridlines, the stroke settings are only available on the <b>Shape Settings</b> tab: <em>color</em>, <em>width</em> and <em>type</em>. For more details on how to work with shape colors, fills and stroke, please refer to <a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">this page</a>.
             </p>
             <p class="note"><b>Note</b>: the <b>Show shadow</b> option is also available on the <b>Shape settings</b> tab, but it is disabled for chart elements.</p>
-            <p>If you need to resize chart elements, left-click to select the needed element and drag one of 8 white squares <img alt="Square icon" src="../images/resize_square.png" /> located along the perimeter of the element.</p>
-            <p><img alt="Resize chart elements" src="../images/resizeelement.png" /></p>
-            <p>To change the position of the element, left-click on it, make sure your cursor changed to <img alt="Arrow" src="../images/arrow.png" />, hold the left mouse button and drag the element to the needed position.</p>
-            <p><img alt="Move chart elements" src="../images/moveelement.png" /></p>
+            <p>If you need to resize chart elements, left-click to select the needed element and drag one of 8 white squares <div class = "icon icon-resize_square"></div> located along the perimeter of the element.</p>
+            <p><div class = "big big-resizeelement"></div></p>
+            <p>To change the position of the element, left-click on it, make sure your cursor changed to <div class = "icon icon-arrow"></div>, hold the left mouse button and drag the element to the needed position.</p>
+            <p><div class = "big big-moveelement"></div></p>
             <p>To delete a chart element, select it by left-clicking and press the <b>Delete</b> key.</p>
             <p>You can also rotate 3D charts using the mouse. Left-click within the plot area and hold the mouse button. Drag the cursor without releasing the mouse button to change the 3D chart orientation.</p>
             <p><img alt="3D chart" src="../images/3dchart.png" /></p>
             <hr />
             <h3>Adjust chart settings</h3>
 			<img alt="Chart tab" src="../images/charttab.png" />
-			<p>The chart size, type and style as well as the data used to create the chart can be altered using the right sidebar. To activate it, click the chart and choose the <b>Chart settings</b> <img alt="Chart settings icon" src="../images/chart_settings_icon.png" /> icon on the right.</p>
-			<p>The <b>Size</b> section allows you to change the chart width and/or height. If the <b>Constant proportions</b> <img alt="Constant proportions icon" src="../images/constantproportions.png" /> button is clicked (in this case it looks like this <img alt="Constant proportions icon activated" src="../images/constantproportionsactivated.png" />), the width and height will be changed together preserving the original chart aspect ratio.</p>
+			<p>The chart size, type and style as well as the data used to create the chart can be altered using the right sidebar. To activate it, click the chart and choose the <b>Chart settings</b> <div class = "icon icon-chart_settings_icon"></div> icon on the right.</p>
+			<p>The <b>Size</b> section allows you to change the chart width and/or height. If the <b>Constant proportions</b> <div class = "icon icon-constantproportions"></div> button is clicked (in this case it looks like this <div class = "icon icon-constantproportionsactivated"></div>), the width and height will be changed together preserving the original chart aspect ratio.</p>
 			<p>The <b>Change Chart Type</b> section allows you to change the type of the selected chart type and/or its style using the corresponding drop-down menu. </p>
 			<p>To select the necessary chart <b>Style</b>, use the second drop-down menu in the <b>Change Chart Type</b> section.</p>            
             <p>The <b>Edit Data</b> button allows you to open the <b>Chart Editor</b> window and start editing data as described above.</p>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertEquation.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertEquation.htm
index dff87269e6..8ea437ee2b 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertEquation.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertEquation.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Insert equations and mathematical symbols." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,26 +20,26 @@
             <p>To insert an equation from the gallery,</p>
 			<ol>
                 <li>switch to the <b>Insert</b> tab of the top toolbar,</li>
-				<li>click the arrow next to the <img alt="Equation icon" src="../images/insertequationicon.png" /> <b>Equation</b> icon on the top toolbar,</li>
+				<li>click the arrow next to the <div class = "icon icon-insertequationicon"></div> <b>Equation</b> icon on the top toolbar,</li>
 				<li>in the opened drop-down list select the equation category you need. The following categories are currently available: <em>Symbols</em>, <em>Fractions</em>, <em>Scripts</em>, <em>Radicals</em>, <em>Integrals</em>, <em>Large Operators</em>, <em>Brackets</em>, <em>Functions</em>, <em>Accents</em>, <em>Limits and Logarithms</em>, <em>Operators</em>, <em>Matrices</em>,</li>
                 <li>click the certain symbol/equation in the corresponding set of templates.</li>
 			</ol>
             <p>The selected symbol/equation box will be inserted in the center of the current slide.</p>
-            <img alt="Inserted Equation" src="../images/insertedequation.png" />
+            <div class = "big big-insertedequation"></div>
             <p>If you do not see the equation box border, click anywhere within the equation - the border will be displayed as a dashed line. The equation box can be freely <b>moved, resized or rotated</b> on the slide. To do that, click on the equation box border (it will be displayed as a solid line) and use the <a href="ManipulateObjects.htm" onclick="onhyperlinkclick(this)">corresponding handles</a>.</p>
-            <img alt="Selected Equation" src="../images/selectedequation.png" />
-            <p>Each equation template represents a set of slots. A slot is a position for each element that makes up the equation. An empty slot (also called as a placeholder) has a dotted outline <img alt="Equation Placeholder" src="../images/equationplaceholder.png" />. You need to fill in all the placeholders specifying the necessary values.</p>
+            <div class = "big big-selectedequation"></div>
+            <p>Each equation template represents a set of slots. A slot is a position for each element that makes up the equation. An empty slot (also called as a placeholder) has a dotted outline <div class = "icon icon-equationplaceholder"></div>. You need to fill in all the placeholders specifying the necessary values.</p>
             <h3>Enter values</h3>
             <p>The <b>insertion point</b> specifies where the next character you enter will appear. To position the insertion point precisely, click within a placeholder and use the keyboard arrows to move the insertion point one character left/right.</p>
-            <img alt="Edited Equation" src="../images/newslot.png" />
+            <div class = "big big-newslot"></div>
             <p>Once the insertion point is positioned, you can fill in the placeholder:
             <ul>
                 <li>enter the desired numeric/literal value using the keyboard,</li>
-                <li>insert a special character using the <b>Symbols</b> palette from the <img alt="Equation icon" src="../images/insertequationicon.png" /><b>Equation</b> menu on the <b>Insert</b> tab of the top toolbar or typing them from the keyboard (see the <a href="../UsageInstructions/MathAutoCorrect.htm" onclick="onhyperlinkclick(this)"><b>Math AutoСorrect</b></a> option description),</li>
+                <li>insert a special character using the <b>Symbols</b> palette from the <div class = "icon icon-insertequationicon"></div><b>Equation</b> menu on the <b>Insert</b> tab of the top toolbar or typing them from the keyboard (see the <a href="../UsageInstructions/MathAutoCorrect.htm" onclick="onhyperlinkclick(this)"><b>Math AutoСorrect</b></a> option description),</li>
                 <li>add another equation template from the palette to create a complex nested equation. The size of the primary equation will be automatically adjusted to fit its content. The size of the nested equation elements depends on the primary equation placeholder size, but it cannot be smaller than the sub-subscript size.</li>                
             </ul>
             </p>
-            <p><img alt="Edited Equation" src="../images/nestedfraction.png" /></p>
+            <p><div class = "big big-nestedfraction"></div></p>
             <p>To add some new equation elements, you can also use the <b>right-click menu options</b>:</p>
             <ul>
                 <li>To add a new argument that goes before or after the existing one within <em>Brackets</em>, you can right-click on the existing argument and select the <b>Insert argument before/after</b> option from the menu.</li>
@@ -52,7 +53,7 @@
             <p>By default, the equation within the text box is horizontally centered and vertically aligned to the top of the text box. To change its horizontal/vertical alignment, put the cursor within the the equation box (the text box borders will be displayed as dashed lines) and use the <a href="../UsageInstructions/InsertText.htm#formattext" onclick="onhyperlinkclick(this)">corresponding icons</a> on the <b>Home</b> tab of the top toolbar.</p>
             <p>To increase or decrease the equation <b>font size</b>, click anywhere within the equation box and select the necessary font size from the list on the <b>Home</b> tab of the top toolbar. All the equation elements will change correspondingly.</p>
             <p>The letters within the equation are italicized by default. If necessary, you can change the <b>font style</b> (<em>bold, italic, strikeout</em>) or <b>color</b> for a whole equation or its part. The <em>underlined</em> style can be applied to the entire equation only, not to individual characters. Select the necessary part of the equation by clicking and dragging. The selected part will be highlighted blue. Then use the necessary buttons on the <b>Home</b> tab of the top toolbar to format the selection. For example, you can remove the italic format for ordinary words that are not variables or constants.</p>
-            <img alt="Edited Equation" src="../images/formatastext.png" />
+            <div class = "big big-formatastext"></div>
             <p>To modify some equation elements, you can also use the <b>right-click menu options</b>:</p>
             <ul><li>To change the <em>Fractions</em> format, you can right-click on a fraction and select the <b>Change to skewed/linear/stacked fraction</b> option from the menu (the available options differ depending on the selected fraction type). <!--The <b>Remove/Add fraction bar</b> option is also available for stacked fractions.--></li>
                 <li>To change the <em>Scripts</em> position relating to text, you can right-click on the equation that includes scripts and select the <b>Scripts before/after text</b> option from the menu.</li>
@@ -77,7 +78,7 @@
             <p>To delete a part of the equation, select the part you want to delete by dragging the mouse or holding down the <b>Shift</b> key and using the arrow buttons, then press the <b>Delete</b> key.</p>
             <p>A slot can only be deleted together with the template it belongs to.</p>
             <p>To delete the entire equation, click on the equation box border (it will be displayed as a solid line) and and press the <b>Delete</b> key.</p>
-            <img alt="Delete Equation" src="../images/deleteequation.png" />
+            <div class = "big big-deleteequation"></div>
             <p>To delete some equation elements, you can also use the <b>right-click menu options</b>:</p>
             <ul>
                 <li>To delete a <em>Radical</em>, you can right-click on it and select the <b>Delete radical</b> option from the menu.</li>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertHeadersFooters.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertHeadersFooters.htm
index c74a47f530..926c792f1c 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertHeadersFooters.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertHeadersFooters.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Insert headers and footers in your presentation, add date and time, slide numbers." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<p>To insert a footer in the <a target="_blank" href="https://www.onlyoffice.com/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>:</p>
 			<ol>
 			<li>switch to the <b>Insert</b> tab,</li>
-			<li>click the <img alt="Edit footer icon" src="../images/header_footer_icon.png" /> <b>Edit footer</b> button on the top toolbar,</li>
+			<li>click the <div class = "icon icon-header_footer_icon"></div> <b>Edit footer</b> button on the top toolbar,</li>
             <li>the <b>Footer Settings</b> window will open. Check the data you want to add to the footer. The changes are displayed in the preview window on the right.
                 <ul>
                     <li>check the <b>Date and time</b> box to insert a date or time in the selected format. The selected date will be added to the left field of the slide footer.
@@ -39,13 +40,13 @@
             <li>click the <b>Apply to all</b> button to apply changes to all slides or use the <b>Apply</b> button to apply the changes to the current slide only.</li>
 			</ol>
             <p>To quickly insert a date or a slide number to the footer of the selected slide, you can use the <b>Show slide Number</b> and <b>Show Date and Time</b> options on the <b>Slide Settings</b> tab of the right sidebar. In this case, the selected settings will be applied to the current slide only. The date and time or slide number added in such a way can be adjusted later using the <b>Footer Settings</b> window.</p>
-            <p>To edit the added footer, click the <img alt="Edit footer icon" src="../images/header_footer_icon.png" /> <b>Edit footer</b> button on the top toolbar, make the necessary changes in the <b>Footer Settings</b> window, and click the <b>Apply</b> or <b>Apply to All</b> button to save the changes.</p>
+            <p>To edit the added footer, click the <div class = "icon icon-header_footer_icon"></div> <b>Edit footer</b> button on the top toolbar, make the necessary changes in the <b>Footer Settings</b> window, and click the <b>Apply</b> or <b>Apply to All</b> button to save the changes.</p>
             <h3>Insert date and time and slide number into the text box</h3>
             <p>It's also possible to insert date and time or slide number into the selected text box using the corresponding buttons on the <b>Insert</b> tab of the top toolbar.</p>
             <h5>Insert date and time</h5>
             <ol>
                 <li>put the mouse cursor within the text box where you want to insert the date and time,</li>
-                <li>click the <img alt="Date and Time icon" src="../images/date_time_icon.png" /> <b>Date &amp; Time</b> button on the <b>Insert</b> tab of the top toolbar,</li>
+                <li>click the <div class = "icon icon-date_time_icon"></div> <b>Date &amp; Time</b> button on the <b>Insert</b> tab of the top toolbar,</li>
                 <li>select the necessary <b>Language</b> from the list and choose the necessary date and  time <b>Format</b> in the <b>Date &amp; Time</b> window,
                 <p><img alt="Date and Time Settings" src="../images/date_time_settings.png" /></p>
                 </li>
@@ -55,14 +56,14 @@
             <p>The date and time will be inserted in the current cursor position. To edit the inserted date and time,</p>
             <ol>
                 <li>select the inserted date and time in the text box,</li>
-                <li>click the <img alt="Date and Time icon" src="../images/date_time_icon.png" /> <b>Date &amp; Time</b> button on the <b>Insert</b> tab of the top toolbar,</li>
+                <li>click the <div class = "icon icon-date_time_icon"></div> <b>Date &amp; Time</b> button on the <b>Insert</b> tab of the top toolbar,</li>
                 <li>choose the necessary format in the <b>Date &amp; Time</b> window,</li>
                 <li>click the <b>OK</b> button.</li>
             </ol>
             <h5>Insert a slide number</h5>
             <ol>
                 <li>put the mouse cursor within the text box where you want to insert the slide number,</li>
-                <li>click the <img alt="Slide Number icon" src="../images/slide_number_icon.png" /> <b>Slide Number</b> button on the <b>Insert</b> tab of the top toolbar,</li>
+                <li>click the <div class = "icon icon-slide_number_icon"></div> <b>Slide Number</b> button on the <b>Insert</b> tab of the top toolbar,</li>
                 <li>check the <b>Slide number</b> box in the <b>Footer Settings</b> window,</li>
                 <li>click the <b>OK</b> button to apply the changes.</li>
             </ol>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertImages.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertImages.htm
index 4da5e8942b..cfa35739be 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertImages.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertImages.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add an image to your presentation and adjust its size and position." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,7 +20,7 @@
 			<p>To <b>add</b> an image on a slide,</p>
 			<ol>
 				<li>in the slide list on the left, select the slide you want to add the image to,</li>
-				<li>click the <img alt="Image icon" src="../images/image.png" /> <b>Image</b> icon on the <b>Home</b> or <b>Insert</b> tab of the top toolbar,</li>
+				<li>click the <div class = "icon icon-image"></div> <b>Image</b> icon on the <b>Home</b> or <b>Insert</b> tab of the top toolbar,</li>
 				<li>select one of the following options to load the image:
 					<ul>
                         <li>the <b>Image from File</b> option will open the standard dialog window so that you can choose a file. Browse the hard disk drive your computer to select the necessary file and click the <b>Open</b> button
@@ -31,16 +32,16 @@
 				</li>
 				<li>once the image is added, you can <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">change its size and position</a>.</li>
 			</ol>
-            <p>You can also add an image into a text placeholder pressing the <img alt="Image from file icon" src="../images/placeholder_imagefromfile.png" /> <b>Image from file</b> in it and selecting the necessary image stored on your PC, or use the <img alt="Image from URL icon" src="../images/placeholder_imagefromurl.png" /> <b>Image from URL</b> button and specify the image URL address:</p>
+            <p>You can also add an image into a text placeholder pressing the <div class = "icon icon-placeholder_imagefromfile"></div> <b>Image from file</b> in it and selecting the necessary image stored on your PC, or use the <div class = "icon icon-placeholder_imagefromurl"></div> <b>Image from URL</b> button and specify the image URL address:</p>
             <p><img alt="Add image to placeholder" src="../images/placeholder_object.png" /></p>	
             <p>It's also possible to add an image to a slide layout. To learn more, please refer to this <a href="../UsageInstructions/SetSlideParameters.htm#addtolayout" onclick="onhyperlinkclick(this)">article</a>.</p>
 			<hr />
             <h3>Adjust image settings</h3>
-			<p>The right sidebar is activated when you left-click an image and choose the <b>Image settings</b> <img alt="Image settings icon" src="../images/image_settings_icon.png" /> icon on the right. It contains the following sections:</p>
+			<p>The right sidebar is activated when you left-click an image and choose the <b>Image settings</b> <div class = "icon icon-image_settings_icon"></div> icon on the right. It contains the following sections:</p>
             <img alt="Image Settings tab" src="../images/imagesettingstab.png" />
             <p><b>Size</b> - is used to view the <b>Width</b> and <b>Height</b> of the current image or restore its <b>Actual Size</b> if necessary.</p>
 			
-            <p>The <b>Crop</b> button is used to crop the image. Click the <b>Crop</b> button to activate cropping handles which appear on the image corners and in the center of its each side. Manually drag the handles to set the cropping area. You can move the mouse cursor over the cropping area border so that it turns into the <img alt="Arrow" src="../images/arrow.png" /> icon and drag the area. </p>
+            <p>The <b>Crop</b> button is used to crop the image. Click the <b>Crop</b> button to activate cropping handles which appear on the image corners and in the center of its each side. Manually drag the handles to set the cropping area. You can move the mouse cursor over the cropping area border so that it turns into the <div class = "icon icon-arrow"></div> icon and drag the area. </p>
             <ul>
                 <li>To crop a single side, drag the handle located in the center of this side.</li>
                 <li>To simultaneously crop two adjacent sides, drag one of the corner handles.</li>
@@ -56,12 +57,12 @@
             <p><b>Replace Image</b> - is used to load another image instead of the current one from the desired source. You can select one of the options: <b>From File</b>, <b>From Storage</b>, or <b>From URL</b>. The <b>Replace image</b> option is also available in the right-click menu.</p>
             <p><b>Rotation</b> is used to rotate the image by 90 degrees clockwise or counterclockwise as well as to flip the image horizontally or vertically. Click one of the buttons:</p>
             <ul>
-                <li><img alt="Rotate counterclockwise icon" src="../images/rotatecounterclockwise.png" /> to rotate the image by 90 degrees counterclockwise</li>
-                <li><img alt="Rotate clockwise icon" src="../images/rotateclockwise.png" /> to rotate the image by 90 degrees clockwise</li>
-                <li><img alt="Flip horizontally icon" src="../images/fliplefttoright.png" /> to flip the image horizontally (left to right)</li>
-                <li><img alt="Flip vertically icon" src="../images/flipupsidedown.png" /> to flip the image vertically (upside down)</li>
+                <li><div class = "icon icon-rotatecounterclockwise"></div> to rotate the image by 90 degrees counterclockwise</li>
+                <li><div class = "icon icon-rotateclockwise"></div> to rotate the image by 90 degrees clockwise</li>
+                <li><div class = "icon icon-fliplefttoright"></div> to flip the image horizontally (left to right)</li>
+                <li><div class = "icon icon-flipupsidedown"></div> to flip the image vertically (upside down)</li>
             </ul>
-            <p>When the image is selected, the <b>Shape settings</b> <img alt="Shape settings icon" src="../images/shape_settings_icon.png" /> icon is also available on the right. You can click this icon to open the <b>Shape settings</b> tab on the right sidebar and adjust the <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>Line</b></a> type, size and color of the shape as well as change its type by selecting another shape from the <b>Change Autoshape</b> menu. The shape of the image will change correspondingly.</p>
+            <p>When the image is selected, the <b>Shape settings</b> <div class = "icon icon-shape_settings_icon"></div> icon is also available on the right. You can click this icon to open the <b>Shape settings</b> tab on the right sidebar and adjust the <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>Line</b></a> type, size and color of the shape as well as change its type by selecting another shape from the <b>Change Autoshape</b> menu. The shape of the image will change correspondingly.</p>
             <p>On the <b>Shape Settings</b> tab, you can also use the <b>Show shadow</b> option to add a shadow to the image.</p>
             <p><img alt="Shape Settings tab" src="../images/right_image_shape.png" /></p>
 			<hr />
@@ -69,7 +70,7 @@
             <p><img alt="Image Properties" src="../images/image_properties.png" /></p>
 			<p>The <b>Placement</b> tab allows you to set the following image properties:</p>
 			<ul>
-				<li><b>Size</b> - use this option to change the image width and/or height. If the <b>Constant proportions</b> <img alt="Constant proportions icon" src="../images/constantproportions.png" /> button is clicked (in this case it looks like this <img alt="Constant proportions icon activated" src="../images/constantproportionsactivated.png" />), the width and height will be changed together preserving the original image aspect ratio. To restore the actual size of the added image, click the <b>Actual Size</b> button.</li>
+				<li><b>Size</b> - use this option to change the image width and/or height. If the <b>Constant proportions</b> <div class = "icon icon-constantproportions"></div> button is clicked (in this case it looks like this <div class = "icon icon-constantproportionsactivated"></div>), the width and height will be changed together preserving the original image aspect ratio. To restore the actual size of the added image, click the <b>Actual Size</b> button.</li>
 				<li><b>Position</b> - use this option to change the image position on the slide (the position is calculated from the top and the left side of the slide).</li>
 			</ul>
             <p><img alt="Image Properties: Rotation" src="../images/image_properties2.png" /></p>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertSymbols.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertSymbols.htm
index c1464ffb2a..bf92816094 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertSymbols.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertSymbols.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="Insert symbols and characters" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -14,12 +15,12 @@
             <input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
         </div>
         <h1>Insert symbols and characters</h1>
-        <p>When working on a presentation in the <a target="_blank" href="https://www.onlyoffice.com/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>, you may need to insert a symbol which is not available on your keyboard. To insert such symbols into your presentation, use the <img alt="Insert symbol icon" src="../images/insert_symbol_icon.png" /> <b>Insert symbol</b> option and follow these simple steps:</p>
+        <p>When working on a presentation in the <a target="_blank" href="https://www.onlyoffice.com/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>, you may need to insert a symbol which is not available on your keyboard. To insert such symbols into your presentation, use the <div class = "icon icon-insert_symbol_icon"></div> <b>Insert symbol</b> option and follow these simple steps:</p>
         <ul>
             <li>place the cursor where a special symbol should be inserted,</li>
             <li>switch to the <b>Insert</b> tab of the top toolbar,</li>
             <li>
-                click the <img alt="Insert symbol icon" src="../images/insert_symbol_icon.png" /> <b>Symbol</b>,
+                click the <div class = "icon icon-insert_symbol_icon"></div> <b>Symbol</b>,
                 <p><img alt="Insert symbol sidebar " src="../images/insert_symbol_window.png" /></p>
             </li>
             <li>The <b>Symbol</b> dialog box will appear, and you will be able to select the required symbol,</li>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertTables.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertTables.htm
index 76aa68cc26..b040bdf134 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertTables.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertTables.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add a table to your presentation and adjust its properties" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,7 +20,7 @@
 			<ol>
 				<li>select the slide where a table should be added,</li>
                 <li>switch to the <b>Insert</b> tab of the top toolbar,</li>
-				<li>click the <img alt="Table icon" src="../images/inserttable.png" /> <b>Table</b> icon on the top toolbar,</li>
+				<li>click the <div class = "icon icon-inserttable"></div> <b>Table</b> icon on the top toolbar,</li>
 				<li>select one of the following options to create a table:
 					<ul>
 						<li><p>either a table with a predefined number of cells (10 x 8 cells maximum)</p>
@@ -30,11 +31,11 @@
 				</li>
 				<li>once the table is added, you can change its properties and position.</li>
 			</ol>
-            <p>You can also add a table into a text placeholder by pressing the <img alt="Table icon" src="../images/placeholder_table.png" /> <b>Table</b> icon within it and selecting the necessary number of cells or using the <b>Insert Custom Table</b> option:</p>
+            <p>You can also add a table into a text placeholder by pressing the <div class = "icon icon-placeholder_table"></div> <b>Table</b> icon within it and selecting the necessary number of cells or using the <b>Insert Custom Table</b> option:</p>
             <p><img alt="Add table to placeholder" src="../images/placeholder_object.png" /></p>
-            <p>To resize a table, drag the handles <img alt="Square icon" src="../images/resize_square.png" /> situated on its edges until the table reaches the necessary size.</p>
-            <p><img alt="Resize table" src="../images/resizetable.png" /></p>
-            <p>You can also manually change the width of a certain column or the height of a row. Move the mouse cursor over the right border of the column so that the cursor turns into the bidirectional arrow <img alt="Mouse Cursor when changing column width" src="../images/changecolumnwidth.png" /> and drag the border to the left or right to set the necessary width. To change the height of a single row manually, move the mouse cursor over the bottom border of the row until the cursor turns into the bidirectional arrow <img alt="Mouse Cursor when changing row height" src="../images/changerowheight.png" /> and drag it up or down.</p>
+            <p>To resize a table, drag the handles <div class = "icon icon-resize_square"></div> situated on its edges until the table reaches the necessary size.</p>
+            <p><div class = "big big-resizetable"></div></p>
+            <p>You can also manually change the width of a certain column or the height of a row. Move the mouse cursor over the right border of the column so that the cursor turns into the bidirectional arrow <div class = "icon icon-changecolumnwidth"></div> and drag the border to the left or right to set the necessary width. To change the height of a single row manually, move the mouse cursor over the bottom border of the row until the cursor turns into the bidirectional arrow <div class = "icon icon-changerowheight"></div> and drag it up or down.</p>
 			<p>You can specify the <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">table position</a> on the slide by dragging it vertically or horizontally.</p>
             <p class="note">
                 <b>Note</b>: to move around in a table, you can use <a href="../HelpfulHints/KeyboardShortcuts.htm#workwithtables" onclick="onhyperlinkclick(this)">keyboard shortcuts</a>.
@@ -43,7 +44,7 @@
 			<hr />
             <h3>Adjust table settings</h3>
 			<img class="floatleft"alt="Table settings tab" src="../images/tablesettingstab.png" />
-			<p>Most of the table properties as well as its structure can be altered by using the right sidebar. To activate it, click the table and choose the <b>Table settings</b> <img alt="Table settings icon" src="../images/table_settings_icon.png" /> icon on the right.</p>
+			<p>Most of the table properties as well as its structure can be altered by using the right sidebar. To activate it, click the table and choose the <b>Table settings</b> <div class = "icon icon-table_settings_icon"></div> icon on the right.</p>
 			<p>The <b>Rows</b> and <b>Columns</b> sections on the top allow you to emphasize certain rows/columns by applying a specific formatting to them, or highlight different rows/columns with different background colors to clearly distinguish them. The following options are available:</p>
 			<ul style="margin-left: 280px;">
 				<li><b>Header</b> - emphasizes the topmost row in the table with special formatting.</li>
@@ -55,15 +56,15 @@
 			</ul>
 			<p>The <b>Select From Template</b> section allows you to choose one of the predefined tables styles. Each template combines certain formatting parameters, such as a background color, border style, row/column banding etc.
 			Depending on the options checked in the <b>Rows</b> and/or <b>Columns</b> sections above, the templates set will be displayed differently. For example, if you've checked the <b>Header</b> option in the <b>Rows</b> section and the <b>Banded</b> option in the <b>Columns</b> section, the displayed templates list will include only templates with the header row and banded columns enabled:</p>
-			<p><img alt="Templates list" src="../images/templateslist.png" /></p>
+			<p><div class = "big big-templateslist"></div></p>
 			<p>The <b>Borders Style</b> section allows you to change the applied formatting that corresponds to the selected template. You can select the entire table or a certain cell range and set all the parameters manually.</p>
 			<ul>
-				<li><b>Border</b> parameters - set the border width using the <img alt="Border Size list" src="../images/bordersize.png" /> list (or choose the <b>No borders</b> option), select its <b>Color</b> in the available palettes and determine the way it will be displayed in the cells when clicking on the icons: 
-				<p><img alt="Border Type icons" src="../images/bordertype.png" /></p>
+				<li><b>Border</b> parameters - set the border width using the <div class = "big big-bordersize"></div> list (or choose the <b>No borders</b> option), select its <b>Color</b> in the available palettes and determine the way it will be displayed in the cells when clicking on the icons: 
+				<p><div class = "big big-bordertype"></div></p>
 				</li>
 				<li><b>Background color</b> - select the color for the background within the selected cells.</li>
 			</ul>
-			<p>The <b>Rows & Columns</b> <img alt="Rows & Columns" src="../images/rowsandcolumns.png" /> section allows you to perform the following operations:</p>
+			<p>The <b>Rows & Columns</b> <div class = "icon icon-rowsandcolumns"></div> section allows you to perform the following operations:</p>
 			<ul>
 				<li><b>Select</b> a row, column, cell (depending on the cursor position), or the entire table.</li>
 				<li><b>Insert</b> a new row above or below the selected one as well as a new column to the left or to the right of the selected one.</li>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertText.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertText.htm
index 8900f4b92a..bb90910c80 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertText.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertText.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Learn how to insert and format text box in PowerPoint presentations with ONLYOFFICE. Align the text, change its direction, adjust paragraph advanced settings." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -21,10 +22,10 @@
 			        <li>Add a text passage anywhere on a slide. You can insert a text box (a rectangular frame that allows you to enter some text within it) or a Text Art object (a text box with a predefined font style and color that allows you to apply some text effects). Depending on the necessary text object type, you can do the following:
 			                    <ul>
                                     <li>
-                                        to add a text box, click the <img alt="Text Box icon" src="../images/inserttexticon.png" /> <b>Text Box</b> icon on the <b>Home</b> or <b>Insert</b> tab of the top toolbar, then click where you want to insert the text box, hold the mouse button and drag the text box border to specify its size. When you release the mouse button, the insertion point will appear in the added text box, allowing you to enter your text.
-                                        <p class="note">It's also possible to insert a text box by clicking the <img alt="Shape icon" src="../images/insertautoshape.png" /> <b>Shape</b> icon on the top toolbar and selecting the <img alt="Insert Text autoshape" src="../images/text_autoshape.png" /> shape from the <b>Basic Shapes</b> group.</p>
+                                        to add a text box, click the <div class = "icon icon-inserttexticon"></div> <b>Text Box</b> icon on the <b>Home</b> or <b>Insert</b> tab of the top toolbar, then click where you want to insert the text box, hold the mouse button and drag the text box border to specify its size. When you release the mouse button, the insertion point will appear in the added text box, allowing you to enter your text.
+                                        <p class="note">It's also possible to insert a text box by clicking the <div class = "icon icon-insertautoshape"></div> <b>Shape</b> icon on the top toolbar and selecting the <div class = "icon icon-text_autoshape"></div> shape from the <b>Basic Shapes</b> group.</p>
                                     </li>
-                                    <li>to add a Text Art object, click the <img alt="Text Art icon" src="../images/inserttextarticon.png" /> <b>Text Art</b> icon on the <b>Insert</b> tab of the top toolbar, then click on the desired style template – the Text Art object will be added in the center of the slide. Select the default text within the text box with the mouse and replace it with your own text.</li>
+                                    <li>to add a Text Art object, click the <div class = "icon icon-inserttextarticon"></div> <b>Text Art</b> icon on the <b>Insert</b> tab of the top toolbar, then click on the desired style template – the Text Art object will be added in the center of the slide. Select the default text within the text box with the mouse and replace it with your own text.</li>
                                 </ul>
 			        </li>
                     <li>Add a text passage within an autoshape. Select a shape and start typing your text.</li>
@@ -38,9 +39,9 @@
             <p><img alt="Text box selected" src="../images/textbox_boxselected.png" /></p>
 			<ul>
                 <li>to <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">resize, move, rotate</a> the text box, use the special handles on the edges of the shape.</li>
-                <li>to edit the text box <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">fill</a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">line</a>, <b>replace</b> the rectangular box with a different shape, or access the <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">shape advanced settings</a>, click the <b>Shape settings</b> <img alt="Shape settings icon" src="../images/shape_settings_icon.png" /> icon on the right sidebar and use the corresponding options.</li>
+                <li>to edit the text box <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">fill</a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">line</a>, <b>replace</b> the rectangular box with a different shape, or access the <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">shape advanced settings</a>, click the <b>Shape settings</b> <div class = "icon icon-shape_settings_icon"></div> icon on the right sidebar and use the corresponding options.</li>
                 <li>to <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">align a text box on the slide, rotate or flip it, arrange</a> text boxes as related to other objects, right-click on the text box border and use the contextual menu options.</li>
-				<li>to create <b>columns of text</b> within the text box, click the corresponding icon <img alt="Insert columns icon" src="../images/insert_columns.png" /> on the text formatting toolbar and choose the preferable option, or right-click on the text box border, click the <b>Shape Advanced Settings</b> option and switch to the <a href="../UsageInstructions/InsertAutoshapes.htm#columns" onclick="onhyperlinkclick(this)"><b>Columns</b></a> tab in the <b>Shape - Advanced Settings</b> window.</li>
+				<li>to create <b>columns of text</b> within the text box, click the corresponding icon <div class = "icon icon-insert_columns"></div> on the text formatting toolbar and choose the preferable option, or right-click on the text box border, click the <b>Shape Advanced Settings</b> option and switch to the <a href="../UsageInstructions/InsertAutoshapes.htm#columns" onclick="onhyperlinkclick(this)"><b>Columns</b></a> tab in the <b>Shape - Advanced Settings</b> window.</li>
             </ul>
             <h2 id="formattext">Format the text within the text box</h2>
             <p>Click the text within the text box to change its properties. When the text is selected, the text box borders are displayed as dashed lines.</p>
@@ -50,13 +51,13 @@
 			<p>The text is aligned horizontally in four ways: left, right, center or justified. To do that:</p>
 			<ol>
 				<li>place the cursor to the position where you want the alignment to be applied (this can be a new line or already entered text),</li>
-				<li>drop-down the <b>Horizontal align</b> <img alt="Horizontal align icon" src="../images/horizontalalign.png" />list on the <b>Home</b> tab of the top toolbar,</li>
+				<li>drop-down the <b>Horizontal align</b> <div class = "icon icon-horizontalalign"></div>list on the <b>Home</b> tab of the top toolbar,</li>
 				<li>select the alignment type you would like to apply:
 					<ul>
-						<li>the <b>Align text left</b> option <img alt="Align Left icon" src="../images/alignleft.png" /> allows you to line up your text on the left side of the text box (the right side remains unaligned).</li>
-						<li>the <b>Align text center</b> option <img alt="Align Center icon" src="../images/aligncenter.png" /> allows you to line up your text in the center of the text box (the right and the left sides remains unaligned).</li>
-						<li>the <b>Align text right</b> option <img alt="Align Right icon" src="../images/alignright.png" /> allows you to line up your text on the right side of the text box (the left side remains unaligned).</li>
-						<li>the <b>Justify</b> option <img alt="Justify icon" src="../images/justify.png" /> allows you to line up your text both on the left and on the right sides of the text box (additional spacing is added where necessary to keep the alignment).</li>
+						<li>the <b>Align text left</b> option <div class = "icon icon-alignleft"></div> allows you to line up your text on the left side of the text box (the right side remains unaligned).</li>
+						<li>the <b>Align text center</b> option <div class = "icon icon-aligncenter"></div> allows you to line up your text in the center of the text box (the right and the left sides remains unaligned).</li>
+						<li>the <b>Align text right</b> option <div class = "icon icon-alignright"></div> allows you to line up your text on the right side of the text box (the left side remains unaligned).</li>
+						<li>the <b>Justify</b> option <div class = "icon icon-justify"></div> allows you to line up your text both on the left and on the right sides of the text box (additional spacing is added where necessary to keep the alignment).</li>
 					</ul>
 				</li>
 			</ol>
@@ -64,12 +65,12 @@
 			<p>The text is aligned vertically in three ways: top, middle or bottom. To do that:</p>
 			<ol>
 				<li>place the cursor to the position where you want the alignment to be applied (this can be a new line or already entered text),</li>
-				<li>drop-down the <b>Vertical align</b> <img alt="Vertical align icon" src="../images/verticalalign.png" />list on the <b>Home</b> tab of the top toolbar,</li>
+				<li>drop-down the <b>Vertical align</b> <div class = "icon icon-verticalalign"></div>list on the <b>Home</b> tab of the top toolbar,</li>
 				<li>select the alignment type you would like to apply:
 					<ul>
-						<li>the <b>Align text to the top</b> option <img alt="Align Top icon" src="../images/aligntop.png" /> allows you to line up your text to the top of the text box.</li>
-						<li>the <b>Align text to the middle</b> option <img alt="Align Middle icon" src="../images/alignmiddle.png" /> allows you to line up your text in the center of the text box.</li>
-						<li>the <b>Align text to the bottom</b> option <img alt="Align Bottom icon" src="../images/alignbottom.png" /> allows you to line up your text to the bottom of the text box.</li>
+						<li>the <b>Align text to the top</b> option <div class = "icon icon-aligntop"></div> allows you to line up your text to the top of the text box.</li>
+						<li>the <b>Align text to the middle</b> option <div class = "icon icon-alignmiddle"></div> allows you to line up your text in the center of the text box.</li>
+						<li>the <b>Align text to the bottom</b> option <div class = "icon icon-alignbottom"></div> allows you to line up your text to the bottom of the text box.</li>
 					</ul>
 				</li>
 			</ol>
@@ -83,67 +84,67 @@
 			<table>
 				<tr>
 					<td width="10%">Font</td>
-					<td width="15%"><img alt="Font" src="../images/fontfamily.png" /></td>
+					<td width="15%"><div class = "big big-fontfamily"></div></td>
 					<td>Used to select one of the fonts from the list of the available ones. <span class="desktopDocumentFeatures">If the required font is not available in the list, you can download and install it on your operating system, and the font will be available for use in the <em>desktop version</em>.</span></td>
 				</tr>
 				<tr>
 					<td>Font size</td>
-					<td><img alt="Font size" src="../images/fontsize.png" /></td>
+					<td><div class = "icon icon-fontsize"></div></td>
 					<td>Used to choose from the preset font size values in the dropdown list (the default values are: 8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26, 28, 36, 48, 72 and 96).  It's also possible to manually enter a custom value up to 300 pt in the font size field. Press <em>Enter</em> to confirm.</td>
 				</tr>
 				<tr>
 					<td>Increment font size</td>
-					<td><img alt="Increment font size" src="../images/larger.png" /></td>
+					<td><div class = "icon icon-larger"></div></td>
 					<td>Used to change the font size making it one point bigger each time the button is pressed.</td>
 				</tr>
 				<tr>
 					<td>Decrement font size</td>
-					<td><img alt="Decrement font size" src="../images/smaller.png" /></td>
+					<td><div class = "icon icon-smaller"></div></td>
 					<td>Used to change the font size making it one point smaller each time the button is pressed.</td>
 				</tr>
 				<tr>
 					<td>Change case</td>
-					<td><img alt="Change case" src="../images/change_case.png" /></td>
+					<td><div class = "icon icon-change_case"></div></td>
 					<td>Used to change the font case. <em>Sentence case.</em> - the case matches that of a common sentence. <em>lowercase</em> - all letters are small. <em>UPPERCASE</em> - all letters are capital. <em>Capitalize Each Word</em> - each word starts with a capital letter. <em>tOGGLE cASE</em> - reverse the case of the selected text or the word where the mouse cursor is positioned.</td>
 				</tr>
 				<tr>
 					<td>Highlight color</td>
-					<td><img alt="Highlight color" src="../images/highlightcolor.png" /></td>
-					<td>Used to mark separate sentences, phrases, words, or even characters by adding a color band that imitates the highlighter pen effect throughout the text. You can select the required part of the text and click the downward arrow next to the icon to select a color in the palette (this color set does not depend on the selected <b>Color scheme</b> and includes 16 colors) - the color will be applied to the selected text. Alternatively, you can first choose a highlight color and then start selecting the text with the mouse - the mouse pointer will look like this <img alt="Mouse pointer while highlighting" src="../images/highlight_color_mouse_pointer.png" /> and you'll be able to highlight several different parts of your text sequentially. To stop highlighting, just click the icon once again. To delete the highlight color, choose the <b>No Fill</b> option.</td>
+					<td><div class = "icon icon-highlightcolor"></div></td>
+					<td>Used to mark separate sentences, phrases, words, or even characters by adding a color band that imitates the highlighter pen effect throughout the text. You can select the required part of the text and click the downward arrow next to the icon to select a color in the palette (this color set does not depend on the selected <b>Color scheme</b> and includes 16 colors) - the color will be applied to the selected text. Alternatively, you can first choose a highlight color and then start selecting the text with the mouse - the mouse pointer will look like this <div class = "icon icon-highlight_color_mouse_pointer"></div> and you'll be able to highlight several different parts of your text sequentially. To stop highlighting, just click the icon once again. To delete the highlight color, choose the <b>No Fill</b> option.</td>
 				</tr>
 				<tr>
 					<td>Font color</td>
-					<td><img alt="Font color" src="../images/fontcolor.png" /></td>
+					<td><div class = "icon icon-fontcolor"></div></td>
 					<td>Used to change the color of the letters/characters in the text. Click the downward arrow next to the icon to <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">select the color</a>.</td>
 				</tr>
 				<tr>
 					<td>Bold</td>
-					<td><img alt="Bold" src="../images/bold.png" /></td>
+					<td><div class = "icon icon-bold"></div></td>
 					<td>Used to make the font bold giving it a heavier appearance.</td>
 				</tr>
 				<tr>
 					<td>Italic</td>
-					<td><img alt="Italic" src="../images/italic.png" /></td>
+					<td><div class = "icon icon-italic"></div></td>
 					<td>Used to make the font slightly slanted to the right.</td>
 				</tr>
 				<tr>
 					<td>Underline</td>
-					<td><img alt="Underline" src="../images/underline.png" /></td>
+					<td><div class = "icon icon-underline"></div></td>
 					<td>Used to make the text underlined with a line going under the letters.</td>
 				</tr>
 				<tr>
 					<td>Strikeout</td>
-					<td><img alt="Strikeout" src="../images/strike.png" /></td>
+					<td><div class = "icon icon-strike"></div></td>
 					<td>Used to make the text struck out with a line going through the letters.</td>
 				</tr>
 				<tr>
 					<td>Superscript</td>
-					<td><img alt="Superscript" src="../images/sup.png" /></td>
+					<td><div class = "icon icon-sup"></div></td>
 					<td>Used to make the text smaller placing it in the upper part of the text line, e.g. as in fractions.</td>
 				</tr>
 				<tr>
 					<td>Subscript</td>
-					<td><img alt="Subscript" src="../images/sub.png" /></td>
+					<td><div class = "icon icon-sub"></div></td>
 					<td>Used to make the text smaller placing it in the lower part of the text line, e.g. as in chemical formulas.</td>
 				</tr>
 			</table>
@@ -153,7 +154,7 @@
 			<p>To do that,</p>
 			<ol style="margin-left: 280px;">
 				<li>put the cursor within the required paragraph or select several paragraphs with the mouse,</li>
-				<li>use the corresponding fields of the <img alt="Paragraph settings Icon" src="../images/text_settings_icon.png" /> <b>Paragraph settings</b> tab on the right sidebar to achieve the desired results:
+				<li>use the corresponding fields of the <div class = "icon icon-text_settings_icon"></div> <b>Paragraph settings</b> tab on the right sidebar to achieve the desired results:
 					<ul>
 						<li><b>Line Spacing</b> - set the line height for the text lines within the paragraph. You can select among two options: <b>multiple</b> (sets line spacing that can be expressed in numbers greater than 1), <b>exactly</b> (sets fixed line spacing). You can specify the necessary value in the field on the right.</li>
 						<li><b>Paragraph Spacing</b> - set the amount of space between paragraphs.
@@ -166,10 +167,10 @@
 				</li>
 			</ol>
             <p class="note"><b>Note</b>: these parameters can also be found in the <a href="../UsageInstructions/InsertText.htm#textadvancedsettings" onclick="onhyperlinkclick(this)"><b>Paragraph - Advanced Settings</b></a> window.</p>
-			<p>To quickly change the current paragraph line spacing, you can also use the <b>Line spacing</b> <img alt="Line spacing" src="../images/linespacing.png" /> icon on the <b>Home</b> tab of the top toolbar selecting the required value from the list: 1.0, 1.15, 1.5, 2.0, 2.5, or 3.0 lines.</p>
-		    <p>To change the paragraph offset from the left side of the text box, put the cursor within the required paragraph, or select several paragraphs with the mouse and use the respective icons on the <b>Home</b> tab of the top toolbar: <b>Decrease indent</b> <img alt="Decrease indent" src="../images/decreaseindent.png" /> and <b>Increase indent</b> <img alt="Increase indent" src="../images/increaseindent.png" />.</p>
+			<p>To quickly change the current paragraph line spacing, you can also use the <b>Line spacing</b> <div class = "icon icon-linespacing"></div> icon on the <b>Home</b> tab of the top toolbar selecting the required value from the list: 1.0, 1.15, 1.5, 2.0, 2.5, or 3.0 lines.</p>
+		    <p>To change the paragraph offset from the left side of the text box, put the cursor within the required paragraph, or select several paragraphs with the mouse and use the respective icons on the <b>Home</b> tab of the top toolbar: <b>Decrease indent</b> <div class = "icon icon-decreaseindent"></div> and <b>Increase indent</b> <div class = "icon icon-increaseindent"></div>.</p>
             <h2 id="textadvancedsettings">Adjust paragraph advanced settings</h2>
-		    <p>To open the <b>Paragraph - Advanced Settings</b> window, right-click the text and choose the <b>Paragraph Advanced Settings</b> option from the menu. It's also possible to put the cursor within the required paragraph - the <img alt="Paragraph settings Icon" src="../images/text_settings_icon.png" /> <b>Paragraph settings</b> tab will be activated on the right sidebar. Press the <b>Show advanced settings</b> link. The paragraph properties window will be opened:</p>
+		    <p>To open the <b>Paragraph - Advanced Settings</b> window, right-click the text and choose the <b>Paragraph Advanced Settings</b> option from the menu. It's also possible to put the cursor within the required paragraph - the <div class = "icon icon-text_settings_icon"></div> <b>Paragraph settings</b> tab will be activated on the right sidebar. Press the <b>Show advanced settings</b> link. The paragraph properties window will be opened:</p>
 			<img alt="Paragraph Properties - Indents & Spacing tab" src="../images/textadvancedsettings1.png" />
 			<p>The <b>Indents & Spacing</b> tab allows you to:</p>
             <ul>
@@ -184,15 +185,15 @@
                 <li>change the paragraph <b>line spacing</b>.</li>
             </ul>
             <p>You can also use the horizontal <b>ruler</b> to set indents.</p>
-            <img alt="Ruler - Indent markers" src="../images/indents_ruler.png" />
+            <div class = "big big-indents_ruler"></div>
             <p>Select the necessary paragraph(s) and drag the indent markers along the ruler.</p>
             <ul>
-                <li><b>First Line Indent</b> marker <img alt="First Line Indent marker" src="../images/firstline_indent.png" /> is used to set the offset from the left internal margin of the text box for the first line of the paragraph.</li>
-                <li><b>Hanging Indent</b> marker <img alt="Hanging Indent marker" src="../images/hanging.png" /> is used to set the offset from the left internal margin of the text box for the second and all the subsequent lines of the paragraph.</li>
-                <li><b>Left Indent</b> marker <img alt="Left Indent marker" src="../images/leftindent.png" /> is used to set the entire paragraph offset from the left internal margin of the text box.</li>
-                <li><b>Right Indent</b> marker <img alt="Right Indent marker" src="../images/right_indent.png" /> is used to set the paragraph offset from the right internal margin of the text box.</li>
+                <li><b>First Line Indent</b> marker <div class = "icon icon-firstline_indent"></div> is used to set the offset from the left internal margin of the text box for the first line of the paragraph.</li>
+                <li><b>Hanging Indent</b> marker <div class = "icon icon-hanging"></div> is used to set the offset from the left internal margin of the text box for the second and all the subsequent lines of the paragraph.</li>
+                <li><b>Left Indent</b> marker <div class = "icon icon-leftindent"></div> is used to set the entire paragraph offset from the left internal margin of the text box.</li>
+                <li><b>Right Indent</b> marker <div class = "icon icon-right_indent"></div> is used to set the paragraph offset from the right internal margin of the text box.</li>
             </ul>
-            <p class="note"><b>Note</b>: if you don't see the rulers, switch to the <b>Home</b> tab of the top toolbar, click the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> icon at the upper right corner and uncheck the <b>Hide Rulers</b> option to display them.</p>
+            <p class="note"><b>Note</b>: if you don't see the rulers, switch to the <b>Home</b> tab of the top toolbar, click the <b>View settings</b> <div class = "icon icon-viewsettingsicon"></div> icon at the upper right corner and uncheck the <b>Hide Rulers</b> option to display them.</p>
             <img alt="Paragraph Properties - Font tab" src="../images/textadvancedsettings2.png" />
 			<p>The <b>Font</b> tab contains the following parameters:</p>
 			<ul>
@@ -213,23 +214,23 @@
                 <li><b>Tab Position</b> - is used to set custom tab stops. Enter the necessary value in this box, adjust it more precisely using the arrow buttons and press the <b>Specify</b> button. Your custom tab position will be added to the list in the field below.</li>
 			    <li><b>Alignment</b> - is used to set the necessary alignment type for each of the tab positions in the list above. Select the necessary tab position in the list, choose the <b>Left</b>, <b>Center</b> or <b>Right</b> option from the <b>Alignment</b> drop-down list and press the <b>Specify</b> button.
 			        <ul>
-			            <li><b>Left</b> - lines up your text on the left side at the tab stop position; the text moves to the right from the tab stop as you type. Such a tab stop will be indicated on the horizontal ruler by the <img alt="Left Tab Stop marker" src="../images/tabstopleft_marker.png" /> marker.</li>
-			            <li><b>Center</b> - centres the text at the tab stop position. Such a tab stop will be indicated on the horizontal ruler by the <img alt="Center Tab Stop marker" src="../images/tabstopcenter_marker.png" /> marker.</li>
-			            <li><b>Right</b> - lines up your text on the right side at the tab stop position; the text moves to the left from the tab stop as you type. Such a tab stop will be indicated on the horizontal ruler by the <img alt="Right Tab Stop marker" src="../images/tabstopright_marker.png" /> marker.</li>
+			            <li><b>Left</b> - lines up your text on the left side at the tab stop position; the text moves to the right from the tab stop as you type. Such a tab stop will be indicated on the horizontal ruler by the <div class = "icon icon-tabstopleft_marker"></div> marker.</li>
+			            <li><b>Center</b> - centres the text at the tab stop position. Such a tab stop will be indicated on the horizontal ruler by the <div class = "icon icon-tabstopcenter_marker"></div> marker.</li>
+			            <li><b>Right</b> - lines up your text on the right side at the tab stop position; the text moves to the left from the tab stop as you type. Such a tab stop will be indicated on the horizontal ruler by the <div class = "icon icon-tabstopright_marker"></div> marker.</li>
 			        </ul>
 			        <p>To delete tab stops from the list, select a tab stop and press the <b>Remove</b> or <b>Remove All</b> button.</p>
 			    </li>
 			</ul>
             <p>To set tab stops, you can also use the horizontal ruler:</p>
             <ol>
-                <li>Click the tab selector button <img alt="Left Tab Stop button" src="../images/tabstopleft.png" /> in the upper left corner of the working area to choose the necessary tab stop type: <b>Left</b> <img alt="Left Tab Stop button" src="../images/tabstopleft.png" />, <b>Center</b> <img alt="Center Tab Stop button" src="../images/tabstopcenter.png" />, <b>Right</b> <img alt="Right Tab Stop button" src="../images/tabstopright.png" />.</li>
+                <li>Click the tab selector button <div class = "icon icon-tabstopleft"></div> in the upper left corner of the working area to choose the necessary tab stop type: <b>Left</b> <div class = "icon icon-tabstopleft"></div>, <b>Center</b> <div class = "icon icon-tabstopcenter"></div>, <b>Right</b> <div class = "icon icon-tabstopright"></div>.</li>
                 <li>Click on the bottom edge of the ruler where you want to place the tab stop. Drag it along the ruler to change its position. To remove the added tab stop, drag it out of the ruler.
-                    <p><img alt="Horizontal Ruler with the Tab stops added" src="../images/tabstops_ruler.png" /></p>
-                    <p class="note"><b>Note</b>: if you don't see the rulers, switch to the <b>Home</b> tab of the top toolbar, click the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> icon at the upper right corner and uncheck the <b>Hide Rulers</b> option to display them.</p>
+                    <p><div class = "big big-tabstops_ruler"></div></p>
+                    <p class="note"><b>Note</b>: if you don't see the rulers, switch to the <b>Home</b> tab of the top toolbar, click the <b>View settings</b> <div class = "icon icon-viewsettingsicon"></div> icon at the upper right corner and uncheck the <b>Hide Rulers</b> option to display them.</p>
                 </li>
             </ol>
             <h2>Edit a Text Art style</h2>
-            <p>Select a text object and click the <b>Text Art settings</b> <img alt="Text Art settings icon" src="../images/textart_settings_icon.png" /> icon on the right sidebar.</p>
+            <p>Select a text object and click the <b>Text Art settings</b> <div class = "icon icon-textart_settings_icon"></div> icon on the right sidebar.</p>
             <p><img alt="Text Art setting tab" src="../images/right_textart.png" /></p>
             <ul>
                 <li>Change the applied text style selecting a new <b>Template</b> from the gallery. You can also change the basic style additionally by selecting a different font type, size etc.</li>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/ManageSlides.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/ManageSlides.htm
index b1dd070f57..747ea6e918 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/ManageSlides.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/ManageSlides.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add new blank slides, duplicate, move or delete them" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,13 +18,13 @@
 			<p>By default, a newly created presentation has one blank <em>Title Slide</em>. In the <a target="_blank" href="https://www.onlyoffice.com/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>, you can create new slides, copy a slide to paste it later to another place in the slide list, duplicate slides, move slides to change their order, delete unnecessary slides and mark some slides as hidden. </p>
 			<p><b>To create a new <em>Title and Content</em> slide:</b></p>
 			<ul>
-				<li>click the <img alt="Add Slide icon" src="../images/addslide.png" /> <b>Add Slide</b> icon on the <b>Home</b> or <b>Insert</b> tab of the top toolbar, or</li>
+				<li>click the <div class = "icon icon-addslide"></div> <b>Add Slide</b> icon on the <b>Home</b> or <b>Insert</b> tab of the top toolbar, or</li>
 				<li>right-click any slide in the list and select the <b>New Slide</b> option from the contextual menu, or</li>
                 <li>press the <b>Ctrl+M</b> key combination.</li>
 			</ul>
             <p><b>To create a new slide with a different layout:</b></p>
             <ol>
-                <li>click the arrow next to the <img alt="Add Slide icon" src="../images/addslide.png" /> <b>Add Slide</b> icon on the <b>Home</b> or <b>Insert</b> tab of the top toolbar,</li>
+                <li>click the arrow next to the <div class = "icon icon-addslide"></div> <b>Add Slide</b> icon on the <b>Home</b> or <b>Insert</b> tab of the top toolbar,</li>
                 <li>
                     select a slide with the necessary layout from the menu.
                     <p class="note"><b>Note</b>: you can change the layout of the added slide anytime. For additional information on how to do that, please refer to the <a href="../UsageInstructions/SetSlideParameters.htm#changelayout" onclick="onhyperlinkclick(this)">Set slide parameters</a> section.</p>
@@ -59,7 +60,7 @@
                 <li>select the <b>Hide Slide</b> option from the contextual menu.</li>
             </ol>
             <p>The number that corresponds to the hidden slide in the slide list on the left will be crossed out. To display the hidden slide as a regular one in the slide list, click the <b>Hide Slide</b> option once again.</p>
-            <p><img alt="Hidden slide" src="../images/hidden_slide.png" /></p>
+            <p><div class = "big big-hidden_slide"></div></p>
             <p class="note"><b>Note</b>: use this option if you do not want to demonstrate some slides to your audience, but want to be able to access them if necessary. If you start the slideshow in the <a href="../UsageInstructions/PreviewPresentation.htm#presenter" onclick="onhyperlinkclick(this)"><b>Presenter</b> mode</a>, you can see all the existing slides in the list on the left, while hidden slides numbers are crossed out. If you wish to show a slide marked as hidden to others, just click it in the slide list on the left - the slide will be displayed.</p>
             <p><b>To select all the existing slides at once:</b></p>
 			<ol>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/ManipulateObjects.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/ManipulateObjects.htm
index c539d21a3d..08d22168f4 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/ManipulateObjects.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/ManipulateObjects.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Move, rotate, resize and reshape autoshapes, images, charts." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,26 +20,26 @@
                 <b>Note</b>: the list of keyboard shortcuts that can be used when working with objects is available <a href="../HelpfulHints/KeyboardShortcuts.htm#workwithobjects" onclick="onhyperlinkclick(this)">here</a>.
             </p>
             <h3>Resize objects</h3>
-			<p>To change the <b>autoshape/image/chart/table/text box</b> size, drag small squares <img alt="Square icon" src="../images/resize_square.png" /> situated on the object edges. To maintain the original proportions of the selected object while resizing, hold down the <b>Shift</b> key and drag one of the corner icons.</p>
-			<p><img alt="Maintaining proportions" src="../images/maintain_proportions.png" /></p>
+			<p>To change the <b>autoshape/image/chart/table/text box</b> size, drag small squares <div class = "icon icon-resize_square"></div> situated on the object edges. To maintain the original proportions of the selected object while resizing, hold down the <b>Shift</b> key and drag one of the corner icons.</p>
+			<p><div class = "big big-maintain_proportions"></div></p>
 			<p>To specify the precise width and height of a <b>chart</b>, select it on a slide and use the <b>Size</b> section of the right sidebar that will be activated.</p>
 			<p>To specify the precise dimensions of an <b>image</b> or <b>autoshape</b>, right-click the necessary object on the slide and select the <b>Image/Shape Advanced Settings</b> option from the menu. Specify necessary values on the <b>Size</b> tab of the <b>Advanced Settings</b> window and press <b>OK</b>.</p>
 			<h3>Reshape autoshapes</h3>
-			<p>When modifying some shapes, for example Figured arrows or Callouts, the yellow diamond-shaped <img alt="Yellow diamond icon" src="../images/yellowdiamond.png" /> icon is also available. It allows adjusting some aspects of the shape, for example, the length of the head of an arrow.</p>
-			<p><img alt="Reshaping autoshape" src="../images/reshaping.png" /></p>
+			<p>When modifying some shapes, for example Figured arrows or Callouts, the yellow diamond-shaped <div class = "icon icon-yellowdiamond"></div> icon is also available. It allows adjusting some aspects of the shape, for example, the length of the head of an arrow.</p>
+			<p><div class = "big big-reshaping"></div></p>
 			<h3>Move objects</h3>
-			<p>To alter the <b>autoshape/image/chart/table/text box</b> position, use the <img alt="Arrow" src="../images/arrow.png" /> icon that appears after hovering your mouse cursor over the object. Drag the object to the necessary position without releasing the mouse button. 
+			<p>To alter the <b>autoshape/image/chart/table/text box</b> position, use the <div class = "icon icon-arrow"></div> icon that appears after hovering your mouse cursor over the object. Drag the object to the necessary position without releasing the mouse button. 
 			To move the object by the one-pixel increments, hold down the <b>Ctrl</b> key and use the keybord arrows. 
 			To move the object strictly horizontally/vertically and prevent it from moving in a perpendicular direction, hold down the <b>Shift</b> key when dragging.</p>
 			<p>To specify the precise position of an <b>image</b>, right-click it on a slide and select the <b>Image Advanced Settings</b> option from the menu. Specify necessary values in the <b>Position</b> section of the <b>Advanced Settings</b> window and press <b>OK</b>.</p>
 			<h3>Rotate objects</h3>
-			<p>To manually rotate an <b>autoshape/image/text box</b>, hover the mouse cursor over the rotation handle <img alt="Rotation handle" src="../images/greencircle.png" /> and drag it clockwise or counterclockwise. To constrain the rotation angle to 15 degree increments, hold down the <b>Shift</b> key while rotating.</p>
-            <p>To rotate the object by 90 degrees counterclockwise/clockwise or flip the object horizontally/vertically, you can use the <b>Rotation</b> section of the right sidebar that will be activated once you select the necessary object. To open it, click the <b>Shape settings</b> <img alt="Shape settings icon" src="../images/shape_settings_icon.png" />  or the <b>Image settings</b> <img alt="Image settings icon" src="../images/image_settings_icon.png" /> icon to the right. Click one of the buttons:</p>
+			<p>To manually rotate an <b>autoshape/image/text box</b>, hover the mouse cursor over the rotation handle <div class = "icon icon-greencircle"></div> and drag it clockwise or counterclockwise. To constrain the rotation angle to 15 degree increments, hold down the <b>Shift</b> key while rotating.</p>
+            <p>To rotate the object by 90 degrees counterclockwise/clockwise or flip the object horizontally/vertically, you can use the <b>Rotation</b> section of the right sidebar that will be activated once you select the necessary object. To open it, click the <b>Shape settings</b> <div class = "icon icon-shape_settings_icon"></div>  or the <b>Image settings</b> <div class = "icon icon-image_settings_icon"></div> icon to the right. Click one of the buttons:</p>
             <ul>
-                <li><img alt="Rotate counterclockwise icon" src="../images/rotatecounterclockwise.png" /> to rotate the object by 90 degrees counterclockwise</li>
-                <li><img alt="Rotate clockwise icon" src="../images/rotateclockwise.png" /> to rotate the object by 90 degrees clockwise</li>
-                <li><img alt="Flip horizontally icon" src="../images/fliplefttoright.png" /> to flip the object horizontally (left to right)</li>
-                <li><img alt="Flip vertically icon" src="../images/flipupsidedown.png" /> to flip the object vertically (upside down)</li>
+                <li><div class = "icon icon-rotatecounterclockwise"></div> to rotate the object by 90 degrees counterclockwise</li>
+                <li><div class = "icon icon-rotateclockwise"></div> to rotate the object by 90 degrees clockwise</li>
+                <li><div class = "icon icon-fliplefttoright"></div> to flip the object horizontally (left to right)</li>
+                <li><div class = "icon icon-flipupsidedown"></div> to flip the object vertically (upside down)</li>
             </ul>
             <p>It's also possible to right-click the object, choose the <b>Rotate</b> option from the contextual menu and then use one of the available rotation options.</p>
             <p>To rotate the object by an exactly specified angle, click the <b>Show advanced settings</b> link on the right sidebar and use the <b>Rotation</b> tab of the <b>Advanced Settings</b> window. Specify the necessary value measured in degrees in the <b>Angle</b> field and click <b>OK</b>.</p>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/MathAutoCorrect.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/MathAutoCorrect.htm
index b824b03f32..f50fafa649 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/MathAutoCorrect.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/MathAutoCorrect.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="The AutoCorrect features are used to automatically format text or insert special math symbols." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -60,722 +61,722 @@
                     </tr>
                     <tr>
                         <td>!!</td>
-                        <td><img alt="Double factorial" src="../images/symbols/doublefactorial.png" /></td>
+                        <td><div class = "smb smb-doublefactorial"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>...</td>
-                        <td><img alt="Horizontal ellipsis" src="../images/symbols/horizontalellipsis.png" /></td>
+                        <td><div class = "smb smb-horizontalellipsis"></div></td>
                         <td>Dots</td>
                     </tr>
                     <tr>
                         <td>::</td>
-                        <td><img alt="Double colon" src="../images/symbols/doublecolon.png" /></td>
+                        <td><div class = "smb smb-doublecolon"></div></td>
                         <td>Operators</td>
                     </tr>
                     <tr>
                         <td>:=</td>
-                        <td><img alt="Colon equal" src="../images/symbols/colonequal.png" /></td>
+                        <td><div class = "smb smb-colonequal"></div></td>
                         <td>Operators</td>
                     </tr>
                     <tr>
                         <td>/<</td>
-                        <td><img alt="Not less than" src="../images/symbols/notlessthan.png" /></td>
+                        <td><div class = "smb smb-notlessthan"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>/></td>
-                        <td><img alt="Not greater than" src="../images/symbols/notgreaterthan.png" /></td>
+                        <td><div class = "smb smb-notgreaterthan"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>/=</td>
-                        <td><img alt="Not equal" src="../images/symbols/notequal.png" /></td>
+                        <td><div class = "smb smb-notequal"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\above</td>
-                        <td><img alt="Symbol" src="../images/symbols/above.png" /></td>
+                        <td><div class = "smb smb-above"></div></td>
                         <td>Above/Below scripts</td>
                     </tr>
                     <tr>
                         <td>\acute</td>
-                        <td><img alt="Symbol" src="../images/symbols/acute.png" /></td>
+                        <td><div class = "smb smb-acute"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\aleph</td>
-                        <td><img alt="Symbol" src="../images/symbols/aleph.png" /></td>
+                        <td><div class = "smb smb-aleph"></div></td>
                         <td>Hebrew letters</td>
                     </tr>
                     <tr>
                         <td>\alpha</td>
-                        <td><img alt="Symbol" src="../images/symbols/alpha.png" /></td>
+                        <td><div class = "smb smb-alpha"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Alpha</td>
-                        <td><img alt="Symbol" src="../images/symbols/alpha2.png" /></td>
+                        <td><div class = "smb smb-alpha2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\amalg</td>
-                        <td><img alt="Symbol" src="../images/symbols/amalg.png" /></td>
+                        <td><div class = "smb smb-amalg"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\angle</td>
-                        <td><img alt="Symbol" src="../images/symbols/angle.png" /></td>
+                        <td><div class = "smb smb-angle"></div></td>
                         <td>Geometry notation</td>
                     </tr>
                     <tr>
                         <td>\aoint</td>
-                        <td><img alt="Symbol" src="../images/symbols/aoint.png" /></td>
+                        <td><div class = "smb smb-aoint"></div></td>
                         <td>Integrals</td>
                     </tr>
                     <tr>
                         <td>\approx</td>
-                        <td><img alt="Symbol" src="../images/symbols/approx.png" /></td>
+                        <td><div class = "smb smb-approx"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\asmash</td>
-                        <td><img alt="Symbol" src="../images/symbols/asmash.png" /></td>
+                        <td><div class = "smb smb-asmash"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\ast</td>
-                        <td><img alt="Asterisk" src="../images/symbols/ast.png" /></td>
+                        <td><div class = "smb smb-ast"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\asymp</td>
-                        <td><img alt="Symbol" src="../images/symbols/asymp.png" /></td>
+                        <td><div class = "smb smb-asymp"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\atop</td>
-                        <td><img alt="Symbol" src="../images/symbols/atop.png" /></td>
+                        <td><div class = "smb smb-atop"></div></td>
                         <td>Operators</td>
                     </tr>
                     <tr>
                         <td>\bar</td>
-                        <td><img alt="Symbol" src="../images/symbols/bar.png" /></td>
+                        <td><div class = "smb smb-bar"></div></td>
                         <td>Over/Underbar</td>
                     </tr>
                     <tr>
                         <td>\Bar</td>
-                        <td><img alt="Symbol" src="../images/symbols/bar2.png" /></td>
+                        <td><div class = "smb smb-bar2"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\because</td>
-                        <td><img alt="Symbol" src="../images/symbols/because.png" /></td>
+                        <td><div class = "smb smb-because"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\begin</td>
-                        <td><img alt="Symbol" src="../images/symbols/begin.png" /></td>
+                        <td><div class = "smb smb-begin"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\below</td>
-                        <td><img alt="Symbol" src="../images/symbols/below.png" /></td>
+                        <td><div class = "smb smb-below"></div></td>
                         <td>Above/Below scripts</td>
                     </tr>
                     <tr>
                         <td>\bet</td>
-                        <td><img alt="Symbol" src="../images/symbols/bet.png" /></td>
+                        <td><div class = "smb smb-bet"></div></td>
                         <td>Hebrew letters</td>
                     </tr>
                     <tr>
                         <td>\beta</td>
-                        <td><img alt="Symbol" src="../images/symbols/beta.png" /></td>
+                        <td><div class = "smb smb-beta"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Beta</td>
-                        <td><img alt="Symbol" src="../images/symbols/beta2.png" /></td>
+                        <td><div class = "smb smb-beta2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\beth</td>
-                        <td><img alt="Symbol" src="../images/symbols/beth.png" /></td>
+                        <td><div class = "smb smb-beth"></div></td>
                         <td>Hebrew letters</td>
                     </tr>
                     <tr>
                         <td>\bigcap</td>
-                        <td><img alt="Symbol" src="../images/symbols/bigcap.png" /></td>
+                        <td><div class = "smb smb-bigcap"></div></td>
                         <td>Large operators</td>
                     </tr>
                     <tr>
                         <td>\bigcup</td>
-                        <td><img alt="Symbol" src="../images/symbols/bigcup.png" /></td>
+                        <td><div class = "smb smb-bigcup"></div></td>
                         <td>Large operators</td>
                     </tr>
                     <tr>
                         <td>\bigodot</td>
-                        <td><img alt="Symbol" src="../images/symbols/bigodot.png" /></td>
+                        <td><div class = "smb smb-bigodot"></div></td>
                         <td>Large operators</td>
                     </tr>
                     <tr>
                         <td>\bigoplus</td>
-                        <td><img alt="Symbol" src="../images/symbols/bigoplus.png" /></td>
+                        <td><div class = "smb smb-bigoplus"></div></td>
                         <td>Large operators</td>
                     </tr>
                     <tr>
                         <td>\bigotimes</td>
-                        <td><img alt="Symbol" src="../images/symbols/bigotimes.png" /></td>
+                        <td><div class = "smb smb-bigotimes"></div></td>
                         <td>Large operators</td>
                     </tr>
                     <tr>
                         <td>\bigsqcup</td>
-                        <td><img alt="Symbol" src="../images/symbols/bigsqcup.png" /></td>
+                        <td><div class = "smb smb-bigsqcup"></div></td>
                         <td>Large operators</td>
                     </tr>
                     <tr>
                         <td>\biguplus</td>
-                        <td><img alt="Symbol" src="../images/symbols/biguplus.png" /></td>
+                        <td><div class = "smb smb-biguplus"></div></td>
                         <td>Large operators</td>
                     </tr>
                     <tr>
                         <td>\bigvee</td>
-                        <td><img alt="Symbol" src="../images/symbols/bigvee.png" /></td>
+                        <td><div class = "smb smb-bigvee"></div></td>
                         <td>Large operators</td>
                     </tr>
                     <tr>
                         <td>\bigwedge</td>
-                        <td><img alt="Symbol" src="../images/symbols/bigwedge.png" /></td>
+                        <td><div class = "smb smb-bigwedge"></div></td>
                         <td>Large operators</td>
                     </tr>
                     <tr>
                         <td>\binomial</td>
-                        <td><img alt="Symbol" src="../images/symbols/binomial.png" /></td>
+                        <td><div class = "smb smb-binomial"></div></td>
                         <td>Equations</td>
                     </tr>
                     <tr>
                         <td>\bot</td>
-                        <td><img alt="Symbol" src="../images/symbols/bot.png" /></td>
+                        <td><div class = "smb smb-bot"></div></td>
                         <td>Logic notation</td>
                     </tr>
                     <tr>
                         <td>\bowtie</td>
-                        <td><img alt="Symbol" src="../images/symbols/bowtie.png" /></td>
+                        <td><div class = "smb smb-bowtie"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\box</td>
-                        <td><img alt="Symbol" src="../images/symbols/box.png" /></td>
+                        <td><div class = "smb smb-box"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\boxdot</td>
-                        <td><img alt="Symbol" src="../images/symbols/boxdot.png" /></td>
+                        <td><div class = "smb smb-boxdot"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\boxminus</td>
-                        <td><img alt="Symbol" src="../images/symbols/boxminus.png" /></td>
+                        <td><div class = "smb smb-boxminus"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\boxplus</td>
-                        <td><img alt="Symbol" src="../images/symbols/boxplus.png" /></td>
+                        <td><div class = "smb smb-boxplus"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\bra</td>
-                        <td><img alt="Symbol" src="../images/symbols/bra.png" /></td>
+                        <td><div class = "smb smb-bra"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\break</td>
-                        <td><img alt="Symbol" src="../images/symbols/break.png" /></td>
+                        <td><div class = "smb smb-break"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\breve</td>
-                        <td><img alt="Symbol" src="../images/symbols/breve.png" /></td>
+                        <td><div class = "smb smb-breve"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\bullet</td>
-                        <td><img alt="Symbol" src="../images/symbols/bullet.png" /></td>
+                        <td><div class = "smb smb-bullet"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\cap</td>
-                        <td><img alt="Symbol" src="../images/symbols/cap.png" /></td>
+                        <td><div class = "smb smb-cap"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\cbrt</td>
-                        <td><img alt="Symbol" src="../images/symbols/cbrt.png" /></td>
+                        <td><div class = "smb smb-cbrt"></div></td>
                         <td>Square roots and radicals</td>
                     </tr>
                     <tr>
                         <td>\cases</td>
-                        <td><img alt="Symbol" src="../images/symbols/cases.png" /></td>
+                        <td><div class = "smb smb-cases"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\cdot</td>
-                        <td><img alt="Symbol" src="../images/symbols/cdot.png" /></td>
+                        <td><div class = "smb smb-cdot"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\cdots</td>
-                        <td><img alt="Symbol" src="../images/symbols/cdots.png" /></td>
+                        <td><div class = "smb smb-cdots"></div></td>
                         <td>Dots</td>
                     </tr>
                     <tr>
                         <td>\check</td>
-                        <td><img alt="Symbol" src="../images/symbols/check.png" /></td>
+                        <td><div class = "smb smb-check"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\chi</td>
-                        <td><img alt="Symbol" src="../images/symbols/chi.png" /></td>
+                        <td><div class = "smb smb-chi"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Chi</td>
-                        <td><img alt="Symbol" src="../images/symbols/chi2.png" /></td>
+                        <td><div class = "smb smb-chi2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\circ</td>
-                        <td><img alt="Symbol" src="../images/symbols/circ.png" /></td>
+                        <td><div class = "smb smb-circ"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\close</td>
-                        <td><img alt="Symbol" src="../images/symbols/close.png" /></td>
+                        <td><div class = "smb smb-close"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\clubsuit</td>
-                        <td><img alt="Symbol" src="../images/symbols/clubsuit.png" /></td>
+                        <td><div class = "smb smb-clubsuit"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\coint</td>
-                        <td><img alt="Symbol" src="../images/symbols/coint.png" /></td>
+                        <td><div class = "smb smb-coint"></div></td>
                         <td>Integrals</td>
                     </tr>
                     <tr>
                         <td>\cong</td>
-                        <td><img alt="Symbol" src="../images/symbols/cong.png" /></td>
+                        <td><div class = "smb smb-cong"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\coprod</td>
-                        <td><img alt="Symbol" src="../images/symbols/coprod.png" /></td>
+                        <td><div class = "smb smb-coprod"></div></td>
                         <td>Math operators</td>
                     </tr>
                     <tr>
                         <td>\cup</td>
-                        <td><img alt="Symbol" src="../images/symbols/cup.png" /></td>
+                        <td><div class = "smb smb-cup"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\dalet</td>
-                        <td><img alt="Symbol" src="../images/symbols/dalet.png" /></td>
+                        <td><div class = "smb smb-dalet"></div></td>
                         <td>Hebrew letters</td>
                     </tr>
                     <tr>
                         <td>\daleth</td>
-                        <td><img alt="Symbol" src="../images/symbols/daleth.png" /></td>
+                        <td><div class = "smb smb-daleth"></div></td>
                         <td>Hebrew letters</td>
                     </tr>
                     <tr>
                         <td>\dashv</td>
-                        <td><img alt="Symbol" src="../images/symbols/dashv.png" /></td>
+                        <td><div class = "smb smb-dashv"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\dd</td>
-                        <td><img alt="Symbol" src="../images/symbols/dd.png" /></td>
+                        <td><div class = "smb smb-dd"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\Dd</td>
-                        <td><img alt="Symbol" src="../images/symbols/dd2.png" /></td>
+                        <td><div class = "smb smb-dd2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\ddddot</td>
-                        <td><img alt="Symbol" src="../images/symbols/ddddot.png" /></td>
+                        <td><div class = "smb smb-ddddot"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\dddot</td>
-                        <td><img alt="Symbol" src="../images/symbols/dddot.png" /></td>
+                        <td><div class = "smb smb-dddot"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\ddot</td>
-                        <td><img alt="Symbol" src="../images/symbols/ddot.png" /></td>
+                        <td><div class = "smb smb-ddot"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\ddots</td>
-                        <td><img alt="Symbol" src="../images/symbols/ddots.png" /></td>
+                        <td><div class = "smb smb-ddots"></div></td>
                         <td>Dots</td>
                     </tr>
                     <tr>
                         <td>\defeq</td>
-                        <td><img alt="Symbol" src="../images/symbols/defeq.png" /></td>
+                        <td><div class = "smb smb-defeq"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\degc</td>
-                        <td><img alt="Symbol" src="../images/symbols/degc.png" /></td>
+                        <td><div class = "smb smb-degc"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\degf</td>
-                        <td><img alt="Symbol" src="../images/symbols/degf.png" /></td>
+                        <td><div class = "smb smb-degf"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\degree</td>
-                        <td><img alt="Symbol" src="../images/symbols/degree.png" /></td>
+                        <td><div class = "smb smb-degree"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\delta</td>
-                        <td><img alt="Symbol" src="../images/symbols/delta.png" /></td>
+                        <td><div class = "smb smb-delta"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Delta</td>
-                        <td><img alt="Symbol" src="../images/symbols/delta2.png" /></td>
+                        <td><div class = "smb smb-delta2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Deltaeq</td>
-                        <td><img alt="Symbol" src="../images/symbols/deltaeq.png" /></td>
+                        <td><div class = "smb smb-deltaeq"></div></td>
                         <td>Operators</td>
                     </tr>
                     <tr>
                         <td>\diamond</td>
-                        <td><img alt="Symbol" src="../images/symbols/diamond.png" /></td>
+                        <td><div class = "smb smb-diamond"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\diamondsuit</td>
-                        <td><img alt="Symbol" src="../images/symbols/diamondsuit.png" /></td>
+                        <td><div class = "smb smb-diamondsuit"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\div</td>
-                        <td><img alt="Symbol" src="../images/symbols/div.png" /></td>
+                        <td><div class = "smb smb-div"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\dot</td>
-                        <td><img alt="Symbol" src="../images/symbols/dot.png" /></td>
+                        <td><div class = "smb smb-dot"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\doteq</td>
-                        <td><img alt="Symbol" src="../images/symbols/doteq.png" /></td>
+                        <td><div class = "smb smb-doteq"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\dots</td>
-                        <td><img alt="Symbol" src="../images/symbols/dots.png" /></td>
+                        <td><div class = "smb smb-dots"></div></td>
                         <td>Dots</td>
                     </tr>
                     <tr>
                         <td>\doublea</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublea.png" /></td>
+                        <td><div class = "smb smb-doublea"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleA</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublea2.png" /></td>
+                        <td><div class = "smb smb-doublea2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleb</td>
-                        <td><img alt="Symbol" src="../images/symbols/doubleb.png" /></td>
+                        <td><div class = "smb smb-doubleb"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleB</td>
-                        <td><img alt="Symbol" src="../images/symbols/doubleb2.png" /></td>
+                        <td><div class = "smb smb-doubleb2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doublec</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublec.png" /></td>
+                        <td><div class = "smb smb-doublec"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleC</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublec2.png" /></td>
+                        <td><div class = "smb smb-doublec2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubled</td>
-                        <td><img alt="Symbol" src="../images/symbols/doubled.png" /></td>
+                        <td><div class = "smb smb-doubled"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleD</td>
-                        <td><img alt="Symbol" src="../images/symbols/doubled2.png" /></td>
+                        <td><div class = "smb smb-doubled2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doublee</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublee.png" /></td>
+                        <td><div class = "smb smb-doublee"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleE</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublee2.png" /></td>
+                        <td><div class = "smb smb-doublee2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doublef</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublef.png" /></td>
+                        <td><div class = "smb smb-doublef"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleF</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublef2.png" /></td>
+                        <td><div class = "smb smb-doublef2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleg</td>
-                        <td><img alt="Symbol" src="../images/symbols/doubleg.png" /></td>
+                        <td><div class = "smb smb-doubleg"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleG</td>
-                        <td><img alt="Symbol" src="../images/symbols/doubleg2.png" /></td>
+                        <td><div class = "smb smb-doubleg2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleh</td>
-                        <td><img alt="Symbol" src="../images/symbols/doubleh.png" /></td>
+                        <td><div class = "smb smb-doubleh"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleH</td>
-                        <td><img alt="Symbol" src="../images/symbols/doubleh2.png" /></td>
+                        <td><div class = "smb smb-doubleh2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doublei</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublei.png" /></td>
+                        <td><div class = "smb smb-doublei"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleI</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublei2.png" /></td>
+                        <td><div class = "smb smb-doublei2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doublej</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublej.png" /></td>
+                        <td><div class = "smb smb-doublej"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleJ</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublej2.png" /></td>
+                        <td><div class = "smb smb-doublej2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doublek</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublek.png" /></td>
+                        <td><div class = "smb smb-doublek"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleK</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublek2.png" /></td>
+                        <td><div class = "smb smb-doublek2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doublel</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublel.png" /></td>
+                        <td><div class = "smb smb-doublel"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleL</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublel2.png" /></td>
+                        <td><div class = "smb smb-doublel2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doublem</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublem.png" /></td>
+                        <td><div class = "smb smb-doublem"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleM</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublem2.png" /></td>
+                        <td><div class = "smb smb-doublem2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doublen</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublen.png" /></td>
+                        <td><div class = "smb smb-doublen"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleN</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublen2.png" /></td>
+                        <td><div class = "smb smb-doublen2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleo</td>
-                        <td><img alt="Symbol" src="../images/symbols/doubleo.png" /></td>
+                        <td><div class = "smb smb-doubleo"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleO</td>
-                        <td><img alt="Symbol" src="../images/symbols/doubleo2.png" /></td>
+                        <td><div class = "smb smb-doubleo2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doublep</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublep.png" /></td>
+                        <td><div class = "smb smb-doublep"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleP</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublep2.png" /></td>
+                        <td><div class = "smb smb-doublep2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleq</td>
-                        <td><img alt="Symbol" src="../images/symbols/doubleq.png" /></td>
+                        <td><div class = "smb smb-doubleq"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleQ</td>
-                        <td><img alt="Symbol" src="../images/symbols/doubleq2.png" /></td>
+                        <td><div class = "smb smb-doubleq2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubler</td>
-                        <td><img alt="Symbol" src="../images/symbols/doubler.png" /></td>
+                        <td><div class = "smb smb-doubler"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleR</td>
-                        <td><img alt="Symbol" src="../images/symbols/doubler2.png" /></td>
+                        <td><div class = "smb smb-doubler2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubles</td>
-                        <td><img alt="Symbol" src="../images/symbols/doubles.png" /></td>
+                        <td><div class = "smb smb-doubles"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleS</td>
-                        <td><img alt="Symbol" src="../images/symbols/doubles2.png" /></td>
+                        <td><div class = "smb smb-doubles2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doublet</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublet.png" /></td>
+                        <td><div class = "smb smb-doublet"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleT</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublet2.png" /></td>
+                        <td><div class = "smb smb-doublet2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleu</td>
-                        <td><img alt="Symbol" src="../images/symbols/doubleu.png" /></td>
+                        <td><div class = "smb smb-doubleu"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleU</td>
-                        <td><img alt="Symbol" src="../images/symbols/doubleu2.png" /></td>
+                        <td><div class = "smb smb-doubleu2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doublev</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublev.png" /></td>
+                        <td><div class = "smb smb-doublev"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleV</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublev2.png" /></td>
+                        <td><div class = "smb smb-doublev2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doublew</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublew.png" /></td>
+                        <td><div class = "smb smb-doublew"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleW</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublew2.png" /></td>
+                        <td><div class = "smb smb-doublew2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doublex</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublex.png" /></td>
+                        <td><div class = "smb smb-doublex"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleX</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublex2.png" /></td>
+                        <td><div class = "smb smb-doublex2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubley</td>
-                        <td><img alt="Symbol" src="../images/symbols/doubley.png" /></td>
+                        <td><div class = "smb smb-doubley"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleY</td>
-                        <td><img alt="Symbol" src="../images/symbols/doubley2.png" /></td>
+                        <td><div class = "smb smb-doubley2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doublez</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublez.png" /></td>
+                        <td><div class = "smb smb-doublez"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\doubleZ</td>
-                        <td><img alt="Symbol" src="../images/symbols/doublez2.png" /></td>
+                        <td><div class = "smb smb-doublez2"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\downarrow</td>
-                        <td><img alt="Symbol" src="../images/symbols/downarrow.png" /></td>
+                        <td><div class = "smb smb-downarrow"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\Downarrow</td>
-                        <td><img alt="Symbol" src="../images/symbols/downarrow2.png" /></td>
+                        <td><div class = "smb smb-downarrow2"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\dsmash</td>
-                        <td><img alt="Symbol" src="../images/symbols/dsmash.png" /></td>
+                        <td><div class = "smb smb-dsmash"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\ee</td>
-                        <td><img alt="Symbol" src="../images/symbols/ee.png" /></td>
+                        <td><div class = "smb smb-ee"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\ell</td>
-                        <td><img alt="Symbol" src="../images/symbols/ell.png" /></td>
+                        <td><div class = "smb smb-ell"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\emptyset</td>
-                        <td><img alt="Symbol" src="../images/symbols/emptyset.png" /></td>
+                        <td><div class = "smb smb-emptyset"></div></td>
                         <td>Set notations</td>
                     </tr>
                     <tr>
@@ -785,7 +786,7 @@
                     </tr>
                     <tr>
                         <td>\end</td>
-                        <td><img alt="Symbol" src="../images/symbols/end.png" /></td>
+                        <td><div class = "smb smb-end"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
@@ -795,297 +796,297 @@
                     </tr>
                     <tr>
                         <td>\epsilon</td>
-                        <td><img alt="Symbol" src="../images/symbols/epsilon.png" /></td>
+                        <td><div class = "smb smb-epsilon"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Epsilon</td>
-                        <td><img alt="Symbol" src="../images/symbols/epsilon2.png" /></td>
+                        <td><div class = "smb smb-epsilon2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\eqarray</td>
-                        <td><img alt="Symbol" src="../images/symbols/eqarray.png" /></td>
+                        <td><div class = "smb smb-eqarray"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\equiv</td>
-                        <td><img alt="Symbol" src="../images/symbols/equiv.png" /></td>
+                        <td><div class = "smb smb-equiv"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\eta</td>
-                        <td><img alt="Symbol" src="../images/symbols/eta.png" /></td>
+                        <td><div class = "smb smb-eta"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Eta</td>
-                        <td><img alt="Symbol" src="../images/symbols/eta2.png" /></td>
+                        <td><div class = "smb smb-eta2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\exists</td>
-                        <td><img alt="Symbol" src="../images/symbols/exists.png" /></td>
+                        <td><div class = "smb smb-exists"></div></td>
                         <td>Logic notations</td>
                     </tr>
                     <tr>
                         <td>\forall</td>
-                        <td><img alt="Symbol" src="../images/symbols/forall.png" /></td>
+                        <td><div class = "smb smb-forall"></div></td>
                         <td>Logic notations</td>
                     </tr>
                     <tr>
                         <td>\fraktura</td>
-                        <td><img alt="Symbol" src="../images/symbols/fraktura.png" /></td>
+                        <td><div class = "smb smb-fraktura"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturA</td>
-                        <td><img alt="Symbol" src="../images/symbols/fraktura2.png" /></td>
+                        <td><div class = "smb smb-fraktura2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturb</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturb.png" /></td>
+                        <td><div class = "smb smb-frakturb"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturB</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturb2.png" /></td>
+                        <td><div class = "smb smb-frakturb2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturc</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturc.png" /></td>
+                        <td><div class = "smb smb-frakturc"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturC</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturc2.png" /></td>
+                        <td><div class = "smb smb-frakturc2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturd</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturd.png" /></td>
+                        <td><div class = "smb smb-frakturd"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturD</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturd2.png" /></td>
+                        <td><div class = "smb smb-frakturd2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakture</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakture.png" /></td>
+                        <td><div class = "smb smb-frakture"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturE</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakture2.png" /></td>
+                        <td><div class = "smb smb-frakture2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturf</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturf.png" /></td>
+                        <td><div class = "smb smb-frakturf"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturF</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturf2.png" /></td>
+                        <td><div class = "smb smb-frakturf2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturg</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturg.png" /></td>
+                        <td><div class = "smb smb-frakturg"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturG</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturg2.png" /></td>
+                        <td><div class = "smb smb-frakturg2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturh</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturh.png" /></td>
+                        <td><div class = "smb smb-frakturh"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturH</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturh2.png" /></td>
+                        <td><div class = "smb smb-frakturh2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturi</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturi.png" /></td>
+                        <td><div class = "smb smb-frakturi"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturI</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturi2.png" /></td>
+                        <td><div class = "smb smb-frakturi2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturk</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturk.png" /></td>
+                        <td><div class = "smb smb-frakturk"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturK</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturk2.png" /></td>
+                        <td><div class = "smb smb-frakturk2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturl</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturl.png" /></td>
+                        <td><div class = "smb smb-frakturl"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturL</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturl2.png" /></td>
+                        <td><div class = "smb smb-frakturl2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturm</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturm.png" /></td>
+                        <td><div class = "smb smb-frakturm"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturM</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturm2.png" /></td>
+                        <td><div class = "smb smb-frakturm2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturn</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturn.png" /></td>
+                        <td><div class = "smb smb-frakturn"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturN</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturn2.png" /></td>
+                        <td><div class = "smb smb-frakturn2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturo</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturo.png" /></td>
+                        <td><div class = "smb smb-frakturo"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturO</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturo2.png" /></td>
+                        <td><div class = "smb smb-frakturo2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturp</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturp.png" /></td>
+                        <td><div class = "smb smb-frakturp"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturP</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturp2.png" /></td>
+                        <td><div class = "smb smb-frakturp2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturq</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturq.png" /></td>
+                        <td><div class = "smb smb-frakturq"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturQ</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturq2.png" /></td>
+                        <td><div class = "smb smb-frakturq2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturr</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturr.png" /></td>
+                        <td><div class = "smb smb-frakturr"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturR</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturr2.png" /></td>
+                        <td><div class = "smb smb-frakturr2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturs</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturs.png" /></td>
+                        <td><div class = "smb smb-frakturs"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturS</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturs2.png" /></td>
+                        <td><div class = "smb smb-frakturs2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturt</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturt.png" /></td>
+                        <td><div class = "smb smb-frakturt"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturT</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturt2.png" /></td>
+                        <td><div class = "smb smb-frakturt2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturu</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturu.png" /></td>
+                        <td><div class = "smb smb-frakturu"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturU</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturu2.png" /></td>
+                        <td><div class = "smb smb-frakturu2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturv</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturv.png" /></td>
+                        <td><div class = "smb smb-frakturv"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturV</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturv2.png" /></td>
+                        <td><div class = "smb smb-frakturv2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturw</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturw.png" /></td>
+                        <td><div class = "smb smb-frakturw"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturW</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturw2.png" /></td>
+                        <td><div class = "smb smb-frakturw2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturx</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturx.png" /></td>
+                        <td><div class = "smb smb-frakturx"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturX</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturx2.png" /></td>
+                        <td><div class = "smb smb-frakturx2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\fraktury</td>
-                        <td><img alt="Symbol" src="../images/symbols/fraktury.png" /></td>
+                        <td><div class = "smb smb-fraktury"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturY</td>
-                        <td><img alt="Symbol" src="../images/symbols/fraktury2.png" /></td>
+                        <td><div class = "smb smb-fraktury2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturz</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturz.png" /></td>
+                        <td><div class = "smb smb-frakturz"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frakturZ</td>
-                        <td><img alt="Symbol" src="../images/symbols/frakturz2.png" /></td>
+                        <td><div class = "smb smb-frakturz2"></div></td>
                         <td>Fraktur letters</td>
                     </tr>
                     <tr>
                         <td>\frown</td>
-                        <td><img alt="Symbol" src="../images/symbols/frown.png" /></td>
+                        <td><div class = "smb smb-frown"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
@@ -1095,47 +1096,47 @@
                     </tr>
                     <tr>
                         <td>\G</td>
-                        <td><img alt="Symbol" src="../images/symbols/g.png" /></td>
+                        <td><div class = "smb smb-g"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\gamma</td>
-                        <td><img alt="Symbol" src="../images/symbols/gamma.png" /></td>
+                        <td><div class = "smb smb-gamma"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Gamma</td>
-                        <td><img alt="Symbol" src="../images/symbols/gamma2.png" /></td>
+                        <td><div class = "smb smb-gamma2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\ge</td>
-                        <td><img alt="Symbol" src="../images/symbols/ge.png" /></td>
+                        <td><div class = "smb smb-ge"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\geq</td>
-                        <td><img alt="Symbol" src="../images/symbols/geq.png" /></td>
+                        <td><div class = "smb smb-geq"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\gets</td>
-                        <td><img alt="Symbol" src="../images/symbols/gets.png" /></td>
+                        <td><div class = "smb smb-gets"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\gg</td>
-                        <td><img alt="Symbol" src="../images/symbols/gg.png" /></td>
+                        <td><div class = "smb smb-gg"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\gimel</td>
-                        <td><img alt="Symbol" src="../images/symbols/gimel.png" /></td>
+                        <td><div class = "smb smb-gimel"></div></td>
                         <td>Hebrew letters</td>
                     </tr>
                     <tr>
                         <td>\grave</td>
-                        <td><img alt="Symbol" src="../images/symbols/grave.png" /></td>
+                        <td><div class = "smb smb-grave"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
@@ -1145,112 +1146,112 @@
                     </tr>
                     <tr>
                         <td>\hat</td>
-                        <td><img alt="Symbol" src="../images/symbols/hat.png" /></td>
+                        <td><div class = "smb smb-hat"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\hbar</td>
-                        <td><img alt="Symbol" src="../images/symbols/hbar.png" /></td>
+                        <td><div class = "smb smb-hbar"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\heartsuit</td>
-                        <td><img alt="Symbol" src="../images/symbols/heartsuit.png" /></td>
+                        <td><div class = "smb smb-heartsuit"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\hookleftarrow</td>
-                        <td><img alt="Symbol" src="../images/symbols/hookleftarrow.png" /></td>
+                        <td><div class = "smb smb-hookleftarrow"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\hookrightarrow</td>
-                        <td><img alt="Symbol" src="../images/symbols/hookrightarrow.png" /></td>
+                        <td><div class = "smb smb-hookrightarrow"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\hphantom</td>
-                        <td><img alt="Symbol" src="../images/symbols/hphantom.png" /></td>
+                        <td><div class = "smb smb-hphantom"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\hsmash</td>
-                        <td><img alt="Symbol" src="../images/symbols/hsmash.png" /></td>
+                        <td><div class = "smb smb-hsmash"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\hvec</td>
-                        <td><img alt="Symbol" src="../images/symbols/hvec.png" /></td>
+                        <td><div class = "smb smb-hvec"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\identitymatrix</td>
-                        <td><img alt="Symbol" src="../images/symbols/identitymatrix.png" /></td>
+                        <td><div class = "smb smb-identitymatrix"></div></td>
                         <td>Matrices</td>
                     </tr>
                     <tr>
                         <td>\ii</td>
-                        <td><img alt="Symbol" src="../images/symbols/ii.png" /></td>
+                        <td><div class = "smb smb-ii"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\iiint</td>
-                        <td><img alt="Symbol" src="../images/symbols/iiint.png" /></td>
+                        <td><div class = "smb smb-iiint"></div></td>
                         <td>Integrals</td>
                     </tr>
                     <tr>
                         <td>\iint</td>
-                        <td><img alt="Symbol" src="../images/symbols/iint.png" /></td>
+                        <td><div class = "smb smb-iint"></div></td>
                         <td>Integrals</td>
                     </tr>
                     <tr>
                         <td>\iiiint</td>
-                        <td><img alt="Symbol" src="../images/symbols/iiiint.png" /></td>
+                        <td><div class = "smb smb-iiiint"></div></td>
                         <td>Integrals</td>
                     </tr>
                     <tr>
                         <td>\Im</td>
-                        <td><img alt="Symbol" src="../images/symbols/im.png" /></td>
+                        <td><div class = "smb smb-im"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\imath</td>
-                        <td><img alt="Symbol" src="../images/symbols/imath.png" /></td>
+                        <td><div class = "smb smb-imath"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\in</td>
-                        <td><img alt="Symbol" src="../images/symbols/in.png" /></td>
+                        <td><div class = "smb smb-in"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\inc</td>
-                        <td><img alt="Symbol" src="../images/symbols/inc.png" /></td>
+                        <td><div class = "smb smb-inc"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\infty</td>
-                        <td><img alt="Symbol" src="../images/symbols/infty.png" /></td>
+                        <td><div class = "smb smb-infty"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\int</td>
-                        <td><img alt="Symbol" src="../images/symbols/int.png" /></td>
+                        <td><div class = "smb smb-int"></div></td>
                         <td>Integrals</td>
                     </tr>
                     <tr>
                         <td>\integral</td>
-                        <td><img alt="Symbol" src="../images/symbols/integral.png" /></td>
+                        <td><div class = "smb smb-integral"></div></td>
                         <td>Integrals</td>
                     </tr>
                     <tr>
                         <td>\iota</td>
-                        <td><img alt="Symbol" src="../images/symbols/iota.png" /></td>
+                        <td><div class = "smb smb-iota"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Iota</td>
-                        <td><img alt="Symbol" src="../images/symbols/iota2.png" /></td>
+                        <td><div class = "smb smb-iota2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
@@ -1260,187 +1261,187 @@
                     </tr>
                     <tr>
                         <td>\j</td>
-                        <td><img alt="Symbol" src="../images/symbols/j.png" /></td>
+                        <td><div class = "smb smb-j"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\jj</td>
-                        <td><img alt="Symbol" src="../images/symbols/jj.png" /></td>
+                        <td><div class = "smb smb-jj"></div></td>
                         <td>Double-struck letters</td>
                     </tr>
                     <tr>
                         <td>\jmath</td>
-                        <td><img alt="Symbol" src="../images/symbols/jmath.png" /></td>
+                        <td><div class = "smb smb-jmath"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\kappa</td>
-                        <td><img alt="Symbol" src="../images/symbols/kappa.png" /></td>
+                        <td><div class = "smb smb-kappa"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Kappa</td>
-                        <td><img alt="Symbol" src="../images/symbols/kappa2.png" /></td>
+                        <td><div class = "smb smb-kappa2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\ket</td>
-                        <td><img alt="Symbol" src="../images/symbols/ket.png" /></td>
+                        <td><div class = "smb smb-ket"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\lambda</td>
-                        <td><img alt="Symbol" src="../images/symbols/lambda.png" /></td>
+                        <td><div class = "smb smb-lambda"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Lambda</td>
-                        <td><img alt="Symbol" src="../images/symbols/lambda2.png" /></td>
+                        <td><div class = "smb smb-lambda2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\langle</td>
-                        <td><img alt="Symbol" src="../images/symbols/langle.png" /></td>
+                        <td><div class = "smb smb-langle"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\lbbrack</td>
-                        <td><img alt="Symbol" src="../images/symbols/lbbrack.png" /></td>
+                        <td><div class = "smb smb-lbbrack"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\lbrace</td>
-                        <td><img alt="Symbol" src="../images/symbols/lbrace.png" /></td>
+                        <td><div class = "smb smb-lbrace"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\lbrack</td>
-                        <td><img alt="Symbol" src="../images/symbols/lbrack.png" /></td>
+                        <td><div class = "smb smb-lbrack"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\lceil</td>
-                        <td><img alt="Symbol" src="../images/symbols/lceil.png" /></td>
+                        <td><div class = "smb smb-lceil"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\ldiv</td>
-                        <td><img alt="Symbol" src="../images/symbols/ldiv.png" /></td>
+                        <td><div class = "smb smb-ldiv"></div></td>
                         <td>Fraction slashes</td>
                     </tr>
                     <tr>
                         <td>\ldivide</td>
-                        <td><img alt="Symbol" src="../images/symbols/ldivide.png" /></td>
+                        <td><div class = "smb smb-ldivide"></div></td>
                         <td>Fraction slashes</td>
                     </tr>
                     <tr>
                         <td>\ldots</td>
-                        <td><img alt="Symbol" src="../images/symbols/ldots.png" /></td>
+                        <td><div class = "smb smb-ldots"></div></td>
                         <td>Dots</td>
                     </tr>
                     <tr>
                         <td>\le</td>
-                        <td><img alt="Symbol" src="../images/symbols/le.png" /></td>
+                        <td><div class = "smb smb-le"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\left</td>
-                        <td><img alt="Symbol" src="../images/symbols/left.png" /></td>
+                        <td><div class = "smb smb-left"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\leftarrow</td>
-                        <td><img alt="Symbol" src="../images/symbols/leftarrow.png" /></td>
+                        <td><div class = "smb smb-leftarrow"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\Leftarrow</td>
-                        <td><img alt="Symbol" src="../images/symbols/leftarrow2.png" /></td>
+                        <td><div class = "smb smb-leftarrow2"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\leftharpoondown</td>
-                        <td><img alt="Symbol" src="../images/symbols/leftharpoondown.png" /></td>
+                        <td><div class = "smb smb-leftharpoondown"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\leftharpoonup</td>
-                        <td><img alt="Symbol" src="../images/symbols/leftharpoonup.png" /></td>
+                        <td><div class = "smb smb-leftharpoonup"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\leftrightarrow</td>
-                        <td><img alt="Symbol" src="../images/symbols/leftrightarrow.png" /></td>
+                        <td><div class = "smb smb-leftrightarrow"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\Leftrightarrow</td>
-                        <td><img alt="Symbol" src="../images/symbols/leftrightarrow2.png" /></td>
+                        <td><div class = "smb smb-leftrightarrow2"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\leq</td>
-                        <td><img alt="Symbol" src="../images/symbols/leq.png" /></td>
+                        <td><div class = "smb smb-leq"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\lfloor</td>
-                        <td><img alt="Symbol" src="../images/symbols/lfloor.png" /></td>
+                        <td><div class = "smb smb-lfloor"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\lhvec</td>
-                        <td><img alt="Symbol" src="../images/symbols/lhvec.png" /></td>
+                        <td><div class = "smb smb-lhvec"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\limit</td>
-                        <td><img alt="Symbol" src="../images/symbols/limit.png" /></td>
+                        <td><div class = "smb smb-limit"></div></td>
                         <td>Limits</td>
                     </tr>
                     <tr>
                         <td>\ll</td>
-                        <td><img alt="Symbol" src="../images/symbols/ll.png" /></td>
+                        <td><div class = "smb smb-ll"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\lmoust</td>
-                        <td><img alt="Symbol" src="../images/symbols/lmoust.png" /></td>
+                        <td><div class = "smb smb-lmoust"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\Longleftarrow</td>
-                        <td><img alt="Symbol" src="../images/symbols/longleftarrow.png" /></td>
+                        <td><div class = "smb smb-longleftarrow"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\Longleftrightarrow</td>
-                        <td><img alt="Symbol" src="../images/symbols/longleftrightarrow.png" /></td>
+                        <td><div class = "smb smb-longleftrightarrow"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\Longrightarrow</td>
-                        <td><img alt="Symbol" src="../images/symbols/longrightarrow.png" /></td>
+                        <td><div class = "smb smb-longrightarrow"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\lrhar</td>
-                        <td><img alt="Symbol" src="../images/symbols/lrhar.png" /></td>
+                        <td><div class = "smb smb-lrhar"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\lvec</td>
-                        <td><img alt="Symbol" src="../images/symbols/lvec.png" /></td>
+                        <td><div class = "smb smb-lvec"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\mapsto</td>
-                        <td><img alt="Symbol" src="../images/symbols/mapsto.png" /></td>
+                        <td><div class = "smb smb-mapsto"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\matrix</td>
-                        <td><img alt="Symbol" src="../images/symbols/matrix.png" /></td>
+                        <td><div class = "smb smb-matrix"></div></td>
                         <td>Matrices</td>
                     </tr>
                     <tr>
@@ -1450,42 +1451,42 @@
                     </tr>
                     <tr>
                         <td>\mid</td>
-                        <td><img alt="Symbol" src="../images/symbols/mid.png" /></td>
+                        <td><div class = "smb smb-mid"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\middle</td>
-                        <td><img alt="Symbol" src="../images/symbols/middle.png" /></td>
+                        <td><div class = "smb smb-middle"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\models</td>
-                        <td><img alt="Symbol" src="../images/symbols/models.png" /></td>
+                        <td><div class = "smb smb-models"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\mp</td>
-                        <td><img alt="Symbol" src="../images/symbols/mp.png" /></td>
+                        <td><div class = "smb smb-mp"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\mu</td>
-                        <td><img alt="Symbol" src="../images/symbols/mu.png" /></td>
+                        <td><div class = "smb smb-mu"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Mu</td>
-                        <td><img alt="Symbol" src="../images/symbols/mu2.png" /></td>
+                        <td><div class = "smb smb-mu2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\nabla</td>
-                        <td><img alt="Symbol" src="../images/symbols/nabla.png" /></td>
+                        <td><div class = "smb smb-nabla"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\naryand</td>
-                        <td><img alt="Symbol" src="../images/symbols/naryand.png" /></td>
+                        <td><div class = "smb smb-naryand"></div></td>
                         <td>Operators</td>
                     </tr>
                     <tr>
@@ -1495,772 +1496,772 @@
                     </tr>
                     <tr>
                         <td>\ne</td>
-                        <td><img alt="Symbol" src="../images/symbols/ne.png" /></td>
+                        <td><div class = "smb smb-ne"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\nearrow</td>
-                        <td><img alt="Symbol" src="../images/symbols/nearrow.png" /></td>
+                        <td><div class = "smb smb-nearrow"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\neq</td>
-                        <td><img alt="Symbol" src="../images/symbols/neq.png" /></td>
+                        <td><div class = "smb smb-neq"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\ni</td>
-                        <td><img alt="Symbol" src="../images/symbols/ni.png" /></td>
+                        <td><div class = "smb smb-ni"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\norm</td>
-                        <td><img alt="Symbol" src="../images/symbols/norm.png" /></td>
+                        <td><div class = "smb smb-norm"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\notcontain</td>
-                        <td><img alt="Symbol" src="../images/symbols/notcontain.png" /></td>
+                        <td><div class = "smb smb-notcontain"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\notelement</td>
-                        <td><img alt="Symbol" src="../images/symbols/notelement.png" /></td>
+                        <td><div class = "smb smb-notelement"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\notin</td>
-                        <td><img alt="Symbol" src="../images/symbols/notin.png" /></td>
+                        <td><div class = "smb smb-notin"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\nu</td>
-                        <td><img alt="Symbol" src="../images/symbols/nu.png" /></td>
+                        <td><div class = "smb smb-nu"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Nu</td>
-                        <td><img alt="Symbol" src="../images/symbols/nu2.png" /></td>
+                        <td><div class = "smb smb-nu2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\nwarrow</td>
-                        <td><img alt="Symbol" src="../images/symbols/nwarrow.png" /></td>
+                        <td><div class = "smb smb-nwarrow"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\o</td>
-                        <td><img alt="Symbol" src="../images/symbols/o.png" /></td>
+                        <td><div class = "smb smb-o"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\O</td>
-                        <td><img alt="Symbol" src="../images/symbols/o2.png" /></td>
+                        <td><div class = "smb smb-o2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\odot</td>
-                        <td><img alt="Symbol" src="../images/symbols/odot.png" /></td>
+                        <td><div class = "smb smb-odot"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\of</td>
-                        <td><img alt="Symbol" src="../images/symbols/of.png" /></td>
+                        <td><div class = "smb smb-of"></div></td>
                         <td>Operators</td>
                     </tr>
                     <tr>
                         <td>\oiiint</td>
-                        <td><img alt="Symbol" src="../images/symbols/oiiint.png" /></td>
+                        <td><div class = "smb smb-oiiint"></div></td>
                         <td>Integrals</td>
                     </tr>
                     <tr>
                         <td>\oiint</td>
-                        <td><img alt="Symbol" src="../images/symbols/oiint.png" /></td>
+                        <td><div class = "smb smb-oiint"></div></td>
                         <td>Integrals</td>
                     </tr>
                     <tr>
                         <td>\oint</td>
-                        <td><img alt="Symbol" src="../images/symbols/oint.png" /></td>
+                        <td><div class = "smb smb-oint"></div></td>
                         <td>Integrals</td>
                     </tr>
                     <tr>
                         <td>\omega</td>
-                        <td><img alt="Symbol" src="../images/symbols/omega.png" /></td>
+                        <td><div class = "smb smb-omega"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Omega</td>
-                        <td><img alt="Symbol" src="../images/symbols/omega2.png" /></td>
+                        <td><div class = "smb smb-omega2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\ominus</td>
-                        <td><img alt="Symbol" src="../images/symbols/ominus.png" /></td>
+                        <td><div class = "smb smb-ominus"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\open</td>
-                        <td><img alt="Symbol" src="../images/symbols/open.png" /></td>
+                        <td><div class = "smb smb-open"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\oplus</td>
-                        <td><img alt="Symbol" src="../images/symbols/oplus.png" /></td>
+                        <td><div class = "smb smb-oplus"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\otimes</td>
-                        <td><img alt="Symbol" src="../images/symbols/otimes.png" /></td>
+                        <td><div class = "smb smb-otimes"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\over</td>
-                        <td><img alt="Symbol" src="../images/symbols/over.png" /></td>
+                        <td><div class = "smb smb-over"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\overbar</td>
-                        <td><img alt="Symbol" src="../images/symbols/overbar.png" /></td>
+                        <td><div class = "smb smb-overbar"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\overbrace</td>
-                        <td><img alt="Symbol" src="../images/symbols/overbrace.png" /></td>
+                        <td><div class = "smb smb-overbrace"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\overbracket</td>
-                        <td><img alt="Symbol" src="../images/symbols/overbracket.png" /></td>
+                        <td><div class = "smb smb-overbracket"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\overline</td>
-                        <td><img alt="Symbol" src="../images/symbols/overline.png" /></td>
+                        <td><div class = "smb smb-overline"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\overparen</td>
-                        <td><img alt="Symbol" src="../images/symbols/overparen.png" /></td>
+                        <td><div class = "smb smb-overparen"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\overshell</td>
-                        <td><img alt="Symbol" src="../images/symbols/overshell.png" /></td>
+                        <td><div class = "smb smb-overshell"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\parallel</td>
-                        <td><img alt="Symbol" src="../images/symbols/parallel.png" /></td>
+                        <td><div class = "smb smb-parallel"></div></td>
                         <td>Geometry notation</td>
                     </tr>
                     <tr>
                         <td>\partial</td>
-                        <td><img alt="Symbol" src="../images/symbols/partial.png" /></td>
+                        <td><div class = "smb smb-partial"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\pmatrix</td>
-                        <td><img alt="Symbol" src="../images/symbols/pmatrix.png" /></td>
+                        <td><div class = "smb smb-pmatrix"></div></td>
                         <td>Matrices</td>
                     </tr>
                     <tr>
                         <td>\perp</td>
-                        <td><img alt="Symbol" src="../images/symbols/perp.png" /></td>
+                        <td><div class = "smb smb-perp"></div></td>
                         <td>Geometry notation</td>
                     </tr>
                     <tr>
                         <td>\phantom</td>
-                        <td><img alt="Symbol" src="../images/symbols/phantom.png" /></td>
+                        <td><div class = "smb smb-phantom"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\phi</td>
-                        <td><img alt="Symbol" src="../images/symbols/phi.png" /></td>
+                        <td><div class = "smb smb-phi"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Phi</td>
-                        <td><img alt="Symbol" src="../images/symbols/phi2.png" /></td>
+                        <td><div class = "smb smb-phi2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\pi</td>
-                        <td><img alt="Symbol" src="../images/symbols/pi.png" /></td>
+                        <td><div class = "smb smb-pi"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Pi</td>
-                        <td><img alt="Symbol" src="../images/symbols/pi2.png" /></td>
+                        <td><div class = "smb smb-pi2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\pm</td>
-                        <td><img alt="Symbol" src="../images/symbols/pm.png" /></td>
+                        <td><div class = "smb smb-pm"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\pppprime</td>
-                        <td><img alt="Symbol" src="../images/symbols/pppprime.png" /></td>
+                        <td><div class = "smb smb-pppprime"></div></td>
                         <td>Primes</td>
                     </tr>
                     <tr>
                         <td>\ppprime</td>
-                        <td><img alt="Symbol" src="../images/symbols/ppprime.png" /></td>
+                        <td><div class = "smb smb-ppprime"></div></td>
                         <td>Primes</td>
                     </tr>
                     <tr>
                         <td>\pprime</td>
-                        <td><img alt="Symbol" src="../images/symbols/pprime.png" /></td>
+                        <td><div class = "smb smb-pprime"></div></td>
                         <td>Primes</td>
                     </tr>
                     <tr>
                         <td>\prec</td>
-                        <td><img alt="Symbol" src="../images/symbols/prec.png" /></td>
+                        <td><div class = "smb smb-prec"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\preceq</td>
-                        <td><img alt="Symbol" src="../images/symbols/preceq.png" /></td>
+                        <td><div class = "smb smb-preceq"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\prime</td>
-                        <td><img alt="Symbol" src="../images/symbols/prime.png" /></td>
+                        <td><div class = "smb smb-prime"></div></td>
                         <td>Primes</td>
                     </tr>
                     <tr>
                         <td>\prod</td>
-                        <td><img alt="Symbol" src="../images/symbols/prod.png" /></td>
+                        <td><div class = "smb smb-prod"></div></td>
                         <td>Math operators</td>
                     </tr>
                     <tr>
                         <td>\propto</td>
-                        <td><img alt="Symbol" src="../images/symbols/propto.png" /></td>
+                        <td><div class = "smb smb-propto"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\psi</td>
-                        <td><img alt="Symbol" src="../images/symbols/psi.png" /></td>
+                        <td><div class = "smb smb-psi"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Psi</td>
-                        <td><img alt="Symbol" src="../images/symbols/psi2.png" /></td>
+                        <td><div class = "smb smb-psi2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\qdrt</td>
-                        <td><img alt="Symbol" src="../images/symbols/qdrt.png" /></td>
+                        <td><div class = "smb smb-qdrt"></div></td>
                         <td>Square roots and radicals</td>
                     </tr>
                     <tr>
                         <td>\quadratic</td>
-                        <td><img alt="Symbol" src="../images/symbols/quadratic.png" /></td>
+                        <td><div class = "smb smb-quadratic"></div></td>
                         <td>Square roots and radicals</td>
                     </tr>
                     <tr>
                         <td>\rangle</td>
-                        <td><img alt="Symbol" src="../images/symbols/rangle.png" /></td>
+                        <td><div class = "smb smb-rangle"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\Rangle</td>
-                        <td><img alt="Symbol" src="../images/symbols/rangle2.png" /></td>
+                        <td><div class = "smb smb-rangle2"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\ratio</td>
-                        <td><img alt="Symbol" src="../images/symbols/ratio.png" /></td>
+                        <td><div class = "smb smb-ratio"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\rbrace</td>
-                        <td><img alt="Symbol" src="../images/symbols/rbrace.png" /></td>
+                        <td><div class = "smb smb-rbrace"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\rbrack</td>
-                        <td><img alt="Symbol" src="../images/symbols/rbrack.png" /></td>
+                        <td><div class = "smb smb-rbrack"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\Rbrack</td>
-                        <td><img alt="Symbol" src="../images/symbols/rbrack2.png" /></td>
+                        <td><div class = "smb smb-rbrack2"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\rceil</td>
-                        <td><img alt="Symbol" src="../images/symbols/rceil.png" /></td>
+                        <td><div class = "smb smb-rceil"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\rddots</td>
-                        <td><img alt="Symbol" src="../images/symbols/rddots.png" /></td>
+                        <td><div class = "smb smb-rddots"></div></td>
                         <td>Dots</td>
                     </tr>
                     <tr>
                         <td>\Re</td>
-                        <td><img alt="Symbol" src="../images/symbols/re.png" /></td>
+                        <td><div class = "smb smb-re"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\rect</td>
-                        <td><img alt="Symbol" src="../images/symbols/rect.png" /></td>
+                        <td><div class = "smb smb-rect"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\rfloor</td>
-                        <td><img alt="Symbol" src="../images/symbols/rfloor.png" /></td>
+                        <td><div class = "smb smb-rfloor"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\rho</td>
-                        <td><img alt="Symbol" src="../images/symbols/rho.png" /></td>
+                        <td><div class = "smb smb-rho"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Rho</td>
-                        <td><img alt="Symbol" src="../images/symbols/rho2.png" /></td>
+                        <td><div class = "smb smb-rho2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\rhvec</td>
-                        <td><img alt="Symbol" src="../images/symbols/rhvec.png" /></td>
+                        <td><div class = "smb smb-rhvec"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\right</td>
-                        <td><img alt="Symbol" src="../images/symbols/right.png" /></td>
+                        <td><div class = "smb smb-right"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\rightarrow</td>
-                        <td><img alt="Symbol" src="../images/symbols/rightarrow.png" /></td>
+                        <td><div class = "smb smb-rightarrow"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\Rightarrow</td>
-                        <td><img alt="Symbol" src="../images/symbols/rightarrow2.png" /></td>
+                        <td><div class = "smb smb-rightarrow2"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\rightharpoondown</td>
-                        <td><img alt="Symbol" src="../images/symbols/rightharpoondown.png" /></td>
+                        <td><div class = "smb smb-rightharpoondown"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\rightharpoonup</td>
-                        <td><img alt="Symbol" src="../images/symbols/rightharpoonup.png" /></td>
+                        <td><div class = "smb smb-rightharpoonup"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\rmoust</td>
-                        <td><img alt="Symbol" src="../images/symbols/rmoust.png" /></td>
+                        <td><div class = "smb smb-rmoust"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\root</td>
-                        <td><img alt="Symbol" src="../images/symbols/root.png" /></td>
+                        <td><div class = "smb smb-root"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\scripta</td>
-                        <td><img alt="Symbol" src="../images/symbols/scripta.png" /></td>
+                        <td><div class = "smb smb-scripta"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptA</td>
-                        <td><img alt="Symbol" src="../images/symbols/scripta2.png" /></td>
+                        <td><div class = "smb smb-scripta2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptb</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptb.png" /></td>
+                        <td><div class = "smb smb-scriptb"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptB</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptb2.png" /></td>
+                        <td><div class = "smb smb-scriptb2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptc</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptc.png" /></td>
+                        <td><div class = "smb smb-scriptc"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptC</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptc2.png" /></td>
+                        <td><div class = "smb smb-scriptc2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptd</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptd.png" /></td>
+                        <td><div class = "smb smb-scriptd"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptD</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptd2.png" /></td>
+                        <td><div class = "smb smb-scriptd2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scripte</td>
-                        <td><img alt="Symbol" src="../images/symbols/scripte.png" /></td>
+                        <td><div class = "smb smb-scripte"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptE</td>
-                        <td><img alt="Symbol" src="../images/symbols/scripte2.png" /></td>
+                        <td><div class = "smb smb-scripte2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptf</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptf.png" /></td>
+                        <td><div class = "smb smb-scriptf"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptF</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptf2.png" /></td>
+                        <td><div class = "smb smb-scriptf2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptg</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptg.png" /></td>
+                        <td><div class = "smb smb-scriptg"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptG</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptg2.png" /></td>
+                        <td><div class = "smb smb-scriptg2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scripth</td>
-                        <td><img alt="Symbol" src="../images/symbols/scripth.png" /></td>
+                        <td><div class = "smb smb-scripth"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptH</td>
-                        <td><img alt="Symbol" src="../images/symbols/scripth2.png" /></td>
+                        <td><div class = "smb smb-scripth2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scripti</td>
-                        <td><img alt="Symbol" src="../images/symbols/scripti.png" /></td>
+                        <td><div class = "smb smb-scripti"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptI</td>
-                        <td><img alt="Symbol" src="../images/symbols/scripti2.png" /></td>
+                        <td><div class = "smb smb-scripti2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptk</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptk.png" /></td>
+                        <td><div class = "smb smb-scriptk"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptK</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptk2.png" /></td>
+                        <td><div class = "smb smb-scriptk2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptl</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptl.png" /></td>
+                        <td><div class = "smb smb-scriptl"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptL</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptl2.png" /></td>
+                        <td><div class = "smb smb-scriptl2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptm</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptm.png" /></td>
+                        <td><div class = "smb smb-scriptm"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptM</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptm2.png" /></td>
+                        <td><div class = "smb smb-scriptm2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptn</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptn.png" /></td>
+                        <td><div class = "smb smb-scriptn"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptN</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptn2.png" /></td>
+                        <td><div class = "smb smb-scriptn2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scripto</td>
-                        <td><img alt="Symbol" src="../images/symbols/scripto.png" /></td>
+                        <td><div class = "smb smb-scripto"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptO</td>
-                        <td><img alt="Symbol" src="../images/symbols/scripto2.png" /></td>
+                        <td><div class = "smb smb-scripto2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptp</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptp.png" /></td>
+                        <td><div class = "smb smb-scriptp"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptP</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptp2.png" /></td>
+                        <td><div class = "smb smb-scriptp2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptq</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptq.png" /></td>
+                        <td><div class = "smb smb-scriptq"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptQ</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptq2.png" /></td>
+                        <td><div class = "smb smb-scriptq2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptr</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptr.png" /></td>
+                        <td><div class = "smb smb-scriptr"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptR</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptr2.png" /></td>
+                        <td><div class = "smb smb-scriptr2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scripts</td>
-                        <td><img alt="Symbol" src="../images/symbols/scripts.png" /></td>
+                        <td><div class = "smb smb-scripts"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptS</td>
-                        <td><img alt="Symbol" src="../images/symbols/scripts2.png" /></td>
+                        <td><div class = "smb smb-scripts2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptt</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptt.png" /></td>
+                        <td><div class = "smb smb-scriptt"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptT</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptt2.png" /></td>
+                        <td><div class = "smb smb-scriptt2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptu</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptu.png" /></td>
+                        <td><div class = "smb smb-scriptu"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptU</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptu2.png" /></td>
+                        <td><div class = "smb smb-scriptu2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptv</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptv.png" /></td>
+                        <td><div class = "smb smb-scriptv"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptV</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptv2.png" /></td>
+                        <td><div class = "smb smb-scriptv2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptw</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptw.png" /></td>
+                        <td><div class = "smb smb-scriptw"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptW</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptw2.png" /></td>
+                        <td><div class = "smb smb-scriptw2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptx</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptx.png" /></td>
+                        <td><div class = "smb smb-scriptx"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptX</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptx2.png" /></td>
+                        <td><div class = "smb smb-scriptx2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scripty</td>
-                        <td><img alt="Symbol" src="../images/symbols/scripty.png" /></td>
+                        <td><div class = "smb smb-scripty"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptY</td>
-                        <td><img alt="Symbol" src="../images/symbols/scripty2.png" /></td>
+                        <td><div class = "smb smb-scripty2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptz</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptz.png" /></td>
+                        <td><div class = "smb smb-scriptz"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptZ</td>
-                        <td><img alt="Symbol" src="../images/symbols/scriptz2.png" /></td>
+                        <td><div class = "smb smb-scriptz2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\sdiv</td>
-                        <td><img alt="Symbol" src="../images/symbols/sdiv.png" /></td>
+                        <td><div class = "smb smb-sdiv"></div></td>
                         <td>Fraction slashes</td>
                     </tr>
                     <tr>
                         <td>\sdivide</td>
-                        <td><img alt="Symbol" src="../images/symbols/sdivide.png" /></td>
+                        <td><div class = "smb smb-sdivide"></div></td>
                         <td>Fraction slashes</td>
                     </tr>
                     <tr>
                         <td>\searrow</td>
-                        <td><img alt="Symbol" src="../images/symbols/searrow.png" /></td>
+                        <td><div class = "smb smb-searrow"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\setminus</td>
-                        <td><img alt="Symbol" src="../images/symbols/setminus.png" /></td>
+                        <td><div class = "smb smb-setminus"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\sigma</td>
-                        <td><img alt="Symbol" src="../images/symbols/sigma.png" /></td>
+                        <td><div class = "smb smb-sigma"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Sigma</td>
-                        <td><img alt="Symbol" src="../images/symbols/sigma2.png" /></td>
+                        <td><div class = "smb smb-sigma2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\sim</td>
-                        <td><img alt="Symbol" src="../images/symbols/sim.png" /></td>
+                        <td><div class = "smb smb-sim"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\simeq</td>
-                        <td><img alt="Symbol" src="../images/symbols/simeq.png" /></td>
+                        <td><div class = "smb smb-simeq"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\smash</td>
-                        <td><img alt="Symbol" src="../images/symbols/smash.png" /></td>
+                        <td><div class = "smb smb-smash"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\smile</td>
-                        <td><img alt="Symbol" src="../images/symbols/smile.png" /></td>
+                        <td><div class = "smb smb-smile"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\spadesuit</td>
-                        <td><img alt="Symbol" src="../images/symbols/spadesuit.png" /></td>
+                        <td><div class = "smb smb-spadesuit"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\sqcap</td>
-                        <td><img alt="Symbol" src="../images/symbols/sqcap.png" /></td>
+                        <td><div class = "smb smb-sqcap"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\sqcup</td>
-                        <td><img alt="Symbol" src="../images/symbols/sqcup.png" /></td>
+                        <td><div class = "smb smb-sqcup"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\sqrt</td>
-                        <td><img alt="Symbol" src="../images/symbols/sqrt.png" /></td>
+                        <td><div class = "smb smb-sqrt"></div></td>
                         <td>Square roots and radicals</td>
                     </tr>
                     <tr>
                         <td>\sqsubseteq</td>
-                        <td><img alt="Symbol" src="../images/symbols/sqsubseteq.png" /></td>
+                        <td><div class = "smb smb-sqsubseteq"></div></td>
                         <td>Set notation</td>
                     </tr>
                     <tr>
                         <td>\sqsuperseteq</td>
-                        <td><img alt="Symbol" src="../images/symbols/sqsuperseteq.png" /></td>
+                        <td><div class = "smb smb-sqsuperseteq"></div></td>
                         <td>Set notation</td>
                     </tr>
                     <tr>
                         <td>\star</td>
-                        <td><img alt="Symbol" src="../images/symbols/star.png" /></td>
+                        <td><div class = "smb smb-star"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\subset</td>
-                        <td><img alt="Symbol" src="../images/symbols/subset.png" /></td>
+                        <td><div class = "smb smb-subset"></div></td>
                         <td>Set notation</td>
                     </tr>
                     <tr>
                         <td>\subseteq</td>
-                        <td><img alt="Symbol" src="../images/symbols/subseteq.png" /></td>
+                        <td><div class = "smb smb-subseteq"></div></td>
                         <td>Set notation</td>
                     </tr>
                     <tr>
                         <td>\succ</td>
-                        <td><img alt="Symbol" src="../images/symbols/succ.png" /></td>
+                        <td><div class = "smb smb-succ"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\succeq</td>
-                        <td><img alt="Symbol" src="../images/symbols/succeq.png" /></td>
+                        <td><div class = "smb smb-succeq"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\sum</td>
-                        <td><img alt="Symbol" src="../images/symbols/sum.png" /></td>
+                        <td><div class = "smb smb-sum"></div></td>
                         <td>Math operators</td>
                     </tr>
                     <tr>
                         <td>\superset</td>
-                        <td><img alt="Symbol" src="../images/symbols/superset.png" /></td>
+                        <td><div class = "smb smb-superset"></div></td>
                         <td>Set notation</td>
                     </tr>
                     <tr>
                         <td>\superseteq</td>
-                        <td><img alt="Symbol" src="../images/symbols/superseteq.png" /></td>
+                        <td><div class = "smb smb-superseteq"></div></td>
                         <td>Set notation</td>
                     </tr>
                     <tr>
                         <td>\swarrow</td>
-                        <td><img alt="Symbol" src="../images/symbols/swarrow.png" /></td>
+                        <td><div class = "smb smb-swarrow"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\tau</td>
-                        <td><img alt="Symbol" src="../images/symbols/tau.png" /></td>
+                        <td><div class = "smb smb-tau"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Tau</td>
-                        <td><img alt="Symbol" src="../images/symbols/tau2.png" /></td>
+                        <td><div class = "smb smb-tau2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\therefore</td>
-                        <td><img alt="Symbol" src="../images/symbols/therefore.png" /></td>
+                        <td><div class = "smb smb-therefore"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\theta</td>
-                        <td><img alt="Symbol" src="../images/symbols/theta.png" /></td>
+                        <td><div class = "smb smb-theta"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Theta</td>
-                        <td><img alt="Symbol" src="../images/symbols/theta2.png" /></td>
+                        <td><div class = "smb smb-theta2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
@@ -2275,172 +2276,172 @@
                     </tr>
                     <tr>
                         <td>\tilde</td>
-                        <td><img alt="Symbol" src="../images/symbols/tilde.png" /></td>
+                        <td><div class = "smb smb-tilde"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\times</td>
-                        <td><img alt="Symbol" src="../images/symbols/times.png" /></td>
+                        <td><div class = "smb smb-times"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\to</td>
-                        <td><img alt="Symbol" src="../images/symbols/to.png" /></td>
+                        <td><div class = "smb smb-to"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\top</td>
-                        <td><img alt="Symbol" src="../images/symbols/top.png" /></td>
+                        <td><div class = "smb smb-top"></div></td>
                         <td>Logic notation</td>
                     </tr>
                     <tr>
                         <td>\tvec</td>
-                        <td><img alt="Symbol" src="../images/symbols/tvec.png" /></td>
+                        <td><div class = "smb smb-tvec"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\ubar</td>
-                        <td><img alt="Symbol" src="../images/symbols/ubar.png" /></td>
+                        <td><div class = "smb smb-ubar"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\Ubar</td>
-                        <td><img alt="Symbol" src="../images/symbols/ubar2.png" /></td>
+                        <td><div class = "smb smb-ubar2"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\underbar</td>
-                        <td><img alt="Symbol" src="../images/symbols/underbar.png" /></td>
+                        <td><div class = "smb smb-underbar"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\underbrace</td>
-                        <td><img alt="Symbol" src="../images/symbols/underbrace.png" /></td>
+                        <td><div class = "smb smb-underbrace"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\underbracket</td>
-                        <td><img alt="Symbol" src="../images/symbols/underbracket.png" /></td>
+                        <td><div class = "smb smb-underbracket"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\underline</td>
-                        <td><img alt="Symbol" src="../images/symbols/underline.png" /></td>
+                        <td><div class = "icon icon-underline"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\underparen</td>
-                        <td><img alt="Symbol" src="../images/symbols/underparen.png" /></td>
+                        <td><div class = "smb smb-underparen"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\uparrow</td>
-                        <td><img alt="Symbol" src="../images/symbols/uparrow.png" /></td>
+                        <td><div class = "smb smb-uparrow"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\Uparrow</td>
-                        <td><img alt="Symbol" src="../images/symbols/uparrow2.png" /></td>
+                        <td><div class = "smb smb-uparrow2"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\updownarrow</td>
-                        <td><img alt="Symbol" src="../images/symbols/updownarrow.png" /></td>
+                        <td><div class = "smb smb-updownarrow"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\Updownarrow</td>
-                        <td><img alt="Symbol" src="../images/symbols/updownarrow2.png" /></td>
+                        <td><div class = "smb smb-updownarrow2"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>\uplus</td>
-                        <td><img alt="Symbol" src="../images/symbols/uplus.png" /></td>
+                        <td><div class = "smb smb-uplus"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\upsilon</td>
-                        <td><img alt="Symbol" src="../images/symbols/upsilon.png" /></td>
+                        <td><div class = "smb smb-upsilon"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Upsilon</td>
-                        <td><img alt="Symbol" src="../images/symbols/upsilon2.png" /></td>
+                        <td><div class = "smb smb-upsilon2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\varepsilon</td>
-                        <td><img alt="Symbol" src="../images/symbols/varepsilon.png" /></td>
+                        <td><div class = "smb smb-varepsilon"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\varphi</td>
-                        <td><img alt="Symbol" src="../images/symbols/varphi.png" /></td>
+                        <td><div class = "smb smb-varphi"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\varpi</td>
-                        <td><img alt="Symbol" src="../images/symbols/varpi.png" /></td>
+                        <td><div class = "smb smb-varpi"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\varrho</td>
-                        <td><img alt="Symbol" src="../images/symbols/varrho.png" /></td>
+                        <td><div class = "smb smb-varrho"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\varsigma</td>
-                        <td><img alt="Symbol" src="../images/symbols/varsigma.png" /></td>
+                        <td><div class = "smb smb-varsigma"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\vartheta</td>
-                        <td><img alt="Symbol" src="../images/symbols/vartheta.png" /></td>
+                        <td><div class = "smb smb-vartheta"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\vbar</td>
-                        <td><img alt="Symbol" src="../images/symbols/vbar.png" /></td>
+                        <td><div class = "smb smb-vbar"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\vdash</td>
-                        <td><img alt="Symbol" src="../images/symbols/vdash.png" /></td>
+                        <td><div class = "smb smb-vdash"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>\vdots</td>
-                        <td><img alt="Symbol" src="../images/symbols/vdots.png" /></td>
+                        <td><div class = "smb smb-vdots"></div></td>
                         <td>Dots</td>
                     </tr>
                     <tr>
                         <td>\vec</td>
-                        <td><img alt="Symbol" src="../images/symbols/vec.png" /></td>
+                        <td><div class = "smb smb-vec"></div></td>
                         <td>Accents</td>
                     </tr>
                     <tr>
                         <td>\vee</td>
-                        <td><img alt="Symbol" src="../images/symbols/vee.png" /></td>
+                        <td><div class = "smb smb-vee"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\vert</td>
-                        <td><img alt="Symbol" src="../images/symbols/vert.png" /></td>
+                        <td><div class = "smb smb-vert"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\Vert</td>
-                        <td><img alt="Symbol" src="../images/symbols/vert2.png" /></td>
+                        <td><div class = "smb smb-vert2"></div></td>
                         <td>Delimiters</td>
                     </tr>
                     <tr>
                         <td>\Vmatrix</td>
-                        <td><img alt="Symbol" src="../images/symbols/vmatrix.png" /></td>
+                        <td><div class = "smb smb-vmatrix"></div></td>
                         <td>Matrices</td>
                     </tr>
                     <tr>
                         <td>\vphantom</td>
-                        <td><img alt="Symbol" src="../images/symbols/vphantom.png" /></td>
+                        <td><div class = "smb smb-vphantom"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
@@ -2450,37 +2451,37 @@
                     </tr>
                     <tr>
                         <td>\wedge</td>
-                        <td><img alt="Symbol" src="../images/symbols/wedge.png" /></td>
+                        <td><div class = "smb smb-wedge"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\wp</td>
-                        <td><img alt="Symbol" src="../images/symbols/wp.png" /></td>
+                        <td><div class = "smb smb-wp"></div></td>
                         <td>Symbols</td>
                     </tr>
                     <tr>
                         <td>\wr</td>
-                        <td><img alt="Symbol" src="../images/symbols/wr.png" /></td>
+                        <td><div class = "smb smb-wr"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>\xi</td>
-                        <td><img alt="Symbol" src="../images/symbols/xi.png" /></td>
+                        <td><div class = "smb smb-xi"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Xi</td>
-                        <td><img alt="Symbol" src="../images/symbols/xi2.png" /></td>
+                        <td><div class = "smb smb-xi2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\zeta</td>
-                        <td><img alt="Symbol" src="../images/symbols/zeta.png" /></td>
+                        <td><div class = "smb smb-zeta"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
                         <td>\Zeta</td>
-                        <td><img alt="Symbol" src="../images/symbols/zeta2.png" /></td>
+                        <td><div class = "smb smb-zeta2"></div></td>
                         <td>Greek letters</td>
                     </tr>
                     <tr>
@@ -2495,42 +2496,42 @@
                     </tr>
                     <tr>
                         <td>~=</td>
-                        <td><img alt="Is congruent to" src="../images/symbols/cong.png" /></td>
+                        <td><div class = "smb smb-cong"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>-+</td>
-                        <td><img alt="Minus or plus" src="../images/symbols/mp.png" /></td>
+                        <td><div class = "smb smb-mp"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td>+-</td>
-                        <td><img alt="Plus or minus" src="../images/symbols/pm.png" /></td>
+                        <td><div class = "smb smb-pm"></div></td>
                         <td>Binary operators</td>
                     </tr>
                     <tr>
                         <td><<</td>
-                        <td><img alt="Symbol" src="../images/symbols/ll.png" /></td>
+                        <td><div class = "smb smb-ll"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td><=</td>
-                        <td><img alt="Less than or equal to" src="../images/symbols/lessthanorequalto.png" /></td>
+                        <td><div class = "smb smb-lessthanorequalto"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>-></td>
-                        <td><img alt="Symbol" src="../images/symbols/arrow.png" /></td>
+                        <td><div class = "icon icon-arrow"></div></td>
                         <td>Arrows</td>
                     </tr>
                     <tr>
                         <td>>=</td>
-                        <td><img alt="Greater than or equal to" src="../images/symbols/greaterthanorequalto.png" /></td>
+                        <td><div class = "smb smb-greaterthanorequalto"></div></td>
                         <td>Relational operators</td>
                     </tr>
                     <tr>
                         <td>>></td>
-                        <td><img alt="Symbol" src="../images/symbols/gg.png" /></td>
+                        <td><div class = "smb smb-gg"></div></td>
                         <td>Relational operators</td>
                     </tr>
                 </table>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/OpenCreateNew.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/OpenCreateNew.htm
index 8d94a884de..3e0d0581e0 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/OpenCreateNew.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/OpenCreateNew.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="Open a recently edited presentation, create a new one, or return to the list of existing presentations" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -27,7 +28,7 @@
             <p>In the <em>desktop editor</em></p>
             <ol>
                 <li>in the main program window, select the <b>Presentation</b> menu item from the <b>Create new</b> section of the left sidebar - a new file will open in a new tab,</li>
-                <li>when all the necessary changes are made, click the <b>Save</b> <img alt="Save icon" src="../images/save.png" /> icon in the upper left corner or switch to the <b>File</b> tab and choose the <b>Save as</b> menu item. </li>
+                <li>when all the necessary changes are made, click the <b>Save</b> <div class = "icon icon-save"></div> icon in the upper left corner or switch to the <b>File</b> tab and choose the <b>Save as</b> menu item. </li>
                 <li>in the file manager window, select the file location, specify its name, choose the format you want to save the presentation to (PPTX, Presentation template (POTX), ODP, OTP, PDF or PDFA) and click the <b>Save</b> button.</li>
             </ol>
         </div>
@@ -60,7 +61,7 @@
             </ol>
         </div>
 
-        <p>To open the folder where the file is stored <span class="onlineDocumentFeatures"> in a new browser tab in the <em>online version</em>,</span> <span class="desktopDocumentFeatures">in the file explorer window in the <em>desktop version</em>,</span> click the <img alt="Open file location" src="../images/gotodocuments.png" /> <b>Open file location</b> icon on the right side of the editor header. Alternatively, you can switch to the <b>File</b> tab of the top toolbar and select the <b>Open file location</b> option.</p>
+        <p>To open the folder where the file is stored <span class="onlineDocumentFeatures"> in a new browser tab in the <em>online version</em>,</span> <span class="desktopDocumentFeatures">in the file explorer window in the <em>desktop version</em>,</span> click the <div class = "icon icon-gotodocuments"></div> <b>Open file location</b> icon on the right side of the editor header. Alternatively, you can switch to the <b>File</b> tab of the top toolbar and select the <b>Open file location</b> option.</p>
     </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/PhotoEditor.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/PhotoEditor.htm
index 105ac130dc..fb4f8bf4ee 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/PhotoEditor.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/PhotoEditor.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="The description of Photo Editor plugin for ONLYOFFICE editors, which allows to edit images" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -18,7 +19,7 @@
         <ol>
             <li>Select an image in your presentation.</li>
             <li>
-                Switch to the <b>Plugins</b> tab and choose <img alt="Photo Editor plugin icon" src="../images/photoeditor.png" /> <b>Photo Editor</b>.<br />
+                Switch to the <b>Plugins</b> tab and choose <div class = "icon icon-photoeditor"></div> <b>Photo Editor</b>.<br />
                 You are now in the editing environment.
                 <ul>
                     <li>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/PreviewPresentation.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/PreviewPresentation.htm
index d4d5669dc6..88488e5391 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/PreviewPresentation.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/PreviewPresentation.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Preview your presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,11 +19,11 @@
             <p class="note">Note: If you download a presentation that was created using a third-party application, you can see a preview of the animation effects, if any.</p>
 			<p>To preview the current presentation in the <a target="_blank" href="https://www.onlyoffice.com/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>, you can:</p>
             <ul>
-                <li>click the <b>Start slideshow</b> <img alt="Start slideshow icon" src="../images/startpreview.png" /> icon on the <b>Home</b> tab of the top toolbar or on the left side of the status bar, or</li>
+                <li>click the <b>Start slideshow</b> <div class = "icon icon-startpreview"></div> icon on the <b>Home</b> tab of the top toolbar or on the left side of the status bar, or</li>
                 <li>select a certain slide within the slide list on the left, right-click it and choose the <b>Start Slideshow</b> option from the contextual menu.</li>
             </ul>
             <p>The preview will start from the currently selected slide. </p>
-            <p>You can also click the arrow next to the <b>Start slideshow</b> <img alt="Start slideshow icon" src="../images/startpreview.png" /> icon on the <b>Home</b> tab of the top toolbar and select one of the available options:</p>
+            <p>You can also click the arrow next to the <b>Start slideshow</b> <div class = "icon icon-startpreview"></div> icon on the <b>Home</b> tab of the top toolbar and select one of the available options:</p>
             <ul>
                 <li><b>Show from Beginning</b> - to start the preview from the very first slide,</li>
                 <li><b>Show from Current slide</b> - to start the preview from the currently selected slide,</li>
@@ -35,31 +36,31 @@
             <p>In the <b>Preview</b> mode, you can use the following controls at the bottom left corner:</p>
             <p><img alt="Preview Mode controls" src="../images/preview_mode.png" /></p>
             <ul>
-                <li>the <b>Previous slide</b> <img alt="Previous slide icon" src="../images/previousslide.png" /> button allows you to return to the previous slide.</li>
-                <li>the <b>Pause presentation</b> <img alt="Pause presentation icon" src="../images/pausepresentation.png" /> button allows you to stop previewing. When the button is pressed, it turns into the <img alt="Start presentation icon" src="../images/startpresentation.png" /> button.</li>
-                <li>the <b>Start presentation</b> <img alt="Start presentation icon" src="../images/startpresentation.png" /> button allows you to resume previewing. When the button is pressed, it turns into the <img alt="Pause presentation icon" src="../images/pausepresentation.png" /> button.</li>
-                <li>the <b>Next slide</b> <img alt="Next slide icon" src="../images/nextslide.png" /> button allows you to advance to the following slide.</li>
+                <li>the <b>Previous slide</b> <div class = "icon icon-previousslide"></div> button allows you to return to the previous slide.</li>
+                <li>the <b>Pause presentation</b> <div class = "icon icon-pausepresentation"></div> button allows you to stop previewing. When the button is pressed, it turns into the <div class = "icon icon-startpresentation"></div> button.</li>
+                <li>the <b>Start presentation</b> <div class = "icon icon-startpresentation"></div> button allows you to resume previewing. When the button is pressed, it turns into the <div class = "icon icon-pausepresentation"></div> button.</li>
+                <li>the <b>Next slide</b> <div class = "icon icon-nextslide"></div> button allows you to advance to the following slide.</li>
                 <li>the <b>Slide number indicator</b> displays the current slide number as well as the overall number of slides in the presentation. To go to a certain slide in the preview mode, click on the <b>Slide number indicator</b>, enter the necessary slide number in the opened window and press <b>Enter</b>.</li>
-                <li>the <b>Full screen</b> <img alt="Full screen icon" src="../images/fullscreen.png" /> button allows you to switch to the full screen mode.</li>
-                <li>the <b>Exit full screen</b> <img alt="Exit full screen icon" src="../images/exitfullscreen.png" /> button allows you to exit the full screen mode.</li>
-                <li>the <b>Close slideshow</b> <img alt="Close slideshow icon" src="../images/closepreview.png" /> button allows you to exit the preview mode.</li>
+                <li>the <b>Full screen</b> <div class = "icon icon-fullscreen"></div> button allows you to switch to the full screen mode.</li>
+                <li>the <b>Exit full screen</b> <div class = "icon icon-exitfullscreen"></div> button allows you to exit the full screen mode.</li>
+                <li>the <b>Close slideshow</b> <div class = "icon icon-closepreview"></div> button allows you to exit the preview mode.</li>
             </ul>
 			<p>You can also <a href="../HelpfulHints/KeyboardShortcuts.htm#preview" onclick="onhyperlinkclick(this)">use the keyboard shortcuts</a> to navigate between the slides in the preview mode.</p>
             <h3 id="presenter">Use the Presenter mode</h3>
             <p class="note"><b>Note</b>: in the <em>desktop version</em>, the presenter mode can be activated only if the second monitor is connected.</p>
             <p>In the <b>Presenter</b> mode, you can view your presentations with slide notes in a separate window, while demonstrating it without notes on a different monitor. The notes for each slide are displayed below the slide preview area.</p>
-            <p>To navigate among the slides, you can use the <img alt="Previous Slide icon" src="../images/previousslide.png" /> and <img alt="Next Slide icon" src="../images/nextslide.png" /> buttons or click slides in the list on the left. The hidden slide numbers are crossed out in the slide list on the left. If you wish to show a slide marked as hidden to others, just click it in the slide list on the left - the slide will be displayed.</p>
+            <p>To navigate among the slides, you can use the <div class = "icon icon-previousslide"></div> and <div class = "icon icon-nextslide"></div> buttons or click slides in the list on the left. The hidden slide numbers are crossed out in the slide list on the left. If you wish to show a slide marked as hidden to others, just click it in the slide list on the left - the slide will be displayed.</p>
             <p>You can use the following controls below the slide preview area:</p>
             <p><img alt="Presenter Mode controls" src="../images/presenter_mode.png" /></p>
             <ul>
                 <li>the <b>Timer</b> displays the elapsed time of the presentation in the <em>hh.mm.ss</em> format.</li>
-                <li>the <b>Pause presentation</b> <img alt="Pause presentation icon" src="../images/presenter_pausepresentation.png" /> button allows you to stop previewing. When the button is pressed, it turns into the <img alt="Start presentation icon" src="../images/presenter_startpresentation.png" /> button.</li>
-                <li>the <b>Start presentation</b> <img alt="Start presentation icon" src="../images/presenter_startpresentation.png" /> button allows you to resume previewing. When the button is pressed, it turns into the <img alt="Pause presentation icon" src="../images/presenter_pausepresentation.png" /> button.</li>
+                <li>the <b>Pause presentation</b> <div class = "icon icon-presenter_pausepresentation"></div> button allows you to stop previewing. When the button is pressed, it turns into the <div class = "icon icon-presenter_startpresentation"></div> button.</li>
+                <li>the <b>Start presentation</b> <div class = "icon icon-presenter_startpresentation"></div> button allows you to resume previewing. When the button is pressed, it turns into the <div class = "icon icon-presenter_pausepresentation"></div> button.</li>
                 <li>the <b>Reset</b> button allows to reset the elapsed time of the presentation.</li>
-                <li>the <b>Previous slide</b> <img alt="Previous slide icon" src="../images/presenter_previousslide.png" /> button allows you to return to the previous slide.</li>
-                <li>the <b>Next slide</b> <img alt="Next slide icon" src="../images/presenter_nextslide.png" /> button allows you to advance to the following slide.</li>
+                <li>the <b>Previous slide</b> <div class = "icon icon-presenter_previousslide"></div> button allows you to return to the previous slide.</li>
+                <li>the <b>Next slide</b> <div class = "icon icon-presenter_nextslide"></div> button allows you to advance to the following slide.</li>
                 <li>the <b>Slide number indicator</b> displays the current slide number as well as the overall number of slides in the presentation.</li>
-                <li>the <b>Pointer</b> <img alt="Pointer icon" src="../images/pointer.png" /> button allows you to highlight something on the screen when showing the presentation. When this option is enabled, the button looks like this: <img alt="Pointer icon" src="../images/pointer_enabled.png" />. To point some objects, hover your mouse pointer over the slide preview area and move the pointer around the slide. The pointer will look the following way: <img alt="Pointer icon" src="../images/pointer_screen.png" />. To disable this option, click the <img alt="Pointer icon" src="../images/pointer_enabled.png" /> button once again.</li>
+                <li>the <b>Pointer</b> <div class = "icon icon-pointer"></div> button allows you to highlight something on the screen when showing the presentation. When this option is enabled, the button looks like this: <div class = "icon icon-pointer_enabled"></div>. To point some objects, hover your mouse pointer over the slide preview area and move the pointer around the slide. The pointer will look the following way: <div class = "icon icon-pointer_screen"></div>. To disable this option, click the <div class = "icon icon-pointer_enabled"></div> button once again.</li>
                 <li>the <b>End slideshow</b> button allows you to exit the <b>Presenter</b> mode.</li>
             </ul>			
 		</div>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/SavePrintDownload.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/SavePrintDownload.htm
index 42ce049516..d09df97a24 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/SavePrintDownload.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/SavePrintDownload.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Save, print and download your presentations in various formats" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
             <p class="onlineDocumentFeatures">By default, the online <a target="_blank" href="https://www.onlyoffice.com/en/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a> automatically saves your file every 2 seconds when you are working on it preventing your data loss if the program closes unexpectedly. If you co-edit the file in the <b>Fast</b> mode, the timer requests for updates 25 times a second and saves the changes if there are any. When the file is co-edited in the <b>Strict</b> mode, changes are automatically saved within 10-minute intervals. If you need, you can easily select the preferred co-editing mode or disable the <b>Autosave</b> feature on the <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a> page.</p>
             <p>To save your presentation manually in the current format and location,</p>
             <ul>
-                <li>press the <b>Save</b> <img alt="Save icon" src="../images/save.png" /> icon on the left side of the editor header, or</li>
+                <li>press the <b>Save</b> <div class = "icon icon-save"></div> icon on the left side of the editor header, or</li>
                 <li>use the <b>Ctrl+S</b> key combination, or</li>
                 <li>click the <b>File</b> tab of the top toolbar and select the <b>Save</b> option.</li>
             </ul>
@@ -51,7 +52,7 @@
             <h3 id="print">Printing</h3>
             <p>To print out the current presentation,</p>
             <ul>
-                <li>click the <b>Print</b> <img alt="Print icon" src="../images/print.png" /> icon on the left side of the editor header, or</li>
+                <li>click the <b>Print</b> <div class = "icon icon-print"></div> icon on the left side of the editor header, or</li>
                 <li>use the <b>Ctrl+P</b> key combination, or</li>
                 <li>click the <b>File</b> tab of the top toolbar and select the <b>Print</b> option.</li>
             </ul>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/SetSlideParameters.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/SetSlideParameters.htm
index 1219200fca..55d4b590c6 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/SetSlideParameters.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/SetSlideParameters.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Set slide parameters: select background fill, themes, color schemes, slide layouts" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,16 +20,16 @@
                 <li>
                     <b>Themes</b> allow you to quickly change the presentation design, notably the slides background appearance, predefined fonts for titles and texts and the color scheme that is used for the presentation elements.
                     <b>To select a theme</b> for the presentation, click on the necessary predefined theme from the themes gallery on the right side of the top toolbar on the <b>Home</b> tab. The selected theme will be applied to all the slides if you have not previously selected certain slides to apply the theme to.
-                    <p><img alt="Themes gallery" src="../images/themes.png" /></p>
+                    <p><div class = "big big-themes"></div></p>
                     <p>To change the selected theme for one or more slides, you can right-click the selected slides in the list on the left (or right-click a slide in the editing area), select the <b>Change Theme</b> option from the contextual menu and choose the necessary theme.</p>
                 </li>
                 <li>
                     <b>Color Schemes</b> affect the predefined colors used for the presentation elements (fonts, lines, fills etc.) and allow you to maintain color consistency throughout the entire presentation.
-                    <b>To change a color scheme</b>, click the <img alt="Change color scheme icon" src="../images/changecolorscheme.png" /> <b>Change color scheme</b> icon on the <b>Home</b> tab of the top toolbar and select the necessary scheme from the drop-down list. The selected color scheme will be highlighted in the list and applied to all the slides.
+                    <b>To change a color scheme</b>, click the <div class = "icon icon-changecolorscheme"></div> <b>Change color scheme</b> icon on the <b>Home</b> tab of the top toolbar and select the necessary scheme from the drop-down list. The selected color scheme will be highlighted in the list and applied to all the slides.
                     <p><img alt="Color Schemes" src="../images/colorscheme.png" /></p>
                 </li>
                 <li>
-                    <b>To change the size</b> of all the slides in the presentation, click the <img alt="Select slide size icon" src="../images/selectslidesizeicon.png" /> <b>Select slide size</b> icon on the <b>Home</b> tab of the top toolbar and select the necessary option from the drop-down list. You can select:
+                    <b>To change the size</b> of all the slides in the presentation, click the <div class = "icon icon-selectslidesizeicon"></div> <b>Select slide size</b> icon on the <b>Home</b> tab of the top toolbar and select the necessary option from the drop-down list. You can select:
                     <ul>
                         <li>one of the two quick-access presets - <b>Standard (4:3)</b> or <b>Widescreen (16:9)</b>,</li>
                         <li>
@@ -63,7 +64,7 @@
                         <li>in the slide list on the left, select the slides you want to apply a transition to,</li>
                         <li>
                             choose a transition in the <b>Effect</b> drop-down list on the <b>Slide settings</b> tab,
-                            <p class="note">To open the <b>Slide settings</b> tab, you can click the <b>Slide settings</b> <img alt="Slide settings icon" src="../images/slide_settings_icon.png" /> icon on the right or right-click the slide in the slide editing area and select the <b>Slide Settings</b> option from the contextual menu.</p>
+                            <p class="note">To open the <b>Slide settings</b> tab, you can click the <b>Slide settings</b> <div class = "icon icon-slide_settings_icon"></div> icon on the right or right-click the slide in the slide editing area and select the <b>Slide Settings</b> option from the contextual menu.</p>
                         </li>
                         <li>adjust the transition properties: choose a transition variation, duration and the way to advance slides,</li>
                         <li>
@@ -76,7 +77,7 @@
                     <a id="changelayout"></a><b>To change a slide layout:</b>
                     <ol>
                         <li>in the slide list on the left, select the slides you want to apply a new layout to,</li>
-                        <li>click the <img alt="Change slide layout icon" src="../images/changelayout.png" /> <b>Change slide layout</b> icon on the <b>Home</b> tab of the top toolbar,</li>
+                        <li>click the <div class = "icon icon-changelayout"></div> <b>Change slide layout</b> icon on the <b>Home</b> tab of the top toolbar,</li>
                         <li>
                             select the necessary layout from the menu.
                             <p>Alternatively, you can right-click the necessary slide in the list on the left or in the editing area, select the <b>Change Layout</b> option from the contextual menu and choose the necessary layout.</p>
@@ -87,13 +88,13 @@
                 <li>
                     <a id="addtolayout"></a><b>To add objects to a slide layout:</b>
                     <ol>
-                        <li>click the <b>Change slide layout</b> <img alt="Change slide layout icon" src="../images/changelayout.png" /> icon and select a layout you want to add an object to,</li>
+                        <li>click the <b>Change slide layout</b> <div class = "icon icon-changelayout"></div> icon and select a layout you want to add an object to,</li>
                         <li>
                             using the <b>Insert</b> tab of the top toolbar, add the necessary object to the slide (<em>image</em>, <em>table</em>, <em>chart</em>, <em>shape</em>), then <b>right-click</b> on this object and select <b>Add to Layout</b> option,
                             <br /><img alt="Add to layout" src="../images/addtolayout.png" />
                         </li>
                         <li>
-                            on the <b>Home</b> tab, click <b>Change slide layout</b> <img alt="Change slide layout icon" src="../images/changelayout.png" /> and apply the changed layout.
+                            on the <b>Home</b> tab, click <b>Change slide layout</b> <div class = "icon icon-changelayout"></div> and apply the changed layout.
                             <p><img alt="Apply layout" src="../images/applylayout.png" /></p>
                             <p>The selected objects will be added to the current theme's layout.</p>
                             <p class="note">Objects placed on a slide this way cannot be selected, resized, or moved.</p>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/Thesaurus.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/Thesaurus.htm
index bcdd36643a..404566fa32 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/Thesaurus.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/Thesaurus.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="The description of Thesaurus plugin for ONLYOFFICE editors, which helps you find synonyms" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -20,7 +21,7 @@
         </p>
         <ol>
             <li>Select the word in your presentation.</li>
-            <li>Switch to the <b>Plugins</b> tab and choose <img alt="Thesaurus plugin icon" src="../images/thesaurus_icon.png" /> <b>Thesaurus</b>.</li>
+            <li>Switch to the <b>Plugins</b> tab and choose <div class = "icon icon-thesaurus_icon"></div> <b>Thesaurus</b>.</li>
             <li>The synonyms and antonyms will show up in the left sidebar.</li>
             <li>Click a word to replace the word in your presentation.</li>
         </ol>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/Translator.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/Translator.htm
index 98d4a33167..6235231242 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/Translator.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/Translator.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="The description of Translator plugin for ONLYOFFICE editors, which allows to translate text into different languages" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -17,7 +18,7 @@
         <p>In the <a target="_blank" href="https://www.onlyoffice.com/en/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>, you can translate your presentation from and to numerous languages.</p>
         <ol>
             <li>Select the text that you want to translate.</li>
-            <li>Switch to the <b>Plugins</b> tab and choose <img alt="Translator plugin icon" src="../images/translator.png" /> <b>Translator</b>, the Translator appears in a sidebar on the left.</li>
+            <li>Switch to the <b>Plugins</b> tab and choose <div class = "icon icon-translator"></div> <b>Translator</b>, the Translator appears in a sidebar on the left.</li>
             <li>Click the drop-down box and choose the preferred language.</li>
         </ol>
         <p>The text will be translated to the required language.</p>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/ViewPresentationInfo.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/ViewPresentationInfo.htm
index 904095d011..34144a6092 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/ViewPresentationInfo.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/ViewPresentationInfo.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="View presentation title, author, location, creation date, persons with the rights to view or edit the presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -38,7 +39,7 @@
                 <h3>Version History</h3>
                 <p>In the <em>online version</em>, you can view the version history for the files stored in the cloud.</p>
                 <p class="note">This option is not available for users with the <b>Read Only</b> permissions.</p>
-                <p>To view all the changes made to this presentation, select the <b>Version History</b> option at the left sidebar. It's also possible to open the history of versions using the <img alt="Version History icon" src="../images/versionhistoryicon.png" /> <b>Version History</b> icon on the <b>Collaboration</b> tab of the top toolbar. You'll see the list of this presentation versions (major changes) and revisions (minor changes) with the indication of each version/revision author and creation date and time. For presentation versions, the version number is also specified (e.g. <em>ver. 2</em>). To know exactly which changes have been made in each separate version/revision, you can view the one you need by clicking it on the left sidebar. The changes made by the version/revision author are marked with the color which is displayed next to the author's name on the left sidebar. You can use the <b>Restore</b> link below the selected version/revision to restore it. <!--To hide the list of the revisions within a certain version, use the <img alt="Collapse icon" src="../images/collapse.png" /> icon next to the version. To display revisions again, use the <img alt="Expand icon" src="../images/expand.png" /> icon.--> </p>
+                <p>To view all the changes made to this presentation, select the <b>Version History</b> option at the left sidebar. It's also possible to open the history of versions using the <div class = "icon icon-versionhistoryicon"></div> <b>Version History</b> icon on the <b>Collaboration</b> tab of the top toolbar. You'll see the list of this presentation versions (major changes) and revisions (minor changes) with the indication of each version/revision author and creation date and time. For presentation versions, the version number is also specified (e.g. <em>ver. 2</em>). To know exactly which changes have been made in each separate version/revision, you can view the one you need by clicking it on the left sidebar. The changes made by the version/revision author are marked with the color which is displayed next to the author's name on the left sidebar. You can use the <b>Restore</b> link below the selected version/revision to restore it. <!--To hide the list of the revisions within a certain version, use the <img alt="Collapse icon" src="../images/collapse.png" /> icon next to the version. To display revisions again, use the <img alt="Expand icon" src="../images/expand.png" /> icon.--> </p>
                 <p><img alt="Version History" src="../images/versionhistory.png" /></p>
                 <p>To return to the current version of the presentation, use the <b>Close History</b> option on the top of the version list.</p>
             </div>
diff --git a/apps/presentationeditor/main/resources/help/en/UsageInstructions/YouTube.htm b/apps/presentationeditor/main/resources/help/en/UsageInstructions/YouTube.htm
index 029774cd57..50bd275fcc 100644
--- a/apps/presentationeditor/main/resources/help/en/UsageInstructions/YouTube.htm
+++ b/apps/presentationeditor/main/resources/help/en/UsageInstructions/YouTube.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="The description of YouTube plugin for ONLYOFFICE editors, which allows to embed videos into presentations" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -21,7 +22,7 @@
                 (the complete address shown in the address line of your browser)
             </li>
             <li>Go to your presentation and place the cursor at the location where you want to include the video.</li>
-            <li>Switch to the <b>Plugins</b> tab and choose <img alt="Youtube plugin icon" src="../images/youtube.png" /> <b>YouTube</b>.</li>
+            <li>Switch to the <b>Plugins</b> tab and choose <div class = "icon icon-youtube"></div> <b>YouTube</b>.</li>
             <li>Paste the <b>URL</b> and click <b>OK</b>.</li>
             <li>Check if it is the correct video and click the <b>OK</b> button below the video.</li>
         </ol>
diff --git a/apps/presentationeditor/main/resources/help/en/search/js/jquery.min.js b/apps/presentationeditor/main/resources/help/en/search/js/jquery.min.js
index 9a85bd3462..f7b56654c1 100644
--- a/apps/presentationeditor/main/resources/help/en/search/js/jquery.min.js
+++ b/apps/presentationeditor/main/resources/help/en/search/js/jquery.min.js
@@ -2,5 +2,5 @@
 //@ sourceMappingURL=jquery.min.map
 */
 (function(e,undefined){var t,n,r=typeof undefined,i=e.location,o=e.document,s=o.documentElement,a=e.jQuery,u=e.$,l={},c=[],p="2.0.3",f=c.concat,h=c.push,d=c.slice,g=c.indexOf,m=l.toString,y=l.hasOwnProperty,v=p.trim,x=function(e,n){return new x.fn.init(e,n,t)},b=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,w=/\S+/g,T=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,C=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,k=/^-ms-/,N=/-([\da-z])/gi,E=function(e,t){return t.toUpperCase()},S=function(){o.removeEventListener("DOMContentLoaded",S,!1),e.removeEventListener("load",S,!1),x.ready()};x.fn=x.prototype={jquery:p,constructor:x,init:function(e,t,n){var r,i;if(!e)return this;if("string"==typeof e){if(r="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:T.exec(e),!r||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof x?t[0]:t,x.merge(this,x.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:o,!0)),C.test(r[1])&&x.isPlainObject(t))for(r in t)x.isFunction(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return i=o.getElementById(r[2]),i&&i.parentNode&&(this.length=1,this[0]=i),this.context=o,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):x.isFunction(e)?n.ready(e):(e.selector!==undefined&&(this.selector=e.selector,this.context=e.context),x.makeArray(e,this))},selector:"",length:0,toArray:function(){return d.call(this)},get:function(e){return null==e?this.toArray():0>e?this[this.length+e]:this[e]},pushStack:function(e){var t=x.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e,t){return x.each(this,e,t)},ready:function(e){return x.ready.promise().done(e),this},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(0>e?t:0);return this.pushStack(n>=0&&t>n?[this[n]]:[])},map:function(e){return this.pushStack(x.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:h,sort:[].sort,splice:[].splice},x.fn.init.prototype=x.fn,x.extend=x.fn.extend=function(){var e,t,n,r,i,o,s=arguments[0]||{},a=1,u=arguments.length,l=!1;for("boolean"==typeof s&&(l=s,s=arguments[1]||{},a=2),"object"==typeof s||x.isFunction(s)||(s={}),u===a&&(s=this,--a);u>a;a++)if(null!=(e=arguments[a]))for(t in e)n=s[t],r=e[t],s!==r&&(l&&r&&(x.isPlainObject(r)||(i=x.isArray(r)))?(i?(i=!1,o=n&&x.isArray(n)?n:[]):o=n&&x.isPlainObject(n)?n:{},s[t]=x.extend(l,o,r)):r!==undefined&&(s[t]=r));return s},x.extend({expando:"jQuery"+(p+Math.random()).replace(/\D/g,""),noConflict:function(t){return e.$===x&&(e.$=u),t&&e.jQuery===x&&(e.jQuery=a),x},isReady:!1,readyWait:1,holdReady:function(e){e?x.readyWait++:x.ready(!0)},ready:function(e){(e===!0?--x.readyWait:x.isReady)||(x.isReady=!0,e!==!0&&--x.readyWait>0||(n.resolveWith(o,[x]),x.fn.trigger&&x(o).trigger("ready").off("ready")))},isFunction:function(e){return"function"===x.type(e)},isArray:Array.isArray,isWindow:function(e){return null!=e&&e===e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[m.call(e)]||"object":typeof e},isPlainObject:function(e){if("object"!==x.type(e)||e.nodeType||x.isWindow(e))return!1;try{if(e.constructor&&!y.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(t){return!1}return!0},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw Error(e)},parseHTML:function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||o;var r=C.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=x.buildFragment([e],t,i),i&&x(i).remove(),x.merge([],r.childNodes))},parseJSON:JSON.parse,parseXML:function(e){var t,n;if(!e||"string"!=typeof e)return null;try{n=new DOMParser,t=n.parseFromString(e,"text/xml")}catch(r){t=undefined}return(!t||t.getElementsByTagName("parsererror").length)&&x.error("Invalid XML: "+e),t},noop:function(){},globalEval:function(e){var t,n=eval;e=x.trim(e),e&&(1===e.indexOf("use strict")?(t=o.createElement("script"),t.text=e,o.head.appendChild(t).parentNode.removeChild(t)):n(e))},camelCase:function(e){return e.replace(k,"ms-").replace(N,E)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t,n){var r,i=0,o=e.length,s=j(e);if(n){if(s){for(;o>i;i++)if(r=t.apply(e[i],n),r===!1)break}else for(i in e)if(r=t.apply(e[i],n),r===!1)break}else if(s){for(;o>i;i++)if(r=t.call(e[i],i,e[i]),r===!1)break}else for(i in e)if(r=t.call(e[i],i,e[i]),r===!1)break;return e},trim:function(e){return null==e?"":v.call(e)},makeArray:function(e,t){var n=t||[];return null!=e&&(j(Object(e))?x.merge(n,"string"==typeof e?[e]:e):h.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:g.call(t,e,n)},merge:function(e,t){var n=t.length,r=e.length,i=0;if("number"==typeof n)for(;n>i;i++)e[r++]=t[i];else while(t[i]!==undefined)e[r++]=t[i++];return e.length=r,e},grep:function(e,t,n){var r,i=[],o=0,s=e.length;for(n=!!n;s>o;o++)r=!!t(e[o],o),n!==r&&i.push(e[o]);return i},map:function(e,t,n){var r,i=0,o=e.length,s=j(e),a=[];if(s)for(;o>i;i++)r=t(e[i],i,n),null!=r&&(a[a.length]=r);else for(i in e)r=t(e[i],i,n),null!=r&&(a[a.length]=r);return f.apply([],a)},guid:1,proxy:function(e,t){var n,r,i;return"string"==typeof t&&(n=e[t],t=e,e=n),x.isFunction(e)?(r=d.call(arguments,2),i=function(){return e.apply(t||this,r.concat(d.call(arguments)))},i.guid=e.guid=e.guid||x.guid++,i):undefined},access:function(e,t,n,r,i,o,s){var a=0,u=e.length,l=null==n;if("object"===x.type(n)){i=!0;for(a in n)x.access(e,t,a,n[a],!0,o,s)}else if(r!==undefined&&(i=!0,x.isFunction(r)||(s=!0),l&&(s?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(x(e),n)})),t))for(;u>a;a++)t(e[a],n,s?r:r.call(e[a],a,t(e[a],n)));return i?e:l?t.call(e):u?t(e[0],n):o},now:Date.now,swap:function(e,t,n,r){var i,o,s={};for(o in t)s[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=s[o];return i}}),x.ready.promise=function(t){return n||(n=x.Deferred(),"complete"===o.readyState?setTimeout(x.ready):(o.addEventListener("DOMContentLoaded",S,!1),e.addEventListener("load",S,!1))),n.promise(t)},x.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(e,t){l["[object "+t+"]"]=t.toLowerCase()});function j(e){var t=e.length,n=x.type(e);return x.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||"function"!==n&&(0===t||"number"==typeof t&&t>0&&t-1 in e)}t=x(o),function(e,undefined){var t,n,r,i,o,s,a,u,l,c,p,f,h,d,g,m,y,v="sizzle"+-new Date,b=e.document,w=0,T=0,C=st(),k=st(),N=st(),E=!1,S=function(e,t){return e===t?(E=!0,0):0},j=typeof undefined,D=1<<31,A={}.hasOwnProperty,L=[],q=L.pop,H=L.push,O=L.push,F=L.slice,P=L.indexOf||function(e){var t=0,n=this.length;for(;n>t;t++)if(this[t]===e)return t;return-1},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",W="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",$=W.replace("w","w#"),B="\\["+M+"*("+W+")"+M+"*(?:([*^$|!~]?=)"+M+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+$+")|)|)"+M+"*\\]",I=":("+W+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+B.replace(3,8)+")*)|.*)\\)|)",z=RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),_=RegExp("^"+M+"*,"+M+"*"),X=RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=RegExp(M+"*[+~]"),Y=RegExp("="+M+"*([^\\]'\"]*)"+M+"*\\]","g"),V=RegExp(I),G=RegExp("^"+$+"$"),J={ID:RegExp("^#("+W+")"),CLASS:RegExp("^\\.("+W+")"),TAG:RegExp("^("+W.replace("w","w*")+")"),ATTR:RegExp("^"+B),PSEUDO:RegExp("^"+I),CHILD:RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:RegExp("^(?:"+R+")$","i"),needsContext:RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Q=/^[^{]+\{\s*\[native \w/,K=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,Z=/^(?:input|select|textarea|button)$/i,et=/^h\d$/i,tt=/'|\\/g,nt=RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),rt=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:0>r?String.fromCharCode(r+65536):String.fromCharCode(55296|r>>10,56320|1023&r)};try{O.apply(L=F.call(b.childNodes),b.childNodes),L[b.childNodes.length].nodeType}catch(it){O={apply:L.length?function(e,t){H.apply(e,F.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function ot(e,t,r,i){var o,s,a,u,l,f,g,m,x,w;if((t?t.ownerDocument||t:b)!==p&&c(t),t=t||p,r=r||[],!e||"string"!=typeof e)return r;if(1!==(u=t.nodeType)&&9!==u)return[];if(h&&!i){if(o=K.exec(e))if(a=o[1]){if(9===u){if(s=t.getElementById(a),!s||!s.parentNode)return r;if(s.id===a)return r.push(s),r}else if(t.ownerDocument&&(s=t.ownerDocument.getElementById(a))&&y(t,s)&&s.id===a)return r.push(s),r}else{if(o[2])return O.apply(r,t.getElementsByTagName(e)),r;if((a=o[3])&&n.getElementsByClassName&&t.getElementsByClassName)return O.apply(r,t.getElementsByClassName(a)),r}if(n.qsa&&(!d||!d.test(e))){if(m=g=v,x=t,w=9===u&&e,1===u&&"object"!==t.nodeName.toLowerCase()){f=gt(e),(g=t.getAttribute("id"))?m=g.replace(tt,"\\$&"):t.setAttribute("id",m),m="[id='"+m+"'] ",l=f.length;while(l--)f[l]=m+mt(f[l]);x=U.test(e)&&t.parentNode||t,w=f.join(",")}if(w)try{return O.apply(r,x.querySelectorAll(w)),r}catch(T){}finally{g||t.removeAttribute("id")}}}return kt(e.replace(z,"$1"),t,r,i)}function st(){var e=[];function t(n,r){return e.push(n+=" ")>i.cacheLength&&delete t[e.shift()],t[n]=r}return t}function at(e){return e[v]=!0,e}function ut(e){var t=p.createElement("div");try{return!!e(t)}catch(n){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function lt(e,t){var n=e.split("|"),r=e.length;while(r--)i.attrHandle[n[r]]=t}function ct(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&(~t.sourceIndex||D)-(~e.sourceIndex||D);if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function pt(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function ft(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function ht(e){return at(function(t){return t=+t,at(function(n,r){var i,o=e([],n.length,t),s=o.length;while(s--)n[i=o[s]]&&(n[i]=!(r[i]=n[i]))})})}s=ot.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?"HTML"!==t.nodeName:!1},n=ot.support={},c=ot.setDocument=function(e){var t=e?e.ownerDocument||e:b,r=t.defaultView;return t!==p&&9===t.nodeType&&t.documentElement?(p=t,f=t.documentElement,h=!s(t),r&&r.attachEvent&&r!==r.top&&r.attachEvent("onbeforeunload",function(){c()}),n.attributes=ut(function(e){return e.className="i",!e.getAttribute("className")}),n.getElementsByTagName=ut(function(e){return e.appendChild(t.createComment("")),!e.getElementsByTagName("*").length}),n.getElementsByClassName=ut(function(e){return e.innerHTML="<div class='a'></div><div class='a i'></div>",e.firstChild.className="i",2===e.getElementsByClassName("i").length}),n.getById=ut(function(e){return f.appendChild(e).id=v,!t.getElementsByName||!t.getElementsByName(v).length}),n.getById?(i.find.ID=function(e,t){if(typeof t.getElementById!==j&&h){var n=t.getElementById(e);return n&&n.parentNode?[n]:[]}},i.filter.ID=function(e){var t=e.replace(nt,rt);return function(e){return e.getAttribute("id")===t}}):(delete i.find.ID,i.filter.ID=function(e){var t=e.replace(nt,rt);return function(e){var n=typeof e.getAttributeNode!==j&&e.getAttributeNode("id");return n&&n.value===t}}),i.find.TAG=n.getElementsByTagName?function(e,t){return typeof t.getElementsByTagName!==j?t.getElementsByTagName(e):undefined}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},i.find.CLASS=n.getElementsByClassName&&function(e,t){return typeof t.getElementsByClassName!==j&&h?t.getElementsByClassName(e):undefined},g=[],d=[],(n.qsa=Q.test(t.querySelectorAll))&&(ut(function(e){e.innerHTML="<select><option selected=''></option></select>",e.querySelectorAll("[selected]").length||d.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll(":checked").length||d.push(":checked")}),ut(function(e){var n=t.createElement("input");n.setAttribute("type","hidden"),e.appendChild(n).setAttribute("t",""),e.querySelectorAll("[t^='']").length&&d.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll(":enabled").length||d.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),d.push(",.*:")})),(n.matchesSelector=Q.test(m=f.webkitMatchesSelector||f.mozMatchesSelector||f.oMatchesSelector||f.msMatchesSelector))&&ut(function(e){n.disconnectedMatch=m.call(e,"div"),m.call(e,"[s!='']:x"),g.push("!=",I)}),d=d.length&&RegExp(d.join("|")),g=g.length&&RegExp(g.join("|")),y=Q.test(f.contains)||f.compareDocumentPosition?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},S=f.compareDocumentPosition?function(e,r){if(e===r)return E=!0,0;var i=r.compareDocumentPosition&&e.compareDocumentPosition&&e.compareDocumentPosition(r);return i?1&i||!n.sortDetached&&r.compareDocumentPosition(e)===i?e===t||y(b,e)?-1:r===t||y(b,r)?1:l?P.call(l,e)-P.call(l,r):0:4&i?-1:1:e.compareDocumentPosition?-1:1}:function(e,n){var r,i=0,o=e.parentNode,s=n.parentNode,a=[e],u=[n];if(e===n)return E=!0,0;if(!o||!s)return e===t?-1:n===t?1:o?-1:s?1:l?P.call(l,e)-P.call(l,n):0;if(o===s)return ct(e,n);r=e;while(r=r.parentNode)a.unshift(r);r=n;while(r=r.parentNode)u.unshift(r);while(a[i]===u[i])i++;return i?ct(a[i],u[i]):a[i]===b?-1:u[i]===b?1:0},t):p},ot.matches=function(e,t){return ot(e,null,null,t)},ot.matchesSelector=function(e,t){if((e.ownerDocument||e)!==p&&c(e),t=t.replace(Y,"='$1']"),!(!n.matchesSelector||!h||g&&g.test(t)||d&&d.test(t)))try{var r=m.call(e,t);if(r||n.disconnectedMatch||e.document&&11!==e.document.nodeType)return r}catch(i){}return ot(t,p,null,[e]).length>0},ot.contains=function(e,t){return(e.ownerDocument||e)!==p&&c(e),y(e,t)},ot.attr=function(e,t){(e.ownerDocument||e)!==p&&c(e);var r=i.attrHandle[t.toLowerCase()],o=r&&A.call(i.attrHandle,t.toLowerCase())?r(e,t,!h):undefined;return o===undefined?n.attributes||!h?e.getAttribute(t):(o=e.getAttributeNode(t))&&o.specified?o.value:null:o},ot.error=function(e){throw Error("Syntax error, unrecognized expression: "+e)},ot.uniqueSort=function(e){var t,r=[],i=0,o=0;if(E=!n.detectDuplicates,l=!n.sortStable&&e.slice(0),e.sort(S),E){while(t=e[o++])t===e[o]&&(i=r.push(o));while(i--)e.splice(r[i],1)}return e},o=ot.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r];r++)n+=o(t);return n},i=ot.selectors={cacheLength:50,createPseudo:at,match:J,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(nt,rt),e[3]=(e[4]||e[5]||"").replace(nt,rt),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||ot.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&ot.error(e[0]),e},PSEUDO:function(e){var t,n=!e[5]&&e[2];return J.CHILD.test(e[0])?null:(e[3]&&e[4]!==undefined?e[2]=e[4]:n&&V.test(n)&&(t=gt(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(nt,rt).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=C[e+" "];return t||(t=RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&C(e,function(e){return t.test("string"==typeof e.className&&e.className||typeof e.getAttribute!==j&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=ot.attr(r,e);return null==i?"!="===t:t?(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i+" ").indexOf(n)>-1:"|="===t?i===n||i.slice(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),s="last"!==e.slice(-4),a="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,p,f,h,d,g=o!==s?"nextSibling":"previousSibling",m=t.parentNode,y=a&&t.nodeName.toLowerCase(),x=!u&&!a;if(m){if(o){while(g){p=t;while(p=p[g])if(a?p.nodeName.toLowerCase()===y:1===p.nodeType)return!1;d=g="only"===e&&!d&&"nextSibling"}return!0}if(d=[s?m.firstChild:m.lastChild],s&&x){c=m[v]||(m[v]={}),l=c[e]||[],h=l[0]===w&&l[1],f=l[0]===w&&l[2],p=h&&m.childNodes[h];while(p=++h&&p&&p[g]||(f=h=0)||d.pop())if(1===p.nodeType&&++f&&p===t){c[e]=[w,h,f];break}}else if(x&&(l=(t[v]||(t[v]={}))[e])&&l[0]===w)f=l[1];else while(p=++h&&p&&p[g]||(f=h=0)||d.pop())if((a?p.nodeName.toLowerCase()===y:1===p.nodeType)&&++f&&(x&&((p[v]||(p[v]={}))[e]=[w,f]),p===t))break;return f-=i,f===r||0===f%r&&f/r>=0}}},PSEUDO:function(e,t){var n,r=i.pseudos[e]||i.setFilters[e.toLowerCase()]||ot.error("unsupported pseudo: "+e);return r[v]?r(t):r.length>1?(n=[e,e,"",t],i.setFilters.hasOwnProperty(e.toLowerCase())?at(function(e,n){var i,o=r(e,t),s=o.length;while(s--)i=P.call(e,o[s]),e[i]=!(n[i]=o[s])}):function(e){return r(e,0,n)}):r}},pseudos:{not:at(function(e){var t=[],n=[],r=a(e.replace(z,"$1"));return r[v]?at(function(e,t,n,i){var o,s=r(e,null,i,[]),a=e.length;while(a--)(o=s[a])&&(e[a]=!(t[a]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),!n.pop()}}),has:at(function(e){return function(t){return ot(e,t).length>0}}),contains:at(function(e){return function(t){return(t.textContent||t.innerText||o(t)).indexOf(e)>-1}}),lang:at(function(e){return G.test(e||"")||ot.error("unsupported lang: "+e),e=e.replace(nt,rt).toLowerCase(),function(t){var n;do if(n=h?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return n=n.toLowerCase(),n===e||0===n.indexOf(e+"-");while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===f},focus:function(e){return e===p.activeElement&&(!p.hasFocus||p.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeName>"@"||3===e.nodeType||4===e.nodeType)return!1;return!0},parent:function(e){return!i.pseudos.empty(e)},header:function(e){return et.test(e.nodeName)},input:function(e){return Z.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||t.toLowerCase()===e.type)},first:ht(function(){return[0]}),last:ht(function(e,t){return[t-1]}),eq:ht(function(e,t,n){return[0>n?n+t:n]}),even:ht(function(e,t){var n=0;for(;t>n;n+=2)e.push(n);return e}),odd:ht(function(e,t){var n=1;for(;t>n;n+=2)e.push(n);return e}),lt:ht(function(e,t,n){var r=0>n?n+t:n;for(;--r>=0;)e.push(r);return e}),gt:ht(function(e,t,n){var r=0>n?n+t:n;for(;t>++r;)e.push(r);return e})}},i.pseudos.nth=i.pseudos.eq;for(t in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})i.pseudos[t]=pt(t);for(t in{submit:!0,reset:!0})i.pseudos[t]=ft(t);function dt(){}dt.prototype=i.filters=i.pseudos,i.setFilters=new dt;function gt(e,t){var n,r,o,s,a,u,l,c=k[e+" "];if(c)return t?0:c.slice(0);a=e,u=[],l=i.preFilter;while(a){(!n||(r=_.exec(a)))&&(r&&(a=a.slice(r[0].length)||a),u.push(o=[])),n=!1,(r=X.exec(a))&&(n=r.shift(),o.push({value:n,type:r[0].replace(z," ")}),a=a.slice(n.length));for(s in i.filter)!(r=J[s].exec(a))||l[s]&&!(r=l[s](r))||(n=r.shift(),o.push({value:n,type:s,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?ot.error(e):k(e,u).slice(0)}function mt(e){var t=0,n=e.length,r="";for(;n>t;t++)r+=e[t].value;return r}function yt(e,t,n){var i=t.dir,o=n&&"parentNode"===i,s=T++;return t.first?function(t,n,r){while(t=t[i])if(1===t.nodeType||o)return e(t,n,r)}:function(t,n,a){var u,l,c,p=w+" "+s;if(a){while(t=t[i])if((1===t.nodeType||o)&&e(t,n,a))return!0}else while(t=t[i])if(1===t.nodeType||o)if(c=t[v]||(t[v]={}),(l=c[i])&&l[0]===p){if((u=l[1])===!0||u===r)return u===!0}else if(l=c[i]=[p],l[1]=e(t,n,a)||r,l[1]===!0)return!0}}function vt(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function xt(e,t,n,r,i){var o,s=[],a=0,u=e.length,l=null!=t;for(;u>a;a++)(o=e[a])&&(!n||n(o,r,i))&&(s.push(o),l&&t.push(a));return s}function bt(e,t,n,r,i,o){return r&&!r[v]&&(r=bt(r)),i&&!i[v]&&(i=bt(i,o)),at(function(o,s,a,u){var l,c,p,f=[],h=[],d=s.length,g=o||Ct(t||"*",a.nodeType?[a]:a,[]),m=!e||!o&&t?g:xt(g,f,e,a,u),y=n?i||(o?e:d||r)?[]:s:m;if(n&&n(m,y,a,u),r){l=xt(y,h),r(l,[],a,u),c=l.length;while(c--)(p=l[c])&&(y[h[c]]=!(m[h[c]]=p))}if(o){if(i||e){if(i){l=[],c=y.length;while(c--)(p=y[c])&&l.push(m[c]=p);i(null,y=[],l,u)}c=y.length;while(c--)(p=y[c])&&(l=i?P.call(o,p):f[c])>-1&&(o[l]=!(s[l]=p))}}else y=xt(y===s?y.splice(d,y.length):y),i?i(null,s,y,u):O.apply(s,y)})}function wt(e){var t,n,r,o=e.length,s=i.relative[e[0].type],a=s||i.relative[" "],l=s?1:0,c=yt(function(e){return e===t},a,!0),p=yt(function(e){return P.call(t,e)>-1},a,!0),f=[function(e,n,r){return!s&&(r||n!==u)||((t=n).nodeType?c(e,n,r):p(e,n,r))}];for(;o>l;l++)if(n=i.relative[e[l].type])f=[yt(vt(f),n)];else{if(n=i.filter[e[l].type].apply(null,e[l].matches),n[v]){for(r=++l;o>r;r++)if(i.relative[e[r].type])break;return bt(l>1&&vt(f),l>1&&mt(e.slice(0,l-1).concat({value:" "===e[l-2].type?"*":""})).replace(z,"$1"),n,r>l&&wt(e.slice(l,r)),o>r&&wt(e=e.slice(r)),o>r&&mt(e))}f.push(n)}return vt(f)}function Tt(e,t){var n=0,o=t.length>0,s=e.length>0,a=function(a,l,c,f,h){var d,g,m,y=[],v=0,x="0",b=a&&[],T=null!=h,C=u,k=a||s&&i.find.TAG("*",h&&l.parentNode||l),N=w+=null==C?1:Math.random()||.1;for(T&&(u=l!==p&&l,r=n);null!=(d=k[x]);x++){if(s&&d){g=0;while(m=e[g++])if(m(d,l,c)){f.push(d);break}T&&(w=N,r=++n)}o&&((d=!m&&d)&&v--,a&&b.push(d))}if(v+=x,o&&x!==v){g=0;while(m=t[g++])m(b,y,l,c);if(a){if(v>0)while(x--)b[x]||y[x]||(y[x]=q.call(f));y=xt(y)}O.apply(f,y),T&&!a&&y.length>0&&v+t.length>1&&ot.uniqueSort(f)}return T&&(w=N,u=C),b};return o?at(a):a}a=ot.compile=function(e,t){var n,r=[],i=[],o=N[e+" "];if(!o){t||(t=gt(e)),n=t.length;while(n--)o=wt(t[n]),o[v]?r.push(o):i.push(o);o=N(e,Tt(i,r))}return o};function Ct(e,t,n){var r=0,i=t.length;for(;i>r;r++)ot(e,t[r],n);return n}function kt(e,t,r,o){var s,u,l,c,p,f=gt(e);if(!o&&1===f.length){if(u=f[0]=f[0].slice(0),u.length>2&&"ID"===(l=u[0]).type&&n.getById&&9===t.nodeType&&h&&i.relative[u[1].type]){if(t=(i.find.ID(l.matches[0].replace(nt,rt),t)||[])[0],!t)return r;e=e.slice(u.shift().value.length)}s=J.needsContext.test(e)?0:u.length;while(s--){if(l=u[s],i.relative[c=l.type])break;if((p=i.find[c])&&(o=p(l.matches[0].replace(nt,rt),U.test(u[0].type)&&t.parentNode||t))){if(u.splice(s,1),e=o.length&&mt(u),!e)return O.apply(r,o),r;break}}}return a(e,f)(o,t,!h,r,U.test(e)),r}n.sortStable=v.split("").sort(S).join("")===v,n.detectDuplicates=E,c(),n.sortDetached=ut(function(e){return 1&e.compareDocumentPosition(p.createElement("div"))}),ut(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||lt("type|href|height|width",function(e,t,n){return n?undefined:e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),n.attributes&&ut(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||lt("value",function(e,t,n){return n||"input"!==e.nodeName.toLowerCase()?undefined:e.defaultValue}),ut(function(e){return null==e.getAttribute("disabled")})||lt(R,function(e,t,n){var r;return n?undefined:(r=e.getAttributeNode(t))&&r.specified?r.value:e[t]===!0?t.toLowerCase():null}),x.find=ot,x.expr=ot.selectors,x.expr[":"]=x.expr.pseudos,x.unique=ot.uniqueSort,x.text=ot.getText,x.isXMLDoc=ot.isXML,x.contains=ot.contains}(e);var D={};function A(e){var t=D[e]={};return x.each(e.match(w)||[],function(e,n){t[n]=!0}),t}x.Callbacks=function(e){e="string"==typeof e?D[e]||A(e):x.extend({},e);var t,n,r,i,o,s,a=[],u=!e.once&&[],l=function(p){for(t=e.memory&&p,n=!0,s=i||0,i=0,o=a.length,r=!0;a&&o>s;s++)if(a[s].apply(p[0],p[1])===!1&&e.stopOnFalse){t=!1;break}r=!1,a&&(u?u.length&&l(u.shift()):t?a=[]:c.disable())},c={add:function(){if(a){var n=a.length;(function s(t){x.each(t,function(t,n){var r=x.type(n);"function"===r?e.unique&&c.has(n)||a.push(n):n&&n.length&&"string"!==r&&s(n)})})(arguments),r?o=a.length:t&&(i=n,l(t))}return this},remove:function(){return a&&x.each(arguments,function(e,t){var n;while((n=x.inArray(t,a,n))>-1)a.splice(n,1),r&&(o>=n&&o--,s>=n&&s--)}),this},has:function(e){return e?x.inArray(e,a)>-1:!(!a||!a.length)},empty:function(){return a=[],o=0,this},disable:function(){return a=u=t=undefined,this},disabled:function(){return!a},lock:function(){return u=undefined,t||c.disable(),this},locked:function(){return!u},fireWith:function(e,t){return!a||n&&!u||(t=t||[],t=[e,t.slice?t.slice():t],r?u.push(t):l(t)),this},fire:function(){return c.fireWith(this,arguments),this},fired:function(){return!!n}};return c},x.extend({Deferred:function(e){var t=[["resolve","done",x.Callbacks("once memory"),"resolved"],["reject","fail",x.Callbacks("once memory"),"rejected"],["notify","progress",x.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return x.Deferred(function(n){x.each(t,function(t,o){var s=o[0],a=x.isFunction(e[t])&&e[t];i[o[1]](function(){var e=a&&a.apply(this,arguments);e&&x.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[s+"With"](this===r?n.promise():this,a?[e]:arguments)})}),e=null}).promise()},promise:function(e){return null!=e?x.extend(e,r):r}},i={};return r.pipe=r.then,x.each(t,function(e,o){var s=o[2],a=o[3];r[o[1]]=s.add,a&&s.add(function(){n=a},t[1^e][2].disable,t[2][2].lock),i[o[0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=s.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t=0,n=d.call(arguments),r=n.length,i=1!==r||e&&x.isFunction(e.promise)?r:0,o=1===i?e:x.Deferred(),s=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?d.call(arguments):r,n===a?o.notifyWith(t,n):--i||o.resolveWith(t,n)}},a,u,l;if(r>1)for(a=Array(r),u=Array(r),l=Array(r);r>t;t++)n[t]&&x.isFunction(n[t].promise)?n[t].promise().done(s(t,l,n)).fail(o.reject).progress(s(t,u,a)):--i;return i||o.resolveWith(l,n),o.promise()}}),x.support=function(t){var n=o.createElement("input"),r=o.createDocumentFragment(),i=o.createElement("div"),s=o.createElement("select"),a=s.appendChild(o.createElement("option"));return n.type?(n.type="checkbox",t.checkOn=""!==n.value,t.optSelected=a.selected,t.reliableMarginRight=!0,t.boxSizingReliable=!0,t.pixelPosition=!1,n.checked=!0,t.noCloneChecked=n.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!a.disabled,n=o.createElement("input"),n.value="t",n.type="radio",t.radioValue="t"===n.value,n.setAttribute("checked","t"),n.setAttribute("name","t"),r.appendChild(n),t.checkClone=r.cloneNode(!0).cloneNode(!0).lastChild.checked,t.focusinBubbles="onfocusin"in e,i.style.backgroundClip="content-box",i.cloneNode(!0).style.backgroundClip="",t.clearCloneStyle="content-box"===i.style.backgroundClip,x(function(){var n,r,s="padding:0;margin:0;border:0;display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box",a=o.getElementsByTagName("body")[0];a&&(n=o.createElement("div"),n.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",a.appendChild(n).appendChild(i),i.innerHTML="",i.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%",x.swap(a,null!=a.style.zoom?{zoom:1}:{},function(){t.boxSizing=4===i.offsetWidth}),e.getComputedStyle&&(t.pixelPosition="1%"!==(e.getComputedStyle(i,null)||{}).top,t.boxSizingReliable="4px"===(e.getComputedStyle(i,null)||{width:"4px"}).width,r=i.appendChild(o.createElement("div")),r.style.cssText=i.style.cssText=s,r.style.marginRight=r.style.width="0",i.style.width="1px",t.reliableMarginRight=!parseFloat((e.getComputedStyle(r,null)||{}).marginRight)),a.removeChild(n))}),t):t}({});var L,q,H=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,O=/([A-Z])/g;function F(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=x.expando+Math.random()}F.uid=1,F.accepts=function(e){return e.nodeType?1===e.nodeType||9===e.nodeType:!0},F.prototype={key:function(e){if(!F.accepts(e))return 0;var t={},n=e[this.expando];if(!n){n=F.uid++;try{t[this.expando]={value:n},Object.defineProperties(e,t)}catch(r){t[this.expando]=n,x.extend(e,t)}}return this.cache[n]||(this.cache[n]={}),n},set:function(e,t,n){var r,i=this.key(e),o=this.cache[i];if("string"==typeof t)o[t]=n;else if(x.isEmptyObject(o))x.extend(this.cache[i],t);else for(r in t)o[r]=t[r];return o},get:function(e,t){var n=this.cache[this.key(e)];return t===undefined?n:n[t]},access:function(e,t,n){var r;return t===undefined||t&&"string"==typeof t&&n===undefined?(r=this.get(e,t),r!==undefined?r:this.get(e,x.camelCase(t))):(this.set(e,t,n),n!==undefined?n:t)},remove:function(e,t){var n,r,i,o=this.key(e),s=this.cache[o];if(t===undefined)this.cache[o]={};else{x.isArray(t)?r=t.concat(t.map(x.camelCase)):(i=x.camelCase(t),t in s?r=[t,i]:(r=i,r=r in s?[r]:r.match(w)||[])),n=r.length;while(n--)delete s[r[n]]}},hasData:function(e){return!x.isEmptyObject(this.cache[e[this.expando]]||{})},discard:function(e){e[this.expando]&&delete this.cache[e[this.expando]]}},L=new F,q=new F,x.extend({acceptData:F.accepts,hasData:function(e){return L.hasData(e)||q.hasData(e)},data:function(e,t,n){return L.access(e,t,n)},removeData:function(e,t){L.remove(e,t)},_data:function(e,t,n){return q.access(e,t,n)},_removeData:function(e,t){q.remove(e,t)}}),x.fn.extend({data:function(e,t){var n,r,i=this[0],o=0,s=null;if(e===undefined){if(this.length&&(s=L.get(i),1===i.nodeType&&!q.get(i,"hasDataAttrs"))){for(n=i.attributes;n.length>o;o++)r=n[o].name,0===r.indexOf("data-")&&(r=x.camelCase(r.slice(5)),P(i,r,s[r]));q.set(i,"hasDataAttrs",!0)}return s}return"object"==typeof e?this.each(function(){L.set(this,e)}):x.access(this,function(t){var n,r=x.camelCase(e);if(i&&t===undefined){if(n=L.get(i,e),n!==undefined)return n;if(n=L.get(i,r),n!==undefined)return n;if(n=P(i,r,undefined),n!==undefined)return n}else this.each(function(){var n=L.get(this,r);L.set(this,r,t),-1!==e.indexOf("-")&&n!==undefined&&L.set(this,e,t)})},null,t,arguments.length>1,null,!0)},removeData:function(e){return this.each(function(){L.remove(this,e)})}});function P(e,t,n){var r;if(n===undefined&&1===e.nodeType)if(r="data-"+t.replace(O,"-$1").toLowerCase(),n=e.getAttribute(r),"string"==typeof n){try{n="true"===n?!0:"false"===n?!1:"null"===n?null:+n+""===n?+n:H.test(n)?JSON.parse(n):n}catch(i){}L.set(e,t,n)}else n=undefined;return n}x.extend({queue:function(e,t,n){var r;return e?(t=(t||"fx")+"queue",r=q.get(e,t),n&&(!r||x.isArray(n)?r=q.access(e,t,x.makeArray(n)):r.push(n)),r||[]):undefined},dequeue:function(e,t){t=t||"fx";var n=x.queue(e,t),r=n.length,i=n.shift(),o=x._queueHooks(e,t),s=function(){x.dequeue(e,t)
-};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,s,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return q.get(e,n)||q.access(e,n,{empty:x.Callbacks("once memory").add(function(){q.remove(e,[t+"queue",n])})})}}),x.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),n>arguments.length?x.queue(this[0],e):t===undefined?this:this.each(function(){var n=x.queue(this,e,t);x._queueHooks(this,e),"fx"===e&&"inprogress"!==n[0]&&x.dequeue(this,e)})},dequeue:function(e){return this.each(function(){x.dequeue(this,e)})},delay:function(e,t){return e=x.fx?x.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=x.Deferred(),o=this,s=this.length,a=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=undefined),e=e||"fx";while(s--)n=q.get(o[s],e+"queueHooks"),n&&n.empty&&(r++,n.empty.add(a));return a(),i.promise(t)}});var R,M,W=/[\t\r\n\f]/g,$=/\r/g,B=/^(?:input|select|textarea|button)$/i;x.fn.extend({attr:function(e,t){return x.access(this,x.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){x.removeAttr(this,e)})},prop:function(e,t){return x.access(this,x.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[x.propFix[e]||e]})},addClass:function(e){var t,n,r,i,o,s=0,a=this.length,u="string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).addClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=x.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,s=0,a=this.length,u=0===arguments.length||"string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).removeClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?x.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):x.isFunction(e)?this.each(function(n){x(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var t,i=0,o=x(this),s=e.match(w)||[];while(t=s[i++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else(n===r||"boolean"===n)&&(this.className&&q.set(this,"__className__",this.className),this.className=this.className||e===!1?"":q.get(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(W," ").indexOf(t)>=0)return!0;return!1},val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=x.isFunction(e),this.each(function(n){var i;1===this.nodeType&&(i=r?e.call(this,n,x(this).val()):e,null==i?i="":"number"==typeof i?i+="":x.isArray(i)&&(i=x.map(i,function(e){return null==e?"":e+""})),t=x.valHooks[this.type]||x.valHooks[this.nodeName.toLowerCase()],t&&"set"in t&&t.set(this,i,"value")!==undefined||(this.value=i))});if(i)return t=x.valHooks[i.type]||x.valHooks[i.nodeName.toLowerCase()],t&&"get"in t&&(n=t.get(i,"value"))!==undefined?n:(n=i.value,"string"==typeof n?n.replace($,""):null==n?"":n)}}}),x.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,s=o?null:[],a=o?i+1:r.length,u=0>i?a:o?i:0;for(;a>u;u++)if(n=r[u],!(!n.selected&&u!==i||(x.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&x.nodeName(n.parentNode,"optgroup"))){if(t=x(n).val(),o)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=x.makeArray(t),s=i.length;while(s--)r=i[s],(r.selected=x.inArray(x(r).val(),o)>=0)&&(n=!0);return n||(e.selectedIndex=-1),o}}},attr:function(e,t,n){var i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return typeof e.getAttribute===r?x.prop(e,t,n):(1===s&&x.isXMLDoc(e)||(t=t.toLowerCase(),i=x.attrHooks[t]||(x.expr.match.bool.test(t)?M:R)),n===undefined?i&&"get"in i&&null!==(o=i.get(e,t))?o:(o=x.find.attr(e,t),null==o?undefined:o):null!==n?i&&"set"in i&&(o=i.set(e,n,t))!==undefined?o:(e.setAttribute(t,n+""),n):(x.removeAttr(e,t),undefined))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(w);if(o&&1===e.nodeType)while(n=o[i++])r=x.propFix[n]||n,x.expr.match.bool.test(n)&&(e[r]=!1),e.removeAttribute(n)},attrHooks:{type:{set:function(e,t){if(!x.support.radioValue&&"radio"===t&&x.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{"for":"htmlFor","class":"className"},prop:function(e,t,n){var r,i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return o=1!==s||!x.isXMLDoc(e),o&&(t=x.propFix[t]||t,i=x.propHooks[t]),n!==undefined?i&&"set"in i&&(r=i.set(e,n,t))!==undefined?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){return e.hasAttribute("tabindex")||B.test(e.nodeName)||e.href?e.tabIndex:-1}}}}),M={set:function(e,t,n){return t===!1?x.removeAttr(e,n):e.setAttribute(n,n),n}},x.each(x.expr.match.bool.source.match(/\w+/g),function(e,t){var n=x.expr.attrHandle[t]||x.find.attr;x.expr.attrHandle[t]=function(e,t,r){var i=x.expr.attrHandle[t],o=r?undefined:(x.expr.attrHandle[t]=undefined)!=n(e,t,r)?t.toLowerCase():null;return x.expr.attrHandle[t]=i,o}}),x.support.optSelected||(x.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null}}),x.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){x.propFix[this.toLowerCase()]=this}),x.each(["radio","checkbox"],function(){x.valHooks[this]={set:function(e,t){return x.isArray(t)?e.checked=x.inArray(x(e).val(),t)>=0:undefined}},x.support.checkOn||(x.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var I=/^key/,z=/^(?:mouse|contextmenu)|click/,_=/^(?:focusinfocus|focusoutblur)$/,X=/^([^.]*)(?:\.(.+)|)$/;function U(){return!0}function Y(){return!1}function V(){try{return o.activeElement}catch(e){}}x.event={global:{},add:function(e,t,n,i,o){var s,a,u,l,c,p,f,h,d,g,m,y=q.get(e);if(y){n.handler&&(s=n,n=s.handler,o=s.selector),n.guid||(n.guid=x.guid++),(l=y.events)||(l=y.events={}),(a=y.handle)||(a=y.handle=function(e){return typeof x===r||e&&x.event.triggered===e.type?undefined:x.event.dispatch.apply(a.elem,arguments)},a.elem=e),t=(t||"").match(w)||[""],c=t.length;while(c--)u=X.exec(t[c])||[],d=m=u[1],g=(u[2]||"").split(".").sort(),d&&(f=x.event.special[d]||{},d=(o?f.delegateType:f.bindType)||d,f=x.event.special[d]||{},p=x.extend({type:d,origType:m,data:i,handler:n,guid:n.guid,selector:o,needsContext:o&&x.expr.match.needsContext.test(o),namespace:g.join(".")},s),(h=l[d])||(h=l[d]=[],h.delegateCount=0,f.setup&&f.setup.call(e,i,g,a)!==!1||e.addEventListener&&e.addEventListener(d,a,!1)),f.add&&(f.add.call(e,p),p.handler.guid||(p.handler.guid=n.guid)),o?h.splice(h.delegateCount++,0,p):h.push(p),x.event.global[d]=!0);e=null}},remove:function(e,t,n,r,i){var o,s,a,u,l,c,p,f,h,d,g,m=q.hasData(e)&&q.get(e);if(m&&(u=m.events)){t=(t||"").match(w)||[""],l=t.length;while(l--)if(a=X.exec(t[l])||[],h=g=a[1],d=(a[2]||"").split(".").sort(),h){p=x.event.special[h]||{},h=(r?p.delegateType:p.bindType)||h,f=u[h]||[],a=a[2]&&RegExp("(^|\\.)"+d.join("\\.(?:.*\\.|)")+"(\\.|$)"),s=o=f.length;while(o--)c=f[o],!i&&g!==c.origType||n&&n.guid!==c.guid||a&&!a.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(f.splice(o,1),c.selector&&f.delegateCount--,p.remove&&p.remove.call(e,c));s&&!f.length&&(p.teardown&&p.teardown.call(e,d,m.handle)!==!1||x.removeEvent(e,h,m.handle),delete u[h])}else for(h in u)x.event.remove(e,h+t[l],n,r,!0);x.isEmptyObject(u)&&(delete m.handle,q.remove(e,"events"))}},trigger:function(t,n,r,i){var s,a,u,l,c,p,f,h=[r||o],d=y.call(t,"type")?t.type:t,g=y.call(t,"namespace")?t.namespace.split("."):[];if(a=u=r=r||o,3!==r.nodeType&&8!==r.nodeType&&!_.test(d+x.event.triggered)&&(d.indexOf(".")>=0&&(g=d.split("."),d=g.shift(),g.sort()),c=0>d.indexOf(":")&&"on"+d,t=t[x.expando]?t:new x.Event(d,"object"==typeof t&&t),t.isTrigger=i?2:3,t.namespace=g.join("."),t.namespace_re=t.namespace?RegExp("(^|\\.)"+g.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=undefined,t.target||(t.target=r),n=null==n?[t]:x.makeArray(n,[t]),f=x.event.special[d]||{},i||!f.trigger||f.trigger.apply(r,n)!==!1)){if(!i&&!f.noBubble&&!x.isWindow(r)){for(l=f.delegateType||d,_.test(l+d)||(a=a.parentNode);a;a=a.parentNode)h.push(a),u=a;u===(r.ownerDocument||o)&&h.push(u.defaultView||u.parentWindow||e)}s=0;while((a=h[s++])&&!t.isPropagationStopped())t.type=s>1?l:f.bindType||d,p=(q.get(a,"events")||{})[t.type]&&q.get(a,"handle"),p&&p.apply(a,n),p=c&&a[c],p&&x.acceptData(a)&&p.apply&&p.apply(a,n)===!1&&t.preventDefault();return t.type=d,i||t.isDefaultPrevented()||f._default&&f._default.apply(h.pop(),n)!==!1||!x.acceptData(r)||c&&x.isFunction(r[d])&&!x.isWindow(r)&&(u=r[c],u&&(r[c]=null),x.event.triggered=d,r[d](),x.event.triggered=undefined,u&&(r[c]=u)),t.result}},dispatch:function(e){e=x.event.fix(e);var t,n,r,i,o,s=[],a=d.call(arguments),u=(q.get(this,"events")||{})[e.type]||[],l=x.event.special[e.type]||{};if(a[0]=e,e.delegateTarget=this,!l.preDispatch||l.preDispatch.call(this,e)!==!1){s=x.event.handlers.call(this,e,u),t=0;while((i=s[t++])&&!e.isPropagationStopped()){e.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(o.namespace))&&(e.handleObj=o,e.data=o.data,r=((x.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,a),r!==undefined&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return l.postDispatch&&l.postDispatch.call(this,e),e.result}},handlers:function(e,t){var n,r,i,o,s=[],a=t.delegateCount,u=e.target;if(a&&u.nodeType&&(!e.button||"click"!==e.type))for(;u!==this;u=u.parentNode||this)if(u.disabled!==!0||"click"!==e.type){for(r=[],n=0;a>n;n++)o=t[n],i=o.selector+" ",r[i]===undefined&&(r[i]=o.needsContext?x(i,this).index(u)>=0:x.find(i,this,null,[u]).length),r[i]&&r.push(o);r.length&&s.push({elem:u,handlers:r})}return t.length>a&&s.push({elem:this,handlers:t.slice(a)}),s},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,t){var n,r,i,s=t.button;return null==e.pageX&&null!=t.clientX&&(n=e.target.ownerDocument||o,r=n.documentElement,i=n.body,e.pageX=t.clientX+(r&&r.scrollLeft||i&&i.scrollLeft||0)-(r&&r.clientLeft||i&&i.clientLeft||0),e.pageY=t.clientY+(r&&r.scrollTop||i&&i.scrollTop||0)-(r&&r.clientTop||i&&i.clientTop||0)),e.which||s===undefined||(e.which=1&s?1:2&s?3:4&s?2:0),e}},fix:function(e){if(e[x.expando])return e;var t,n,r,i=e.type,s=e,a=this.fixHooks[i];a||(this.fixHooks[i]=a=z.test(i)?this.mouseHooks:I.test(i)?this.keyHooks:{}),r=a.props?this.props.concat(a.props):this.props,e=new x.Event(s),t=r.length;while(t--)n=r[t],e[n]=s[n];return e.target||(e.target=o),3===e.target.nodeType&&(e.target=e.target.parentNode),a.filter?a.filter(e,s):e},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==V()&&this.focus?(this.focus(),!1):undefined},delegateType:"focusin"},blur:{trigger:function(){return this===V()&&this.blur?(this.blur(),!1):undefined},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&x.nodeName(this,"input")?(this.click(),!1):undefined},_default:function(e){return x.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){e.result!==undefined&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=x.extend(new x.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?x.event.trigger(i,null,t):x.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},x.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)},x.Event=function(e,t){return this instanceof x.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.getPreventDefault&&e.getPreventDefault()?U:Y):this.type=e,t&&x.extend(this,t),this.timeStamp=e&&e.timeStamp||x.now(),this[x.expando]=!0,undefined):new x.Event(e,t)},x.Event.prototype={isDefaultPrevented:Y,isPropagationStopped:Y,isImmediatePropagationStopped:Y,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=U,e&&e.preventDefault&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=U,e&&e.stopPropagation&&e.stopPropagation()},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=U,this.stopPropagation()}},x.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){x.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return(!i||i!==r&&!x.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),x.support.focusinBubbles||x.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){x.event.simulate(t,e.target,x.event.fix(e),!0)};x.event.special[t]={setup:function(){0===n++&&o.addEventListener(e,r,!0)},teardown:function(){0===--n&&o.removeEventListener(e,r,!0)}}}),x.fn.extend({on:function(e,t,n,r,i){var o,s;if("object"==typeof e){"string"!=typeof t&&(n=n||t,t=undefined);for(s in e)this.on(s,t,n,e[s],i);return this}if(null==n&&null==r?(r=t,n=t=undefined):null==r&&("string"==typeof t?(r=n,n=undefined):(r=n,n=t,t=undefined)),r===!1)r=Y;else if(!r)return this;return 1===i&&(o=r,r=function(e){return x().off(e),o.apply(this,arguments)},r.guid=o.guid||(o.guid=x.guid++)),this.each(function(){x.event.add(this,e,r,n,t)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,x(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return(t===!1||"function"==typeof t)&&(n=t,t=undefined),n===!1&&(n=Y),this.each(function(){x.event.remove(this,e,n,t)})},trigger:function(e,t){return this.each(function(){x.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];return n?x.event.trigger(e,t,n,!0):undefined}});var G=/^.[^:#\[\.,]*$/,J=/^(?:parents|prev(?:Until|All))/,Q=x.expr.match.needsContext,K={children:!0,contents:!0,next:!0,prev:!0};x.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(x(e).filter(function(){for(t=0;i>t;t++)if(x.contains(r[t],this))return!0}));for(t=0;i>t;t++)x.find(e,r[t],n);return n=this.pushStack(i>1?x.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},has:function(e){var t=x(e,this),n=t.length;return this.filter(function(){var e=0;for(;n>e;e++)if(x.contains(this,t[e]))return!0})},not:function(e){return this.pushStack(et(this,e||[],!0))},filter:function(e){return this.pushStack(et(this,e||[],!1))},is:function(e){return!!et(this,"string"==typeof e&&Q.test(e)?x(e):e||[],!1).length},closest:function(e,t){var n,r=0,i=this.length,o=[],s=Q.test(e)||"string"!=typeof e?x(e,t||this.context):0;for(;i>r;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(11>n.nodeType&&(s?s.index(n)>-1:1===n.nodeType&&x.find.matchesSelector(n,e))){n=o.push(n);break}return this.pushStack(o.length>1?x.unique(o):o)},index:function(e){return e?"string"==typeof e?g.call(x(e),this[0]):g.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?x(e,t):x.makeArray(e&&e.nodeType?[e]:e),r=x.merge(this.get(),n);return this.pushStack(x.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function Z(e,t){while((e=e[t])&&1!==e.nodeType);return e}x.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return x.dir(e,"parentNode")},parentsUntil:function(e,t,n){return x.dir(e,"parentNode",n)},next:function(e){return Z(e,"nextSibling")},prev:function(e){return Z(e,"previousSibling")},nextAll:function(e){return x.dir(e,"nextSibling")},prevAll:function(e){return x.dir(e,"previousSibling")},nextUntil:function(e,t,n){return x.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return x.dir(e,"previousSibling",n)},siblings:function(e){return x.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return x.sibling(e.firstChild)},contents:function(e){return e.contentDocument||x.merge([],e.childNodes)}},function(e,t){x.fn[e]=function(n,r){var i=x.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=x.filter(r,i)),this.length>1&&(K[e]||x.unique(i),J.test(e)&&i.reverse()),this.pushStack(i)}}),x.extend({filter:function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?x.find.matchesSelector(r,e)?[r]:[]:x.find.matches(e,x.grep(t,function(e){return 1===e.nodeType}))},dir:function(e,t,n){var r=[],i=n!==undefined;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&x(e).is(n))break;r.push(e)}return r},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function et(e,t,n){if(x.isFunction(t))return x.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return x.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(G.test(t))return x.filter(t,e,n);t=x.filter(t,e)}return x.grep(e,function(e){return g.call(t,e)>=0!==n})}var tt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,nt=/<([\w:]+)/,rt=/<|&#?\w+;/,it=/<(?:script|style|link)/i,ot=/^(?:checkbox|radio)$/i,st=/checked\s*(?:[^=]|=\s*.checked.)/i,at=/^$|\/(?:java|ecma)script/i,ut=/^true\/(.*)/,lt=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,ct={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};ct.optgroup=ct.option,ct.tbody=ct.tfoot=ct.colgroup=ct.caption=ct.thead,ct.th=ct.td,x.fn.extend({text:function(e){return x.access(this,function(e){return e===undefined?x.text(this):this.empty().append((this[0]&&this[0].ownerDocument||o).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.appendChild(e)}})},prepend:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=e?x.filter(e,this):this,i=0;for(;null!=(n=r[i]);i++)t||1!==n.nodeType||x.cleanData(mt(n)),n.parentNode&&(t&&x.contains(n.ownerDocument,n)&&dt(mt(n,"script")),n.parentNode.removeChild(n));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++)1===e.nodeType&&(x.cleanData(mt(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return x.clone(this,e,t)})},html:function(e){return x.access(this,function(e){var t=this[0]||{},n=0,r=this.length;if(e===undefined&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!it.test(e)&&!ct[(nt.exec(e)||["",""])[1].toLowerCase()]){e=e.replace(tt,"<$1></$2>");try{for(;r>n;n++)t=this[n]||{},1===t.nodeType&&(x.cleanData(mt(t,!1)),t.innerHTML=e);t=0}catch(i){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=x.map(this,function(e){return[e.nextSibling,e.parentNode]}),t=0;return this.domManip(arguments,function(n){var r=e[t++],i=e[t++];i&&(r&&r.parentNode!==i&&(r=this.nextSibling),x(this).remove(),i.insertBefore(n,r))},!0),t?this:this.remove()},detach:function(e){return this.remove(e,!0)},domManip:function(e,t,n){e=f.apply([],e);var r,i,o,s,a,u,l=0,c=this.length,p=this,h=c-1,d=e[0],g=x.isFunction(d);if(g||!(1>=c||"string"!=typeof d||x.support.checkClone)&&st.test(d))return this.each(function(r){var i=p.eq(r);g&&(e[0]=d.call(this,r,i.html())),i.domManip(e,t,n)});if(c&&(r=x.buildFragment(e,this[0].ownerDocument,!1,!n&&this),i=r.firstChild,1===r.childNodes.length&&(r=i),i)){for(o=x.map(mt(r,"script"),ft),s=o.length;c>l;l++)a=r,l!==h&&(a=x.clone(a,!0,!0),s&&x.merge(o,mt(a,"script"))),t.call(this[l],a,l);if(s)for(u=o[o.length-1].ownerDocument,x.map(o,ht),l=0;s>l;l++)a=o[l],at.test(a.type||"")&&!q.access(a,"globalEval")&&x.contains(u,a)&&(a.src?x._evalUrl(a.src):x.globalEval(a.textContent.replace(lt,"")))}return this}}),x.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){x.fn[e]=function(e){var n,r=[],i=x(e),o=i.length-1,s=0;for(;o>=s;s++)n=s===o?this:this.clone(!0),x(i[s])[t](n),h.apply(r,n.get());return this.pushStack(r)}}),x.extend({clone:function(e,t,n){var r,i,o,s,a=e.cloneNode(!0),u=x.contains(e.ownerDocument,e);if(!(x.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||x.isXMLDoc(e)))for(s=mt(a),o=mt(e),r=0,i=o.length;i>r;r++)yt(o[r],s[r]);if(t)if(n)for(o=o||mt(e),s=s||mt(a),r=0,i=o.length;i>r;r++)gt(o[r],s[r]);else gt(e,a);return s=mt(a,"script"),s.length>0&&dt(s,!u&&mt(e,"script")),a},buildFragment:function(e,t,n,r){var i,o,s,a,u,l,c=0,p=e.length,f=t.createDocumentFragment(),h=[];for(;p>c;c++)if(i=e[c],i||0===i)if("object"===x.type(i))x.merge(h,i.nodeType?[i]:i);else if(rt.test(i)){o=o||f.appendChild(t.createElement("div")),s=(nt.exec(i)||["",""])[1].toLowerCase(),a=ct[s]||ct._default,o.innerHTML=a[1]+i.replace(tt,"<$1></$2>")+a[2],l=a[0];while(l--)o=o.lastChild;x.merge(h,o.childNodes),o=f.firstChild,o.textContent=""}else h.push(t.createTextNode(i));f.textContent="",c=0;while(i=h[c++])if((!r||-1===x.inArray(i,r))&&(u=x.contains(i.ownerDocument,i),o=mt(f.appendChild(i),"script"),u&&dt(o),n)){l=0;while(i=o[l++])at.test(i.type||"")&&n.push(i)}return f},cleanData:function(e){var t,n,r,i,o,s,a=x.event.special,u=0;for(;(n=e[u])!==undefined;u++){if(F.accepts(n)&&(o=n[q.expando],o&&(t=q.cache[o]))){if(r=Object.keys(t.events||{}),r.length)for(s=0;(i=r[s])!==undefined;s++)a[i]?x.event.remove(n,i):x.removeEvent(n,i,t.handle);q.cache[o]&&delete q.cache[o]}delete L.cache[n[L.expando]]}},_evalUrl:function(e){return x.ajax({url:e,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})}});function pt(e,t){return x.nodeName(e,"table")&&x.nodeName(1===t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function ft(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function ht(e){var t=ut.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function dt(e,t){var n=e.length,r=0;for(;n>r;r++)q.set(e[r],"globalEval",!t||q.get(t[r],"globalEval"))}function gt(e,t){var n,r,i,o,s,a,u,l;if(1===t.nodeType){if(q.hasData(e)&&(o=q.access(e),s=q.set(t,o),l=o.events)){delete s.handle,s.events={};for(i in l)for(n=0,r=l[i].length;r>n;n++)x.event.add(t,i,l[i][n])}L.hasData(e)&&(a=L.access(e),u=x.extend({},a),L.set(t,u))}}function mt(e,t){var n=e.getElementsByTagName?e.getElementsByTagName(t||"*"):e.querySelectorAll?e.querySelectorAll(t||"*"):[];return t===undefined||t&&x.nodeName(e,t)?x.merge([e],n):n}function yt(e,t){var n=t.nodeName.toLowerCase();"input"===n&&ot.test(e.type)?t.checked=e.checked:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}x.fn.extend({wrapAll:function(e){var t;return x.isFunction(e)?this.each(function(t){x(this).wrapAll(e.call(this,t))}):(this[0]&&(t=x(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this)},wrapInner:function(e){return x.isFunction(e)?this.each(function(t){x(this).wrapInner(e.call(this,t))}):this.each(function(){var t=x(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=x.isFunction(e);return this.each(function(n){x(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){x.nodeName(this,"body")||x(this).replaceWith(this.childNodes)}).end()}});var vt,xt,bt=/^(none|table(?!-c[ea]).+)/,wt=/^margin/,Tt=RegExp("^("+b+")(.*)$","i"),Ct=RegExp("^("+b+")(?!px)[a-z%]+$","i"),kt=RegExp("^([+-])=("+b+")","i"),Nt={BODY:"block"},Et={position:"absolute",visibility:"hidden",display:"block"},St={letterSpacing:0,fontWeight:400},jt=["Top","Right","Bottom","Left"],Dt=["Webkit","O","Moz","ms"];function At(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=Dt.length;while(i--)if(t=Dt[i]+n,t in e)return t;return r}function Lt(e,t){return e=t||e,"none"===x.css(e,"display")||!x.contains(e.ownerDocument,e)}function qt(t){return e.getComputedStyle(t,null)}function Ht(e,t){var n,r,i,o=[],s=0,a=e.length;for(;a>s;s++)r=e[s],r.style&&(o[s]=q.get(r,"olddisplay"),n=r.style.display,t?(o[s]||"none"!==n||(r.style.display=""),""===r.style.display&&Lt(r)&&(o[s]=q.access(r,"olddisplay",Rt(r.nodeName)))):o[s]||(i=Lt(r),(n&&"none"!==n||!i)&&q.set(r,"olddisplay",i?n:x.css(r,"display"))));for(s=0;a>s;s++)r=e[s],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[s]||"":"none"));return e}x.fn.extend({css:function(e,t){return x.access(this,function(e,t,n){var r,i,o={},s=0;if(x.isArray(t)){for(r=qt(e),i=t.length;i>s;s++)o[t[s]]=x.css(e,t[s],!1,r);return o}return n!==undefined?x.style(e,t,n):x.css(e,t)},e,t,arguments.length>1)},show:function(){return Ht(this,!0)},hide:function(){return Ht(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){Lt(this)?x(this).show():x(this).hide()})}}),x.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=vt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,s,a=x.camelCase(t),u=e.style;return t=x.cssProps[a]||(x.cssProps[a]=At(u,a)),s=x.cssHooks[t]||x.cssHooks[a],n===undefined?s&&"get"in s&&(i=s.get(e,!1,r))!==undefined?i:u[t]:(o=typeof n,"string"===o&&(i=kt.exec(n))&&(n=(i[1]+1)*i[2]+parseFloat(x.css(e,t)),o="number"),null==n||"number"===o&&isNaN(n)||("number"!==o||x.cssNumber[a]||(n+="px"),x.support.clearCloneStyle||""!==n||0!==t.indexOf("background")||(u[t]="inherit"),s&&"set"in s&&(n=s.set(e,n,r))===undefined||(u[t]=n)),undefined)}},css:function(e,t,n,r){var i,o,s,a=x.camelCase(t);return t=x.cssProps[a]||(x.cssProps[a]=At(e.style,a)),s=x.cssHooks[t]||x.cssHooks[a],s&&"get"in s&&(i=s.get(e,!0,n)),i===undefined&&(i=vt(e,t,r)),"normal"===i&&t in St&&(i=St[t]),""===n||n?(o=parseFloat(i),n===!0||x.isNumeric(o)?o||0:i):i}}),vt=function(e,t,n){var r,i,o,s=n||qt(e),a=s?s.getPropertyValue(t)||s[t]:undefined,u=e.style;return s&&(""!==a||x.contains(e.ownerDocument,e)||(a=x.style(e,t)),Ct.test(a)&&wt.test(t)&&(r=u.width,i=u.minWidth,o=u.maxWidth,u.minWidth=u.maxWidth=u.width=a,a=s.width,u.width=r,u.minWidth=i,u.maxWidth=o)),a};function Ot(e,t,n){var r=Tt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function Ft(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,s=0;for(;4>o;o+=2)"margin"===n&&(s+=x.css(e,n+jt[o],!0,i)),r?("content"===n&&(s-=x.css(e,"padding"+jt[o],!0,i)),"margin"!==n&&(s-=x.css(e,"border"+jt[o]+"Width",!0,i))):(s+=x.css(e,"padding"+jt[o],!0,i),"padding"!==n&&(s+=x.css(e,"border"+jt[o]+"Width",!0,i)));return s}function Pt(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=qt(e),s=x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=vt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Ct.test(i))return i;r=s&&(x.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+Ft(e,t,n||(s?"border":"content"),r,o)+"px"}function Rt(e){var t=o,n=Nt[e];return n||(n=Mt(e,t),"none"!==n&&n||(xt=(xt||x("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(t.documentElement),t=(xt[0].contentWindow||xt[0].contentDocument).document,t.write("<!doctype html><html><body>"),t.close(),n=Mt(e,t),xt.detach()),Nt[e]=n),n}function Mt(e,t){var n=x(t.createElement(e)).appendTo(t.body),r=x.css(n[0],"display");return n.remove(),r}x.each(["height","width"],function(e,t){x.cssHooks[t]={get:function(e,n,r){return n?0===e.offsetWidth&&bt.test(x.css(e,"display"))?x.swap(e,Et,function(){return Pt(e,t,r)}):Pt(e,t,r):undefined},set:function(e,n,r){var i=r&&qt(e);return Ot(e,n,r?Ft(e,t,r,x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,i),i):0)}}}),x(function(){x.support.reliableMarginRight||(x.cssHooks.marginRight={get:function(e,t){return t?x.swap(e,{display:"inline-block"},vt,[e,"marginRight"]):undefined}}),!x.support.pixelPosition&&x.fn.position&&x.each(["top","left"],function(e,t){x.cssHooks[t]={get:function(e,n){return n?(n=vt(e,t),Ct.test(n)?x(e).position()[t]+"px":n):undefined}}})}),x.expr&&x.expr.filters&&(x.expr.filters.hidden=function(e){return 0>=e.offsetWidth&&0>=e.offsetHeight},x.expr.filters.visible=function(e){return!x.expr.filters.hidden(e)}),x.each({margin:"",padding:"",border:"Width"},function(e,t){x.cssHooks[e+t]={expand:function(n){var r=0,i={},o="string"==typeof n?n.split(" "):[n];for(;4>r;r++)i[e+jt[r]+t]=o[r]||o[r-2]||o[0];return i}},wt.test(e)||(x.cssHooks[e+t].set=Ot)});var Wt=/%20/g,$t=/\[\]$/,Bt=/\r?\n/g,It=/^(?:submit|button|image|reset|file)$/i,zt=/^(?:input|select|textarea|keygen)/i;x.fn.extend({serialize:function(){return x.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=x.prop(this,"elements");return e?x.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!x(this).is(":disabled")&&zt.test(this.nodeName)&&!It.test(e)&&(this.checked||!ot.test(e))}).map(function(e,t){var n=x(this).val();return null==n?null:x.isArray(n)?x.map(n,function(e){return{name:t.name,value:e.replace(Bt,"\r\n")}}):{name:t.name,value:n.replace(Bt,"\r\n")}}).get()}}),x.param=function(e,t){var n,r=[],i=function(e,t){t=x.isFunction(t)?t():null==t?"":t,r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(t===undefined&&(t=x.ajaxSettings&&x.ajaxSettings.traditional),x.isArray(e)||e.jquery&&!x.isPlainObject(e))x.each(e,function(){i(this.name,this.value)});else for(n in e)_t(n,e[n],t,i);return r.join("&").replace(Wt,"+")};function _t(e,t,n,r){var i;if(x.isArray(t))x.each(t,function(t,i){n||$t.test(e)?r(e,i):_t(e+"["+("object"==typeof i?t:"")+"]",i,n,r)});else if(n||"object"!==x.type(t))r(e,t);else for(i in t)_t(e+"["+i+"]",t[i],n,r)}x.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){x.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),x.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)
+};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,s,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return q.get(e,n)||q.access(e,n,{empty:x.Callbacks("once memory").add(function(){q.remove(e,[t+"queue",n])})})}}),x.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),n>arguments.length?x.queue(this[0],e):t===undefined?this:this.each(function(){var n=x.queue(this,e,t);x._queueHooks(this,e),"fx"===e&&"inprogress"!==n[0]&&x.dequeue(this,e)})},dequeue:function(e){return this.each(function(){x.dequeue(this,e)})},delay:function(e,t){return e=x.fx?x.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=x.Deferred(),o=this,s=this.length,a=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=undefined),e=e||"fx";while(s--)n=q.get(o[s],e+"queueHooks"),n&&n.empty&&(r++,n.empty.add(a));return a(),i.promise(t)}});var R,M,W=/[\t\r\n\f]/g,$=/\r/g,B=/^(?:input|select|textarea|button)$/i;x.fn.extend({attr:function(e,t){return x.access(this,x.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){x.removeAttr(this,e)})},prop:function(e,t){return x.access(this,x.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[x.propFix[e]||e]})},addClass:function(e){var t,n,r,i,o,s=0,a=this.length,u="string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).addClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=x.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,s=0,a=this.length,u=0===arguments.length||"string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).removeClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?x.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):x.isFunction(e)?this.each(function(n){x(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var t,i=0,o=x(this),s=e.match(w)||[];while(t=s[i++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else(n===r||"boolean"===n)&&(this.className&&q.set(this,"__className__",this.className),this.className=this.className||e===!1?"":q.get(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(W," ").indexOf(t)>=0)return!0;return!1},val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=x.isFunction(e),this.each(function(n){var i;1===this.nodeType&&(i=r?e.call(this,n,x(this).val()):e,null==i?i="":"number"==typeof i?i+="":x.isArray(i)&&(i=x.map(i,function(e){return null==e?"":e+""})),t=x.valHooks[this.type]||x.valHooks[this.nodeName.toLowerCase()],t&&"set"in t&&t.set(this,i,"value")!==undefined||(this.value=i))});if(i)return t=x.valHooks[i.type]||x.valHooks[i.nodeName.toLowerCase()],t&&"get"in t&&(n=t.get(i,"value"))!==undefined?n:(n=i.value,"string"==typeof n?n.replace($,""):null==n?"":n)}}}),x.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,s=o?null:[],a=o?i+1:r.length,u=0>i?a:o?i:0;for(;a>u;u++)if(n=r[u],!(!n.selected&&u!==i||(x.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&x.nodeName(n.parentNode,"optgroup"))){if(t=x(n).val(),o)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=x.makeArray(t),s=i.length;while(s--)r=i[s],(r.selected=x.inArray(x(r).val(),o)>=0)&&(n=!0);return n||(e.selectedIndex=-1),o}}},attr:function(e,t,n){var i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return typeof e.getAttribute===r?x.prop(e,t,n):(1===s&&x.isXMLDoc(e)||(t=t.toLowerCase(),i=x.attrHooks[t]||(x.expr.match.bool.test(t)?M:R)),n===undefined?i&&"get"in i&&null!==(o=i.get(e,t))?o:(o=x.find.attr(e,t),null==o?undefined:o):null!==n?i&&"set"in i&&(o=i.set(e,n,t))!==undefined?o:(e.setAttribute(t,n+""),n):(x.removeAttr(e,t),undefined))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(w);if(o&&1===e.nodeType)while(n=o[i++])r=x.propFix[n]||n,x.expr.match.bool.test(n)&&(e[r]=!1),e.removeAttribute(n)},attrHooks:{type:{set:function(e,t){if(!x.support.radioValue&&"radio"===t&&x.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{"for":"htmlFor","class":"className"},prop:function(e,t,n){var r,i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return o=1!==s||!x.isXMLDoc(e),o&&(t=x.propFix[t]||t,i=x.propHooks[t]),n!==undefined?i&&"set"in i&&(r=i.set(e,n,t))!==undefined?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){return e.hasAttribute("tabindex")||B.test(e.nodeName)||e.href?e.tabIndex:-1}}}}),M={set:function(e,t,n){return t===!1?x.removeAttr(e,n):e.setAttribute(n,n),n}},x.each(x.expr.match.bool.source.match(/\w+/g),function(e,t){var n=x.expr.attrHandle[t]||x.find.attr;x.expr.attrHandle[t]=function(e,t,r){var i=x.expr.attrHandle[t],o=r?undefined:(x.expr.attrHandle[t]=undefined)!=n(e,t,r)?t.toLowerCase():null;return x.expr.attrHandle[t]=i,o}}),x.support.optSelected||(x.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null}}),x.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){x.propFix[this.toLowerCase()]=this}),x.each(["radio","checkbox"],function(){x.valHooks[this]={set:function(e,t){return x.isArray(t)?e.checked=x.inArray(x(e).val(),t)>=0:undefined}},x.support.checkOn||(x.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var I=/^key/,z=/^(?:mouse|contextmenu)|click/,_=/^(?:focusinfocus|focusoutblur)$/,X=/^([^.]*)(?:\.(.+)|)$/;function U(){return!0}function Y(){return!1}function V(){try{return o.activeElement}catch(e){}}x.event={global:{},add:function(e,t,n,i,o){var s,a,u,l,c,p,f,h,d,g,m,y=q.get(e);if(y){n.handler&&(s=n,n=s.handler,o=s.selector),n.guid||(n.guid=x.guid++),(l=y.events)||(l=y.events={}),(a=y.handle)||(a=y.handle=function(e){return typeof x===r||e&&x.event.triggered===e.type?undefined:x.event.dispatch.apply(a.elem,arguments)},a.elem=e),t=(t||"").match(w)||[""],c=t.length;while(c--)u=X.exec(t[c])||[],d=m=u[1],g=(u[2]||"").split(".").sort(),d&&(f=x.event.special[d]||{},d=(o?f.delegateType:f.bindType)||d,f=x.event.special[d]||{},p=x.extend({type:d,origType:m,data:i,handler:n,guid:n.guid,selector:o,needsContext:o&&x.expr.match.needsContext.test(o),namespace:g.join(".")},s),(h=l[d])||(h=l[d]=[],h.delegateCount=0,f.setup&&f.setup.call(e,i,g,a)!==!1||e.addEventListener&&e.addEventListener(d,a,!1)),f.add&&(f.add.call(e,p),p.handler.guid||(p.handler.guid=n.guid)),o?h.splice(h.delegateCount++,0,p):h.push(p),x.event.global[d]=!0);e=null}},remove:function(e,t,n,r,i){var o,s,a,u,l,c,p,f,h,d,g,m=q.hasData(e)&&q.get(e);if(m&&(u=m.events)){t=(t||"").match(w)||[""],l=t.length;while(l--)if(a=X.exec(t[l])||[],h=g=a[1],d=(a[2]||"").split(".").sort(),h){p=x.event.special[h]||{},h=(r?p.delegateType:p.bindType)||h,f=u[h]||[],a=a[2]&&RegExp("(^|\\.)"+d.join("\\.(?:.*\\.|)")+"(\\.|$)"),s=o=f.length;while(o--)c=f[o],!i&&g!==c.origType||n&&n.guid!==c.guid||a&&!a.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(f.splice(o,1),c.selector&&f.delegateCount--,p.remove&&p.remove.call(e,c));s&&!f.length&&(p.teardown&&p.teardown.call(e,d,m.handle)!==!1||x.removeEvent(e,h,m.handle),delete u[h])}else for(h in u)x.event.remove(e,h+t[l],n,r,!0);x.isEmptyObject(u)&&(delete m.handle,q.remove(e,"events"))}},trigger:function(t,n,r,i){var s,a,u,l,c,p,f,h=[r||o],d=y.call(t,"type")?t.type:t,g=y.call(t,"namespace")?t.namespace.split("."):[];if(a=u=r=r||o,3!==r.nodeType&&8!==r.nodeType&&!_.test(d+x.event.triggered)&&(d.indexOf(".")>=0&&(g=d.split("."),d=g.shift(),g.sort()),c=0>d.indexOf(":")&&"on"+d,t=t[x.expando]?t:new x.Event(d,"object"==typeof t&&t),t.isTrigger=i?2:3,t.namespace=g.join("."),t.namespace_re=t.namespace?RegExp("(^|\\.)"+g.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=undefined,t.target||(t.target=r),n=null==n?[t]:x.makeArray(n,[t]),f=x.event.special[d]||{},i||!f.trigger||f.trigger.apply(r,n)!==!1)){if(!i&&!f.noBubble&&!x.isWindow(r)){for(l=f.delegateType||d,_.test(l+d)||(a=a.parentNode);a;a=a.parentNode)h.push(a),u=a;u===(r.ownerDocument||o)&&h.push(u.defaultView||u.parentWindow||e)}s=0;while((a=h[s++])&&!t.isPropagationStopped())t.type=s>1?l:f.bindType||d,p=(q.get(a,"events")||{})[t.type]&&q.get(a,"handle"),p&&p.apply(a,n),p=c&&a[c],p&&x.acceptData(a)&&p.apply&&p.apply(a,n)===!1&&t.preventDefault();return t.type=d,i||t.isDefaultPrevented()||f._default&&f._default.apply(h.pop(),n)!==!1||!x.acceptData(r)||c&&x.isFunction(r[d])&&!x.isWindow(r)&&(u=r[c],u&&(r[c]=null),x.event.triggered=d,r[d](),x.event.triggered=undefined,u&&(r[c]=u)),t.result}},dispatch:function(e){e=x.event.fix(e);var t,n,r,i,o,s=[],a=d.call(arguments),u=(q.get(this,"events")||{})[e.type]||[],l=x.event.special[e.type]||{};if(a[0]=e,e.delegateTarget=this,!l.preDispatch||l.preDispatch.call(this,e)!==!1){s=x.event.handlers.call(this,e,u),t=0;while((i=s[t++])&&!e.isPropagationStopped()){e.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(o.namespace))&&(e.handleObj=o,e.data=o.data,r=((x.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,a),r!==undefined&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return l.postDispatch&&l.postDispatch.call(this,e),e.result}},handlers:function(e,t){var n,r,i,o,s=[],a=t.delegateCount,u=e.target;if(a&&u.nodeType&&(!e.button||"click"!==e.type))for(;u!==this;u=u.parentNode||this)if(u.disabled!==!0||"click"!==e.type){for(r=[],n=0;a>n;n++)o=t[n],i=o.selector+" ",r[i]===undefined&&(r[i]=o.needsContext?x(i,this).index(u)>=0:x.find(i,this,null,[u]).length),r[i]&&r.push(o);r.length&&s.push({elem:u,handlers:r})}return t.length>a&&s.push({elem:this,handlers:t.slice(a)}),s},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,t){var n,r,i,s=t.button;return null==e.pageX&&null!=t.clientX&&(n=e.target.ownerDocument||o,r=n.documentElement,i=n.body,e.pageX=t.clientX+(r&&r.scrollLeft||i&&i.scrollLeft||0)-(r&&r.clientLeft||i&&i.clientLeft||0),e.pageY=t.clientY+(r&&r.scrollTop||i&&i.scrollTop||0)-(r&&r.clientTop||i&&i.clientTop||0)),e.which||s===undefined||(e.which=1&s?1:2&s?3:4&s?2:0),e}},fix:function(e){if(e[x.expando])return e;var t,n,r,i=e.type,s=e,a=this.fixHooks[i];a||(this.fixHooks[i]=a=z.test(i)?this.mouseHooks:I.test(i)?this.keyHooks:{}),r=a.props?this.props.concat(a.props):this.props,e=new x.Event(s),t=r.length;while(t--)n=r[t],e[n]=s[n];return e.target||(e.target=o),3===e.target.nodeType&&(e.target=e.target.parentNode),a.filter?a.filter(e,s):e},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==V()&&this.focus?(this.focus(),!1):undefined},delegateType:"focusin"},blur:{trigger:function(){return this===V()&&this.blur?(this.blur(),!1):undefined},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&x.nodeName(this,"input")?(this.click(),!1):undefined},_default:function(e){return x.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){e.result!==undefined&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=x.extend(new x.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?x.event.trigger(i,null,t):x.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},x.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)},x.Event=function(e,t){return this instanceof x.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.getPreventDefault&&e.getPreventDefault()?U:Y):this.type=e,t&&x.extend(this,t),this.timeStamp=e&&e.timeStamp||x.now(),this[x.expando]=!0,undefined):new x.Event(e,t)},x.Event.prototype={isDefaultPrevented:Y,isPropagationStopped:Y,isImmediatePropagationStopped:Y,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=U,e&&e.preventDefault&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=U,e&&e.stopPropagation&&e.stopPropagation()},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=U,this.stopPropagation()}},x.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){x.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return(!i||i!==r&&!x.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),x.support.focusinBubbles||x.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){x.event.simulate(t,e.target,x.event.fix(e),!0)};x.event.special[t]={setup:function(){0===n++&&o.addEventListener(e,r,!0)},teardown:function(){0===--n&&o.removeEventListener(e,r,!0)}}}),x.fn.extend({on:function(e,t,n,r,i){var o,s;if("object"==typeof e){"string"!=typeof t&&(n=n||t,t=undefined);for(s in e)this.on(s,t,n,e[s],i);return this}if(null==n&&null==r?(r=t,n=t=undefined):null==r&&("string"==typeof t?(r=n,n=undefined):(r=n,n=t,t=undefined)),r===!1)r=Y;else if(!r)return this;return 1===i&&(o=r,r=function(e){return x().off(e),o.apply(this,arguments)},r.guid=o.guid||(o.guid=x.guid++)),this.each(function(){x.event.add(this,e,r,n,t)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,x(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return(t===!1||"function"==typeof t)&&(n=t,t=undefined),n===!1&&(n=Y),this.each(function(){x.event.remove(this,e,n,t)})},trigger:function(e,t){return this.each(function(){x.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];return n?x.event.trigger(e,t,n,!0):undefined}});var G=/^.[^:#\[\.,]*$/,J=/^(?:parents|prev(?:Until|All))/,Q=x.expr.match.needsContext,K={children:!0,contents:!0,next:!0,prev:!0};x.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(x(e).filter(function(){for(t=0;i>t;t++)if(x.contains(r[t],this))return!0}));for(t=0;i>t;t++)x.find(e,r[t],n);return n=this.pushStack(i>1?x.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},has:function(e){var t=x(e,this),n=t.length;return this.filter(function(){var e=0;for(;n>e;e++)if(x.contains(this,t[e]))return!0})},not:function(e){return this.pushStack(et(this,e||[],!0))},filter:function(e){return this.pushStack(et(this,e||[],!1))},is:function(e){return!!et(this,"string"==typeof e&&Q.test(e)?x(e):e||[],!1).length},closest:function(e,t){var n,r=0,i=this.length,o=[],s=Q.test(e)||"string"!=typeof e?x(e,t||this.context):0;for(;i>r;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(11>n.nodeType&&(s?s.index(n)>-1:1===n.nodeType&&x.find.matchesSelector(n,e))){n=o.push(n);break}return this.pushStack(o.length>1?x.unique(o):o)},index:function(e){return e?"string"==typeof e?g.call(x(e),this[0]):g.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?x(e,t):x.makeArray(e&&e.nodeType?[e]:e),r=x.merge(this.get(),n);return this.pushStack(x.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function Z(e,t){while((e=e[t])&&1!==e.nodeType);return e}x.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return x.dir(e,"parentNode")},parentsUntil:function(e,t,n){return x.dir(e,"parentNode",n)},next:function(e){return Z(e,"nextSibling")},prev:function(e){return Z(e,"previousSibling")},nextAll:function(e){return x.dir(e,"nextSibling")},prevAll:function(e){return x.dir(e,"previousSibling")},nextUntil:function(e,t,n){return x.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return x.dir(e,"previousSibling",n)},siblings:function(e){return x.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return x.sibling(e.firstChild)},contents:function(e){return e.contentDocument||x.merge([],e.childNodes)}},function(e,t){x.fn[e]=function(n,r){var i=x.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=x.filter(r,i)),this.length>1&&(K[e]||x.unique(i),J.test(e)&&i.reverse()),this.pushStack(i)}}),x.extend({filter:function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?x.find.matchesSelector(r,e)?[r]:[]:x.find.matches(e,x.grep(t,function(e){return 1===e.nodeType}))},dir:function(e,t,n){var r=[],i=n!==undefined;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&x(e).is(n))break;r.push(e)}return r},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function et(e,t,n){if(x.isFunction(t))return x.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return x.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(G.test(t))return x.filter(t,e,n);t=x.filter(t,e)}return x.grep(e,function(e){return g.call(t,e)>=0!==n})}var tt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,nt=/<([\w:]+)/,rt=/<|&#?\w+;/,it=/<(?:script|style|link)/i,ot=/^(?:checkbox|radio)$/i,st=/checked\s*(?:[^=]|=\s*.checked.)/i,at=/^$|\/(?:java|ecma)script/i,ut=/^true\/(.*)/,lt=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,ct={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};ct.optgroup=ct.option,ct.tbody=ct.tfoot=ct.colgroup=ct.caption=ct.thead,ct.th=ct.td,x.fn.extend({text:function(e){return x.access(this,function(e){return e===undefined?x.text(this):this.empty().append((this[0]&&this[0].ownerDocument||o).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.appendChild(e)}})},prepend:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=e?x.filter(e,this):this,i=0;for(;null!=(n=r[i]);i++)t||1!==n.nodeType||x.cleanData(mt(n)),n.parentNode&&(t&&x.contains(n.ownerDocument,n)&&dt(mt(n,"script")),n.parentNode.removeChild(n));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++)1===e.nodeType&&(x.cleanData(mt(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return x.clone(this,e,t)})},html:function(e){return x.access(this,function(e){var t=this[0]||{},n=0,r=this.length;if(e===undefined&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!it.test(e)&&!ct[(nt.exec(e)||["",""])[1].toLowerCase()]){e=e.replace(tt,"<$1></$2>");try{for(;r>n;n++)t=this[n]||{},1===t.nodeType&&(x.cleanData(mt(t,!1)),t.innerHTML=e);t=0}catch(i){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=x.map(this,function(e){return[e.nextSibling,e.parentNode]}),t=0;return this.domManip(arguments,function(n){var r=e[t++],i=e[t++];i&&(r&&r.parentNode!==i&&(r=this.nextSibling),x(this).remove(),i.insertBefore(n,r))},!0),t?this:this.remove()},detach:function(e){return this.remove(e,!0)},domManip:function(e,t,n){e=f.apply([],e);var r,i,o,s,a,u,l=0,c=this.length,p=this,h=c-1,d=e[0],g=x.isFunction(d);if(g||!(1>=c||"string"!=typeof d||x.support.checkClone)&&st.test(d))return this.each(function(r){var i=p.eq(r);g&&(e[0]=d.call(this,r,i.html())),i.domManip(e,t,n)});if(c&&(r=x.buildFragment(e,this[0].ownerDocument,!1,!n&&this),i=r.firstChild,1===r.childNodes.length&&(r=i),i)){for(o=x.map(mt(r,"script"),ft),s=o.length;c>l;l++)a=r,l!==h&&(a=x.clone(a,!0,!0),s&&x.merge(o,mt(a,"script"))),t.call(this[l],a,l);if(s)for(u=o[o.length-1].ownerDocument,x.map(o,ht),l=0;s>l;l++)a=o[l],at.test(a.type||"")&&!q.access(a,"globalEval")&&x.contains(u,a)&&(a.src?x._evalUrl(a.src):x.globalEval(a.textContent.replace(lt,"")))}return this}}),x.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){x.fn[e]=function(e){var n,r=[],i=x(e),o=i.length-1,s=0;for(;o>=s;s++)n=s===o?this:this.clone(!0),x(i[s])[t](n),h.apply(r,n.get());return this.pushStack(r)}}),x.extend({clone:function(e,t,n){var r,i,o,s,a=e.cloneNode(!0),u=x.contains(e.ownerDocument,e);if(!(x.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||x.isXMLDoc(e)))for(s=mt(a),o=mt(e),r=0,i=o.length;i>r;r++)yt(o[r],s[r]);if(t)if(n)for(o=o||mt(e),s=s||mt(a),r=0,i=o.length;i>r;r++)gt(o[r],s[r]);else gt(e,a);return s=mt(a,"script"),s.length>0&&dt(s,!u&&mt(e,"script")),a},buildFragment:function(e,t,n,r){var i,o,s,a,u,l,c=0,p=e.length,f=t.createDocumentFragment(),h=[];for(;p>c;c++)if(i=e[c],i||0===i)if("object"===x.type(i))x.merge(h,i.nodeType?[i]:i);else if(rt.test(i)){o=o||f.appendChild(t.createElement("div")),s=(nt.exec(i)||["",""])[1].toLowerCase(),a=ct[s]||ct._default,o.innerHTML=a[1]+i.replace(tt,"<$1></$2>")+a[2],l=a[0];while(l--)o=o.lastChild;x.merge(h,o.childNodes),o=f.firstChild,o.textContent=""}else h.push(t.createTextNode(i));f.textContent="",c=0;while(i=h[c++])if((!r||-1===x.inArray(i,r))&&(u=x.contains(i.ownerDocument,i),o=mt(f.appendChild(i),"script"),u&&dt(o),n)){l=0;while(i=o[l++])at.test(i.type||"")&&n.push(i)}return f},cleanData:function(e){var t,n,r,i,o,s,a=x.event.special,u=0;for(;(n=e[u])!==undefined;u++){if(F.accepts(n)&&(o=n[q.expando],o&&(t=q.cache[o]))){if(r=Object.keys(t.events||{}),r.length)for(s=0;(i=r[s])!==undefined;s++)a[i]?x.event.remove(n,i):x.removeEvent(n,i,t.handle);q.cache[o]&&delete q.cache[o]}delete L.cache[n[L.expando]]}},_evalUrl:function(e){return x.ajax({url:e,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})}});function pt(e,t){return x.nodeName(e,"table")&&x.nodeName(1===t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function ft(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function ht(e){var t=ut.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function dt(e,t){var n=e.length,r=0;for(;n>r;r++)q.set(e[r],"globalEval",!t||q.get(t[r],"globalEval"))}function gt(e,t){var n,r,i,o,s,a,u,l;if(1===t.nodeType){if(q.hasData(e)&&(o=q.access(e),s=q.set(t,o),l=o.events)){delete s.handle,s.events={};for(i in l)for(n=0,r=l[i].length;r>n;n++)x.event.add(t,i,l[i][n])}L.hasData(e)&&(a=L.access(e),u=x.extend({},a),L.set(t,u))}}function mt(e,t){var n=e.getElementsByTagName?e.getElementsByTagName(t||"*"):e.querySelectorAll?e.querySelectorAll(t||"*"):[];return t===undefined||t&&x.nodeName(e,t)?x.merge([e],n):n}function yt(e,t){var n=t.nodeName.toLowerCase();"input"===n&&ot.test(e.type)?t.checked=e.checked:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}x.fn.extend({wrapAll:function(e){var t;return x.isFunction(e)?this.each(function(t){x(this).wrapAll(e.call(this,t))}):(this[0]&&(t=x(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this)},wrapInner:function(e){return x.isFunction(e)?this.each(function(t){x(this).wrapInner(e.call(this,t))}):this.each(function(){var t=x(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=x.isFunction(e);return this.each(function(n){x(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){x.nodeName(this,"body")||x(this).replaceWith(this.childNodes)}).end()}});var vt,xt,bt=/^(none|table(?!-c[ea]).+)/,wt=/^margin/,Tt=RegExp("^("+b+")(.*)$","i"),Ct=RegExp("^("+b+")(?!px)[a-z%]+$","i"),kt=RegExp("^([+-])=("+b+")","i"),Nt={BODY:"block"},Et={position:"absolute",visibility:"hidden",display:"block"},St={letterSpacing:0,fontWeight:400},jt=["Top","Right","Bottom","Left"],Dt=["Webkit","O","Moz","ms"];function At(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=Dt.length;while(i--)if(t=Dt[i]+n,t in e)return t;return r}function Lt(e,t){return e=t||e,"none"===x.css(e,"display")||!x.contains(e.ownerDocument,e)}function qt(t){return e.getComputedStyle(t,null)}function Ht(e,t){var n,r,i,o=[],s=0,a=e.length;for(;a>s;s++)r=e[s],r.style&&(o[s]=q.get(r,"olddisplay"),n=r.style.display,t?(o[s]||"none"!==n||(r.style.display=""),""===r.style.display&&Lt(r)&&(o[s]=q.access(r,"olddisplay",Rt(r.nodeName)))):o[s]||(i=Lt(r),(n&&"none"!==n||!i)&&q.set(r,"olddisplay",i?n:x.css(r,"display"))));for(s=0;a>s;s++)r=e[s],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[s]||"":"none"));return e}x.fn.extend({css:function(e,t){return x.access(this,function(e,t,n){var r,i,o={},s=0;if(x.isArray(t)){for(r=qt(e),i=t.length;i>s;s++)o[t[s]]=x.css(e,t[s],!1,r);return o}return n!==undefined?x.style(e,t,n):x.css(e,t)},e,t,arguments.length>1)},show:function(){return Ht(this,!0)},hide:function(){return Ht(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){Lt(this)?x(this).show():x(this).hide()})}}),x.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=vt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,s,a=x.camelCase(t),u=e.style;return t=x.cssProps[a]||(x.cssProps[a]=At(u,a)),s=x.cssHooks[t]||x.cssHooks[a],n===undefined?s&&"get"in s&&(i=s.get(e,!1,r))!==undefined?i:u[t]:(o=typeof n,"string"===o&&(i=kt.exec(n))&&(n=(i[1]+1)*i[2]+parseFloat(x.css(e,t)),o="number"),null==n||"number"===o&&isNaN(n)||("number"!==o||x.cssNumber[a]||(n+="px"),x.support.clearCloneStyle||""!==n||0!==t.indexOf("background")||(u[t]="inherit"),s&&"set"in s&&(n=s.set(e,n,r))===undefined||(u[t]=n)),undefined)}},css:function(e,t,n,r){var i,o,s,a=x.camelCase(t);return t=x.cssProps[a]||(x.cssProps[a]=At(e.style,a)),s=x.cssHooks[t]||x.cssHooks[a],s&&"get"in s&&(i=s.get(e,!0,n)),i===undefined&&(i=vt(e,t,r)),"normal"===i&&t in St&&(i=St[t]),""===n||n?(o=parseFloat(i),n===!0||x.isNumeric(o)?o||0:i):i}}),vt=function(e,t,n){var r,i,o,s=n||qt(e),a=s?s.getPropertyValue(t)||s[t]:undefined,u=e.style;return s&&(""!==a||x.contains(e.ownerDocument,e)||(a=x.style(e,t)),Ct.test(a)&&wt.test(t)&&(r=u.width,i=u.minWidth,o=u.maxWidth,u.minWidth=u.maxWidth=u.width=a,a=s.width,u.width=r,u.minWidth=i,u.maxWidth=o)),a};function Ot(e,t,n){var r=Tt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function Ft(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,s=0;for(;4>o;o+=2)"margin"===n&&(s+=x.css(e,n+jt[o],!0,i)),r?("content"===n&&(s-=x.css(e,"padding"+jt[o],!0,i)),"margin"!==n&&(s-=x.css(e,"border"+jt[o]+"Width",!0,i))):(s+=x.css(e,"padding"+jt[o],!0,i),"padding"!==n&&(s+=x.css(e,"border"+jt[o]+"Width",!0,i)));return s}function Pt(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=qt(e),s=x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=vt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Ct.test(i))return i;r=s&&(x.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+Ft(e,t,n||(s?"border":"content"),r,o)+"px"}function Rt(e){var t=o,n=Nt[e];return n||(n=Mt(e,t),"none"!==n&&n||(xt=(xt||x("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(t.documentElement),t=(xt[0].contentWindow||xt[0].contentDocument).document,t.write("<!DOCTYPE html><html><body>"),t.close(),n=Mt(e,t),xt.detach()),Nt[e]=n),n}function Mt(e,t){var n=x(t.createElement(e)).appendTo(t.body),r=x.css(n[0],"display");return n.remove(),r}x.each(["height","width"],function(e,t){x.cssHooks[t]={get:function(e,n,r){return n?0===e.offsetWidth&&bt.test(x.css(e,"display"))?x.swap(e,Et,function(){return Pt(e,t,r)}):Pt(e,t,r):undefined},set:function(e,n,r){var i=r&&qt(e);return Ot(e,n,r?Ft(e,t,r,x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,i),i):0)}}}),x(function(){x.support.reliableMarginRight||(x.cssHooks.marginRight={get:function(e,t){return t?x.swap(e,{display:"inline-block"},vt,[e,"marginRight"]):undefined}}),!x.support.pixelPosition&&x.fn.position&&x.each(["top","left"],function(e,t){x.cssHooks[t]={get:function(e,n){return n?(n=vt(e,t),Ct.test(n)?x(e).position()[t]+"px":n):undefined}}})}),x.expr&&x.expr.filters&&(x.expr.filters.hidden=function(e){return 0>=e.offsetWidth&&0>=e.offsetHeight},x.expr.filters.visible=function(e){return!x.expr.filters.hidden(e)}),x.each({margin:"",padding:"",border:"Width"},function(e,t){x.cssHooks[e+t]={expand:function(n){var r=0,i={},o="string"==typeof n?n.split(" "):[n];for(;4>r;r++)i[e+jt[r]+t]=o[r]||o[r-2]||o[0];return i}},wt.test(e)||(x.cssHooks[e+t].set=Ot)});var Wt=/%20/g,$t=/\[\]$/,Bt=/\r?\n/g,It=/^(?:submit|button|image|reset|file)$/i,zt=/^(?:input|select|textarea|keygen)/i;x.fn.extend({serialize:function(){return x.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=x.prop(this,"elements");return e?x.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!x(this).is(":disabled")&&zt.test(this.nodeName)&&!It.test(e)&&(this.checked||!ot.test(e))}).map(function(e,t){var n=x(this).val();return null==n?null:x.isArray(n)?x.map(n,function(e){return{name:t.name,value:e.replace(Bt,"\r\n")}}):{name:t.name,value:n.replace(Bt,"\r\n")}}).get()}}),x.param=function(e,t){var n,r=[],i=function(e,t){t=x.isFunction(t)?t():null==t?"":t,r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(t===undefined&&(t=x.ajaxSettings&&x.ajaxSettings.traditional),x.isArray(e)||e.jquery&&!x.isPlainObject(e))x.each(e,function(){i(this.name,this.value)});else for(n in e)_t(n,e[n],t,i);return r.join("&").replace(Wt,"+")};function _t(e,t,n,r){var i;if(x.isArray(t))x.each(t,function(t,i){n||$t.test(e)?r(e,i):_t(e+"["+("object"==typeof i?t:"")+"]",i,n,r)});else if(n||"object"!==x.type(t))r(e,t);else for(i in t)_t(e+"["+i+"]",t[i],n,r)}x.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){x.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),x.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)
 },delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)}});var Xt,Ut,Yt=x.now(),Vt=/\?/,Gt=/#.*$/,Jt=/([?&])_=[^&]*/,Qt=/^(.*?):[ \t]*([^\r\n]*)$/gm,Kt=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Zt=/^(?:GET|HEAD)$/,en=/^\/\//,tn=/^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,nn=x.fn.load,rn={},on={},sn="*/".concat("*");try{Ut=i.href}catch(an){Ut=o.createElement("a"),Ut.href="",Ut=Ut.href}Xt=tn.exec(Ut.toLowerCase())||[];function un(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(w)||[];if(x.isFunction(n))while(r=o[i++])"+"===r[0]?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function ln(e,t,n,r){var i={},o=e===on;function s(a){var u;return i[a]=!0,x.each(e[a]||[],function(e,a){var l=a(t,n,r);return"string"!=typeof l||o||i[l]?o?!(u=l):undefined:(t.dataTypes.unshift(l),s(l),!1)}),u}return s(t.dataTypes[0])||!i["*"]&&s("*")}function cn(e,t){var n,r,i=x.ajaxSettings.flatOptions||{};for(n in t)t[n]!==undefined&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&x.extend(!0,e,r),e}x.fn.load=function(e,t,n){if("string"!=typeof e&&nn)return nn.apply(this,arguments);var r,i,o,s=this,a=e.indexOf(" ");return a>=0&&(r=e.slice(a),e=e.slice(0,a)),x.isFunction(t)?(n=t,t=undefined):t&&"object"==typeof t&&(i="POST"),s.length>0&&x.ajax({url:e,type:i,dataType:"html",data:t}).done(function(e){o=arguments,s.html(r?x("<div>").append(x.parseHTML(e)).find(r):e)}).complete(n&&function(e,t){s.each(n,o||[e.responseText,t,e])}),this},x.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){x.fn[t]=function(e){return this.on(t,e)}}),x.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Ut,type:"GET",isLocal:Kt.test(Xt[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":sn,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":x.parseJSON,"text xml":x.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?cn(cn(e,x.ajaxSettings),t):cn(x.ajaxSettings,e)},ajaxPrefilter:un(rn),ajaxTransport:un(on),ajax:function(e,t){"object"==typeof e&&(t=e,e=undefined),t=t||{};var n,r,i,o,s,a,u,l,c=x.ajaxSetup({},t),p=c.context||c,f=c.context&&(p.nodeType||p.jquery)?x(p):x.event,h=x.Deferred(),d=x.Callbacks("once memory"),g=c.statusCode||{},m={},y={},v=0,b="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(2===v){if(!o){o={};while(t=Qt.exec(i))o[t[1].toLowerCase()]=t[2]}t=o[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return 2===v?i:null},setRequestHeader:function(e,t){var n=e.toLowerCase();return v||(e=y[n]=y[n]||e,m[e]=t),this},overrideMimeType:function(e){return v||(c.mimeType=e),this},statusCode:function(e){var t;if(e)if(2>v)for(t in e)g[t]=[g[t],e[t]];else T.always(e[T.status]);return this},abort:function(e){var t=e||b;return n&&n.abort(t),k(0,t),this}};if(h.promise(T).complete=d.add,T.success=T.done,T.error=T.fail,c.url=((e||c.url||Ut)+"").replace(Gt,"").replace(en,Xt[1]+"//"),c.type=t.method||t.type||c.method||c.type,c.dataTypes=x.trim(c.dataType||"*").toLowerCase().match(w)||[""],null==c.crossDomain&&(a=tn.exec(c.url.toLowerCase()),c.crossDomain=!(!a||a[1]===Xt[1]&&a[2]===Xt[2]&&(a[3]||("http:"===a[1]?"80":"443"))===(Xt[3]||("http:"===Xt[1]?"80":"443")))),c.data&&c.processData&&"string"!=typeof c.data&&(c.data=x.param(c.data,c.traditional)),ln(rn,c,t,T),2===v)return T;u=c.global,u&&0===x.active++&&x.event.trigger("ajaxStart"),c.type=c.type.toUpperCase(),c.hasContent=!Zt.test(c.type),r=c.url,c.hasContent||(c.data&&(r=c.url+=(Vt.test(r)?"&":"?")+c.data,delete c.data),c.cache===!1&&(c.url=Jt.test(r)?r.replace(Jt,"$1_="+Yt++):r+(Vt.test(r)?"&":"?")+"_="+Yt++)),c.ifModified&&(x.lastModified[r]&&T.setRequestHeader("If-Modified-Since",x.lastModified[r]),x.etag[r]&&T.setRequestHeader("If-None-Match",x.etag[r])),(c.data&&c.hasContent&&c.contentType!==!1||t.contentType)&&T.setRequestHeader("Content-Type",c.contentType),T.setRequestHeader("Accept",c.dataTypes[0]&&c.accepts[c.dataTypes[0]]?c.accepts[c.dataTypes[0]]+("*"!==c.dataTypes[0]?", "+sn+"; q=0.01":""):c.accepts["*"]);for(l in c.headers)T.setRequestHeader(l,c.headers[l]);if(c.beforeSend&&(c.beforeSend.call(p,T,c)===!1||2===v))return T.abort();b="abort";for(l in{success:1,error:1,complete:1})T[l](c[l]);if(n=ln(on,c,t,T)){T.readyState=1,u&&f.trigger("ajaxSend",[T,c]),c.async&&c.timeout>0&&(s=setTimeout(function(){T.abort("timeout")},c.timeout));try{v=1,n.send(m,k)}catch(C){if(!(2>v))throw C;k(-1,C)}}else k(-1,"No Transport");function k(e,t,o,a){var l,m,y,b,w,C=t;2!==v&&(v=2,s&&clearTimeout(s),n=undefined,i=a||"",T.readyState=e>0?4:0,l=e>=200&&300>e||304===e,o&&(b=pn(c,T,o)),b=fn(c,b,T,l),l?(c.ifModified&&(w=T.getResponseHeader("Last-Modified"),w&&(x.lastModified[r]=w),w=T.getResponseHeader("etag"),w&&(x.etag[r]=w)),204===e||"HEAD"===c.type?C="nocontent":304===e?C="notmodified":(C=b.state,m=b.data,y=b.error,l=!y)):(y=C,(e||!C)&&(C="error",0>e&&(e=0))),T.status=e,T.statusText=(t||C)+"",l?h.resolveWith(p,[m,C,T]):h.rejectWith(p,[T,C,y]),T.statusCode(g),g=undefined,u&&f.trigger(l?"ajaxSuccess":"ajaxError",[T,c,l?m:y]),d.fireWith(p,[T,C]),u&&(f.trigger("ajaxComplete",[T,c]),--x.active||x.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return x.get(e,t,n,"json")},getScript:function(e,t){return x.get(e,undefined,t,"script")}}),x.each(["get","post"],function(e,t){x[t]=function(e,n,r,i){return x.isFunction(n)&&(i=i||r,r=n,n=undefined),x.ajax({url:e,type:t,dataType:i,data:n,success:r})}});function pn(e,t,n){var r,i,o,s,a=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),r===undefined&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in a)if(a[i]&&a[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}s||(s=i)}o=o||s}return o?(o!==u[0]&&u.unshift(o),n[o]):undefined}function fn(e,t,n,r){var i,o,s,a,u,l={},c=e.dataTypes.slice();if(c[1])for(s in e.converters)l[s.toLowerCase()]=e.converters[s];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(s=l[u+" "+o]||l["* "+o],!s)for(i in l)if(a=i.split(" "),a[1]===o&&(s=l[u+" "+a[0]]||l["* "+a[0]])){s===!0?s=l[i]:l[i]!==!0&&(o=a[0],c.unshift(a[1]));break}if(s!==!0)if(s&&e["throws"])t=s(t);else try{t=s(t)}catch(p){return{state:"parsererror",error:s?p:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}x.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(e){return x.globalEval(e),e}}}),x.ajaxPrefilter("script",function(e){e.cache===undefined&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),x.ajaxTransport("script",function(e){if(e.crossDomain){var t,n;return{send:function(r,i){t=x("<script>").prop({async:!0,charset:e.scriptCharset,src:e.url}).on("load error",n=function(e){t.remove(),n=null,e&&i("error"===e.type?404:200,e.type)}),o.head.appendChild(t[0])},abort:function(){n&&n()}}}});var hn=[],dn=/(=)\?(?=&|$)|\?\?/;x.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=hn.pop()||x.expando+"_"+Yt++;return this[e]=!0,e}}),x.ajaxPrefilter("json jsonp",function(t,n,r){var i,o,s,a=t.jsonp!==!1&&(dn.test(t.url)?"url":"string"==typeof t.data&&!(t.contentType||"").indexOf("application/x-www-form-urlencoded")&&dn.test(t.data)&&"data");return a||"jsonp"===t.dataTypes[0]?(i=t.jsonpCallback=x.isFunction(t.jsonpCallback)?t.jsonpCallback():t.jsonpCallback,a?t[a]=t[a].replace(dn,"$1"+i):t.jsonp!==!1&&(t.url+=(Vt.test(t.url)?"&":"?")+t.jsonp+"="+i),t.converters["script json"]=function(){return s||x.error(i+" was not called"),s[0]},t.dataTypes[0]="json",o=e[i],e[i]=function(){s=arguments},r.always(function(){e[i]=o,t[i]&&(t.jsonpCallback=n.jsonpCallback,hn.push(i)),s&&x.isFunction(o)&&o(s[0]),s=o=undefined}),"script"):undefined}),x.ajaxSettings.xhr=function(){try{return new XMLHttpRequest}catch(e){}};var gn=x.ajaxSettings.xhr(),mn={0:200,1223:204},yn=0,vn={};e.ActiveXObject&&x(e).on("unload",function(){for(var e in vn)vn[e]();vn=undefined}),x.support.cors=!!gn&&"withCredentials"in gn,x.support.ajax=gn=!!gn,x.ajaxTransport(function(e){var t;return x.support.cors||gn&&!e.crossDomain?{send:function(n,r){var i,o,s=e.xhr();if(s.open(e.type,e.url,e.async,e.username,e.password),e.xhrFields)for(i in e.xhrFields)s[i]=e.xhrFields[i];e.mimeType&&s.overrideMimeType&&s.overrideMimeType(e.mimeType),e.crossDomain||n["X-Requested-With"]||(n["X-Requested-With"]="XMLHttpRequest");for(i in n)s.setRequestHeader(i,n[i]);t=function(e){return function(){t&&(delete vn[o],t=s.onload=s.onerror=null,"abort"===e?s.abort():"error"===e?r(s.status||404,s.statusText):r(mn[s.status]||s.status,s.statusText,"string"==typeof s.responseText?{text:s.responseText}:undefined,s.getAllResponseHeaders()))}},s.onload=t(),s.onerror=t("error"),t=vn[o=yn++]=t("abort"),s.send(e.hasContent&&e.data||null)},abort:function(){t&&t()}}:undefined});var xn,bn,wn=/^(?:toggle|show|hide)$/,Tn=RegExp("^(?:([+-])=|)("+b+")([a-z%]*)$","i"),Cn=/queueHooks$/,kn=[An],Nn={"*":[function(e,t){var n=this.createTween(e,t),r=n.cur(),i=Tn.exec(t),o=i&&i[3]||(x.cssNumber[e]?"":"px"),s=(x.cssNumber[e]||"px"!==o&&+r)&&Tn.exec(x.css(n.elem,e)),a=1,u=20;if(s&&s[3]!==o){o=o||s[3],i=i||[],s=+r||1;do a=a||".5",s/=a,x.style(n.elem,e,s+o);while(a!==(a=n.cur()/r)&&1!==a&&--u)}return i&&(s=n.start=+s||+r||0,n.unit=o,n.end=i[1]?s+(i[1]+1)*i[2]:+i[2]),n}]};function En(){return setTimeout(function(){xn=undefined}),xn=x.now()}function Sn(e,t,n){var r,i=(Nn[t]||[]).concat(Nn["*"]),o=0,s=i.length;for(;s>o;o++)if(r=i[o].call(n,t,e))return r}function jn(e,t,n){var r,i,o=0,s=kn.length,a=x.Deferred().always(function(){delete u.elem}),u=function(){if(i)return!1;var t=xn||En(),n=Math.max(0,l.startTime+l.duration-t),r=n/l.duration||0,o=1-r,s=0,u=l.tweens.length;for(;u>s;s++)l.tweens[s].run(o);return a.notifyWith(e,[l,o,n]),1>o&&u?n:(a.resolveWith(e,[l]),!1)},l=a.promise({elem:e,props:x.extend({},t),opts:x.extend(!0,{specialEasing:{}},n),originalProperties:t,originalOptions:n,startTime:xn||En(),duration:n.duration,tweens:[],createTween:function(t,n){var r=x.Tween(e,l.opts,t,n,l.opts.specialEasing[t]||l.opts.easing);return l.tweens.push(r),r},stop:function(t){var n=0,r=t?l.tweens.length:0;if(i)return this;for(i=!0;r>n;n++)l.tweens[n].run(1);return t?a.resolveWith(e,[l,t]):a.rejectWith(e,[l,t]),this}}),c=l.props;for(Dn(c,l.opts.specialEasing);s>o;o++)if(r=kn[o].call(l,e,c,l.opts))return r;return x.map(c,Sn,l),x.isFunction(l.opts.start)&&l.opts.start.call(e,l),x.fx.timer(x.extend(u,{elem:e,anim:l,queue:l.opts.queue})),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always)}function Dn(e,t){var n,r,i,o,s;for(n in e)if(r=x.camelCase(n),i=t[r],o=e[n],x.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),s=x.cssHooks[r],s&&"expand"in s){o=s.expand(o),delete e[r];for(n in o)n in e||(e[n]=o[n],t[n]=i)}else t[r]=i}x.Animation=x.extend(jn,{tweener:function(e,t){x.isFunction(e)?(t=e,e=["*"]):e=e.split(" ");var n,r=0,i=e.length;for(;i>r;r++)n=e[r],Nn[n]=Nn[n]||[],Nn[n].unshift(t)},prefilter:function(e,t){t?kn.unshift(e):kn.push(e)}});function An(e,t,n){var r,i,o,s,a,u,l=this,c={},p=e.style,f=e.nodeType&&Lt(e),h=q.get(e,"fxshow");n.queue||(a=x._queueHooks(e,"fx"),null==a.unqueued&&(a.unqueued=0,u=a.empty.fire,a.empty.fire=function(){a.unqueued||u()}),a.unqueued++,l.always(function(){l.always(function(){a.unqueued--,x.queue(e,"fx").length||a.empty.fire()})})),1===e.nodeType&&("height"in t||"width"in t)&&(n.overflow=[p.overflow,p.overflowX,p.overflowY],"inline"===x.css(e,"display")&&"none"===x.css(e,"float")&&(p.display="inline-block")),n.overflow&&(p.overflow="hidden",l.always(function(){p.overflow=n.overflow[0],p.overflowX=n.overflow[1],p.overflowY=n.overflow[2]}));for(r in t)if(i=t[r],wn.exec(i)){if(delete t[r],o=o||"toggle"===i,i===(f?"hide":"show")){if("show"!==i||!h||h[r]===undefined)continue;f=!0}c[r]=h&&h[r]||x.style(e,r)}if(!x.isEmptyObject(c)){h?"hidden"in h&&(f=h.hidden):h=q.access(e,"fxshow",{}),o&&(h.hidden=!f),f?x(e).show():l.done(function(){x(e).hide()}),l.done(function(){var t;q.remove(e,"fxshow");for(t in c)x.style(e,t,c[t])});for(r in c)s=Sn(f?h[r]:0,r,l),r in h||(h[r]=s.start,f&&(s.end=s.start,s.start="width"===r||"height"===r?1:0))}}function Ln(e,t,n,r,i){return new Ln.prototype.init(e,t,n,r,i)}x.Tween=Ln,Ln.prototype={constructor:Ln,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||"swing",this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(x.cssNumber[n]?"":"px")},cur:function(){var e=Ln.propHooks[this.prop];return e&&e.get?e.get(this):Ln.propHooks._default.get(this)},run:function(e){var t,n=Ln.propHooks[this.prop];return this.pos=t=this.options.duration?x.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):Ln.propHooks._default.set(this),this}},Ln.prototype.init.prototype=Ln.prototype,Ln.propHooks={_default:{get:function(e){var t;return null==e.elem[e.prop]||e.elem.style&&null!=e.elem.style[e.prop]?(t=x.css(e.elem,e.prop,""),t&&"auto"!==t?t:0):e.elem[e.prop]},set:function(e){x.fx.step[e.prop]?x.fx.step[e.prop](e):e.elem.style&&(null!=e.elem.style[x.cssProps[e.prop]]||x.cssHooks[e.prop])?x.style(e.elem,e.prop,e.now+e.unit):e.elem[e.prop]=e.now}}},Ln.propHooks.scrollTop=Ln.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},x.each(["toggle","show","hide"],function(e,t){var n=x.fn[t];x.fn[t]=function(e,r,i){return null==e||"boolean"==typeof e?n.apply(this,arguments):this.animate(qn(t,!0),e,r,i)}}),x.fn.extend({fadeTo:function(e,t,n,r){return this.filter(Lt).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(e,t,n,r){var i=x.isEmptyObject(e),o=x.speed(t,n,r),s=function(){var t=jn(this,x.extend({},e),o);(i||q.get(this,"finish"))&&t.stop(!0)};return s.finish=s,i||o.queue===!1?this.each(s):this.queue(o.queue,s)},stop:function(e,t,n){var r=function(e){var t=e.stop;delete e.stop,t(n)};return"string"!=typeof e&&(n=t,t=e,e=undefined),t&&e!==!1&&this.queue(e||"fx",[]),this.each(function(){var t=!0,i=null!=e&&e+"queueHooks",o=x.timers,s=q.get(this);if(i)s[i]&&s[i].stop&&r(s[i]);else for(i in s)s[i]&&s[i].stop&&Cn.test(i)&&r(s[i]);for(i=o.length;i--;)o[i].elem!==this||null!=e&&o[i].queue!==e||(o[i].anim.stop(n),t=!1,o.splice(i,1));(t||!n)&&x.dequeue(this,e)})},finish:function(e){return e!==!1&&(e=e||"fx"),this.each(function(){var t,n=q.get(this),r=n[e+"queue"],i=n[e+"queueHooks"],o=x.timers,s=r?r.length:0;for(n.finish=!0,x.queue(this,e,[]),i&&i.stop&&i.stop.call(this,!0),t=o.length;t--;)o[t].elem===this&&o[t].queue===e&&(o[t].anim.stop(!0),o.splice(t,1));for(t=0;s>t;t++)r[t]&&r[t].finish&&r[t].finish.call(this);delete n.finish})}});function qn(e,t){var n,r={height:e},i=0;for(t=t?1:0;4>i;i+=2-t)n=jt[i],r["margin"+n]=r["padding"+n]=e;return t&&(r.opacity=r.width=e),r}x.each({slideDown:qn("show"),slideUp:qn("hide"),slideToggle:qn("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,t){x.fn[e]=function(e,n,r){return this.animate(t,e,n,r)}}),x.speed=function(e,t,n){var r=e&&"object"==typeof e?x.extend({},e):{complete:n||!n&&t||x.isFunction(e)&&e,duration:e,easing:n&&t||t&&!x.isFunction(t)&&t};return r.duration=x.fx.off?0:"number"==typeof r.duration?r.duration:r.duration in x.fx.speeds?x.fx.speeds[r.duration]:x.fx.speeds._default,(null==r.queue||r.queue===!0)&&(r.queue="fx"),r.old=r.complete,r.complete=function(){x.isFunction(r.old)&&r.old.call(this),r.queue&&x.dequeue(this,r.queue)},r},x.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2}},x.timers=[],x.fx=Ln.prototype.init,x.fx.tick=function(){var e,t=x.timers,n=0;for(xn=x.now();t.length>n;n++)e=t[n],e()||t[n]!==e||t.splice(n--,1);t.length||x.fx.stop(),xn=undefined},x.fx.timer=function(e){e()&&x.timers.push(e)&&x.fx.start()},x.fx.interval=13,x.fx.start=function(){bn||(bn=setInterval(x.fx.tick,x.fx.interval))},x.fx.stop=function(){clearInterval(bn),bn=null},x.fx.speeds={slow:600,fast:200,_default:400},x.fx.step={},x.expr&&x.expr.filters&&(x.expr.filters.animated=function(e){return x.grep(x.timers,function(t){return e===t.elem}).length}),x.fn.offset=function(e){if(arguments.length)return e===undefined?this:this.each(function(t){x.offset.setOffset(this,e,t)});var t,n,i=this[0],o={top:0,left:0},s=i&&i.ownerDocument;if(s)return t=s.documentElement,x.contains(t,i)?(typeof i.getBoundingClientRect!==r&&(o=i.getBoundingClientRect()),n=Hn(s),{top:o.top+n.pageYOffset-t.clientTop,left:o.left+n.pageXOffset-t.clientLeft}):o},x.offset={setOffset:function(e,t,n){var r,i,o,s,a,u,l,c=x.css(e,"position"),p=x(e),f={};"static"===c&&(e.style.position="relative"),a=p.offset(),o=x.css(e,"top"),u=x.css(e,"left"),l=("absolute"===c||"fixed"===c)&&(o+u).indexOf("auto")>-1,l?(r=p.position(),s=r.top,i=r.left):(s=parseFloat(o)||0,i=parseFloat(u)||0),x.isFunction(t)&&(t=t.call(e,n,a)),null!=t.top&&(f.top=t.top-a.top+s),null!=t.left&&(f.left=t.left-a.left+i),"using"in t?t.using.call(e,f):p.css(f)}},x.fn.extend({position:function(){if(this[0]){var e,t,n=this[0],r={top:0,left:0};return"fixed"===x.css(n,"position")?t=n.getBoundingClientRect():(e=this.offsetParent(),t=this.offset(),x.nodeName(e[0],"html")||(r=e.offset()),r.top+=x.css(e[0],"borderTopWidth",!0),r.left+=x.css(e[0],"borderLeftWidth",!0)),{top:t.top-r.top-x.css(n,"marginTop",!0),left:t.left-r.left-x.css(n,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||s;while(e&&!x.nodeName(e,"html")&&"static"===x.css(e,"position"))e=e.offsetParent;return e||s})}}),x.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,n){var r="pageYOffset"===n;x.fn[t]=function(i){return x.access(this,function(t,i,o){var s=Hn(t);return o===undefined?s?s[n]:t[i]:(s?s.scrollTo(r?e.pageXOffset:o,r?o:e.pageYOffset):t[i]=o,undefined)},t,i,arguments.length,null)}});function Hn(e){return x.isWindow(e)?e:9===e.nodeType&&e.defaultView}x.each({Height:"height",Width:"width"},function(e,t){x.each({padding:"inner"+e,content:t,"":"outer"+e},function(n,r){x.fn[r]=function(r,i){var o=arguments.length&&(n||"boolean"!=typeof r),s=n||(r===!0||i===!0?"margin":"border");return x.access(this,function(t,n,r){var i;return x.isWindow(t)?t.document.documentElement["client"+e]:9===t.nodeType?(i=t.documentElement,Math.max(t.body["scroll"+e],i["scroll"+e],t.body["offset"+e],i["offset"+e],i["client"+e])):r===undefined?x.css(t,n,s):x.style(t,n,r,s)},t,o?r:undefined,o,null)}})}),x.fn.size=function(){return this.length},x.fn.andSelf=x.fn.addBack,"object"==typeof module&&module&&"object"==typeof module.exports?module.exports=x:"function"==typeof define&&define.amd&&define("jquery",[],function(){return x}),"object"==typeof e&&"object"==typeof e.document&&(e.jQuery=e.$=x)})(window);
diff --git a/apps/presentationeditor/main/resources/help/en/search/search.html b/apps/presentationeditor/main/resources/help/en/search/search.html
index 9efeae6f4d..3592abf75e 100644
--- a/apps/presentationeditor/main/resources/help/en/search/search.html
+++ b/apps/presentationeditor/main/resources/help/en/search/search.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html>
     <head>
         <title>Search results</title>
diff --git a/apps/presentationeditor/main/resources/help/es/HelpfulHints/About.htm b/apps/presentationeditor/main/resources/help/es/HelpfulHints/About.htm
index a54cb47b1e..40731b7a26 100644
--- a/apps/presentationeditor/main/resources/help/es/HelpfulHints/About.htm
+++ b/apps/presentationeditor/main/resources/help/es/HelpfulHints/About.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="The short description of Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -16,7 +17,7 @@
 		<h1>Acerca del editor de presentaciones</h1>
 			<p><b>El editor de presentaciones</b> es una aplicación <span class="onlineDocumentFeatures">en línea</span> que le permite ver y editar presentaciones<span class="onlineDocumentFeatures"> directamente en su navegador</span>.</p>
 			<p>Usando el <b>editor de presentaciones</b>, puede realizar varias operaciones de edición como en cualquier editor de escritorio, imprimir las presentaciones editadas manteniendo todos los detalles de formato o descargarlas en el disco duro de su ordenador como archivos PPTX, PDF, ODP, POTX, PDF/A u OTP.</p>
-            <p><span class="onlineDocumentFeatures">Para ver la versión actual de software y la información de la licencia en la <em>versión en línea</em>, haga clic en el icono <img alt="Icono Acerca de" src="../images/about.png" /> en la barra izquierda lateral.</span> <span class="desktopDocumentFeatures">Para ver la versión actual de software y la información de la licencia en la <em>versión de escritorio</em>, selecciona la opción <b>Acerca de</b> en la barra lateral izquierda de la ventana principal del programa.</span></p>
+            <p><span class="onlineDocumentFeatures">Para ver la versión actual de software y la información de la licencia en la <em>versión en línea</em>, haga clic en el icono <div class = "icon icon-about"></div> en la barra izquierda lateral.</span> <span class="desktopDocumentFeatures">Para ver la versión actual de software y la información de la licencia en la <em>versión de escritorio</em>, selecciona la opción <b>Acerca de</b> en la barra lateral izquierda de la ventana principal del programa.</span></p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/HelpfulHints/AdvancedSettings.htm b/apps/presentationeditor/main/resources/help/es/HelpfulHints/AdvancedSettings.htm
index 9acfe064a2..ebbe6bbbd8 100644
--- a/apps/presentationeditor/main/resources/help/es/HelpfulHints/AdvancedSettings.htm
+++ b/apps/presentationeditor/main/resources/help/es/HelpfulHints/AdvancedSettings.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="The advanced settings of Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -14,7 +15,7 @@
             <input id="search" class="searchBar" placeholder="Buscar" type="text" onkeypress="doSearch(event)">
         </div>
 		<h1>Ajustes avanzados del editor de presentaciones</h1>
-			<p><b>El editor de presentaciones</b> le permite cambiar los ajustes avanzados. Para acceder a ellos, abra la pestaña <b>Archivo</b>  en la barra de herramientas superior y seleccione la opción <b>Ajustes avanzados...</b>. También puede hacer clic en el icono <b>Mostrar Ajustes</b> <img alt="Icono Mostrar ajustes" src="../images/viewsettingsicon.png" /> a la derecha del editor de encabezado y seleccionar la opción <b>Ajustes Avanzados</b>.</p>
+			<p><b>El editor de presentaciones</b> le permite cambiar los ajustes avanzados. Para acceder a ellos, abra la pestaña <b>Archivo</b>  en la barra de herramientas superior y seleccione la opción <b>Ajustes avanzados...</b>. También puede hacer clic en el icono <b>Mostrar Ajustes</b> <div class = "icon icon-viewsettingsicon"></div> a la derecha del editor de encabezado y seleccionar la opción <b>Ajustes Avanzados</b>.</p>
 			<p>Los ajustes avanzados son:</p>
 			<ul>
                 <li><b>Corrección ortográfica</b> se usa para activar/desactivar la opción de corrección ortográfica.</li>
@@ -23,7 +24,7 @@
                 <li><span class="onlineDocumentFeatures"><b>Guardar automáticamente</b> se usa en la <em>versión en línea</em> para activar/desactivar el autoguardado de los cambios mientras edita.</span> <span class="desktopDocumentFeatures">La <b>Autorecuperación</b> - se usa en la <em>versión de escritorio</em> para activar/desactivar la opción que permite recuperar automáticamente los documentos en caso de cierre inesperado del programa.</span></li>
                 <li class="onlineDocumentFeatures">El <b>Modo Co-edición</b> se usa para seleccionar la visualización de los cambios hechos durante la co-edición:<ul>
                         <li>De forma predeterminada, el modo <b>Rápido</b> es seleccionado, los usuarios que participan en la co-edición del documento verán los cambios a tiempo real una vez que estos se lleven a cabo por otros usuarios.</li>
-                        <li>Si prefiere no ver los cambios de otros usuarios (para que no le moleste, o por otros motivos), seleccione el modo <b>Estricto</b>, y todos los cambios se mostrarán solo una vez que haga clic en el icono <img alt="Icono Guardar" src="../images/saveupdate.png" /> <b>Guardar</b>, notificándole que hay cambios de otros usuarios.</li>
+                        <li>Si prefiere no ver los cambios de otros usuarios (para que no le moleste, o por otros motivos), seleccione el modo <b>Estricto</b>, y todos los cambios se mostrarán solo una vez que haga clic en el icono <div class = "icon icon-saveupdate"></div> <b>Guardar</b>, notificándole que hay cambios de otros usuarios.</li>
                     </ul>
                 </li>
                 <li><b>Valor de Zoom Predeterminado</b> se usa para establecer el valor de zoom predeterminado seleccionándolo en la lista de las opciones disponibles que van desde 50% hasta 200%. También puede elegir la opción <b>Ajustar a la diapositiva</b> o <b>Ajustar a la anchura</b>.</li>
diff --git a/apps/presentationeditor/main/resources/help/es/HelpfulHints/CollaborativeEditing.htm b/apps/presentationeditor/main/resources/help/es/HelpfulHints/CollaborativeEditing.htm
index 111aee48bf..b9eb97b79d 100644
--- a/apps/presentationeditor/main/resources/help/es/HelpfulHints/CollaborativeEditing.htm
+++ b/apps/presentationeditor/main/resources/help/es/HelpfulHints/CollaborativeEditing.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Tips on collaborative editing" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -31,48 +32,48 @@
                 <p>El <b>editor de presentaciones</b> permite seleccionar uno de los dos modos de co-edición disponibles.</p>
                 <ul>
                     <li><b>Rápido</b> se usa de forma predeterminada y muestra los cambios hechos por otros usuarios en tiempo real.</li>
-                    <li><b>Estricto</b> se selecciona para ocultar los cambios de otros usuarios hasta que usted haga clic en el icono <b>Guardar</b> <img alt="Icono Guardar" src="../images/saveupdate.png" /> para guardar sus propios cambios y aceptar los cambios hechos por otros usuarios.</li>
+                    <li><b>Estricto</b> se selecciona para ocultar los cambios de otros usuarios hasta que usted haga clic en el icono <b>Guardar</b> <div class = "icon icon-saveupdate"></div> para guardar sus propios cambios y aceptar los cambios hechos por otros usuarios.</li>
                 </ul>
-                <p>El modo se puede seleccionar en los <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Ajustes Avanzados</a>. También es posible elegir el modo necesario utilizando el icono <img alt="Icono del modo de Co-edición" src="../images/coeditingmode.png" /> <b>Modo de Co-edición</b> en la pestaña <b>Colaboración</b> de la barra de herramientas superior:</p>
+                <p>El modo se puede seleccionar en los <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Ajustes Avanzados</a>. También es posible elegir el modo necesario utilizando el icono <div class = "icon icon-coeditingmode"></div> <b>Modo de Co-edición</b> en la pestaña <b>Colaboración</b> de la barra de herramientas superior:</p>
                 <p><img alt="Menú del modo de Co-edición" src="../images/coeditingmodemenu.png" /></p>
                 <p class="note"><b>Nota</b>: cuando co-edita una presentación en modo <b>Rápido</b> la posibilidad de <b>Rehacer</b> la última operación que se deshizo no está disponible.</p>
                 <p>Cuando una presentación se está editando por varios usuarios simultáneamente en el modo <b>Estricto</b>, los objetos editados (autoformas, objetos de texto, tablas, imágenes, gráficos) aparecen marcados con línea discontinua de diferentes colores. El objeto que está editando se rodea con una línea discontinua de color verde. Las líneas rojas discontinuas indican que los objetos se están editando por otros usuarios. Al poner el cursor del ratón sobre uno de los pasajes editados se muestra el nombre del usuario que está editandolo en este momento. El modo <b>Rápido</b> mostrará las acciones y los nombres de los coeditores cuando ellos están editando el texto.</p>
-                <p>El número de usuarios que están trabajando en la presentación actual se especifica en la parte derecha del encabezado de editor -<img alt="Icono Número de usuarios" src="../images/usersnumber.png" /> . Si quiere ver quién está editando el archivo en ese preciso momento, pulse este icono o abrir el panel <b>Chat</b> con la lista completa de los usuarios.</p>
-                <p>Cuando ningún usuario esté viendo o editando el archivo, el icono en el encabezado del editar se verá así <img alt="Gestionar derechos de acceso de documentos" src="../images/access_rights.png" /> permitiéndole gestionar qué usuarios tienen acceso al archivo desde el documento: invite a nuevos usuarios dándoles permiso para <em>editar</em>, <em>leer</em> o <em>comentar</em> la presentación, o <em>denegar</em> el acceso a algunos de los usuarios a los derechos de acceso al archivo. Haga clic en este icono para manejar acceso al archivo; este se puede realizar cuando no hay otros usuarios que están viendo o co-editando el documento en este momento y cuando hay otros usuarios y el icono parece como <img alt="Icono Número de usuarios" src="../images/usersnumber.png" />. También es posible establecer derechos de acceso utilizando el icono <img alt="Icono de comparitr" src="../images/sharingicon.png" /> <b>Compartir</b> en la pestaña <b>Colaboración</b> de la barra de herramientas superior:</p>
-                <p>Cuando uno de los usuarios guarda sus cambios al hacer clic en el icono <img alt="Icono Guardar" src="../images/savewhilecoediting.png" />, los otros verán una nota dentro de la barra de estado indicando que hay actualizaciones. Para guardar los cambios que usted ha realizado, y que así otros usuarios puedan verlos y obtener las actualizaciones guardadas por sus co-editores, haga clic en el icono <img alt="Icono Guardar" src="../images/saveupdate.png" /> en la esquina superior izquierda de la barra de herramientas superior. Las actualizaciones se resaltarán para que usted pueda verificar qué se ha cambiado de forma concreta.</p>
+                <p>El número de usuarios que están trabajando en la presentación actual se especifica en la parte derecha del encabezado de editor -<div class = "icon icon-usersnumber"></div> . Si quiere ver quién está editando el archivo en ese preciso momento, pulse este icono o abrir el panel <b>Chat</b> con la lista completa de los usuarios.</p>
+                <p>Cuando ningún usuario esté viendo o editando el archivo, el icono en el encabezado del editar se verá así <div class = "icon icon-access_rights"></div> permitiéndole gestionar qué usuarios tienen acceso al archivo desde el documento: invite a nuevos usuarios dándoles permiso para <em>editar</em>, <em>leer</em> o <em>comentar</em> la presentación, o <em>denegar</em> el acceso a algunos de los usuarios a los derechos de acceso al archivo. Haga clic en este icono para manejar acceso al archivo; este se puede realizar cuando no hay otros usuarios que están viendo o co-editando el documento en este momento y cuando hay otros usuarios y el icono parece como <div class = "icon icon-usersnumber"></div>. También es posible establecer derechos de acceso utilizando el icono <div class = "icon icon-sharingicon"></div> <b>Compartir</b> en la pestaña <b>Colaboración</b> de la barra de herramientas superior:</p>
+                <p>Cuando uno de los usuarios guarda sus cambios al hacer clic en el icono <div class = "icon icon-savewhilecoediting"></div>, los otros verán una nota dentro de la barra de estado indicando que hay actualizaciones. Para guardar los cambios que usted ha realizado, y que así otros usuarios puedan verlos y obtener las actualizaciones guardadas por sus co-editores, haga clic en el icono <div class = "icon icon-saveupdate"></div> en la esquina superior izquierda de la barra de herramientas superior. Las actualizaciones se resaltarán para que usted pueda verificar qué se ha cambiado de forma concreta.</p>
                 <h3>Chat</h3>
                 <p>Usted puede usar esta herramienta para coordinar el proceso de co-edición sobre la marcha, por ejemplo, para asignar los párrafos a cada compañero de trabajo y especificar, que párrafo va a editar ahora usted.</p>
                 <p>Los mensajes de Chat se almacenan solo durante una sesión. Para discutir el contenido del documento es mejor usar comentarios que se almacenen hasta que decida eliminarlos.</p>
                 <p>Para acceder al chat y dejar un mensaje para otros usuarios,</p>
                 <ol>
-                    <li>Haga clic en el <img alt="Icono Chat" src="../images/chaticon.png" /> ícono en la barra de herramientas de la izquierda, o <br /> cambie a la pestaña <b>Colaboración</b> de la barra de herramientas superior y haga clic en el botón de <img alt="Icono Chat" src="../images/chat_toptoolbar.png" /> <b>Chat</b>,</li>
+                    <li>Haga clic en el <div class = "icon icon-chaticon"></div> ícono en la barra de herramientas de la izquierda, o <br /> cambie a la pestaña <b>Colaboración</b> de la barra de herramientas superior y haga clic en el botón de <div class = "icon icon-chat_toptoolbar"></div> <b>Chat</b>,</li>
                     <li>introduzca su texto en el campo correspondiente debajo,</li>
                     <li>pulse el botón <b>Enviar</b>.</li>
                 </ol>
-                <p>Todos los mensajes dejados por otros usuarios se mostrarán en el panel a la izquierda. Si hay mensajes nuevos que no ha leído todavía, el icono de chat aparecerá así - <img alt="Icono Chat" src="../images/chaticon_new.png" />.</p>
-                <p>Para cerrar el panel con mensajes de chat, haga clic en el ícono <img alt="Icono Chat" src="../images/chaticon.png" /> en la barra de herramientas de la izquierda o el botón <img alt="Icono Chat" src="../images/chat_toptoolbar.png" /> <b>Chat</b> en la barra de herramientas superior una vez más.</p>
+                <p>Todos los mensajes dejados por otros usuarios se mostrarán en el panel a la izquierda. Si hay mensajes nuevos que no ha leído todavía, el icono de chat aparecerá así - <div class = "icon icon-chaticon_new"></div>.</p>
+                <p>Para cerrar el panel con mensajes de chat, haga clic en el ícono <div class = "icon icon-chaticon"></div> en la barra de herramientas de la izquierda o el botón <div class = "icon icon-chat_toptoolbar"></div> <b>Chat</b> en la barra de herramientas superior una vez más.</p>
             </div>
             <h3>Comentarios</h3>
             <p>Es posible trabajar con comentarios en el modo sin conexión, sin necesidad de conectarse a la <em>versión en línea</em>.</p>
                 <p>Para dejar un comentario a un objeto determinado (cuadro de texto, forma, etc.):</p>
                 <ol>
                     <li>seleccione un objeto que en su opinión tiene un error o problema,</li>
-                    <li>cambie a la pestaña <b>Insertar</b> o <b>Colaboración</b> de la barra de herramientas superior y haga clic en el botón <img alt="Icono de Comentario" src="../images/comment_toptoolbar.png" /> <b>Comentario</b>, o haga <br /> clic derecho en el objeto seleccioando y seleccione la opción <b>Añadir Comentario</b> del menú,<br /></li>
+                    <li>cambie a la pestaña <b>Insertar</b> o <b>Colaboración</b> de la barra de herramientas superior y haga clic en el botón <div class = "icon icon-comment_toptoolbar"></div> <b>Comentario</b>, o haga <br /> clic derecho en el objeto seleccioando y seleccione la opción <b>Añadir Comentario</b> del menú,<br /></li>
                     <li>introduzca el texto necesario,</li>
                     <li>Haga clic en el botón <b>Añadir comentario/Añadir</b>.</li>
                 </ol>
-                <p>El objeto que usted ha comentado será marcado con el icono <img alt="Icono objeto comentado" src="../images/added_comment_icon.png" />. Para ver el comentario, solo pulse este icono.</p>
-                <p>Para agregar un comentario a una determinada diapositiva, seleccione la diapositiva y utilice el botón <img alt="Icono de Comentario" src="../images/comment_toptoolbar.png" /> <b>Comentario</b> en la pestaña <b>Insertar</b> o <b>Colaborar</b> de la barra de herramientas superior. El comentario agregado se mostrará en la esquina superior izquierda de la diapositiva.</p>
-                <p>Para crear un comentario a nivel de presentación que no esté relacionado con un determinado objeto o diapositiva, haga clic en el icono <img alt="Icono Comentarios" src="../images/commentsicon.png" /> en la barra de herramientas izquierda para abrir el panel <b>Comentarios</b> y usar el enlace <b>Añadir Comentario al Documento</b>. Los comentarios a nivel de presentación se pueden ver en el panel <b>Comentarios</b>. Los comentarios relacionados con objetos y diapositivas también están disponibles aquí.</p>
+                <p>El objeto que usted ha comentado será marcado con el icono <div class = "icon icon-added_comment_icon"></div>. Para ver el comentario, solo pulse este icono.</p>
+                <p>Para agregar un comentario a una determinada diapositiva, seleccione la diapositiva y utilice el botón <div class = "icon icon-comment_toptoolbar"></div> <b>Comentario</b> en la pestaña <b>Insertar</b> o <b>Colaborar</b> de la barra de herramientas superior. El comentario agregado se mostrará en la esquina superior izquierda de la diapositiva.</p>
+                <p>Para crear un comentario a nivel de presentación que no esté relacionado con un determinado objeto o diapositiva, haga clic en el icono <div class = "icon icon-commentsicon"></div> en la barra de herramientas izquierda para abrir el panel <b>Comentarios</b> y usar el enlace <b>Añadir Comentario al Documento</b>. Los comentarios a nivel de presentación se pueden ver en el panel <b>Comentarios</b>. Los comentarios relacionados con objetos y diapositivas también están disponibles aquí.</p>
                 <p>Otro usuario puede contestar al comentario añadido haciendo preguntas o informando sobre el trabajo realizado. Para hacerlo, pulse el enlace <b>Añadir respuesta</b> que se sitúa debajo del comentario.</p>
                 <p>Puede gestionar sus comentarios añadidos de esta manera:</p>
                 <ul>
-                    <li>editar los comentarios pulsando en el icono <img alt="Icono Editar" src="../images/editcommenticon.png" />,</li>
-                    <li>eliminar los comentarios pulsando en el icono <img alt="Icono Borrar" src="../images/deletecommenticon.png" />,</li>
-                    <li>cierre la discusión haciendo clic en el icono <img alt="Icono resolver" src="../images/resolveicon.png" /> si la tarea o el problema que usted ha indicado en su comentario se ha solucionado, después de esto la discusión que usted ha abierto con su comentario obtendrá el estado de resuelta. Para abrir la discusión de nuevo, haga clic en el icono <img alt="Icono Abrir de nuevo" src="../images/resolvedicon.png" />.</li>
+                    <li>editar los comentarios pulsando en el icono <div class = "icon icon-editcommenticon"></div>,</li>
+                    <li>eliminar los comentarios pulsando en el icono <div class = "icon icon-deletecommenticon"></div>,</li>
+                    <li>cierre la discusión haciendo clic en el icono <div class = "icon icon-resolveicon"></div> si la tarea o el problema que usted ha indicado en su comentario se ha solucionado, después de esto la discusión que usted ha abierto con su comentario obtendrá el estado de resuelta. Para abrir la discusión de nuevo, haga clic en el icono <div class = "icon icon-resolvedicon"></div>.</li>
                 </ul>
-                <p>Nuevos comentarios añadidos por otros usuarios se harán visibles solo después de hacer clic en el icono <img alt="Icono Guardar" src="../images/saveupdate.png" /> en la esquina superior izquierda de la barra superior de herramientas.</p>
-                <p>Para cerrar el panel con comentarios, haga clic en el icono <img alt="Icono Comentarios" src="../images/commentsicon.png" /> situado en la barra de herramientas izquierda una vez más.</p>
+                <p>Nuevos comentarios añadidos por otros usuarios se harán visibles solo después de hacer clic en el icono <div class = "icon icon-saveupdate"></div> en la esquina superior izquierda de la barra superior de herramientas.</p>
+                <p>Para cerrar el panel con comentarios, haga clic en el icono <div class = "icon icon-commentsicon"></div> situado en la barra de herramientas izquierda una vez más.</p>
             </div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/HelpfulHints/KeyboardShortcuts.htm b/apps/presentationeditor/main/resources/help/es/HelpfulHints/KeyboardShortcuts.htm
index c35516fdb8..469148b090 100644
--- a/apps/presentationeditor/main/resources/help/es/HelpfulHints/KeyboardShortcuts.htm
+++ b/apps/presentationeditor/main/resources/help/es/HelpfulHints/KeyboardShortcuts.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="The keyboard shortcut list used for a faster and easier access to the features of Presentation Editor using the keyboard." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
         <script type="text/javascript" src="../search/js/jquery.min.js"></script>
diff --git a/apps/presentationeditor/main/resources/help/es/HelpfulHints/Navigation.htm b/apps/presentationeditor/main/resources/help/es/HelpfulHints/Navigation.htm
index d7f2e0b893..efc5985d16 100644
--- a/apps/presentationeditor/main/resources/help/es/HelpfulHints/Navigation.htm
+++ b/apps/presentationeditor/main/resources/help/es/HelpfulHints/Navigation.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="The description of view settings and navigation tools such as zoom, previous/next slide buttons" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -16,9 +17,9 @@
 		<h1>Configuración de la vista y herramientas de navegación</h1>
 			<p><b>El editor de presentaciones</b> ofrece varias herramientas para ayudarle a visualizar y navegar por su presentación: zoom, los botones de diapositiva anterior/siguiente, el indicador del numero de diapositiva.</p>
 			<h3>Ajuste la configuración de la vista</h3>
-			<p>Para ajustar la configuración predeterminada de la vista y establecer el modo más conveniente de trabajar en la presentación, cambie a la pestaña <b>Inicio</b> en la barra de herramientas superior, haga clic en el icono <img alt="Icono Mostrar ajustes" src="../images/viewsettingsicon.png" /> <b>Mostrar ajustes</b> en la esquina izquierda de la barra de herramientas superior y seleccione qué elementos de la interfaz quiere mostrar u ocultar. Usted puede seleccionar las opciones siguientes en la lista desplegable <b>Mostrar ajustes</b>:</p>
+			<p>Para ajustar la configuración predeterminada de la vista y establecer el modo más conveniente de trabajar en la presentación, cambie a la pestaña <b>Inicio</b> en la barra de herramientas superior, haga clic en el icono <div class = "icon icon-viewsettingsicon"></div> <b>Mostrar ajustes</b> en la esquina izquierda de la barra de herramientas superior y seleccione qué elementos de la interfaz quiere mostrar u ocultar. Usted puede seleccionar las opciones siguientes en la lista desplegable <b>Mostrar ajustes</b>:</p>
 			<ul>
-			<li><b>Ocultar barra de herramientas</b> - oculta la barra de herramientas superior que contiene comandos mientras que las pestañas permaneces visibles. Cuando esta opción está desactivada, puede hacer clic en cualquier pestaña para mostrar la barra de herramientas. La barra de herramientas se muestra hasta que hace clic en cualquier lugar fuera de este. Para desactivar este modo cambie a la pestaña de <b>Inicio</b>, luego haga clic en el icono <img alt="Icono Mostrar ajustes" src="../images/viewsettingsicon.png" /> <b>Mostrar ajustes</b> y haga clic en la opción <b>Ocultar barra de herramientas</b> de nuevo. La barra de herramientas superior se mostrará todo el tiempo.<p class="note"><b>Nota</b>: de forma alternativa, puede hacer doble clic en cualquier pestaña para ocultar la barra de herramientas superior o mostrarla de nuevo.</p>
+			<li><b>Ocultar barra de herramientas</b> - oculta la barra de herramientas superior que contiene comandos mientras que las pestañas permaneces visibles. Cuando esta opción está desactivada, puede hacer clic en cualquier pestaña para mostrar la barra de herramientas. La barra de herramientas se muestra hasta que hace clic en cualquier lugar fuera de este. Para desactivar este modo cambie a la pestaña de <b>Inicio</b>, luego haga clic en el icono <div class = "icon icon-viewsettingsicon"></div> <b>Mostrar ajustes</b> y haga clic en la opción <b>Ocultar barra de herramientas</b> de nuevo. La barra de herramientas superior se mostrará todo el tiempo.<p class="note"><b>Nota</b>: de forma alternativa, puede hacer doble clic en cualquier pestaña para ocultar la barra de herramientas superior o mostrarla de nuevo.</p>
             </li>
 			<li><b>Ocultar barra de estado</b> - oculta la barra más baja donde se sitúan los botones <b>Indicador de número de diapositiva</b> y <b>Zoom</b>. Para mostrar la <b>Barra de estado</b> ocultada pulse esta opción de nuevo.</li>
             <li><b>Ocultar reglas</b> - oculta las reglas usadas para establecer tabuladores y sangrías de párrafo en bloques de texto. Para mostrar las <b>Reglas</b> ocultadas, pulse esta opción de nuevo.</li>
@@ -26,9 +27,9 @@
 			<p>La barra derecha lateral se minimiza de manera predeterminada. Para expandirla, seleccione cualquier objeto/diapositiva y pulse el icono de la pestaña actualmente activada a la derecha. Para minimizar la barra lateral derecha, pulse el icono de nuevo. Se puede ajustar el ancho de la barra izquierda lateral usando la acción de arrastrar y soltar: mueva el cursor del ratón sobre el borde de la barra izquierda lateral para que se convierta en una flecha bi-direccional y arrastre el borde a la izquierda para reducir el ancho de la barra lateral o a la derecha para expandirlo.</p>
 			<h3>Utilice las herramientas de navegación</h3>
 			<p>Para navegar por su presentación, utilice las herramientas siguientes:</p>
-			<p>Los botones <b>Zoom</b> se sitúan en la esquina derecha inferior y se usan para acercar o alejar la presentación actual. Para cambiar el valor de zoom seleccionado que se muestra en porcentajes, haz clic en este y seleccione una de las opciones de zoom disponibles de la lista o use los botones <b>Acercar</b>  <img alt="Botón acercar" src="../images/zoomin.png" /> o <b>Alejar</b> . Pulse el icono <img alt="Botón ajustar al ancho" src="../images/fitwidth.png" /> <b>Ajustar al ancho</b> para ajustar el ancho de la diapositiva a la parte visible del área de trabajo. Para ajustar toda la diapositiva a la parte visible del área de trabajo, pulse el icono <img alt="Botón ajustar diapositiva" src="../images/fitslide.png" /> <b>Ajustar diapositiva</b> . Los ajustes de zoom también están disponibles en la lista desplegable <img alt="Icono Mostrar ajustes" src="../images/viewsettingsicon.png" /> <b>Mostrar ajustes</b> que puede ser útil si usted decide ocultar la <b>Barra de estado</b>.</p>
+			<p>Los botones <b>Zoom</b> se sitúan en la esquina derecha inferior y se usan para acercar o alejar la presentación actual. Para cambiar el valor de zoom seleccionado que se muestra en porcentajes, haz clic en este y seleccione una de las opciones de zoom disponibles de la lista o use los botones <b>Acercar</b>  <div class = "icon icon-zoomin"></div> o <b>Alejar</b> . Pulse el icono <div class = "icon icon-fitwidth"></div> <b>Ajustar al ancho</b> para ajustar el ancho de la diapositiva a la parte visible del área de trabajo. Para ajustar toda la diapositiva a la parte visible del área de trabajo, pulse el icono <div class = "icon icon-fitslide"></div> <b>Ajustar diapositiva</b> . Los ajustes de zoom también están disponibles en la lista desplegable <div class = "icon icon-viewsettingsicon"></div> <b>Mostrar ajustes</b> que puede ser útil si usted decide ocultar la <b>Barra de estado</b>.</p>
 			<p class="note"><b>Nota</b>: usted puede establecer el valor predeterminado de zoom. Cambie a la pestaña <b>Archivo</b> en la barra de herramientas superior, pase a la sección <b>Ajustes avanzados...</b>, elija el <b>Valor de zoom predeterminado</b> de la lista y haga clic en el botón <b>Aplicar</b>.</p>
-			<p>Para ir a la diapositiva anterior o la diapositiva siguiente cuando edita una presentación, puede usar los botones de <img alt="Botón Diapositiva anterior" src="../images/previouspage.png" /> y <img alt="Botón Diapositiva siguiente" src="../images/nextpage.png" /> en la parte superior e inferior de la barra de desplazamiento vertical situada a la derecha de la presentación.</p>
+			<p>Para ir a la diapositiva anterior o la diapositiva siguiente cuando edita una presentación, puede usar los botones de <div class = "icon icon-previouspage"></div> y <div class = "icon icon-nextpage"></div> en la parte superior e inferior de la barra de desplazamiento vertical situada a la derecha de la presentación.</p>
 			<p>El <b>Indicador del número de diapositiva</b> muestra la diapositiva actual como parte de todas las diapositivas en la presentación actual (diapositiva 'n' de 'nn'). Haga clic en esta leyenda para abrir la ventana donde usted puede introducir el número de diapositiva y rápidamente ir a esta. Si usted decide ocultar la <b>Barra de estado</b>, esta herramienta será inaccesible.</p>
 			
 			
diff --git a/apps/presentationeditor/main/resources/help/es/HelpfulHints/Search.htm b/apps/presentationeditor/main/resources/help/es/HelpfulHints/Search.htm
index 43c2afefa1..46c4da6c40 100644
--- a/apps/presentationeditor/main/resources/help/es/HelpfulHints/Search.htm
+++ b/apps/presentationeditor/main/resources/help/es/HelpfulHints/Search.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="The description of the search and replace function in Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -14,13 +15,13 @@
             <input id="search" class="searchBar" placeholder="Buscar" type="text" onkeypress="doSearch(event)">
         </div>
 		<h1>Función "Encontrar y Reemplazar"</h1>
-			<p><b>Para buscar</b> los caracteres, palabras o frases usadas en la presentación que se está editando actualmente, haga clic en el icono <img alt="Icono Buscar" src="../images/searchicon.png" /> situado en la barra lateral izquierda o use la combinación de teclas <em>Ctrl+F</em>.</p>
+			<p><b>Para buscar</b> los caracteres, palabras o frases usadas en la presentación que se está editando actualmente, haga clic en el icono <div class = "icon icon-searchicon"></div> situado en la barra lateral izquierda o use la combinación de teclas <em>Ctrl+F</em>.</p>
 			<p>Se abrirá la ventana <b>Encontrar y reemplazar</b>:</p><img alt="Ventana de búsqueda y sustitución" src="../images/search_window.png" /><ol>
 			<li>Introduzca su consulta en el campo correspondiente.</li>
-                <li>Especifique los parámetros de búsqueda al hacer clic en el icono <img alt="Icono Buscar opciones" src="../images/search_options.png" /> y marcar las opciones necesarias:<ul>
+                <li>Especifique los parámetros de búsqueda al hacer clic en el icono <div class = "icon icon-search_options"></div> y marcar las opciones necesarias:<ul>
                         <li><b>Sensible a mayúsculas y minúsculas</b> - se usa para encontrar solamente las ocurrencias escritas en el mismo tipo de letra (minúsculas o mayúsculas) que su consulta (por ejemplo, si su consulta es 'Editor' y esta opción está seleccionada, palabras como 'editor' o 'EDITOR', etc., no se mostrarán. Para desactivar esta opción haga clic en él de nuevo.</li><!--<li><b>Highlight results</b> - is used to highlight all found occurrences at once. To disable this option and remove the highlight click the option once again.</li>--></ul>
                 </li>
-			<li>Pulse uno de los <b>botones de flecha</b> a la derecha. La búsqueda se realizará o hacia el principio de la presentación (si pulsa el botón <img alt="Botón de flecha izquierda" src="../images/searchupbutton.png" />) o hacia el final de la presentación (si pulsa el botón <img alt="Botón de flecha derecha" src="../images/searchdownbutton.png" />) de la posición actual de cursor. <!--<p class="note"><b>Note</b>: when the <b>Highlight results</b> option is enabled, use these buttons to navigate through the highlighted results.</p>--></li>
+			<li>Pulse uno de los <b>botones de flecha</b> a la derecha. La búsqueda se realizará o hacia el principio de la presentación (si pulsa el botón <div class = "icon icon-searchupbutton"></div>) o hacia el final de la presentación (si pulsa el botón <div class = "icon icon-searchdownbutton"></div>) de la posición actual de cursor. <!--<p class="note"><b>Note</b>: when the <b>Highlight results</b> option is enabled, use these buttons to navigate through the highlighted results.</p>--></li>
 			</ol>
 			<p>La primera diapositiva en la dirección seleccionada que contiene los caracteres introducidos se resaltará en la lista de diapositivas y se mostrará en el área de trabajo con los caracteres necesarios resaltados. Si no es la diapositiva que está buscando, haga clic en el botón de nuevo para encontrar la siguiente diapositiva que contiene los caracteres introducidos.</p>
             <p><b>Para reemplazar</b> una o más ocurrencias de los caracteres encontrados, haga clic en el enlace <b>Reemplazar</b> ue aparece debajo del campo de entrada de datos o utilice la combinación de teclas <em>Ctrl+H</em>. Se cambiará la ventana <b>Encontrar y reemplazar</b>:</p>
diff --git a/apps/presentationeditor/main/resources/help/es/HelpfulHints/SpellChecking.htm b/apps/presentationeditor/main/resources/help/es/HelpfulHints/SpellChecking.htm
index 8b662d4ee4..c367024730 100644
--- a/apps/presentationeditor/main/resources/help/es/HelpfulHints/SpellChecking.htm
+++ b/apps/presentationeditor/main/resources/help/es/HelpfulHints/SpellChecking.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Spell check the text in your language while editing a presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -15,12 +16,12 @@
         </div>
 		<h1>Corrección ortográfica</h1>
 			<p><b>El editor de documentos</b> le permite comprobar la ortografía de su texto en un idioma concreto y corregir errores mientras edita.</p>
-			<p>Lo primero, <b>establezca el idioma</b> para su presentación. Haga clic en el icono <img alt="Icono Establecer idioma de presentación" src="../images/document_language.png" /> en la parte derecha de la barra de estado. En la ventana que aparece, seleccione el idioma necesario y pulse <b>OK</b>. El idioma seleccionado se aplicará a toda la presentación.</p>
+			<p>Lo primero, <b>establezca el idioma</b> para su presentación. Haga clic en el icono <div class = "icon icon-document_language"></div> en la parte derecha de la barra de estado. En la ventana que aparece, seleccione el idioma necesario y pulse <b>OK</b>. El idioma seleccionado se aplicará a toda la presentación.</p>
 			<p><img alt="Ventana Establecer idioma de presentación" src="../images/document_language_window.png" /></p>
 			<p>Para <b>eligir un idioma diferente</b> para cualquier parte de texto en la presentación, seleccione el pasaje de texto necesario con el ratón y use el menú <img alt="Corrección ortográfica - selector de idioma de texto" src="../images/spellchecking_language.png" /> en la barra de estado.</p>
             <p>Para <b>activar</b> la opción de corrección ortográfica, puede:</p>
             <ul>
-                <li>hacer clic en el icono <img alt="Icono Corrección ortográfica desactivada" src="../images/spellcheckdeactivated.png" /> <b>Corrección ortográfica</b> en la barra de estado, o</li>
+                <li>hacer clic en el icono <div class = "icon icon-spellcheckdeactivated"></div> <b>Corrección ortográfica</b> en la barra de estado, o</li>
                 <li>abra la la pestaña <b>Archivo</b> en la barra de herramientas superior, seleccione la opción <b>Ajustes avanzados...</b>, valide la casilla de <b>Activar opción de corrección ortográfica</b> y haga clic en el botón <b>Aplicar</b>.</li>
             </ul>
             <p>Las palabras mal escritas se subrayarán con una línea roja.</p>
@@ -33,7 +34,7 @@
             <p><img alt="Corrección ortográfica" src="../images/spellchecking_presentation.png" /></p>
             <p>Para <b>desactivar</b> la opción de corrección ortográfica, puede:</p>
             <ul>
-                <li>hacer clic en el icono <img alt="Icono Corrección ortográfica activada" src="../images/spellcheckactivated.png" /> <b>Corrección ortográfica</b> en la barra de estado, o</li>
+                <li>hacer clic en el icono <div class = "icon icon-spellcheckactivated"></div> <b>Corrección ortográfica</b> en la barra de estado, o</li>
                 <li>abra la la pestaña <b>Archivo</b> en la barra de herramientas superior, seleccione la opción <b>Ajustes avanzados...</b>, desvalide la casilla de <b>Activar opción de corrección ortográfica</b> y haga clic en el botón <b>Aplicar</b>.</li>
             </ul>
 		</div>
diff --git a/apps/presentationeditor/main/resources/help/es/HelpfulHints/SupportedFormats.htm b/apps/presentationeditor/main/resources/help/es/HelpfulHints/SupportedFormats.htm
index 27f8da0edb..e14a223185 100644
--- a/apps/presentationeditor/main/resources/help/es/HelpfulHints/SupportedFormats.htm
+++ b/apps/presentationeditor/main/resources/help/es/HelpfulHints/SupportedFormats.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="The list of presentation formats supported by Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/es/HelpfulHints/UsingChat.htm b/apps/presentationeditor/main/resources/help/es/HelpfulHints/UsingChat.htm
index 3ce30c3bf0..536a04ba35 100644
--- a/apps/presentationeditor/main/resources/help/es/HelpfulHints/UsingChat.htm
+++ b/apps/presentationeditor/main/resources/help/es/HelpfulHints/UsingChat.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Consejos sobre uso de Chat" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
 	</head>
 	<body>
 		<div class="mainpart">
@@ -12,12 +13,12 @@
 			<p><b>ONLYOFFICE Presentation Editor</b> le ofrece a usted la posibilidad de hablar con otros usuarios para compartir ideas sobre cualquieras partes de presentación.</p>
 			<p>Para acceder al chat y dejar allí un mensaje para otros usuarios,</p>
 			<ol>
-				<li>pulse el icono <img alt="icono chat" src="../images/chaticon.png" /> en la izquierda barra lateral,</li>
+				<li>pulse el icono <div class = "icon icon-chaticon"></div> en la izquierda barra lateral,</li>
 				<li>introduzca su texto en el campo correspondiente debajo,</li>
 				<li>pulse el botón <b>Enviar</b>.</li>
 			</ol>
-			<p>Todos los mensajes enviados por usuarios se mostrarán en el panel al lado izquierdo. Si hay nuevos mensajes que usted no ha leído ya, el icono chat tendrá tal aspecto - <img alt="icono chat" src="../images/chaticon_new.png" />.</p>
-			<p>Para cerrar el panel con mensajes de chat, pulse el icono <img alt="icono chat" src="../images/chaticon.png" /> una vez más.</p>
+			<p>Todos los mensajes enviados por usuarios se mostrarán en el panel al lado izquierdo. Si hay nuevos mensajes que usted no ha leído ya, el icono chat tendrá tal aspecto - <div class = "icon icon-chaticon_new"></div>.</p>
+			<p>Para cerrar el panel con mensajes de chat, pulse el icono <div class = "icon icon-chaticon"></div> una vez más.</p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/ProgramInterface/CollaborationTab.htm b/apps/presentationeditor/main/resources/help/es/ProgramInterface/CollaborationTab.htm
index c822930db2..e01b7cd16f 100644
--- a/apps/presentationeditor/main/resources/help/es/ProgramInterface/CollaborationTab.htm
+++ b/apps/presentationeditor/main/resources/help/es/ProgramInterface/CollaborationTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Introducing the Presentation Editor user interface - Collaboration tab" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/es/ProgramInterface/FileTab.htm b/apps/presentationeditor/main/resources/help/es/ProgramInterface/FileTab.htm
index 2b3d70a459..520d6bf4ba 100644
--- a/apps/presentationeditor/main/resources/help/es/ProgramInterface/FileTab.htm
+++ b/apps/presentationeditor/main/resources/help/es/ProgramInterface/FileTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Introducing the Presentation Editor user interface - File tab" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/es/ProgramInterface/HomeTab.htm b/apps/presentationeditor/main/resources/help/es/ProgramInterface/HomeTab.htm
index 8812227ae7..572974caf4 100644
--- a/apps/presentationeditor/main/resources/help/es/ProgramInterface/HomeTab.htm
+++ b/apps/presentationeditor/main/resources/help/es/ProgramInterface/HomeTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Introducing the Presentation Editor user interface - Home tab" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/es/ProgramInterface/InsertTab.htm b/apps/presentationeditor/main/resources/help/es/ProgramInterface/InsertTab.htm
index 865de6ce75..4c379d99f9 100644
--- a/apps/presentationeditor/main/resources/help/es/ProgramInterface/InsertTab.htm
+++ b/apps/presentationeditor/main/resources/help/es/ProgramInterface/InsertTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Introducing the Presentation Editor user interface - Insert tab" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/es/ProgramInterface/PluginsTab.htm b/apps/presentationeditor/main/resources/help/es/ProgramInterface/PluginsTab.htm
index 2354c5845b..34816f118c 100644
--- a/apps/presentationeditor/main/resources/help/es/ProgramInterface/PluginsTab.htm
+++ b/apps/presentationeditor/main/resources/help/es/ProgramInterface/PluginsTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Introducing the Presentation Editor user interface - Plugins tab" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/es/ProgramInterface/ProgramInterface.htm b/apps/presentationeditor/main/resources/help/es/ProgramInterface/ProgramInterface.htm
index 0072d95e14..0b424a4246 100644
--- a/apps/presentationeditor/main/resources/help/es/ProgramInterface/ProgramInterface.htm
+++ b/apps/presentationeditor/main/resources/help/es/ProgramInterface/ProgramInterface.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Introducing the Presentation Editor user interface" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -26,21 +27,21 @@
             <p>El interfaz de edición consiste en los siguientes elementos principales:</p>
             <ol>
                 <li>El <b>encabezado del editor</b> muestra el logotipo, <span class="desktopDocumentFeatures">las pestañas de los documentos abiertos, </span>el nombre de la presentación y las pestañas del menú.<p>En la parte izquierda del <b>encabezado del editor</b> están los botones de <b>Guardar</b>, <b>Imprimir archivo</b>, <b>Deshacer</b> y <b>Rehacer</b>.</p>
-                    <p><img alt="Iconos en el encabezado del editor" src="../images/interface/leftpart.png" /></p>
+                    <p><div class = "big big-leftpart"></div></p>
                     <p>En la parte derecha del <b>encabezado del editor</b> se muestra el nombre del usuario y los siguientes iconos:</p>
                     <ul>
-                        <li><img alt="Abrir ubicación de archivo" src="../images/gotodocuments.png" /> <b>Abrir ubicación del archivo</b> - <span class="desktopDocumentFeatures">en la <em>versión de escritorio</em>, permite abrir la carpeta donde está guardado el archivo en la ventana del <b>explorador de archivos</b>.</span> <span class="onlineDocumentFeatures">En la <em>versión en línea</em>, permite abrir la carpeta del módulo <b>Documentos</b> donde está guardado el archivo en una nueva pestaña del navegador.</span></li>
-                        <li><img alt="Icono mostrar ajustes" src="../images/viewsettingsicon.png" /> - permite ajustar los <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">ajustes de visualización</a> y acceder a los <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">ajustes avanzados</a> del editor.</li>
-                        <li class="onlineDocumentFeatures"><img alt="Gestionar derechos de acceso de documentos" src="../images/access_rights.png" /> <b>Gestionar los derechos de acceso a los documentos</b> - (disponible solamente en la <em>versión en línea</em>) permite <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">establecer los derechos de acceso</a> a los documentos guardados en la nube.</li>
+                        <li><div class = "icon icon-gotodocuments"></div> <b>Abrir ubicación del archivo</b> - <span class="desktopDocumentFeatures">en la <em>versión de escritorio</em>, permite abrir la carpeta donde está guardado el archivo en la ventana del <b>explorador de archivos</b>.</span> <span class="onlineDocumentFeatures">En la <em>versión en línea</em>, permite abrir la carpeta del módulo <b>Documentos</b> donde está guardado el archivo en una nueva pestaña del navegador.</span></li>
+                        <li><div class = "icon icon-viewsettingsicon"></div> - permite ajustar los <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">ajustes de visualización</a> y acceder a los <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">ajustes avanzados</a> del editor.</li>
+                        <li class="onlineDocumentFeatures"><div class = "icon icon-access_rights"></div> <b>Gestionar los derechos de acceso a los documentos</b> - (disponible solamente en la <em>versión en línea</em>) permite <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">establecer los derechos de acceso</a> a los documentos guardados en la nube.</li>
                     </ul>
                 </li>
-                <li>La <b>Barra de herramientas superior</b> muestra un conjunto de comandos para editar dependiendo de la pestaña del menú que se ha seleccionado. Actualmente, las siguientes pestañas están disponibles: <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">Archivo</a>, <a href="../ProgramInterface/HomeTab.htm" onclick="onhyperlinkclick(this)">Inicio</a>, <a href="../ProgramInterface/InsertTab.htm" onclick="onhyperlinkclick(this)">Insertar</a>, <a href="../ProgramInterface/CollaborationTab.htm" onclick="onhyperlinkclick(this)"> Colaboración </a>, <span class="desktopDocumentFeatures">Protección</span>, <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Extensiones</a>.<p>Las opciones <img alt="Icono copiar" src="../images/copy.png" /> <b>Copiar</b> y <img alt="Icono pegar" src="../images/paste.png" /> <b>Pegar</b> están siempre disponibles en la parte izquierda de la <b>barra de herramientas superior</b>, independientemente de la pestaña seleccionada.</p>
+                <li>La <b>Barra de herramientas superior</b> muestra un conjunto de comandos para editar dependiendo de la pestaña del menú que se ha seleccionado. Actualmente, las siguientes pestañas están disponibles: <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">Archivo</a>, <a href="../ProgramInterface/HomeTab.htm" onclick="onhyperlinkclick(this)">Inicio</a>, <a href="../ProgramInterface/InsertTab.htm" onclick="onhyperlinkclick(this)">Insertar</a>, <a href="../ProgramInterface/CollaborationTab.htm" onclick="onhyperlinkclick(this)"> Colaboración </a>, <span class="desktopDocumentFeatures">Protección</span>, <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Extensiones</a>.<p>Las opciones <div class = "icon icon-copy"></div> <b>Copiar</b> y <div class = "icon icon-paste"></div> <b>Pegar</b> están siempre disponibles en la parte izquierda de la <b>barra de herramientas superior</b>, independientemente de la pestaña seleccionada.</p>
                 </li>
                 <li>La <b>Barra de estado</b> de debajo de la ventana del editor contiene el icono <a href="../UsageInstructions/PreviewPresentation.htm" onclick="onhyperlinkclick(this)">Empezar presentación de diapositivas</a>, y varias <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">herramientas de navegación</a>: indicador de número de diapositivas y botones de zoom. <b>La Barra de estado</b> también muestra varias notificaciones (como "Todos los cambios se han guardado" etc.) y permite <a href="../HelpfulHints/SpellChecking.htm" onclick="onhyperlinkclick(this)">ajustar un idioma para el texto y activar la corrección ortográfica</a>.</li>
                 <li>La <b>barra lateral izquierda</b> incluye los siguientes iconos:<ul>
-                        <li><img alt="Icono Buscar" src="../images/searchicon.png" /> - permite utilizar la herramienta <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">Buscar y reemplazar</a>,</li>
-                        <li><img alt="Icono Comentarios" src="../images/commentsicon.png" /> - permite abrir el panel de <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Comentarios</a>,</li>
-                        <li class="onlineDocumentFeatures"><img alt="Icono Chat" src="../images/chaticon.png" /> - (disponible solamente en la <em>versión en línea</em>) permite abrir el panel <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a>, así como los iconos que permite contactar con nuestro equipo de soporte y ver la información del programa.</li>
+                        <li><div class = "icon icon-searchicon"></div> - permite utilizar la herramienta <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">Buscar y reemplazar</a>,</li>
+                        <li><div class = "icon icon-commentsicon"></div> - permite abrir el panel de <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Comentarios</a>,</li>
+                        <li class="onlineDocumentFeatures"><div class = "icon icon-chaticon"></div> - (disponible solamente en la <em>versión en línea</em>) permite abrir el panel <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a>, así como los iconos que permite contactar con nuestro equipo de soporte y ver la información del programa.</li>
                     </ul>
                 </li>
                 <li>La <b>Barra lateral derecha</b> permite ajustar parámetros adicionales de objetos distintos. Cuando selecciona un objeto en particular en una diapositiva, el icono correspondiente se activa en la barra lateral derecha. Haga clic en este icono para expandir la barra lateral derecha.</li>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/AddHyperlinks.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/AddHyperlinks.htm
index 1745d95f3d..991b2339c8 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/AddHyperlinks.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/AddHyperlinks.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add hyperlinks to a word or text fragment leading to an external website or to another slide in the same presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<ol>
 				<li>coloque el cursor en la posición dentro del cuadro de texto donde quiere añadir un hiperenlace,</li>
                 <li>cambie a al pestaña <b>Insertar</b> en la barra de herramientas superior,</li>
-				<li>pulse el icono <img alt="Icono hiperenlace" src="../images/addhyperlink.png" /> <b>Hiperenlace</b>en la barra de herramientas superior,</li>
+				<li>pulse el icono <div class = "icon icon-addhyperlink"></div> <b>Hiperenlace</b>en la barra de herramientas superior,</li>
 				<li>Después de estos pasos, la ventana <b>Configuración de hiperenlace</b> se abrirá, y usted podrá especificar los parámetros del hiperenlace:<ul>
 				    <li>seleccione el tipo de enlace que quiere insertar:<ul>
 				    <li>Use la opción <b>Enlace externo</b> e introduzca una URL en el formato http://www.example.com en el campo debajo de <b>Enlace a</b> si usted necesita añadir un hiperenlace a un sitio web externo.<p><img alt="Ventana Ajustes de hiperenlace" src="../images/hyperlinkwindow.png" /></p>
@@ -34,7 +35,7 @@
 				<li>Pulse el botón <b>OK</b>.</li>
 			</ol>
 			<p>Para añadir un hiperenlace, usted también puede hacer clic con el botón derecho del ratón en la posición donde se insertará el hiperenlace y seleccionar la opción <b>Hiperenlace</b> en el menú contextual o usar la combinación de teclas <b>Ctrl+K</b>.</p>
-			<p class="note"><b>Nota</b>: también es posible seleccionar un símbolo, palabra o combinación de palabras con el ratón o <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">usando el teclado</a> y pulsar el icono <img alt="Icono hiperenlace" src="../images/addhyperlink.png" /> <b>hiperenlace</b>  en la pestaña <b>Insertar</b> en la barra de herramientas superior o hacer clic derecho sobre la selección y elegir la opción <b>Hiperenlace</b> del menú. Después, la ventana que se muestra arriba se abrirá con el campo de <b>Mostrar</b>, completado con el texto del fragmento seleccionado.</p>
+			<p class="note"><b>Nota</b>: también es posible seleccionar un símbolo, palabra o combinación de palabras con el ratón o <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">usando el teclado</a> y pulsar el icono <div class = "icon icon-addhyperlink"></div> <b>hiperenlace</b>  en la pestaña <b>Insertar</b> en la barra de herramientas superior o hacer clic derecho sobre la selección y elegir la opción <b>Hiperenlace</b> del menú. Después, la ventana que se muestra arriba se abrirá con el campo de <b>Mostrar</b>, completado con el texto del fragmento seleccionado.</p>
 			<p>Si mantiene el cursor encima del hiperenlace añadido, aparecerá la Información en pantalla con el texto que ha especificado. Usted puede seguir el enlace pulsando la tecla <b>CTRL</b> y haciendo clic sobre el enlace en su presentación.</p>
 			<p>Para editar o borrar el hiperenlace añadido, haga clic en este mismo con el botón derecho del ratón, seleccione la opción <b>Hiperenlace</b> en el menú contextual y la acción que quiere realizar - <b>Editar hiperenlace</b> o <b>Eliminar hiperenlace</b>.</p>
 		</div>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/AlignArrangeObjects.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/AlignArrangeObjects.htm
index f859ca83f1..a93b05061b 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/AlignArrangeObjects.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/AlignArrangeObjects.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Align and arrange text boxes, autoshapes, images and charts on a slide." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,18 +20,18 @@
         <h3>Alinear objetos</h3>
         <p>Para <b>alinear</b> <em>dos o más</em> objetos seleccionados,</p>
         <ol>
-            <li>Haga clic en el icono <img alt="Icono Alinear forma" src="../images/alignshape.png" /> <b>Alinear forma</b> en la pestaña <b> Inicio </b> de la barra de herramientas superior y seleccione una de las siguientes opciones:<ul>
+            <li>Haga clic en el icono <div class = "icon icon-alignshape"></div> <b>Alinear forma</b> en la pestaña <b> Inicio </b> de la barra de herramientas superior y seleccione una de las siguientes opciones:<ul>
                     <li><b>Alinear a la diapositiva </b> para alinear objetos en relación a los bordes de la diapositiva,</li>
                     <li><b>Alinear objetos seleccionados</b> (esta opción se selecciona de forma predeterminada) para alinear objetos entre sí,</li>                    
                 </ul>
             </li>
-            <li>Haga clic de nuevo en el icono <img alt="Icono Alinear forma" src="../images/alignshape.png" /> <b>Alinear forma</b> y seleccione el tipo de alineación necesario de la lista:<ul>
-                    <li><b>Alinear a la izquierda</b> <img alt="Icono alinear a la izquierda" src="../images/alignobjectleft.png" /> - para alinear los objetos horizontalmente por el borde izquierdo del objeto situado más a la izquierda/ borde izquierdo de la diapositiva,</li>
-                    <li><b>Alinear al centro</b> <img alt="Icono alinear al centro" src="../images/alignobjectcenter.png" /> - para alinear los objetos horizontalmente por sus centros/centro de la diapositiva,</li>
-                    <li><b>Alinear a la derecha</b> <img alt="Icono alinear a la derecha" src="../images/alignobjectright.png" /> - para alinear los objetos horizontalmente por el borde derecho del objeto situado más a la derecha/ borde derecho de la diapositiva,</li>
-                    <li><b>Alinear arriba</b> <img alt="Icono Alinear arriba" src="../images/alignobjecttop.png" /> - para alinear los objetos verticalmente por el borde superior del objeto/ borde superior de la diapositiva,</li>
-                    <li><b>Alinear al medio</b> <img alt="Icono Alinear al medio" src="../images/alignobjectmiddle.png" /> - para alinear los objetos verticalmente por sus partes centrales/mitad de la diapositiva,</li>
-                    <li><b>Alinear abajo</b> <img alt="Icono Alinear abajo" src="../images/alignobjectbottom.png" /> - para alinear los objetos verticalmente por el borde inferior del objeto situado más abajo/ borde inferior de la diapositiva.</li>
+            <li>Haga clic de nuevo en el icono <div class = "icon icon-alignshape"></div> <b>Alinear forma</b> y seleccione el tipo de alineación necesario de la lista:<ul>
+                    <li><b>Alinear a la izquierda</b> <div class = "icon icon-alignobjectleft"></div> - para alinear los objetos horizontalmente por el borde izquierdo del objeto situado más a la izquierda/ borde izquierdo de la diapositiva,</li>
+                    <li><b>Alinear al centro</b> <div class = "icon icon-alignobjectcenter"></div> - para alinear los objetos horizontalmente por sus centros/centro de la diapositiva,</li>
+                    <li><b>Alinear a la derecha</b> <div class = "icon icon-alignobjectright"></div> - para alinear los objetos horizontalmente por el borde derecho del objeto situado más a la derecha/ borde derecho de la diapositiva,</li>
+                    <li><b>Alinear arriba</b> <div class = "icon icon-alignobjecttop"></div> - para alinear los objetos verticalmente por el borde superior del objeto/ borde superior de la diapositiva,</li>
+                    <li><b>Alinear al medio</b> <div class = "icon icon-alignobjectmiddle"></div> - para alinear los objetos verticalmente por sus partes centrales/mitad de la diapositiva,</li>
+                    <li><b>Alinear abajo</b> <div class = "icon icon-alignobjectbottom"></div> - para alinear los objetos verticalmente por el borde inferior del objeto situado más abajo/ borde inferior de la diapositiva.</li>
                 </ul>
             </li>
         </ol>
@@ -39,14 +40,14 @@
         <h3>Distribuir objetos</h3>
         <p>Para <b>distribuir</b> <em>tres o más </em> objetos seleccionados de forma horizontal o vertical de tal forma que aparezca la misma distancia entre ellos,</p>
         <ol>
-            <li>Haga clic en el icono <img alt="Icono Alinear forma" src="../images/alignshape.png" /> <b>Alinear forma</b> en la pestaña <b> Inicio </b> de la barra de herramientas superior y seleccione una de las siguientes opciones:<ul>                    
+            <li>Haga clic en el icono <div class = "icon icon-alignshape"></div> <b>Alinear forma</b> en la pestaña <b> Inicio </b> de la barra de herramientas superior y seleccione una de las siguientes opciones:<ul>                    
                     <li><b>Alinear a diapositiva</b> para distribuir objetos entre los bordes de la diapositiva,</li>
                     <li><b>Alinear objetos seleccionados</b> (esta opción se selecciona de forma predeterminada) para distribuir objetos entre dos objetos seleccionados situados en la parte más alejada,</li>
                 </ul>
             </li>
-            <li>Haga clic de nuevo en el icono <img alt="Icono Alinear forma" src="../images/alignshape.png" /> <b>Alinear forma</b> y seleccione el tipo de distribución deseado de la lista:<ul>
-                    <li><b>Distribuir horizontalmente</b> <img alt="Icono distribuir horizontalmente" src="../images/distributehorizontally.png" /> - para distribuir objetos uniformemente entre los objetos seleccionados de la izquierda y de la derecha/bordes izquierdo y derecho de la diapositiva<!--to align the selected objects by their centers (from right to left edges) to the horizontal center of the page-->.</li>
-                    <li><b>Distribuir verticalmente</b> <img alt="Icono distribuir verticalmente" src="../images/distributevertically.png" /> - Distribuir verticalmente - para distribuir los objetos uniformemente entre los objetos más altos y más bajos seleccionados/bordes superior e inferior de la diapositiva<!--to align the selected objects by their centers (from top to bottom edges) to the vertical center of the page-->.</li>
+            <li>Haga clic de nuevo en el icono <div class = "icon icon-alignshape"></div> <b>Alinear forma</b> y seleccione el tipo de distribución deseado de la lista:<ul>
+                    <li><b>Distribuir horizontalmente</b> <div class = "icon icon-distributehorizontally"></div> - para distribuir objetos uniformemente entre los objetos seleccionados de la izquierda y de la derecha/bordes izquierdo y derecho de la diapositiva<!--to align the selected objects by their centers (from right to left edges) to the horizontal center of the page-->.</li>
+                    <li><b>Distribuir verticalmente</b> <div class = "icon icon-distributevertically"></div> - Distribuir verticalmente - para distribuir los objetos uniformemente entre los objetos más altos y más bajos seleccionados/bordes superior e inferior de la diapositiva<!--to align the selected objects by their centers (from top to bottom edges) to the vertical center of the page-->.</li>
                 </ul>
             </li>
         </ol>
@@ -54,20 +55,20 @@
         <p class="note"><b>Nota</b>: las opciones de distribución no están disponibles si selecciona menos de tres objetos.</p>
         
         <h3>Agrupar objetos</h3>
-        <p>Para <b>agrupar</b> dos o más objetos seleccionados o <b>desagruparlos</b>, haga clic en el icono <img alt="Icono organizar forma" src="../images/arrangeshape.png" /> <b>Organizar forma</b> en la pestaña <b>Inicio</b> de la barra de herramientas superior y seleccione la opción deseada de la lista:</p>
+        <p>Para <b>agrupar</b> dos o más objetos seleccionados o <b>desagruparlos</b>, haga clic en el icono <div class = "icon icon-arrangeshape"></div> <b>Organizar forma</b> en la pestaña <b>Inicio</b> de la barra de herramientas superior y seleccione la opción deseada de la lista:</p>
         <ul>
             <li><b>Agrupar</b>  - para unir varios objetos al grupo para que sea posible girarlos, desplazarlos, cambiar el tamaño y formato, alinearlos, arreglarlos, copiarlos y pegarlos como si fuera un solo objeto.</li>
-            <li><b>Desagrupar</b> <img alt="Icono Desagrupar" src="../images/ungroup.png" /> - para desagrupar el grupo de los objetos previamente seleccionados.</li>
+            <li><b>Desagrupar</b> <div class = "icon icon-ungroup"></div> - para desagrupar el grupo de los objetos previamente seleccionados.</li>
         </ul>
         <p>De forma alternativa, puede hacer clic derecho en los objetos seleccionados, elegir la opción de <b>Organizar</b> del menú contextual y luego usar la opción de <b>Agrupar</b> o <b>des-agrupar</b>.</p>
         <p class="note"><b>Nota</b>: la opción <b>Grupo</b> no está disponible si selecciona menos de dos objetos. La opción <b>Desagrupar</b> solo está disponible cuando se selecciona un grupo de objetos previamente unidos.</p>
         <h3>Organizar objetos</h3>
-        <p>Para <b>organizar</b> los objetos seleccionados (por ejemplo, cambiar su orden cuando varios objetos sobreponen uno al otro), haga clic en el icono <img alt="Icono organizar forma" src="../images/arrangeshape.png" /> <b>Organizar forma</b>  en la pestaña <b>Inicio</b> de la barra de herramientas superior y seleccione el tipo de disposición deseado de la lista.</p>
+        <p>Para <b>organizar</b> los objetos seleccionados (por ejemplo, cambiar su orden cuando varios objetos sobreponen uno al otro), haga clic en el icono <div class = "icon icon-arrangeshape"></div> <b>Organizar forma</b>  en la pestaña <b>Inicio</b> de la barra de herramientas superior y seleccione el tipo de disposición deseado de la lista.</p>
         <ul>
-            <li><b>Traer al frente</b> <img alt="Icono Traer al frente" src="../images/bringtofront.png" /> - para desplazar el objeto (o varios objetos) delante de los otros,</li>
-            <li><b>Traer adelante</b> <img alt="Icono Traer adelante" src="../images/bringforward.png" /> - para desplazar el objeto (o varios objetos) en un punto hacia delante de otros objetos.</li>
-            <li><b>Enviar al fondo</b>  <img alt="Icono Enviar al fondo" src="../images/sendtoback.png" />- para desplazar el objeto (o varios objetos) detrás de los otros,</li>
-            <li><b>Enviar atrás</b> <img alt="Icono Enviar atrás" src="../images/sendbackward.png" /> - para desplazar el objeto (o varios objetos) en un punto hacia atrás de otros objetos.</li>
+            <li><b>Traer al frente</b> <div class = "icon icon-bringtofront"></div> - para desplazar el objeto (o varios objetos) delante de los otros,</li>
+            <li><b>Traer adelante</b> <div class = "icon icon-bringforward"></div> - para desplazar el objeto (o varios objetos) en un punto hacia delante de otros objetos.</li>
+            <li><b>Enviar al fondo</b>  <div class = "icon icon-sendtoback"></div>- para desplazar el objeto (o varios objetos) detrás de los otros,</li>
+            <li><b>Enviar atrás</b> <div class = "icon icon-sendbackward"></div> - para desplazar el objeto (o varios objetos) en un punto hacia atrás de otros objetos.</li>
         </ul>        
         <p>Como alternativa, puede hacer clic con el botón derecho en los objetos seleccionados, seleccionar la opción <b> Organizar</b> en el menú contextual y utilizar una de las opciones de organización disponibles.</p>
         </div>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/ApplyTransitions.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/ApplyTransitions.htm
index 5fe16b8624..8e3fa73b5e 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/ApplyTransitions.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/ApplyTransitions.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add animation effects between slides" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<p><b>Para aplicar una transición a una diapositiva</b> o unas diapositivas seleccionadas:</p>
 			<p><img class="floatleft"alt="Pestaña de Ajustes de diapositiva" src="../images/slidesettingstab.png" /></p>
 			<ol style="margin-left: 280px;">
-				<li>Seleccione la diapositiva necesaria (o unas diapositivas en la lista) a la que usted quiere aplicar la transición. La pestaña <b>Ajustes de diapositiva</b> se activará en la barra derecha lateral. Para abrirla pulse el icono <b>Ajustes de diapositiva</b> <img alt="Icono Ajustes de diapositiva" src="../images/slide_settings_icon.png" /> a la derecha. De manera alternativa, usted puede hacer clic con el botón derecho en cualquier diapositiva de el área de edición y seleccionar la opción <b>Ajustes de Diapositiva</b> en el menú contextual.</li>
+				<li>Seleccione la diapositiva necesaria (o unas diapositivas en la lista) a la que usted quiere aplicar la transición. La pestaña <b>Ajustes de diapositiva</b> se activará en la barra derecha lateral. Para abrirla pulse el icono <b>Ajustes de diapositiva</b> <div class = "icon icon-slide_settings_icon"></div> a la derecha. De manera alternativa, usted puede hacer clic con el botón derecho en cualquier diapositiva de el área de edición y seleccionar la opción <b>Ajustes de Diapositiva</b> en el menú contextual.</li>
 				<li>En la lista desplegable <b>Efectos</b>, seleccione la transición que usted quiere utilizar.<p>Las siguientes transiciones están disponibles: Atenuación, Pulsación, Limpiar, Descubrir, Cubrir, Reloj, Zoom.</p>
 				</li>
 				<li>En la lista desplegable de debajo, seleccione una de las opciones de efectos disponibles. Estas opciones definen de forma precisa cómo aparece el efecto.  Por ejemplo, si la transición Zoom está seleccionada, las opciones de Acercar, Alejar y Girar están disponibles.</li>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/CopyClearFormatting.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/CopyClearFormatting.htm
index 98f6a19b2c..4da3e7e798 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/CopyClearFormatting.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/CopyClearFormatting.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Copy/clear formatting within your presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,20 +18,20 @@
 			<p>Para copiar un formato de un texto en particular,</p>
 			<ol>
 				<li>seleccione el pasaje de texto cuyo formato quiere copiar con el ratón o <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">usando el teclado</a>,</li>
-				<li>haga clic en el icono <img alt="Copiar estilo" src="../images/copystyle.png" /> <b>Copiar estilo</b> en la pestaña <b>Inicio</b> de la barra de herramientas superior, (el cursor del ratón estará así <img alt="Cursor del ratón al pegar el estilo" src="../images/paste_style.png" />),</li>
+				<li>haga clic en el icono <div class = "icon icon-copystyle"></div> <b>Copiar estilo</b> en la pestaña <b>Inicio</b> de la barra de herramientas superior, (el cursor del ratón estará así <div class = "icon icon-paste_style"></div>),</li>
 				<li>seleccione el pasaje de texto donde desee aplicar el mismo formato.</li>
 			</ol>
             <p>Para aplicar el formato copiado a varios pasajes de texto,</p>
             <ol>
                 <li>seleccione el pasaje de texto cuyo formato desea copiar con el ratón o <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">usando el teclado</a>,</li>
-                <li>haga doble clic en el icono <img alt="Copiar estilo" src="../images/copystyle.png" /> <b>Copiar estilo</b> en la pestaña <b>Inicio</b> de la barra de herramientas superior, (el cursor del ratón estará así <img alt="Cursor del ratón al pegar el estilo" src="../images/paste_style.png" />, y el icono <b>Copiar estilo</b> permanecerá seleccionado: <img alt="Estilo de copiar de forma múltiple" src="../images/copystyle_selected.png" />),</li>
+                <li>haga doble clic en el icono <div class = "icon icon-copystyle"></div> <b>Copiar estilo</b> en la pestaña <b>Inicio</b> de la barra de herramientas superior, (el cursor del ratón estará así <div class = "icon icon-paste_style"></div>, y el icono <b>Copiar estilo</b> permanecerá seleccionado: <div class = "icon icon-copystyle_selected"></div>),</li>
                 <li>seleccione los pasajes de texto necesarios uno por uno para aplicar el mismo formato a cada uno de ellos,</li>
-                <li>Para salir de este modo, haga clic en el <img alt="Estilo de copiar de forma múltiple" src="../images/copystyle_selected.png" /> icono <b>Copiar Estilo</b> otra vez o presione la tecla <b>Esc</b> en el teclado.</li>
+                <li>Para salir de este modo, haga clic en el <div class = "icon icon-copystyle_selected"></div> icono <b>Copiar Estilo</b> otra vez o presione la tecla <b>Esc</b> en el teclado.</li>
             </ol>
 			<p>Para eliminar el formato que usted ha aplicado de forma rápida a un pasaje de texto,</p>
 			<ol>
 				<li>seleccione el pasaje de texto cuyo formato quiere eliminar,</li>
-				<li>haga clic en el icono <img alt="Eliminar estilo" src="../images/clearstyle.png" /> <b>Borrar estilo</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior.</li>
+				<li>haga clic en el icono <div class = "icon icon-clearstyle"></div> <b>Borrar estilo</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior.</li>
 			</ol>
 		</div>
 	</body>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/CopyPasteUndoRedo.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/CopyPasteUndoRedo.htm
index 82ab179a0d..4cb6a02ebe 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/CopyPasteUndoRedo.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/CopyPasteUndoRedo.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Perform the basic operations with the presentation: copy, paste, undo, redo" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,8 +19,8 @@
 			<p>Para cortar, copiar y pegar los objetos seleccionados (diapositivas, párrafos de texto, autoformas) en su presentación o deshacer y reahecer sus acciones, use las opciones correspondientes del menú contextual, o los atajos de teclado, o los iconos correspondientes en la barra de herramientas superior:</p>
             <ul>
                 <li><b>Cortar</b> – seleccione un objeto y use la opción <b>Cortar</b> del menú contextual para borrar lo que ha seleccionado y enviarlo al portapapeles de su ordenador. <span class="onlineDocumentFeatures">Los datos eliminados pueden insertarse mas tarde a otro lugar de la misma presentación.</span></li>
-                <li><b>Copiar</b> – seleccione un objeto y use la opción <b>Copiar</b> del menú contextual o el icono <img alt="Icono copiar" src="../images/copy.png" /> <b>Copiar</b> en la barra de herramientas superior para copiarlo al portapapeles de su ordenador. <span class="onlineDocumentFeatures">El objeto copiado se puede copiar más adelante en otra parte de la misma presentación.</span></li>
-                <li><b>Pegar</b> – encuentre un lugar en su presentación donde quiera pegar el objeto anteriormente copiado y use la opción <b>Pegar</b> del menú contextual o el icono <img alt="Icono pegar" src="../images/paste.png" /> <b>Pegar</b> en la barra de herramientas superior. El objeto se insertará en la posición actual  de la posición del cursor. <span class="onlineDocumentFeatures">El objeto se puede copiar previamente de la misma presentación.</span></li>
+                <li><b>Copiar</b> – seleccione un objeto y use la opción <b>Copiar</b> del menú contextual o el icono <div class = "icon icon-copy"></div> <b>Copiar</b> en la barra de herramientas superior para copiarlo al portapapeles de su ordenador. <span class="onlineDocumentFeatures">El objeto copiado se puede copiar más adelante en otra parte de la misma presentación.</span></li>
+                <li><b>Pegar</b> – encuentre un lugar en su presentación donde quiera pegar el objeto anteriormente copiado y use la opción <b>Pegar</b> del menú contextual o el icono <div class = "icon icon-paste"></div> <b>Pegar</b> en la barra de herramientas superior. El objeto se insertará en la posición actual  de la posición del cursor. <span class="onlineDocumentFeatures">El objeto se puede copiar previamente de la misma presentación.</span></li>
             </ul>    
             <p><span class="onlineDocumentFeatures">En la <em>versión en línea</em>, las siguientes combinaciones de teclas solo se usan para copiar o pegar datos desde/hacia otro presentación o algún otro programa,</span> <span class="desktopDocumentFeatures">en la <em>versión de escritorio</em>, tanto los botones/menú correspondientes como las opciones de menú y combinaciones de teclas se pueden usar para cualquier operación de copiar/pegar:</span></p>
                     <ul>
@@ -28,7 +29,7 @@
                         <li>La combinación de las teclas <b>Ctrl+X</b> para cortar.</li>
                     </ul>
             <h3>Use la característica de Pegar Especial</h3>
-            <p>Una vez que el texto copiado se ha pegado, el <img alt="Pegado Especial" src="../images/pastespecialbutton.png" /> botón de <b>Pegado Especial</b> aparece al lado del pasaje/objeto del texto insertado. Haga clic en el botón para seleccionar la opción de pegado necesaria.</p>
+            <p>Una vez que el texto copiado se ha pegado, el <div class = "icon icon-pastespecialbutton"></div> botón de <b>Pegado Especial</b> aparece al lado del pasaje/objeto del texto insertado. Haga clic en el botón para seleccionar la opción de pegado necesaria.</p>
             <p>Para pegar pasajes de texto las siguientes opciones están disponibles:</p>
             <ul>
                 <li><em>Usar tema de destino</em> - permite aplicar el formato especificado por el tema de la presentación actual. Esta opción se selecciona por defecto.</li>
@@ -45,8 +46,8 @@
             <h3>Usar las operaciones Deshacer/Rehacer</h3>
             <p>Para realizar las operaciones de deshacer/rehacer, use los iconos correspondientes en la parte izquierda de la cabecera del editor o los atajos de teclado:</p>
             <ul>
-                <li><b>Deshacer</b> – use el icono <img alt="Icono deshacer" src="../images/undo.png" /> <b>Deshacer</b> para deshacer la última operación que realizó.</li>
-                <li><b>Rehacer</b> – use el icono <img alt="Icono rehacer" src="../images/redo.png" /> <b>Rehacer</b>  para rehacer la última operación que realizó.<p>Usted también puede usar la combinación de las teclas <b>Ctrl+Z</b> para desahecer una acción o <b>Ctrl+Y</b> para rehacerla.</p>
+                <li><b>Deshacer</b> – use el icono <div class = "icon icon-undo"></div> <b>Deshacer</b> para deshacer la última operación que realizó.</li>
+                <li><b>Rehacer</b> – use el icono <div class = "icon icon-redo"></div> <b>Rehacer</b>  para rehacer la última operación que realizó.<p>Usted también puede usar la combinación de las teclas <b>Ctrl+Z</b> para desahecer una acción o <b>Ctrl+Y</b> para rehacerla.</p>
                 </li>
             </ul>
             <p class="note"><b>Nota</b>: cuando co-edita una presentación en modo <b>Rápido</b> la posibilidad de <b>Rehacer</b> la última operación que se deshizo no está disponible.</p>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/CreateLists.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/CreateLists.htm
index fcabf9cecf..d4db0668b9 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/CreateLists.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/CreateLists.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Create bulleted and numbered lists in the presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,8 +20,8 @@
 				<li>coloque el cursor dentro del cuadro de texto donde desea iniciar una lista (puede ser una línea nueva o el texto ya introducido),</li>
                 <li>cambie a la pestaña <b>Inicio</b> en la barra de herramientas superior,</li>
                 <li>seleccione el tipo de lista que usted quiere crear:<ul>
-						<li>La <b>Lista desordenada</b> con marcadores se puede crear usando el icono <img alt="Icono de lista desordenada" src="../images/bullets.png" /> <b>Puntos</b> situado en la barra de herramientas superior</li>
-						<li>La <b>Lista ordenada</b> con números o letras se puede crear usando el icono <img alt="Icono de lista ordenada" src="../images/numbering.png" /> <b>Numeración</b> que se sitúa en la barra de herramientas superior<p class="note"><b>Nota</b>: haga clic en la flecha hacia abajo junto a icono <b>Puntos</b> o <b>Numeración</b> para seleccionar el aspecto de la lista.</p>
+						<li>La <b>Lista desordenada</b> con marcadores se puede crear usando el icono <div class = "icon icon-bullets"></div> <b>Puntos</b> situado en la barra de herramientas superior</li>
+						<li>La <b>Lista ordenada</b> con números o letras se puede crear usando el icono <div class = "icon icon-numbering"></div> <b>Numeración</b> que se sitúa en la barra de herramientas superior<p class="note"><b>Nota</b>: haga clic en la flecha hacia abajo junto a icono <b>Puntos</b> o <b>Numeración</b> para seleccionar el aspecto de la lista.</p>
 						</li>
 					</ul>
 				</li>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/FillObjectsSelectColor.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/FillObjectsSelectColor.htm
index 775d359cfe..620ec6086e 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/FillObjectsSelectColor.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/FillObjectsSelectColor.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Fill the added objects with color, picture or texture, select colors for the slide background, autoshape fill and stroke, font." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,9 +18,9 @@
 			<p>Usted puede aplicar rellenos distintos al fondo de diapositivas, autoformas y Text Art.</p>
 			<ol>
 			<li>Seleccione un objeto<ul>
-                    <li>Para cambiar el relleno de fondo de una diapositiva, seleccione las diapositivas necesarias en la lista de diapositivas. La pestaña <img alt="Icono Ajustes de diapositiva" src="../images/slide_settings_icon.png" /> <b>Ajustes de diapositiva</b> se activará en la barra derecha lateral.</li>
-                    <li>Para cambiar el relleno de autoformas, haga clic izquierdo en el autoforma necesaria. La pestaña <img alt="Icono Ajustes de forma" src="../images/shape_settings_icon.png" /> <b>Ajustes de diapositiva</b> se activará en la barra derecha lateral.</li>
-                    <li>Para cambiar el relleno del Texto de Arte, haga clic izquierdo en el objeto de texto necesario. La pestaña <img alt="Icono de ajustes de Text Art" src="../images/textart_settings_icon.png" /> <b>Ajustes de Text Art</b> se activará en la barra derecha lateral.</li>
+                    <li>Para cambiar el relleno de fondo de una diapositiva, seleccione las diapositivas necesarias en la lista de diapositivas. La pestaña <div class = "icon icon-slide_settings_icon"></div> <b>Ajustes de diapositiva</b> se activará en la barra derecha lateral.</li>
+                    <li>Para cambiar el relleno de autoformas, haga clic izquierdo en el autoforma necesaria. La pestaña <div class = "icon icon-shape_settings_icon"></div> <b>Ajustes de diapositiva</b> se activará en la barra derecha lateral.</li>
+                    <li>Para cambiar el relleno del Texto de Arte, haga clic izquierdo en el objeto de texto necesario. La pestaña <div class = "icon icon-textart_settings_icon"></div> <b>Ajustes de Text Art</b> se activará en la barra derecha lateral.</li>
                 </ul>
 			</li>
 			<li>Elija el tipo de relleno deseado</li>
@@ -47,7 +48,7 @@
 				    <ul style="margin-left: 280px;">
 				    <li><b>Estilo</b> - elija una de las opciones disponibles: <b>Lineal</b> (los colores cambian en línea recta; por ejemplo, sobre un eje horizontal/vertical o por una línea diagonal que forma un ángulo de 45 grados) o <b>Radial</b> (los colores cambian por una trayectoria circular del centro a los bordes).</li>
 				    <li><b>Dirección</b> - elija una plantilla en el menú. Si selecciona la gradiente <b>Lineal</b>, las siguientes direcciones estarán disponibles: de la parte superior izquierda a la inferior derecha, de la parte superior a la inferior, de la parte superior derecha a la inferior izquierda, de la parte derecha a la izquierda,de la parte inferior derecha a la superior izquierda, de la parte inferior a la superior, de la parte inferior izquierda a la superior derecha, de la parte izquierda a la derecha. Si selecciona la gradiente <b>Radial</b>, solo una plantilla estará disponible.</li>
-				    <li><b>Gradiente</b> - haga clic en el control deslizante izquierdo <img alt="Control deslizante" src="../images/gradientslider.png" /> debajo de la barra de gradiente para activar la casilla de color que corresponde al primer color. Haga clic en la casilla de color a la derecha para elegir el primer color en la paleta. Arrastre el control deslizante para establecer el punto de degradado - el punto donde un color cambie a otro. Utilice el control deslizante derecho debajo de la barra de gradiente para especificar el segundo color y establecer el punto de degradado.</li>
+				    <li><b>Gradiente</b> - haga clic en el control deslizante izquierdo <div class = "icon icon-gradientslider"></div> debajo de la barra de gradiente para activar la casilla de color que corresponde al primer color. Haga clic en la casilla de color a la derecha para elegir el primer color en la paleta. Arrastre el control deslizante para establecer el punto de degradado - el punto donde un color cambie a otro. Utilice el control deslizante derecho debajo de la barra de gradiente para especificar el segundo color y establecer el punto de degradado.</li>
 				    </ul>			
 				</li>
 			</ul>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertAutoshapes.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertAutoshapes.htm
index 5bbe0af515..442af0ab35 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertAutoshapes.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertAutoshapes.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add an autoshape to your presentation and adjust its properties." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<p>Para <b>añadir</b> un autoforma a una diapositiva,</p>
 			<ol>
 				<li>en la lista de diapositivas a la izquierda, seleccione la diapositiva a la que usted quiere añadir una autoforma,</li>
-				<li>haga clic en el icono <img alt="Icono Forma" src="../images/insertautoshape.png" /> <b>Forma</b> en la pestaña de <b>Inicio</b> o <b>Insertar</b> en la barra de herramientas superior,</li>
+				<li>haga clic en el icono <div class = "icon icon-insertautoshape"></div> <b>Forma</b> en la pestaña de <b>Inicio</b> o <b>Insertar</b> en la barra de herramientas superior,</li>
 				<li>seleccione uno de los grupos de autoformas disponibles: Formas básicas, Formas de flecha, Matemáticas, Gráficos, Cintas y estrellas, Llamadas, Botones, Rectángulos, Líneas,</li>
 				<li>haga clic sobre la autoforma necesaria en el grupo seleccionado,</li>
 				<li>en el área de edición de diapositiva, coloque el cursor del ratón donde usted quiere insertar la autoforma,<p class="note"><b>Nota</b>: usted puede hacer clic en la autoforma y arrastrar esta para estirarla.</p>
@@ -28,7 +29,7 @@
 			</ol>
 			<hr />
             <h3>Ajuste la configuración de autoforma</h3>
-			<p>Se pueden cambiar algunos parámetros de la autoforma usando la pestaña <b>Ajustes de forma</b> en la barra lateral derecha. Para activarla, haga clic en la autoforma y elija el icono <img alt="Icono Ajustes de forma" src="../images/shape_settings_icon.png" /> <b>Ajustes de forma</b>  a la derecha. Aquí usted puede cambiar los siguientes ajustes:</p>
+			<p>Se pueden cambiar algunos parámetros de la autoforma usando la pestaña <b>Ajustes de forma</b> en la barra lateral derecha. Para activarla, haga clic en la autoforma y elija el icono <div class = "icon icon-shape_settings_icon"></div> <b>Ajustes de forma</b>  a la derecha. Aquí usted puede cambiar los siguientes ajustes:</p>
 			<p><img class="floatleft"alt="Pestaña Ajustes de forma" src="../images/shapesettingstab.png" /></p>
 			<ul  style="margin-left: 280px;">
 			<li><b>Relleno</b> - utilice esta sección para seleccionar el relleno de la autoforma. Puede seleccionar las siguientes opciones:<ul>
@@ -47,17 +48,17 @@
     			</ul>
 			</li>
                 <li>La <b>rotación</b> se utiliza para girar la forma 90 grados en el sentido de las agujas del reloj o en sentido contrario a las agujas del reloj, así como para girar la forma horizontal o verticalmente. Haga clic en uno de los botones:<ul>
-                        <li><img alt="Icono de rotación en sentido contrario a las agujas del reloj" src="../images/rotatecounterclockwise.png" /> para girar la forma 90 grados en sentido contrario a las agujas del reloj</li>
-                        <li><img alt="Icono de rotación en el sentido de las agujas del reloj" src="../images/rotateclockwise.png" /> para girar la forma 90 grados en el sentido de las agujas del reloj</li>
-                        <li><img alt="Icono de voltear horizontalmente" src="../images/fliplefttoright.png" /> para voltear la forma horizontalmente (de izquierda a derecha)</li>
-                        <li><img alt="Icono de voltear verticalmente" src="../images/flipupsidedown.png" /> para voltear la forma verticalmente (al revés)</li>
+                        <li><div class = "icon icon-rotatecounterclockwise"></div> para girar la forma 90 grados en sentido contrario a las agujas del reloj</li>
+                        <li><div class = "icon icon-rotateclockwise"></div> para girar la forma 90 grados en el sentido de las agujas del reloj</li>
+                        <li><div class = "icon icon-fliplefttoright"></div> para voltear la forma horizontalmente (de izquierda a derecha)</li>
+                        <li><div class = "icon icon-flipupsidedown"></div> para voltear la forma verticalmente (al revés)</li>
                     </ul>
                 </li>
 			</ul>
 			<hr />
 			<p>Para cambiar los <b>ajustes avanzados</b> de la autoforma, haga clic derecho en la forma y seleccione la opción <b>Ajustes avanzados de forma</b> en el menú contextual o haga clic izquierdo y haga clic en el enlace <b>Mostrar ajustes avanzados</b> en la barra derecha lateral. La ventana con propiedades formas se abrirá:</p>
             <p><img alt="Propiedades de forma - pestaña de Tamaño" src="../images/shape_properties1.png" /></p>
-			<p>La pestaña <b>Tamaño</b> permite cambiar el <b>Ancho</b> y/o <b>Altura</b> de la autoforma. Si se hace clic en el botón <img alt="Icono Proporciones constantes" src="../images/constantproportions.png" /> <b>Proporciones constantes</b>  (en este caso se verá así <img alt="Icono de proporciones constantes activado" src="../images/constantproportionsactivated.png" />), se cambiarán el ancho y altura preservando la relación original de aspecto de forma.</p>
+			<p>La pestaña <b>Tamaño</b> permite cambiar el <b>Ancho</b> y/o <b>Altura</b> de la autoforma. Si se hace clic en el botón <div class = "icon icon-constantproportions"></div> <b>Proporciones constantes</b>  (en este caso se verá así <div class = "icon icon-constantproportionsactivated"></div>), se cambiarán el ancho y altura preservando la relación original de aspecto de forma.</p>
             <p><img alt="Forma - Ajustes avanzados" src="../images/shape_properties5.png" /></p>
             <p>La pestaña <b>Rotación</b> contiene los siguientes parámetros:</p>
             <ul>
@@ -100,17 +101,17 @@
             <h3>Una las autoformas usando conectores</h3>
             <p>Puede conectar autoformas usando líneas con puntos de conexión para demostrar dependencias entre los objetos (por ejemplo si quiere crear un organigrama). Para hacerlo,</p>
             <ol>
-                <li>haga clic en el icono <img alt="Icono Forma" src="../images/insertautoshape.png" /> <b>Forma</b> en la pestaña de <b>Inicio</b> o <b>Insertar</b> en la barra de herramientas superior,</li>
+                <li>haga clic en el icono <div class = "icon icon-insertautoshape"></div> <b>Forma</b> en la pestaña de <b>Inicio</b> o <b>Insertar</b> en la barra de herramientas superior,</li>
                 <li>seleccione el grupo <b>Líneas</b> del menú.<p><img alt="Formas - Líneas" src="../images/connectors.png" /></p>
                 </li>
                 <li>haga clic en la forma correspondiente dentro del grupo seleccionado (con excepción de las últimas tres formas que no son conectores, es decir, <em>Curva</em>, <em>Garabato</em> y <em>Forma libre</em>),</li>
-                <li>ponga el cursor del ratón sobre la primera autoforma y haga clic en uno de los puntos de conexión <img alt="Icono punto de conexión" src="../images/connectionpoint.png" /> que aparece en el trazado de la forma,<p><img alt="Uso de conectores" src="../images/connectors_firstshape.png" /></p>
+                <li>ponga el cursor del ratón sobre la primera autoforma y haga clic en uno de los puntos de conexión <div class = "icon icon-connectionpoint"></div> que aparece en el trazado de la forma,<p><div class = "big big-connectors_firstshape"></div></p>
                 </li>
-                <li>arrastre el cursor del ratón hacia la segunda autoforma y haga clic en el punto de conexión necesario en su esbozo.<p><img alt="Uso de conectores" src="../images/connectors_secondshape.png" /></p>
+                <li>arrastre el cursor del ratón hacia la segunda autoforma y haga clic en el punto de conexión necesario en su esbozo.<p><div class = "big big-connectors_secondshape"></div></p>
                 </li>
             </ol>
             <p>Si mueve las autoformas unidas, el conector permanece adjunto a las formas y se mueve a la vez que estas.</p>
-            <p><img alt="Mover formas adjuntas" src="../images/connectors_moveshape.png" /></p>
+            <p><div class = "big big-connectors_moveshape"></div></p>
             <p>También puede separar el conector de las formas y luego juntarlo a otros puntos de conexión.</p>
 		</div>
 	</body>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertCharts.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertCharts.htm
index a4f99edbb1..ca6a2d2619 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertCharts.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertCharts.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add a chart to your presentation and adjust its properties" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,14 +20,14 @@
             <ol>
                 <li>coloque el cursor en el lugar donde quiere insertar un gráfico,</li>
                 <li>cambie a la pestaña <b>Insertar</b> en la barra de herramientas superior,</li>
-                <li>pulse el <img alt="Icono gráfico" src="../images/insertchart.png" /> icono <b>Gráfico</b> en la barra de herramientas superior,</li>
+                <li>pulse el <div class = "icon icon-insertchart"></div> icono <b>Gráfico</b> en la barra de herramientas superior,</li>
                 <li>Seleccione el tipo de gráfico que necesita de los disponibles - Columnas, Líneas, Circular, Barras, Área, Puntos XY (disperso), Cotizaciones.<p class="note"><b>Nota</b>: para los gráficos de <b>Columna</b>, <b>Línea</b>, <b>Pastel</b> o <b>Barras</b>, un formato en 3D también se encuentra disponible.</p>
                 </li>
                 <li>después aparecerá la ventana <b>Editor de gráfico</b> donde puede introducir los datos necesarios en las celdas usando los siguientes controles:<ul>
-                        <li><img alt="Copiar" src="../images/copy.png" /> y <img alt="Pegar" src="../images/paste.png" /> para copiar y pegar los datos copiados</li>
-                        <li><img alt="Deshacer" src="../images/undo1.png" /> y <img alt="Rehacer" src="../images/redo1.png" /> para deshacer o rehacer acciones</li>
-                        <li><img alt="Inserte una función" src="../images/insertfunction.png" /> para insertar una función</li>
-                        <li><img alt="Disminuir decimales" src="../images/decreasedec.png" /> y <img alt="Aumentar decimales" src="../images/increasedec.png" /> para disminuir o aumentar decimales</li>
+                        <li><div class = "icon icon-copy"></div> y <div class = "icon icon-paste"></div> para copiar y pegar los datos copiados</li>
+                        <li><div class = "icon icon-undo1"></div> y <div class = "icon icon-redo1"></div> para deshacer o rehacer acciones</li>
+                        <li><div class = "icon icon-insertfunction"></div> para insertar una función</li>
+                        <li><div class = "icon icon-decreasedec"></div> y <div class = "icon icon-increasedec"></div> para disminuir o aumentar decimales</li>
                         <li><img alt="Formato de número" src="../images/numberformat.png" /> para cambiar el formato del número, es decir, la manera en que los números introducidos se muestran en las celdas</li>
                     </ul>
                     <p><img alt="Ventana Editor de gráfico" src="../images/charteditor.png" /></p>
@@ -153,7 +154,7 @@
             <hr />
             <h3>Ajustes de gráfico</h3>
             <img alt="Pestaña Gráfico" src="../images/charttab.png" /><p>Se puede cambiar el tamaño, tipo y estilo del gráfico y también sus datos usando la barra derecha lateral. Para activarla, pulse el gráfico y elija el icono <b>Ajustes de gráfico</b> a la derecha.</p>
-			<p>La sección <b>Tamaño</b> le permite cambiar el ancho y/o altura del gráfico. Si el botón <img alt="Icono Proporciones constantes" src="../images/constantproportions.png" /> <b>Proporciones constantes</b> se mantiene apretado (en este caso estará así <img alt="Icono de proporciones constantes activado" src="../images/constantproportionsactivated.png" />), se cambiarán el ancho y altura preservando la relación original de aspecto de gráfico.</p>
+			<p>La sección <b>Tamaño</b> le permite cambiar el ancho y/o altura del gráfico. Si el botón <div class = "icon icon-constantproportions"></div> <b>Proporciones constantes</b> se mantiene apretado (en este caso estará así <div class = "icon icon-constantproportionsactivated"></div>), se cambiarán el ancho y altura preservando la relación original de aspecto de gráfico.</p>
 			<p>La sección <b>Cambiar tipo de gráfico</b> le permite cambiar el tipo de gráfico seleccionado y/o su estilo usando el menú desplegable correspondiente.</p>
 			<p>Para seleccionar los <b>Estilos</b> de gráfico necesarios, use el segundo menú despegable en la sección de <b>Cambiar Tipo de Gráfico</b>.</p>            
             <p>El botón <b>Editar datos</b> le permite abrir la ventana <b>Editor de gráfico</b> y empezar a editar los datos como se descrito arriba.</p>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertEquation.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertEquation.htm
index c99b64b412..81fe474a3e 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertEquation.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertEquation.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Insert equations and mathematical symbols." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,19 +20,19 @@
             <p>Para añadir una ecuación de la galería,</p>
 			<ol>
                 <li>cambie a la pestaña <b>Insertar</b> en la barra de herramientas superior,</li>
-				<li>pulse la flecha al lado del icono <img alt="Icono Ecuación" src="../images/insertequationicon.png" /> <b>Ecuación</b>  en la barra de herramientas superior,</li>
+				<li>pulse la flecha al lado del icono <div class = "icon icon-insertequationicon"></div> <b>Ecuación</b>  en la barra de herramientas superior,</li>
 				<li>seleccione una categoría de ecuación en la lista desplegable. Aquí están las categorías disponibles: <em>Símbolos</em>, <em>Fracciones</em>, <em>Scripts</em>, <em>Radicales</em>, <em>Integrales</em>, <em>Operadores grandes</em>, <em>Paréntesis</em>, <em>Funciones</em>, <em>Acentos</em>, <em>Límites y logaritmos</em>, <em>Operadores</em>, <em>Matrices</em>,</li>
                 <li>haga clic sobre un símbolo/ecuación en concreto en el conjunto correspondiente de plantillas.</li>
 			</ol>
-            <p>La casilla de símbolo/ecuación seleccionada se insertará en el centro de la diapositiva actual.</p><img alt="Ecuación insertada" src="../images/insertedequation.png" /><p>Si no ve el borde del cuadro de la ecuación, haga clic en cualquier lugar dentro de la ecuación - el borde se mostrará con una línea discontinua.  El cuadro de la ecuación se puede <b>mover, cambiar de tamaño o rotar</b> en la diapositiva de forma libre. Para realizar esto, haga clic en el borde del cuadro de la ecuación (se mostrará con una línea sólida) y use <a href="ManipulateObjects.htm" onclick="onhyperlinkclick(this)">las manivelas correspondientes</a>.</p><img alt="Ecuación Seleccionada" src="../images/selectedequation.png" /><p>Cada plantilla de ecuación representa un conjunto de espacios. El espacio es la posición para cada elemento que constituye la ecuación. Un espacio libre (también llamado marcador) tiene un borde punteado <img alt="Marcador de la Ecuación" src="../images/equationplaceholder.png" />. Necesita rellenar todos los marcadores especificando sus valores necesarios.</p>
+            <p>La casilla de símbolo/ecuación seleccionada se insertará en el centro de la diapositiva actual.</p><div class = "big big-insertedequation"></div><p>Si no ve el borde del cuadro de la ecuación, haga clic en cualquier lugar dentro de la ecuación - el borde se mostrará con una línea discontinua.  El cuadro de la ecuación se puede <b>mover, cambiar de tamaño o rotar</b> en la diapositiva de forma libre. Para realizar esto, haga clic en el borde del cuadro de la ecuación (se mostrará con una línea sólida) y use <a href="ManipulateObjects.htm" onclick="onhyperlinkclick(this)">las manivelas correspondientes</a>.</p><div class = "big big-selectedequation"></div><p>Cada plantilla de ecuación representa un conjunto de espacios. El espacio es la posición para cada elemento que constituye la ecuación. Un espacio libre (también llamado marcador) tiene un borde punteado <div class = "icon icon-equationplaceholder"></div>. Necesita rellenar todos los marcadores especificando sus valores necesarios.</p>
             <h3>Introduzca valores</h3>
-            <p>Los <b>puntos de inserción</b> especifican dónde aparecerá el carácter siguiente que añada. Para posicionar el punto de inserción de forma precisa, haga clic dentro del marcador y use las flechas del teclado para mover el punto de inserción un carácter a la izquierda/derecha.</p><img alt="Ecuación Editada" src="../images/newslot.png" /><p>Una vez que el punto de inserción está posicionado, puede rellenar el marcador:<ul>
+            <p>Los <b>puntos de inserción</b> especifican dónde aparecerá el carácter siguiente que añada. Para posicionar el punto de inserción de forma precisa, haga clic dentro del marcador y use las flechas del teclado para mover el punto de inserción un carácter a la izquierda/derecha.</p><div class = "big big-newslot"></div><p>Una vez que el punto de inserción está posicionado, puede rellenar el marcador:<ul>
                 <li>introduzca el valor numérico/literal deseado usando el teclado,</li>
-                <li>Introduzca un carácter especial usando la paleta <b>Símbolos</b> del menú <img alt="Icono Ecuación" src="../images/insertequationicon.png" /> <b>Ecuación</b> en la pestaña <b>Insertar</b> en la barra de herramientas superior,</li>
+                <li>Introduzca un carácter especial usando la paleta <b>Símbolos</b> del menú <div class = "icon icon-insertequationicon"></div> <b>Ecuación</b> en la pestaña <b>Insertar</b> en la barra de herramientas superior,</li>
                 <li>añada otra plantilla de ecuación de la paleta de para crear una ecuación compleja anidada. El tamaño de la ecuacin principal se ajustará de manera automática para ajustarse al contenido. El tamaño de los elementos de la ecuación anidada depende del tamaño del marcador de la ecuación principal, pero no puede ser más pequeño que el tamaño del sub-subíndice.</li>                
             </ul>
             </p>
-            <p><img alt="Ecuación Editada" src="../images/nestedfraction.png" /></p>
+            <p><div class = "big big-nestedfraction"></div></p>
             <p>Para añadir nuevos elementos de ecuación también puede usar las <b>opciones del menú contextual</b>:</p>
             <ul>
                 <li>Para añadir un argumento nuevo que va antes o después del que existe entre <em>Corchetes</em>, puede hacer clic derecho en el argumento existente y seleccionar la opción <b>Insertar argumento antes/después</b> del menú.</li>
@@ -44,7 +45,7 @@
             <h3>Formatear ecuaciones</h3>
             <p>De forma predeterminada, la ecuación dentro del cuadro de texto se centra de manera horizontal y se alinea de manera vertical a la parte superior del cuadro de texto. Para cambiar su alineación horizontal/vertical, ponga el cursor dentro del cuadro de la ecuación (los bordes del cuadro de texto se mostrarán con líneas discontinuas) y use los <a href="../UsageInstructions/InsertText.htm#formattext" onclick="onhyperlinkclick(this)">iconos correspondientes</a> en la pestaña de <b>Inicio</b> en la barra de herramientas superior.</p>
             <p>Para aumentar o disminuir el <b>tamaño de letra</b> de la ecuación, haga clic en cualquier parte dentro del cuadro de la ecuación y seleccione el tamaño de letra necesario de la lista en la pestaña de <b>Inicio</b> en la barra de herramientas superior. Todos los elementos de la ecuación cambiarán de forma respectiva.</p>
-            <p>Las letras dentro de la ecuación se ponen en cursiva de manera predeterminada. Si es necesario, puede cambiar el <b>estilo de letra</b> (<em>negrita, cursiva, tachada</em>) o <b>color</b> de una ecuación entera o de alguna de sus partes. El estilo <em>subrayado</em> se puede usar solo para toda la ecuación, no para caracteres individuales. Seleccione las partes necesarias de la ecuación haciendo clic y arrastrando. La parte seleccionada se resaltará en azul. Luego use los botones necesarios en la pestaña de <b>Inicio</b> en la barra de herramientas superior para formatear la selección. Por ejemplo, puede eliminar el formato cursiva para palabras ordinarias que no son variables o constantes.</p><img alt="Ecuación Editada" src="../images/formatastext.png" /><p>Para modificar algunos elementos de la ecuación, también puede usar las <b>opciones del menú contextual</b>:</p>
+            <p>Las letras dentro de la ecuación se ponen en cursiva de manera predeterminada. Si es necesario, puede cambiar el <b>estilo de letra</b> (<em>negrita, cursiva, tachada</em>) o <b>color</b> de una ecuación entera o de alguna de sus partes. El estilo <em>subrayado</em> se puede usar solo para toda la ecuación, no para caracteres individuales. Seleccione las partes necesarias de la ecuación haciendo clic y arrastrando. La parte seleccionada se resaltará en azul. Luego use los botones necesarios en la pestaña de <b>Inicio</b> en la barra de herramientas superior para formatear la selección. Por ejemplo, puede eliminar el formato cursiva para palabras ordinarias que no son variables o constantes.</p><div class = "big big-formatastext"></div><p>Para modificar algunos elementos de la ecuación, también puede usar las <b>opciones del menú contextual</b>:</p>
             <ul><li>Para cambiar el formato de <em>Fracciones</em>, puede hacer clic derecho en una fracción y seleccionar la opción <b>Cambiar a fracción desigual/linear/apilada</b> del menú (las opciones disponibles varían dependiendo del tipo de fracción seleccionada). <!--The <b>Remove/Add fraction bar</b> option is also available for stacked fractions.--></li>
                 <li>Para cambiar la posición de los <em>Scripts</em> relacionados con el texto, haga clic derecho en la ecuación que incluye scripts y seleccione la opción <b>Scripts antes/después del texto</b> del menú.</li>
                 <li>Para cambiar el tamaño del argumento de <em>Scripts, Radicales, Integrales, Operadores Grandes, Límites y Logaritmos, Operadores</em>, así como de llaves superiores/llaves inferiores y plantillas con caracteres agrupados del grupo <em>Acentos</em>, puede hacer clic derecho en el argumento que quiere cambiar y seleccionar la opción <b>Aumentar/Disminuir tamaño del argumento</b> del menú.</li>
@@ -67,7 +68,7 @@
             <h3>Elimine elementos de ecuación</h3>
             <p>Para eliminar un parte de la ecuación, seleccione la parte que quiere eliminar arrastrando el ratón o manteniendo la tecla <b>Shift</b> y usando los botones de flechas, luego presiona la tecla <b>Eliminar</b> en el teclado.</p>
             <p>Un hueco solo se puede eliminar junto con la plantilla a la que pertenece.</p>
-            <p>Para eliminar la ecuación por completo, haga clic en el borde del cuadro de la ecuación (se mostrará como una línea sólida) y presione la tecla <b>Eliminar</b> del teclado.</p><img alt="Eliminar Ecuación" src="../images/deleteequation.png" /><p>Para eliminar algunos elementos de la ecuación, también puede usar las <b>opciones del menú contextual</b>:</p>
+            <p>Para eliminar la ecuación por completo, haga clic en el borde del cuadro de la ecuación (se mostrará como una línea sólida) y presione la tecla <b>Eliminar</b> del teclado.</p><div class = "big big-deleteequation"></div><p>Para eliminar algunos elementos de la ecuación, también puede usar las <b>opciones del menú contextual</b>:</p>
             <ul>
                 <li>Para eliminar un <em>Radical</em>, puede hacer clic derecho en este y seleccionar la opción <b>Eliminar radical</b> del menú.</li>
                 <li>Para eliminar un <em>Sub-índice</em> y/o <em>Super-índice</em>, puede hacer clic derecho en la expresión que lo contiene y seleccionar la opción de <b>Eliminar su-índice/super-índice</b> del menú. Si la expresión contiene scripts que van antes que el texto, la opción de <b>Eliminar scripts</b> está disponible.</li>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertImages.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertImages.htm
index 95b704d1b9..23fb5029a1 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertImages.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertImages.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add an image to your presentation and adjust its size and position." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,7 +20,7 @@
 			<p>Para <b>añadir</b> una imagen a una diapositiva,</p>
 			<ol>
 				<li>en la lista de diapositivas a la izquierda, seleccione la diapositiva a la que usted quiere añadir una imagen,</li>
-				<li>haga clic en el icono <img alt="Icono Imagen" src="../images/image.png" /> <b>Imagen</b> en la pestaña de <b>Inicio</b> o <b>Insertar</b> en la barra de herramientas superior,</li>
+				<li>haga clic en el icono <div class = "icon icon-image"></div> <b>Imagen</b> en la pestaña de <b>Inicio</b> o <b>Insertar</b> en la barra de herramientas superior,</li>
 				<li>seleccione una de las opciones siguientes para cargar la imagen:<ul>
 						<li>la opción <b>Imagen desde archivo</b> abrirá la ventana de diálogo para la selección de archivo. Navegue el disco duro de su ordenador para encontrar un archivo correspondiente y haga clic en el botón <b>Abrir</b></li>
 						<li>la opción <b>Imagen desde URL</b> abrirá la ventana donde usted puede introducir la dirección web de la imagen correspondiente; después haga clic en el botón <b>OK</b></li>
@@ -30,9 +31,9 @@
 			</ol>
 			<hr />
             <h3>Ajustes de ajuste de imagen</h3>
-			<p>Al hacer clic izquierdo en una imagen y elegir el icono <img alt="Icono Ajustes de imagen" src="../images/image_settings_icon.png" /> <b>Ajustes de imagen</b>  a la derecha, la barra derecha lateral se activa. Esta incluye las siguientes secciones:</p><img alt="Pestaña de ajustes de imagen" src="../images/imagesettingstab.png" /><p><b>Tamaño</b> - se usa para ver el <b>Ancho</b> y <b>Altura</b> de la imagen actual o para restaurar el tamaño <b>predeterminado</b> si es necesario.</p>
+			<p>Al hacer clic izquierdo en una imagen y elegir el icono <div class = "icon icon-image_settings_icon"></div> <b>Ajustes de imagen</b>  a la derecha, la barra derecha lateral se activa. Esta incluye las siguientes secciones:</p><img alt="Pestaña de ajustes de imagen" src="../images/imagesettingstab.png" /><p><b>Tamaño</b> - se usa para ver el <b>Ancho</b> y <b>Altura</b> de la imagen actual o para restaurar el tamaño <b>predeterminado</b> si es necesario.</p>
 			
-            <p>El botón <b>Recortar</b> se utiliza para recortar la imagen. Haga clic en el botón <b>Recortar</b> para activar las manijas de recorte que aparecen en las esquinas de la imagen y en el centro de cada lado. Arrastre manualmente los controles para establecer el área de recorte. Puede mover el cursor del ratón sobre el borde del área de recorte para que se convierta en el icono <img alt="Flecha" src="../images/arrow.png" /> y arrastrar el área.</p>
+            <p>El botón <b>Recortar</b> se utiliza para recortar la imagen. Haga clic en el botón <b>Recortar</b> para activar las manijas de recorte que aparecen en las esquinas de la imagen y en el centro de cada lado. Arrastre manualmente los controles para establecer el área de recorte. Puede mover el cursor del ratón sobre el borde del área de recorte para que se convierta en el icono <div class = "icon icon-arrow"></div> y arrastrar el área.</p>
             <ul>
                 <li>Para recortar un solo lado, arrastre la manija situada en el centro de este lado.</li>
                 <li>Para recortar simultáneamente dos lados adyacentes, arrastre una de las manijas de las esquinas.</li>
@@ -48,19 +49,19 @@
             <p><b>Reemplazar imagen</b> - se usa para cargar otra imagen en vez de la actual seleccionando la fuente deseada. Usted puede seleccionar una de las siguientes opciones: <b>De archivo</b> o <b>De URL</b>. La opción <b>Reemplazar Imagen</b> también está disponible en el menú de clic derecho.</p>
             <p>La <b>rotación</b> se utiliza para girar la imagen 90 grados en el sentido de las agujas del reloj o en sentido contrario a las agujas del reloj, así como para girar la imagen horizontal o verticalmente. Haga clic en uno de los botones:</p>
             <ul>
-                <li><img alt="Icono de rotación en sentido contrario a las agujas del reloj" src="../images/rotatecounterclockwise.png" /> para girar la imagen 90 grados en sentido contrario a las agujas del reloj</li>
-                <li><img alt="Icono de rotación en el sentido de las agujas del reloj" src="../images/rotateclockwise.png" /> para girar la imagen 90 grados en el sentido de las agujas del reloj</li>
-                <li><img alt="Icono de voltear horizontalmente" src="../images/fliplefttoright.png" /> para voltear la imagen horizontalmente (de izquierda a derecha)</li>
-                <li><img alt="Icono de voltear verticalmente" src="../images/flipupsidedown.png" /> para voltear la imagen verticalmente (al revés)</li>
+                <li><div class = "icon icon-rotatecounterclockwise"></div> para girar la imagen 90 grados en sentido contrario a las agujas del reloj</li>
+                <li><div class = "icon icon-rotateclockwise"></div> para girar la imagen 90 grados en el sentido de las agujas del reloj</li>
+                <li><div class = "icon icon-fliplefttoright"></div> para voltear la imagen horizontalmente (de izquierda a derecha)</li>
+                <li><div class = "icon icon-flipupsidedown"></div> para voltear la imagen verticalmente (al revés)</li>
             </ul>
-            <p>Cuando se selecciona la imagen, el icono <b>Ajustes de forma</b> <img alt="Icono Ajustes de forma" src="../images/shape_settings_icon.png" /> también está disponible a la derecha. Puede hacer clic en este icono para abrir la pestaña<b>Ajustes de forma</b> en la barra de tareas derecha y ajustar la forma, tipo de <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>estilo</b></a>, tamaño y color así como cambiar el tipo de forma seleccionando otra forma del menú <b>Cambiar autoforma</b>. La forma de la imagen cambiará correspondientemente.</p>
+            <p>Cuando se selecciona la imagen, el icono <b>Ajustes de forma</b> <div class = "icon icon-shape_settings_icon"></div> también está disponible a la derecha. Puede hacer clic en este icono para abrir la pestaña<b>Ajustes de forma</b> en la barra de tareas derecha y ajustar la forma, tipo de <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>estilo</b></a>, tamaño y color así como cambiar el tipo de forma seleccionando otra forma del menú <b>Cambiar autoforma</b>. La forma de la imagen cambiará correspondientemente.</p>
             <p><img alt="Pestaña Ajustes de forma" src="../images/right_image_shape.png" /></p>
 			<hr />
 			<p>Para cambiar los <b>ajustes avanzados</b> de la imagen, haga clic con el botón derecho en la imagen y seleccione la opción <b>Ajustes avanzados de imagen</b> en el menú contextual o haga clic izquierdo sobre la imagen y pulse el enlace <b>Mostrar ajustes avanzados</b> en la barra lateral de la derecha. Se abrirá la ventana con propiedades de la imagen:</p>
             <p><img alt="Propiedades de imagen" src="../images/image_properties.png" /></p>
 			<p>La pestaña <b>Posición</b> le permite ajustar las siguientes propiedades de imagen:</p>
 			<ul>
-				<li><b>Tamaño</b> - use esta opción para cambiar el ancho/altura de la imagen. Si hace clic en el botón <b>proporciones constantes</b>  (en este caso estará así <img alt="Icono de proporciones constantes activado" src="../images/constantproportionsactivated.png" />), el ancho y la altura se cambiarán manteniendo la relación de aspecto original de la imagen. Para recuperar el tamaño predeterminado de la imagen añadida, pulse el botón <b>Tamaño Predeterminado</b>.</li>
+				<li><b>Tamaño</b> - use esta opción para cambiar el ancho/altura de la imagen. Si hace clic en el botón <b>proporciones constantes</b>  (en este caso estará así <div class = "icon icon-constantproportionsactivated"></div>), el ancho y la altura se cambiarán manteniendo la relación de aspecto original de la imagen. Para recuperar el tamaño predeterminado de la imagen añadida, pulse el botón <b>Tamaño Predeterminado</b>.</li>
 				<li><b>Posición</b> - use esta opción para cambiar la posición de imagen en la diapositiva (la posición se calcula respecto a las partes superior e izquierda de la diapositiva).</li>
 			</ul>
             <p><img alt="Propiedades de imagen: Rotación" src="../images/image_properties2.png" /></p>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertTables.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertTables.htm
index 0d2929978c..8151dc33ef 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertTables.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertTables.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add a table to your presentation and adjust its properties" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,7 +20,7 @@
 			<ol>
 				<li>seleccione la diapositiva donde usted quiere añadir una tabla,</li>
                 <li>cambie a la pestaña <b>Insertar</b> en la barra de herramientas superior,</li>
-				<li>Haga clic en el icono <img alt="Icono tabla" src="../images/inserttable.png" /> <b>Tabla</b> en la barra de herramientas superior,</li>
+				<li>Haga clic en el icono <div class = "icon icon-inserttable"></div> <b>Tabla</b> en la barra de herramientas superior,</li>
 				<li>seleccione la opción para crear una tabla:<ul>
 						<li><p>o una tabla con un número de celdas predefinido (máximo de 10 por 8 celdas)</p>
 						<p>Si usted quiere añadir una tabla de forma rápida, seleccione el número de filas (8 máximo) y columnas (10 máximo).</p></li>
@@ -29,12 +30,12 @@
 				</li>
 				<li>una vez que la tabla se ha añadido, usted puede cambiar sus parámetros y posición.</li>
 			</ol>
-            <p>Para cambiar el tamaño de una tabla, arrastre las manijas <img alt="Icono cuadrado" src="../images/resize_square.png" /> situadas en sus bordes hasta que la tabla alcance el tamaño necesario.</p>
-            <p><img alt="Cambie de tamaño a la tabla" src="../images/resizetable.png" /></p>
-            <p>También se puede modificar manualmente el ancho de una columna determinada o la altura de una línea. Mueva el cursor del ratón sobre el borde derecho de la columna para que el cursor se convierta en la flecha bidireccional. <img alt="El cursor del ratón cuando cambia el ancho de la columna" src="../images/changecolumnwidth.png" /> y arrastre el borde hacia la izquierda o hacia la derecha para establecer el ancho necesario. Para cambiar la anchura de una sola columna de forma manual, mueva el cursor del ratón sobre el borde inferior de la fila hasta que el cursor cambie a una flecha con doble sentido <img alt="El cursor del ratón cuando cambia el ancho de la columna" src="../images/changerowheight.png" /> y arrástrelo hacia arriba o hacia abajo.</p>
+            <p>Para cambiar el tamaño de una tabla, arrastre las manijas <div class = "icon icon-resize_square"></div> situadas en sus bordes hasta que la tabla alcance el tamaño necesario.</p>
+            <p><div class = "big big-resizetable"></div></p>
+            <p>También se puede modificar manualmente el ancho de una columna determinada o la altura de una línea. Mueva el cursor del ratón sobre el borde derecho de la columna para que el cursor se convierta en la flecha bidireccional. <div class = "icon icon-changecolumnwidth"></div> y arrastre el borde hacia la izquierda o hacia la derecha para establecer el ancho necesario. Para cambiar la anchura de una sola columna de forma manual, mueva el cursor del ratón sobre el borde inferior de la fila hasta que el cursor cambie a una flecha con doble sentido <div class = "icon icon-changerowheight"></div> y arrástrelo hacia arriba o hacia abajo.</p>
 			<p>Usted puede especificar <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">posición de tabla</a> arrastrándola verticalmente o horizontalmente.</p>
 			<hr />
-            <h3>Ajustes de tablas</h3><img class="floatleft"alt="Pestaña Ajustes de tablas" src="../images/tablesettingstab.png" /><p>Es posible cambiar la mayoría de las propiedades de la tabla y también su estructura usando la derecha barra lateral. Para activarla haga clic en la tabla y elija el icono <img alt="Icono Ajustes de tabla" src="../images/table_settings_icon.png" /> <b>Ajustes de tabla</b> a la derecha.</p>
+            <h3>Ajustes de tablas</h3><img class="floatleft"alt="Pestaña Ajustes de tablas" src="../images/tablesettingstab.png" /><p>Es posible cambiar la mayoría de las propiedades de la tabla y también su estructura usando la derecha barra lateral. Para activarla haga clic en la tabla y elija el icono <div class = "icon icon-table_settings_icon"></div> <b>Ajustes de tabla</b> a la derecha.</p>
 			<p>Las secciones <b>Filas</b> y <b>Columnas</b> en la parte superior le permiten seleccionar ciertas filas/columnas aplicando algún formato a ellas, o rellenar filas/columnas con los colores de fondo distintos para poder distinguirlas de forma clara. Las siguientes opciones están disponibles:</p>
 			<ul style="margin-left: 280px;">
 				<li><b>Encabezado</b> - resalta la fila superior de la tabla dándole un formato especial.</li>
@@ -45,14 +46,14 @@
 				<li><b>Con bandas</b> - activa el color de fondo diferente para las columnas pares y impares.</li>
 			</ul>
 			<p>La sección <b>Seleccionar de plantilla</b> le permite elegir uno de los estilos de tablas predefinidos. Cada plantilla combina ciertos parámetros de formato: color de fondo, estilo de bordes, bandas de fila/columna, etc. El conjunto de plantillas varía dependiendo de las opciones marcadas en la secciones <b>Filas</b> y/o <b>Columnas</b> de arriba, las plantillas serán mostradas de manera diferente. Por ejemplo, si marca la opción <b>Encabezado</b> en la sección <b>Filas</b> y la opción <b>Con bandas</b> en la sección <b>Columnas</b>, en la lista habrá solo plantillas que coinciden con su solicitud:</p>
-			<p><img alt="Lista de plantillas" src="../images/templateslist.png" /></p>
+			<p><div class = "big big-templateslist"></div></p>
 			<p>La sección <b>Estilo de bordes</b> le permite cambiar el formato aplicado que corresponde a la plantilla seleccionada. Usted puede seleccionar toda la tabla o varias celdas para cambiar el formato y establecer todos los parámetros manualmente.</p>
 			<ul>
-				<li>Parámetros de <b>Borde</b> - establezca el ancho del borde usando la lista <img alt="Lista de tamaño de borde" src="../images/bordersize.png" /> (o elija la opción <b>Sin bordes</b>), seleccione el <b>Color</b> en las paletas disponibles y determine la forma en la que quiere aplicar este ajuste para mostrarlos en celdas pulsando los iconos:<p><img alt="Iconos Tipo de Borde" src="../images/bordertype.png" /></p>
+				<li>Parámetros de <b>Borde</b> - establezca el ancho del borde usando la lista <div class = "big big-bordersize"></div> (o elija la opción <b>Sin bordes</b>), seleccione el <b>Color</b> en las paletas disponibles y determine la forma en la que quiere aplicar este ajuste para mostrarlos en celdas pulsando los iconos:<p><div class = "big big-bordertype"></div></p>
 				</li>
 				<li><b>Color de fondo</b> - seleccione el color de fondo dentro de las celdas seleccionadas.</li>
 			</ul>
-			<p>La sección <img alt="Filas y columnas" src="../images/rowsandcolumns.png" /> <b>Filas y columnas</b>  le permite realizar las operaciones siguientes:</p>
+			<p>La sección <div class = "icon icon-rowsandcolumns"></div> <b>Filas y columnas</b>  le permite realizar las operaciones siguientes:</p>
 			<ul>
 				<li><b>Seleccionar</b> una fila, columna, celda (depende de la posición del cursor), o toda la tabla.</li>
 				<li><b>Insertar</b> una nueva fila arriba o debajo de la fila seleccionada y también una nueva columna a la izquierda o a la derecha de la columna seleccionada.</li>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertText.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertText.htm
index 14b95e70c5..2ab38621e6 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertText.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertText.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Insert and Format your Text" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,9 +20,9 @@
 			    <ul>
 			        <li>Añada un pasaje de texto al marcador de texto correspondiente provisto en el diseño de diapositiva. Para hecerlo coloque el cursor en el marcador de texto y introduzca su texto o péguelo usando la combinación de las teclas <b>Ctrl+V</b> en lugar del texto predeterminado.</li>
 			        <li>Añada un pasaje de texto al cualquier lugar de una diapositiva. Puede insertar una casilla de texto (un marco rectangular que permita introducir texto) o un objeto de Arte de texto (una casilla de texto con un estilo de letra y color predeterminado que permite aplicar algunos efectos de texto). Dependiendo del tipo de objeto con texto necesario puede hacer lo siguiente:<ul>
-                                    <li>Para añadir un cuadro de texto, haga clic en el <img alt="Icono de Cuadro de Texto" src="../images/inserttexticon.png" /> icono de <b>Cuadro de Texto</b> en la pestaña <b>Inicio</b> o <b>Insertar</b> en la barra de herramientas superior, luego haga clic donde quiera para insertar el cuadro de texto, mantenga el botón del ratón y arrastre el borde del cuadro de texto para especificar su tamaño. Cuando suelte el botón del ratón, el punto de inserción aparecerá en el cuadro de texto añadido, permitiendo introducir su texto.<p class="note">Nota: también es posible insertar un cuadro de texto haciendo clic en el <img alt="Icono forma" src="../images/insertautoshape.png" /> icono de <b>Forma</b> en la barra de herramientas superior y seleccionando la forma <img alt="Insertar autoforma de texto" src="../images/text_autoshape.png" /> del grupo <b>Formas Básicas</b>.</p>
+                                    <li>Para añadir un cuadro de texto, haga clic en el <div class = "icon icon-inserttexticon"></div> icono de <b>Cuadro de Texto</b> en la pestaña <b>Inicio</b> o <b>Insertar</b> en la barra de herramientas superior, luego haga clic donde quiera para insertar el cuadro de texto, mantenga el botón del ratón y arrastre el borde del cuadro de texto para especificar su tamaño. Cuando suelte el botón del ratón, el punto de inserción aparecerá en el cuadro de texto añadido, permitiendo introducir su texto.<p class="note">Nota: también es posible insertar un cuadro de texto haciendo clic en el <div class = "icon icon-insertautoshape"></div> icono de <b>Forma</b> en la barra de herramientas superior y seleccionando la forma <div class = "icon icon-text_autoshape"></div> del grupo <b>Formas Básicas</b>.</p>
                                     </li>
-                                    <li>para añadir un objeto de Arte de Texto, haga clic en el <img alt="Icono de Arte de Texto" src="../images/inserttextarticon.png" /> icono <b>Arte Texto</b> en la pestaña <b>Insertar</b> en la barra de herramientas superior, luego haga clic en la plantilla del estilo deseada - el objeto de Arte de Texto se añadirá en la posición del cursor actual. Seleccione el texto por defecto dentro del cuadro de texto con el ratón y reemplázelo con su texto.</li>
+                                    <li>para añadir un objeto de Arte de Texto, haga clic en el <div class = "icon icon-inserttextarticon"></div> icono <b>Arte Texto</b> en la pestaña <b>Insertar</b> en la barra de herramientas superior, luego haga clic en la plantilla del estilo deseada - el objeto de Arte de Texto se añadirá en la posición del cursor actual. Seleccione el texto por defecto dentro del cuadro de texto con el ratón y reemplázelo con su texto.</li>
                                 </ul>
 			        </li>
                     <li>Añada un pasaje de texto dentro de una autoforma. Seleccione una forma y empiece a escribir su texto.</li>
@@ -35,7 +36,7 @@
             <p><img alt="Cuadro de Texto seleccionado" src="../images/textbox_boxselected.png" /></p>
 			<ul>
                 <li>para cambiar el <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">tamaño, mover, rotar</a> el cuadro de texto use las manillas especiales en los bordes de la forma.</li>
-                <li>para editar el <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">relleno</a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">trazo</a> del cuadro de texto, <b>reemplace</b> el cuadro rectangular con una forma distinta, o acceda a los <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">ajustes avanzados de forma</a>, haga clic en el <img alt="Icono Ajustes de forma" src="../images/shape_settings_icon.png" /> icono de <b>Ajustes de forma</b> a la derecha de la barra de herramientas y use las opciones correspondientes.</li>
+                <li>para editar el <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">relleno</a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">trazo</a> del cuadro de texto, <b>reemplace</b> el cuadro rectangular con una forma distinta, o acceda a los <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">ajustes avanzados de forma</a>, haga clic en el <div class = "icon icon-shape_settings_icon"></div> icono de <b>Ajustes de forma</b> a la derecha de la barra de herramientas y use las opciones correspondientes.</li>
                 <li>para <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">alinear un cuadro de texto en la diapositiva, rotarlo o girarlo</a>, ordene los cuadros de texto como si estuvieran relacionados con otros objetos, haga clic con el botón derecho del ratón en el borde del cuadro de texto y utilice las opciones del menú contextual.</li>
                 <li>para crear <b>columnas de texto</b> dentro del cuadro de texto, haga clic derecho en el borde del cuadro de texto, haga clic en la opción <b>Ajustes avanzados de Formas</b> y cambie a la pestaña <a href="../UsageInstructions/InsertAutoshapes.htm#columns" onclick="onhyperlinkclick(this)"><b>Columnas</b></a> en la ventana <b>Forma - Ajustes avanzados</b>.</li>
             </ul>
@@ -47,23 +48,23 @@
 			<p>Se puede alinear el texto horizontalmente de cuatro modos: a la izquierda, a la derecha, al centro o justificado. Para hacerlo:</p>
 			<ol>
 				<li>Sitúe el cursor en la posición en la que desea aplicar la alineación (puede ser una nueva línea o un texto ya introducido),</li>
-				<li>desplegar la lista <img alt="Icono alineación horizontal" src="../images/horizontalalign.png" /> <b>Formato de número</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior,</li>
+				<li>desplegar la lista <div class = "icon icon-horizontalalign"></div> <b>Formato de número</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior,</li>
 				<li>seleccione el tipo de alineación que usted desea aplicar:<ul>
-						<li>la opción <b>Alinear texto a la izquierda</b> <img alt="Icono alinear a la izquierda" src="../images/alignleft.png" /> le permite alinear su texto por la parte izquierda del bloque de texto (la parte derecha permanece sin alineación).</li>
-						<li>la opción <b>Centrar texto</b> <img alt="Icono alinear al centro" src="../images/aligncenter.png" /> le permite alinear su texto por el centro del bloque de texto (las partes derecha e izquierda permanecen sin alineación).</li>
-						<li>la opción <b>Alinear texto a la derecha</b> <img alt="Icono alinear a la derecha" src="../images/alignright.png" /> le permite alinear su texto por la parte derecha del bloque de texto (la parte izquierda permanece sin alineación).</li>
-						<li>la opción <b>Justificar</b> <img alt="Icono justificar" src="../images/justify.png" /> le permite alinear su texto por las dos partes derecha e izquierda del bloque de texto (el espacio adicional se añade donde es necesario para mantener la alineación).</li>
+						<li>la opción <b>Alinear texto a la izquierda</b> <div class = "icon icon-alignleft"></div> le permite alinear su texto por la parte izquierda del bloque de texto (la parte derecha permanece sin alineación).</li>
+						<li>la opción <b>Centrar texto</b> <div class = "icon icon-aligncenter"></div> le permite alinear su texto por el centro del bloque de texto (las partes derecha e izquierda permanecen sin alineación).</li>
+						<li>la opción <b>Alinear texto a la derecha</b> <div class = "icon icon-alignright"></div> le permite alinear su texto por la parte derecha del bloque de texto (la parte izquierda permanece sin alineación).</li>
+						<li>la opción <b>Justificar</b> <div class = "icon icon-justify"></div> le permite alinear su texto por las dos partes derecha e izquierda del bloque de texto (el espacio adicional se añade donde es necesario para mantener la alineación).</li>
 					</ul>
 				</li>
 			</ol>
 			<p>Se puede alinear el texto verticalmente de tres modos: en la parte superior, al medio o en la parte inferior. Para hacerlo:</p>
 			<ol>
 				<li>coloque el cursor en la posición en la que desea aplicar la alineación (puede ser una nueva línea o un texto ya introducido),</li>
-				<li>desplegar la lista <img alt="Icono alineación vertical" src="../images/verticalalign.png" /> <b>Alineación vertical</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior,</li>
+				<li>desplegar la lista <div class = "icon icon-verticalalign"></div> <b>Alineación vertical</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior,</li>
 				<li>seleccione el tipo de alineación que usted desea aplicar:<ul>
-						<li>la opción <b>Alinear texto en la parte superior</b> <img alt="Icono Alinear arriba" src="../images/aligntop.png" /> le permite alinear su texto por la parte superior del bloque de texto.</li>
-						<li>la opción <b>Alinear texto al medio</b> <img alt="Icono Alinear al medio" src="../images/alignmiddle.png" /> le permite alinear su texto por el centro del bloque de texto.</li>
-						<li>la opción <b>Alinear texto en la parte inferior</b> <img alt="Icono Alinear abajo" src="../images/alignbottom.png" /> le permite alinear su texto por la parte inferior del bloque de texto.</li>
+						<li>la opción <b>Alinear texto en la parte superior</b> <div class = "icon icon-aligntop"></div> le permite alinear su texto por la parte superior del bloque de texto.</li>
+						<li>la opción <b>Alinear texto al medio</b> <div class = "icon icon-alignmiddle"></div> le permite alinear su texto por el centro del bloque de texto.</li>
+						<li>la opción <b>Alinear texto en la parte inferior</b> <div class = "icon icon-alignbottom"></div> le permite alinear su texto por la parte inferior del bloque de texto.</li>
 					</ul>
 				</li>
 			</ol>
@@ -77,47 +78,47 @@
 			<table>
 				<tr>
                     <td width="10%">Fuente</td>
-                    <td width="15%"><img alt="Fuente" src="../images/fontfamily.png" /></td>
+                    <td width="15%"><div class = "big big-fontfamily"></div></td>
 					<td>Se usa para elegir una letra en la lista de letras disponibles. <span class="desktopDocumentFeatures">Si una fuente determinada no está disponible en la lista, puede descargarla e instalarla en su sistema operativo, y después la fuente estará disponible para su uso en la <em>versión  de escritorio</em>.</span></td>
 				</tr>
 				<tr>
 					<td>Tamaño de letra</td>
-					<td><img alt="Tamaño de letra" src="../images/fontsize.png" /></td>
+					<td><div class = "icon icon-fontsize"></div></td>
 					<td>Se utiliza para seleccionar entre los valores de tamaño de fuente preestablecidos de la lista desplegable (los valores predeterminados son: 8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26, 28, 36, 48, 72 y 96). También es posible introducir manualmente un valor personalizado en el campo de tamaño de fuente y, a continuación, pulsar <em>Intro</em>.</td>
 				</tr>
 				<tr>
 					<td>Color de letra</td>
-					<td><img alt="Color de letra" src="../images/fontcolor.png" /></td>
+					<td><div class = "icon icon-fontcolor"></div></td>
 					<td>Se usa para cambiar el color de letras/caracteres del texto. Para <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">seleccionar el color</a> pulse la flecha hacia abajo al lado del icono.</td>
 				</tr>
 				<tr>
 					<td>Negrita</td>
-					<td><img alt="Negrita" src="../images/bold.png" /></td>
+					<td><div class = "icon icon-bold"></div></td>
 					<td>Se usa para poner la fuente en negrita, dándole más peso.</td>
 				</tr>
 				<tr>
 					<td>Cursiva</td>
-					<td><img alt="Cursiva" src="../images/italic.png" /></td>
+					<td><div class = "icon icon-italic"></div></td>
 					<td>Se usa para poner la fuente en cursiva, dándole un poco de inclinación hacia el lado derecho.</td>
 				</tr>
 				<tr>
 					<td>Subrayado</td>
-					<td><img alt="Subrayado" src="../images/underline.png" /></td>
+					<td><div class = "icon icon-underline"></div></td>
 					<td>Subraya un fragmento del texto seleccionado.</td>
 				</tr>
 				<tr>
 					<td>Tachado</td>
-					<td><img alt="Tachado" src="../images/strike.png" /></td>
+					<td><div class = "icon icon-strike"></div></td>
 					<td>Se usa para tachar el fragmento del texto seleccionado con una línea que va a través de las letras.</td>
 				</tr>
 				<tr>
 					<td>Subíndice</td>
-					<td><img alt="Subíndice" src="../images/sup.png" /></td>
+					<td><div class = "icon icon-sup"></div></td>
 					<td>Se usa para hacer el texto más pequeño y colocarlo en la parte superior de la línea de texto, por ejemplo, como en fracciones.</td>
 				</tr>
 				<tr>
 					<td>Subíndice</td>
-					<td><img alt="Subíndice" src="../images/sub.png" /></td>
+					<td><div class = "icon icon-sub"></div></td>
 					<td>Se utiliza para hacer el texto más pequeño y colocarlo en la parte inferior de la línea de texto, por ejemplo, como en las fórmulas químicas.</td>
 				</tr>
 			</table>
@@ -127,7 +128,7 @@
 			<p>Para hacerlo,</p>
 			<ol style="margin-left: 280px;">
 				<li>coloque el cursor sobre el párrafo necesario, o seleccione unos párrafos con el ratón,</li>
-				<li>use los campos correspondientes de la pestaña <b>Ajustes de texto</b> <img alt="Icono de ajustes de Texto" src="../images/text_settings_icon.png" /> en la barra lateral derecha para alcanzar los resultados deseados:<ul>
+				<li>use los campos correspondientes de la pestaña <b>Ajustes de texto</b> <div class = "icon icon-text_settings_icon"></div> en la barra lateral derecha para alcanzar los resultados deseados:<ul>
 						<li><b>Espaciado de línea</b> - establece la altura de línea para las líneas de texto dentro de un párrafo. Puede elegir entre tres opciones: <b>por lo menos</b> (establece el espaciado de línea mínimo para que la letra más grande o cualquiera gráfica pueda encajar en una línea), <b>múltiple</b> (establece el espaciado de línea que puede ser expresado en números mayores que 1), <b>exacto</b> (establece el espaciado de línea fijo). Puede especificar el valor deseado en el campo de la derecha.</li>
 						<li><b>Espaciado de Párrafo</b> - ajusta la cantidad de espacio entre párrafos.<ul>
                             <li><b>Antes</b> - establece la cantidad de espacio antes del párrafo.</li>
@@ -137,18 +138,18 @@
 					</ul>
 				</li>
 			</ol>
-			<p>Para cambiar espaciado de línea actual rápidamente, usted también puede usar el icono <b>Espaciado de línea</b> <img alt="Espaciado de línea" src="../images/linespacing.png" /> en la pestaña de <b>Inicio</b> en la barra de herramientas superior eligiendo el valor necesario en la lista: 1.0, 1.15, 1.5, 2.0, 2.5, o 3.0 líneas.</p>
-		    <p>Para cambiar desplazamiento contra la parte derecha del bloque de texto, coloque el cursor encima del párrafo necesario, o seleccione unos párrafos con el ratón y use los iconos correspondientes en la pestaña de <b>Inicio</b> en la barra de herramientas superior: <b>Reducir sangría</b> <img alt="Disminuir sangría" src="../images/decreaseindent.png" /> y <b>Aumentar sangría</b> <img alt="Aumentar sangría" src="../images/increaseindent.png" />.</p>
+			<p>Para cambiar espaciado de línea actual rápidamente, usted también puede usar el icono <b>Espaciado de línea</b> <div class = "icon icon-linespacing"></div> en la pestaña de <b>Inicio</b> en la barra de herramientas superior eligiendo el valor necesario en la lista: 1.0, 1.15, 1.5, 2.0, 2.5, o 3.0 líneas.</p>
+		    <p>Para cambiar desplazamiento contra la parte derecha del bloque de texto, coloque el cursor encima del párrafo necesario, o seleccione unos párrafos con el ratón y use los iconos correspondientes en la pestaña de <b>Inicio</b> en la barra de herramientas superior: <b>Reducir sangría</b> <div class = "icon icon-decreaseindent"></div> y <b>Aumentar sangría</b> <div class = "icon icon-increaseindent"></div>.</p>
 		    <hr />
-		    <p>Usted también puede cambiar los <b>ajustes avanzados</b> del párrafo. Coloque el cursor en el párrafo necesario - se activará la pestaña <b>Ajustes de texto</b> <img alt="Icono de ajustes de Texto" src="../images/text_settings_icon.png" /> en la barra derecha lateral. Pulse el enlace <b>Mostrar ajustes avanzados</b>. Se abrirá la ventana de propiedades:</p><img alt="Propiedades de párrafo - sangrías y disposición" src="../images/textadvancedsettings1.png" /><p>La pestaña <b>Sangrías y disposición</b> permite cambiar el offset del <a href="../UsageInstructions/InsertAutoshapes.htm#internalmargins" onclick="onhyperlinkclick(this)">margen interno</a> izquierdo de un bloque de texto y también el offset del párrafo de los márgenes internos <b>izquierdo</b> y <b>derecho</b> de un bloque de texto.</p>
-            <p>Usted también puede usar la <b>regla</b> horizontal para establecer sangrías.</p><img alt="Regla - marcadores de sangría" src="../images/indents_ruler.png" /><p>Seleccione los párrafos necesarios y arrastre los marcadores de sangría a lo largo de la regla.</p>
+		    <p>Usted también puede cambiar los <b>ajustes avanzados</b> del párrafo. Coloque el cursor en el párrafo necesario - se activará la pestaña <b>Ajustes de texto</b> <div class = "icon icon-text_settings_icon"></div> en la barra derecha lateral. Pulse el enlace <b>Mostrar ajustes avanzados</b>. Se abrirá la ventana de propiedades:</p><img alt="Propiedades de párrafo - sangrías y disposición" src="../images/textadvancedsettings1.png" /><p>La pestaña <b>Sangrías y disposición</b> permite cambiar el offset del <a href="../UsageInstructions/InsertAutoshapes.htm#internalmargins" onclick="onhyperlinkclick(this)">margen interno</a> izquierdo de un bloque de texto y también el offset del párrafo de los márgenes internos <b>izquierdo</b> y <b>derecho</b> de un bloque de texto.</p>
+            <p>Usted también puede usar la <b>regla</b> horizontal para establecer sangrías.</p><div class = "big big-indents_ruler"></div><p>Seleccione los párrafos necesarios y arrastre los marcadores de sangría a lo largo de la regla.</p>
             <ul>
-                <li>El marcador de <b>sangría de primera línea</b> <img alt="Marcador de sangría de primera línea" src="../images/firstline_indent.png" /> se usa para poner el offset desde el margen interno izquierdo del bloque de texto para la primera línea de un párrafo.</li>
-                <li>El marcador de <b>sangría francesa</b> <img alt="Marcador de sangría francesa" src="../images/hanging.png" /> se usa para poner el offset desde el margen interno izquierdo del bloque de texto para la línea segunda y líneas posteriores líneas de un párrafo.</li>
-                <li>El marcador de <b>sangría izquierda</b> <img alt="Marcador de sangría francesa" src="../images/leftindent.png" /> se usa para poner el offset de un párrafo desde el margen interno izquierdo del bloque de texto.</li>
-                <li>El marcador de <b>sangría derecha</b>  <img alt="Marcador de sangría derecha" src="../images/right_indent.png" /> se usa para poner el offset de un párrafo desde el margen interno derecho del bloque de texto.</li>
+                <li>El marcador de <b>sangría de primera línea</b> <div class = "icon icon-firstline_indent"></div> se usa para poner el offset desde el margen interno izquierdo del bloque de texto para la primera línea de un párrafo.</li>
+                <li>El marcador de <b>sangría francesa</b> <div class = "icon icon-hanging"></div> se usa para poner el offset desde el margen interno izquierdo del bloque de texto para la línea segunda y líneas posteriores líneas de un párrafo.</li>
+                <li>El marcador de <b>sangría izquierda</b> <div class = "icon icon-leftindent"></div> se usa para poner el offset de un párrafo desde el margen interno izquierdo del bloque de texto.</li>
+                <li>El marcador de <b>sangría derecha</b>  <div class = "icon icon-right_indent"></div> se usa para poner el offset de un párrafo desde el margen interno derecho del bloque de texto.</li>
             </ul>
-            <p class="note"><b>Nota</b>: si no ve las reglas, cambie a la pestaña de <b>Inicio</b> en la barra de herramientas superior, haga clic en el icono <b>Mostrar ajustes</b> <img alt="Icono Mostrar ajustes" src="../images/viewsettingsicon.png" /> en la esquina superior derecha y des-verifique la opción <b>Ocultar Reglas</b> para mostrarlas.</p><img alt="Propiedades de párrafo - letra" src="../images/textadvancedsettings2.png" /><p>La pestaña <b>Letra</b> contiene los parámetros siguientes:</p>
+            <p class="note"><b>Nota</b>: si no ve las reglas, cambie a la pestaña de <b>Inicio</b> en la barra de herramientas superior, haga clic en el icono <b>Mostrar ajustes</b> <div class = "icon icon-viewsettingsicon"></div> en la esquina superior derecha y des-verifique la opción <b>Ocultar Reglas</b> para mostrarlas.</p><img alt="Propiedades de párrafo - letra" src="../images/textadvancedsettings2.png" /><p>La pestaña <b>Letra</b> contiene los parámetros siguientes:</p>
 			<ul>
 				<li><b>Tachado</b> - se usa para tachar el texto con una línea que va por el centro de las letras.</li>
 				<li><b>Doble tachado</b> se usa para tachar el texto con dos líneas que van por el centro de las letras.</li>
@@ -163,9 +164,9 @@
 			    <li><b>Posición del tabulador</b> - se usa para establecer los tabuladores personalizados. Introduzca el valor necesario en este campo, ajústelo de forma más precisa usando los botones de flechas y pulse el botón <b>Especificar</b>. Su posición de tab personalizada se añadirá a la lista en el campo debajo.</li>
 			    <li>El <b>Tabulador Predeterminado</b> se ha fijado a 1.25 cm. Puede aumentar o disminuir este valor usando los botones de flechas o introducir el botón necesario en el cuadro.</li>
 			    <li><b>Alineación</b> - se usa para establecer el tipo de alineación necesario para cada posición del tabulador en la lista de arriba. Seleccione la posición de tab necesaria en la lista, elija la opción <b>Izquierdo</b>, <b>Al centro</b> o <b>Derecho</b> y pulse el botón <b>Especificar</b>.<ul>
-			            <li><b>Izquierdo</b> - alinea su texto por la parte izquierda en la posición de tabulador; el texto mueve a la derecha del tabulador cuando usted escribe. El tabulador se indicará en el control deslizante horizontal con el marcador <img alt="Marcador de tabulador izquierdo" src="../images/tabstopleft_marker.png" />.</li>
-			            <li><b>Al centro</b> - centra el texto en la posición de tabulador. El tabulador se indicará en el control deslizante horizontal con el marcador <img alt="Marcador de tabulador central" src="../images/tabstopcenter_marker.png" />.</li>
-			            <li><b>Derecho</b> - alinea su texto por la parte derecha en la posición de tabulador; el texto mueve a la izquierda del tabulador cuando usted escribe. El tabulador se indicará en el control deslizante horizontal con el marcador <img alt="Marcador de tabulador derecho" src="../images/tabstopright_marker.png" />.</li>
+			            <li><b>Izquierdo</b> - alinea su texto por la parte izquierda en la posición de tabulador; el texto mueve a la derecha del tabulador cuando usted escribe. El tabulador se indicará en el control deslizante horizontal con el marcador <div class = "icon icon-tabstopleft_marker"></div>.</li>
+			            <li><b>Al centro</b> - centra el texto en la posición de tabulador. El tabulador se indicará en el control deslizante horizontal con el marcador <div class = "icon icon-tabstopcenter_marker"></div>.</li>
+			            <li><b>Derecho</b> - alinea su texto por la parte derecha en la posición de tabulador; el texto mueve a la izquierda del tabulador cuando usted escribe. El tabulador se indicará en el control deslizante horizontal con el marcador <div class = "icon icon-tabstopright_marker"></div>.</li>
 			        </ul>
 			        <p>Para borrar los tabuladores de la lista, seleccione el tabulador y pulse el botón <b>Eliminar</b> o <b>Eliminar todo</b>.</p>
 			    </li>
@@ -173,12 +174,12 @@
             <p>Para fijar los tabuladores, usted puede utilizar la regla horizontal:</p>
             <ol>
                 <li>Seleccione un tipo de tabulador pulsando el botón  en la esquina izquierda superior del área de trabajo para elegir el tipo de tabulador necesario: <b>Izquierdo</b> , <b>Centro</b> , <b>Derecho</b> .</li>
-                <li>Haga clic en el borde inferior de la regla donde usted quiere colocar el tabulador. Arrástrelo a lo largo de la regla para cambiar su posición. Para eliminar el tabulador añadido arrástrelo fuera de la regla.<p><img alt="Regla Horizontal con los tabuladores añadidos" src="../images/tabstops_ruler.png" /></p>
-                    <p class="note"><b>Nota</b>: si no ve las reglas, cambie a la pestaña de <b>Inicio</b> en la barra de herramientas superior, haga clic en el icono <b>Mostrar ajustes</b> <img alt="Icono Mostrar ajustes" src="../images/viewsettingsicon.png" /> en la esquina superior derecha y des-verifique la opción <b>Ocultar Reglas</b> para mostrarlas.</p>
+                <li>Haga clic en el borde inferior de la regla donde usted quiere colocar el tabulador. Arrástrelo a lo largo de la regla para cambiar su posición. Para eliminar el tabulador añadido arrástrelo fuera de la regla.<p><div class = "big big-tabstops_ruler"></div></p>
+                    <p class="note"><b>Nota</b>: si no ve las reglas, cambie a la pestaña de <b>Inicio</b> en la barra de herramientas superior, haga clic en el icono <b>Mostrar ajustes</b> <div class = "icon icon-viewsettingsicon"></div> en la esquina superior derecha y des-verifique la opción <b>Ocultar Reglas</b> para mostrarlas.</p>
                 </li>
             </ol>
             <h3>Editar un estilo de Texto de Arte</h3>
-            <p>Seleccione un objeto de texto y haga clic en el <img alt="Icono de ajustes Arte de Texto" src="../images/textart_settings_icon.png" /> icono <b>Ajustes de Arte de Texto</b> en la barra lateral.</p>
+            <p>Seleccione un objeto de texto y haga clic en el <div class = "icon icon-textart_settings_icon"></div> icono <b>Ajustes de Arte de Texto</b> en la barra lateral.</p>
             <p><img alt="Pestaña Ajustes de Texto de Arte" src="../images/right_textart.png" /></p>
             <ul>
                 <li>Cambie el estilo de texto aplicado seleccionando una nueva <b>Plantilla</b> de la galería. También puede cambiar los estilos básicos adicionales seleccionando un tipo de letra o tamaño diferente.</li>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/ManageSlides.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/ManageSlides.htm
index 4622b7019e..a6e64cc8cb 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/ManageSlides.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/ManageSlides.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add new blank slides, duplicate, move or delete them" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,13 +18,13 @@
 			<p>De manera predeterminada, una presentación nueva tiene una diapositiva en blanco con una <em>Diapositiva de Título</em>. Puede crear diapositivas nuevas, copiar una diapositiva y pegarla en otra posición de la lista de diapositivas, duplicar diapositivas, mover diapositivas para cambiar su orden en la lista en diapositivas, eliminar diapositivas innecesarias, marcar algunas diapositivas como ocultas. </p>
 			<p><b>Para crear una diapositiva nueva de <em>Título y Contenido</em>:</b></p>
 			<ul>
-				<li>haga clic en el icono <img alt="Icono añadir diapositiva" src="../images/addslide.png" /> <b>Añadir Diapositiva</b> en la pestaña de <b>Inicio</b> o <b>Insertar</b> en la barra de herramientas superior, o</li>
+				<li>haga clic en el icono <div class = "icon icon-addslide"></div> <b>Añadir Diapositiva</b> en la pestaña de <b>Inicio</b> o <b>Insertar</b> en la barra de herramientas superior, o</li>
 				<li>haga clic con el botón derecho sobre cualquier diapositiva en la lista y seleccione la opción <b>Diapositiva nueva</b> en el menú contextual, o</li>
                 <li>pulse la combinación de teclas <b>Ctrl+M</b>.</li>
 			</ul>
             <p><b>Para crear una diapositiva nueva con diseño distinto:</b></p>
             <ol>
-                <li>haga clic en la flecha de al lado del icono <img alt="Icono añadir diapositiva" src="../images/addslide.png" /> <b>Añadir Diapositiva</b> en la pestaña de <b>Inicio</b> o <b>Insertar</b> en la barra de herramientas superior,</li>
+                <li>haga clic en la flecha de al lado del icono <div class = "icon icon-addslide"></div> <b>Añadir Diapositiva</b> en la pestaña de <b>Inicio</b> o <b>Insertar</b> en la barra de herramientas superior,</li>
                 <li>seleccione una diapositiva con el diseño de diapositiva necesario en el menú.<p class="note"><b>Nota</b>: usted puede cambiar el diseño de la diapositiva añadida en cualquier momento. Para obtener información adicional sobre cómo hacerlo lea la sección de <a href="../UsageInstructions/SetSlideParameters.htm#changelayout" onclick="onhyperlinkclick(this)">Establezca parámetros de diapositiva</a>.</p>
                 </li>
             </ol>
@@ -57,7 +58,7 @@
                 <li>seleccione la opción <b>Ocultar Diapositiva</b> en el menú contextual.</li>
             </ol>
             <p>El número que corresponde a la diapositiva oculta en la lista de diapositivas a la izquierda se tachará.  Para mostrar la diapositiva oculta como una normal en la lista de diapositivas, haga clic de nuevo en la opción <b>Ocultar Diapositiva</b>.</p>
-            <p><img alt="Diapositiva oculta" src="../images/hidden_slide.png" /></p>
+            <p><div class = "big big-hidden_slide"></div></p>
             <p class="note"><b>Nota</b>: use esta opción si no quiere demostrar varias diapositivas a su público, pero quiere ser capaz de acceder a estas si es necesario. Cuando empieza la presentación en el <a href="../UsageInstructions/PreviewPresentation.htm#presenter" onclick="onhyperlinkclick(this)">modo <b>Presentación</b></a>, puede ver todas las diapositivas existentes en la lista a la izquierda, y los números de las diapositivas ocultas están tachados. Si quiere mostrar una diapositiva marcada como oculta, haga clic en esta en la lista de diapositivas a la izquierda - la diapositiva aparecerá.</p>
             <p><b>Para seleccionar todas las diapositivas existentes a la vez:</b></p>
 			<ol>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/ManipulateObjects.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/ManipulateObjects.htm
index b8ca0bb111..02a1f56b52 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/ManipulateObjects.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/ManipulateObjects.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Move, rotate, resize and reshape autoshapes, images, charts." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,24 +18,24 @@
 			<p>Usted puede cambiar el tamaño de objetos diferentes, moverlos, girarlos en una diapositiva de forma manual usando los controladores especiales. Usted también puede especificar de forma exacta las dimensiones y posición de varios objetos usando la barra derecha lateral o la ventana <b>Ajustes avanzados</b>.</p>			
             <p class="note"><b>Nota</b>: la lista de atajos de teclado que puede ser usada al trabajar con objetos está disponible <a href="../HelpfulHints/KeyboardShortcuts.htm#workwithobjects" onclick="onhyperlinkclick(this)">aquí</a>.</p>
             <h3>Cambiar el tamaño de objetos</h3>
-			<p>Para cambiar el tamaño de <b>imagen/autoforma/gráfico/cuadro de texto</b>, arrastre los cuadrados pequeños <img alt="Icono cuadrado" src="../images/resize_square.png" /> situados en los bordes del objeto. Para mantener las proporciones originales del objeto seleccionado mientras cambia de tamaño, mantenga apretada la tecla <b>Shift</b> y arrastre uno de los iconos de las esquinas.</p>
-			<p><img alt="Mantener proporciones" src="../images/maintain_proportions.png" /></p>
+			<p>Para cambiar el tamaño de <b>imagen/autoforma/gráfico/cuadro de texto</b>, arrastre los cuadrados pequeños <div class = "icon icon-resize_square"></div> situados en los bordes del objeto. Para mantener las proporciones originales del objeto seleccionado mientras cambia de tamaño, mantenga apretada la tecla <b>Shift</b> y arrastre uno de los iconos de las esquinas.</p>
+			<p><div class = "big big-maintain_proportions"></div></p>
 			<p>Para especificar el ancho y altura precisos de un <b>gráfico</b>, selecciónelo en una diapositiva y utilice la sección <b>Tamaño</b> en la barra derecha lateral que se activará.</p>
 			<p>Para especificar las dimensiones precisas de una <b>imagen</b> o <b>autoforma</b>, haga clic derecho en el objeto necesario en una diapositiva y seleccione <b>Ajustes avanzados de imagen/forma</b> en el menú. Especifique los valores necesarios en la pestaña <b>Tamaño</b> de la ventana <b>Ajustes avanzados</b> y pulse <b>OK</b>.</p>
 			<h3>Cambie forma de autoformas</h3>
-			<p>Al modificar unas formas, por ejemplo flechas o llamadas, puede notar el icono rombo amarillo <img alt="Icono rombo amarillo" src="../images/yellowdiamond.png" />. Le permite ajustar unos aspectos de forma, por ejemplo, la longitud de la punta de flecha.</p>
-			<p><img alt="Cambiar una autoforma" src="../images/reshaping.png" /></p>
+			<p>Al modificar unas formas, por ejemplo flechas o llamadas, puede notar el icono rombo amarillo <div class = "icon icon-yellowdiamond"></div>. Le permite ajustar unos aspectos de forma, por ejemplo, la longitud de la punta de flecha.</p>
+			<p><div class = "big big-reshaping"></div></p>
 			<h3>Mueve objetos</h3>
-			<p>Para cambiar la posición de <b>imagen/gráfico/autoforma/tabla/cuadro de texto</b>, use el icono <img alt="Flecha" src="../images/arrow.png" /> que aparece si mantiene el cursor de su ratón sobre el objeto. Arrastre el objeto a la posición necesaria sin soltar el botón de ratón. Para desplazar el objeto en incrementos de un píxel, mantenga apretada la tecla <b>Ctrl</b> y use las flechas en el teclado. Para desplazar los objetos horizontalmente o verticalmente, y para que no se muevan en una dirección perpendicular, mantenga la tecla <b>Shift</b> apretada al arrastrar el objeto.</p>
+			<p>Para cambiar la posición de <b>imagen/gráfico/autoforma/tabla/cuadro de texto</b>, use el icono <div class = "icon icon-arrow"></div> que aparece si mantiene el cursor de su ratón sobre el objeto. Arrastre el objeto a la posición necesaria sin soltar el botón de ratón. Para desplazar el objeto en incrementos de un píxel, mantenga apretada la tecla <b>Ctrl</b> y use las flechas en el teclado. Para desplazar los objetos horizontalmente o verticalmente, y para que no se muevan en una dirección perpendicular, mantenga la tecla <b>Shift</b> apretada al arrastrar el objeto.</p>
 			<p>Para especificar la posición precisa de una <b>imagen</b>, haga clic en esta con el botón derecho y seleccione la opción <b>Ajustes avanzados de imagen</b> del menú. Especifique los valores necesarios en la sección <b>Posición</b> de la ventana <b>Ajustes avanzados</b> y pulse <b>OK</b>.</p>
 			<h3>Gire objetos</h3>
-			<p>Para girar manualmente un <b>cuadro de texto/imagen/autoforma</b>, pase el cursor del ratón por encima de la manija de rotación <img alt="Controlador de giro" src="../images/greencircle.png" /> y arrástrelo en el sentido de las agujas del reloj o en sentido contrario. Para limitar el ángulo de rotación hasta un incremento de 15 grados, mantenga apretada la tecla <b>Shift</b> mientras rota.</p>
-            <p>Para rotar el objeto 90 grados en sentido contrario a las agujas del reloj o girar el objeto horizontal/verticalmente, puede utilizar la sección <b>Rotación</b> en la barra lateral derecha que se activará una vez que haya seleccionado el objeto en cuestión. Para abrirla, haga clic en el icono <b>Ajustes de forma </b> <img alt="Icono Ajustes de forma" src="../images/shape_settings_icon.png" /> o en el icono <img alt="Icono Ajustes de imagen" src="../images/image_settings_icon.png" /> <b>Ajustes de imagen</b>  de la derecha. Haga clic en uno de los botones:</p>
+			<p>Para girar manualmente un <b>cuadro de texto/imagen/autoforma</b>, pase el cursor del ratón por encima de la manija de rotación <div class = "icon icon-greencircle"></div> y arrástrelo en el sentido de las agujas del reloj o en sentido contrario. Para limitar el ángulo de rotación hasta un incremento de 15 grados, mantenga apretada la tecla <b>Shift</b> mientras rota.</p>
+            <p>Para rotar el objeto 90 grados en sentido contrario a las agujas del reloj o girar el objeto horizontal/verticalmente, puede utilizar la sección <b>Rotación</b> en la barra lateral derecha que se activará una vez que haya seleccionado el objeto en cuestión. Para abrirla, haga clic en el icono <b>Ajustes de forma </b> <div class = "icon icon-shape_settings_icon"></div> o en el icono <div class = "icon icon-image_settings_icon"></div> <b>Ajustes de imagen</b>  de la derecha. Haga clic en uno de los botones:</p>
             <ul>
-                <li><img alt="Icono de rotación en sentido contrario a las agujas del reloj" src="../images/rotatecounterclockwise.png" /> para girar el objeto 90 grados en sentido contrario a las agujas del reloj</li>
-                <li><img alt="Icono de rotación en el sentido de las agujas del reloj" src="../images/rotateclockwise.png" /> para girar el objeto 90 grados en el sentido de las agujas del reloj</li>
-                <li><img alt="Icono de voltear horizontalmente" src="../images/fliplefttoright.png" /> para voltear el objeto horizontalmente (de izquierda a derecha)</li>
-                <li><img alt="Icono de voltear verticalmente" src="../images/flipupsidedown.png" /> para voltear el objeto verticalmente (al revés)</li>
+                <li><div class = "icon icon-rotatecounterclockwise"></div> para girar el objeto 90 grados en sentido contrario a las agujas del reloj</li>
+                <li><div class = "icon icon-rotateclockwise"></div> para girar el objeto 90 grados en el sentido de las agujas del reloj</li>
+                <li><div class = "icon icon-fliplefttoright"></div> para voltear el objeto horizontalmente (de izquierda a derecha)</li>
+                <li><div class = "icon icon-flipupsidedown"></div> para voltear el objeto verticalmente (al revés)</li>
             </ul>
             <p>Como alternativa, puede hacer clic con el botón derecho en los objetos, seleccionar la opción <b>Rotar</b> en el menú contextual y utilizar una de las opciones de rotación disponibles.</p>
             <p>Para rotar el objeto con un ángulo exactamente especificado, haga clic el enlace de <b>Mostrar ajustes avanzados</b> en la barra lateral derecha y utilice la pestaña <b>Rotación</b> de la ventana <b>Ajustes avanzados</b>. Especifique el valor deseado en grados en el campo <b>Ángulo</b> y haga clic en <b>OK</b>.</p>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/OpenCreateNew.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/OpenCreateNew.htm
index 3abbc6222a..7f14168fd7 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/OpenCreateNew.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/OpenCreateNew.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Open a recently edited presentation, create a new one, or return to the list of existing presentations" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -26,7 +27,7 @@
                 <p>En el <em>editor de escritorio </em></p>
                 <ol>
                     <li>en la ventana principal del programa, seleccione la opción del menú <b> Presentación</b> de la sección <b>Crear nuevo</b> de la barra lateral izquierda - se abrirá un nuevo archivo en una nueva pestaña,</li>
-                    <li>cuando se hayan realizado todos los cambios deseados, haga clic en el icono <img alt="Icono Guardar" src="../images/save.png" /> <b>Guardar</b> de la esquina superior izquierda o cambie a la pestaña <b>Archivo</b>y seleccione la opción <b>Guardar como</b> del menú.</li>
+                    <li>cuando se hayan realizado todos los cambios deseados, haga clic en el icono <div class = "icon icon-save"></div> <b>Guardar</b> de la esquina superior izquierda o cambie a la pestaña <b>Archivo</b>y seleccione la opción <b>Guardar como</b> del menú.</li>
                     <li>en la ventana de gestión de archivos, seleccione la ubicación del archivo, especifique su nombre, elija el formato en el que desea guardar el presentación (PPTX, Plantilla de presentación (POTX), ODP, OTP, PDF o PDFA) y haga clic en el botón <b>Guardar</b>.</li>
                 </ol>
             </div>
@@ -59,7 +60,7 @@
                 </ol>
             </div>
 
-            <p>Para abrir la carpeta donde se encuentra el archivo <span class="onlineDocumentFeatures">en una nueva pestaña del navegador en la <em>versión en línea</em>,</span> <span class="desktopDocumentFeatures">en la ventana del explorador de archivos en la <em>versión de escritorio</em>,</span> haga clic en el icono <img alt="Abrir ubicación de archivo" src="../images/gotodocuments.png" /> <b>Abrir ubicación de archivo</b> en el lado derecho de la cabecera del editor. Como alternativa, puede cambiar a la pestaña <b>Archivo</b> en la barra de herramientas superior y seleccionar la opción <b>Abrir ubicación de archivo</b>.</p>
+            <p>Para abrir la carpeta donde se encuentra el archivo <span class="onlineDocumentFeatures">en una nueva pestaña del navegador en la <em>versión en línea</em>,</span> <span class="desktopDocumentFeatures">en la ventana del explorador de archivos en la <em>versión de escritorio</em>,</span> haga clic en el icono <div class = "icon icon-gotodocuments"></div> <b>Abrir ubicación de archivo</b> en el lado derecho de la cabecera del editor. Como alternativa, puede cambiar a la pestaña <b>Archivo</b> en la barra de herramientas superior y seleccionar la opción <b>Abrir ubicación de archivo</b>.</p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/PreviewPresentation.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/PreviewPresentation.htm
index af65b3f003..df15a756bb 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/PreviewPresentation.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/PreviewPresentation.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Preview your presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,11 +18,11 @@
             <h3>Empezar la vista previa</h3>
 			<p>Para visualizar la presentación que está editando actualmente, puede:</p>
             <ul>
-                <li>hacer clic en el icono <img alt="Icono iniciar presentación" src="../images/startpreview.png" /> <b>Empezar presentación</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior o en la parte izquierda de la barra de estado, o</li>
+                <li>hacer clic en el icono <div class = "icon icon-startpreview"></div> <b>Empezar presentación</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior o en la parte izquierda de la barra de estado, o</li>
                 <li>seleccionar una diapositiva en concreto dentro de la lisa de diapositivas a la izquierda, hacer clic derecho en esta y elegir la opción <b>Empezar presentación</b> en el menú contextual.</li>
             </ul>
             <p>La vista previa empezará desde la diapositiva elegida.</p>
-            <p>También puede hacer clic en la flecha de al lado del icono <img alt="Icono iniciar presentación" src="../images/startpreview.png" /> <b>Empezar presentación</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior y seleccionar una de las opciones siguientes:</p>
+            <p>También puede hacer clic en la flecha de al lado del icono <div class = "icon icon-startpreview"></div> <b>Empezar presentación</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior y seleccionar una de las opciones siguientes:</p>
             <ul>
                 <li><b>Mostrar desde el principio</b> - para empezar la vista previa desde la primera diapositiva,</li>
                 <li><b>Mostrar desde la diapositiva seleccionada actualmente</b> - para empezar la vista previa desde la diapositiva seleccionada actualmente,</li>
@@ -33,30 +34,30 @@
             <p>En el modo <b>Vista previa</b>, puede usar los siguientes controles en la esquina inferior izquierda.</p>
             <p><img alt="Controles del modo de vista previa" src="../images/preview_mode.png" /></p>
             <ul>
-                <li>el botón <img alt="Icono diapositiva anterior" src="../images/previousslide.png" /> de <b>Diapositiva anterior</b> permite volver a la diapositiva anterior.</li>
-                <li>el botón <img alt="Icono detener presentación" src="../images/pausepresentation.png" /> <b>Pausar presentación</b> permite parar la vista previa. Cuando presiona el botón, se convierte en el botón <img alt="Icono iniciar presentación" src="../images/startpresentation.png" />.</li>
-                <li>el botón <img alt="Icono iniciar presentación" src="../images/startpresentation.png" /> <b>Empezar presentación</b> permite volver a la vista previa. Cuando presiona el botón, se convierte en el botón <img alt="Icono detener presentación" src="../images/pausepresentation.png" />.</li>
-                <li>el botón <img alt="Icono diapositiva siguiente" src="../images/nextslide.png" /> de <b>Diapositiva siguiente</b> le permite ir a la siguiente diapositiva.</li>
+                <li>el botón <div class = "icon icon-previousslide"></div> de <b>Diapositiva anterior</b> permite volver a la diapositiva anterior.</li>
+                <li>el botón <div class = "icon icon-pausepresentation"></div> <b>Pausar presentación</b> permite parar la vista previa. Cuando presiona el botón, se convierte en el botón <div class = "icon icon-startpresentation"></div>.</li>
+                <li>el botón <div class = "icon icon-startpresentation"></div> <b>Empezar presentación</b> permite volver a la vista previa. Cuando presiona el botón, se convierte en el botón <div class = "icon icon-pausepresentation"></div>.</li>
+                <li>el botón <div class = "icon icon-nextslide"></div> de <b>Diapositiva siguiente</b> le permite ir a la siguiente diapositiva.</li>
                 <li>el <b>indicador del número de diapositiva</b> muestra el número de diapositiva actual así como el número total de diapositivas en la presentación. Para pasar a una cierta diapositiva en el modo de vista previa, pulse el <b>Indicador del número de diapositiva</b> e introduzca el número de diapositiva correspondiente en la ventana abierta y presione <b>Enter</b>.</li>
-                <li>el botón <img alt="Icono pantalla completa" src="../images/fullscreen.png" /> <b>Pantalla completa</b> le permite cambiar al modo de pantalla completa.</li>
-                <li>el botón <img alt="Icono salir de pantalla completa" src="../images/exitfullscreen.png" /> <b>Salir de la pantalla completa</b> le permite salir del modo de pantalla completa.</li>
-                <li>el botón <img alt="Icono cerrar vista previa" src="../images/closepreview.png" /> de <b>Cerrar presentación</b> le permite salir del modo de vista previa.</li>
+                <li>el botón <div class = "icon icon-fullscreen"></div> <b>Pantalla completa</b> le permite cambiar al modo de pantalla completa.</li>
+                <li>el botón <div class = "icon icon-exitfullscreen"></div> <b>Salir de la pantalla completa</b> le permite salir del modo de pantalla completa.</li>
+                <li>el botón <div class = "icon icon-closepreview"></div> de <b>Cerrar presentación</b> le permite salir del modo de vista previa.</li>
             </ul>
 			<p>También puede <a href="../HelpfulHints/KeyboardShortcuts.htm#preview" onclick="onhyperlinkclick(this)">usar los atajos de teclado</a> para navegar entre diapositivas en el modo de vista previa.</p>
             <h3 id="presenter">Usar el modo presentador</h3>
             <p>En el modo <b>Presentador</b>, puede ver sus presentaciones con notas de diapositivas en una ventana separada, mientras la muestra sin notas en una pantalla diferente. Las notas para cada diapositiva se muestran debajo del área de vista previa de diapositivas.</p>
-            <p>Para navegar entre diapositivas puede usar los botones <img alt="Icono diapositiva anterior" src="../images/previousslide.png" /> y <img alt="Icono diapositiva siguiente" src="../images/nextslide.png" /> o hacer clic en las diapositivas en la lista de la izquierda. Los números ocultos de las diapositivas están tachados en la lista de diapositivas de la izquierda. Si quiere mostrar una diapositiva marcada como oculta, haga clic en esta en la lista de diapositivas a la izquierda - la diapositiva aparecerá.</p>
+            <p>Para navegar entre diapositivas puede usar los botones <div class = "icon icon-previousslide"></div> y <div class = "icon icon-nextslide"></div> o hacer clic en las diapositivas en la lista de la izquierda. Los números ocultos de las diapositivas están tachados en la lista de diapositivas de la izquierda. Si quiere mostrar una diapositiva marcada como oculta, haga clic en esta en la lista de diapositivas a la izquierda - la diapositiva aparecerá.</p>
             <p>Puede usar los controles siguientes en la parte inferior del área de vista previa de las diapositivas:</p>
             <p><img alt="Controles del modo de presentador" src="../images/presenter_mode.png" /></p>
             <ul>
                 <li>El <b>Temporizador</b> muestra el tiempo transcurrido de la presentación en el formato <em>hh.mm.ss</em>.</li>
-                <li>el botón <img alt="Icono detener presentación" src="../images/pausepresentation.png" /> <b>Pausar presentación</b> permite parar la vista previa. Cuando presiona el botón, se convierte en el botón <img alt="Icono iniciar presentación" src="../images/startpresentation.png" />.</li>
-                <li>el botón <img alt="Icono iniciar presentación" src="../images/startpresentation.png" /> <b>Empezar presentación</b> permite volver a la vista previa. Cuando presiona el botón, se convierte en el botón <img alt="Icono detener presentación" src="../images/pausepresentation.png" />.</li>
+                <li>el botón <div class = "icon icon-pausepresentation"></div> <b>Pausar presentación</b> permite parar la vista previa. Cuando presiona el botón, se convierte en el botón <div class = "icon icon-startpresentation"></div>.</li>
+                <li>el botón <div class = "icon icon-startpresentation"></div> <b>Empezar presentación</b> permite volver a la vista previa. Cuando presiona el botón, se convierte en el botón <div class = "icon icon-pausepresentation"></div>.</li>
                 <li>el botón <b>Restablecer</b> permite reiniciar el tiempo transcurrido de la presentación.</li>
-                <li>el botón <img alt="Icono diapositiva anterior" src="../images/previousslide.png" /> de <b>Diapositiva anterior</b> permite volver a la diapositiva anterior.</li>
-                <li>el botón <img alt="Icono diapositiva siguiente" src="../images/nextslide.png" /> de <b>Diapositiva siguiente</b> le permite ir a la siguiente diapositiva.</li>
+                <li>el botón <div class = "icon icon-previousslide"></div> de <b>Diapositiva anterior</b> permite volver a la diapositiva anterior.</li>
+                <li>el botón <div class = "icon icon-nextslide"></div> de <b>Diapositiva siguiente</b> le permite ir a la siguiente diapositiva.</li>
                 <li>el <b>indicador del número de diapositiva</b> muestra el número de diapositiva actual así como el número total de diapositivas en la presentación.</li>
-                <li>el botón <img alt="Icono puntero" src="../images/pointer.png" /> <b>Puntero</b> le permite destacar elementos en la pantalla mientras está mostrando la presentación. Cuando está opción está desactivada, el botón se muestra así: <img alt="Icono puntero" src="../images/pointer_enabled.png" />. Para señalar elementos ponga el cursor del ratón encima del área de la vista previa de la diapositiva y mueva el puntero alrededor de la diapositiva. El puntero estará así: <img alt="Icono puntero" src="../images/pointer_screen.png" />. Para desactivar esta opción haga clic en el botón <img alt="Icono puntero" src="../images/pointer_enabled.png" /> de nuevo.</li>
+                <li>el botón <div class = "icon icon-pointer"></div> <b>Puntero</b> le permite destacar elementos en la pantalla mientras está mostrando la presentación. Cuando está opción está desactivada, el botón se muestra así: <div class = "icon icon-pointer_enabled"></div>. Para señalar elementos ponga el cursor del ratón encima del área de la vista previa de la diapositiva y mueva el puntero alrededor de la diapositiva. El puntero estará así: <div class = "icon icon-pointer_screen"></div>. Para desactivar esta opción haga clic en el botón <div class = "icon icon-pointer_enabled"></div> de nuevo.</li>
                 <li>el botón <b>Terminar presentación</b> le permite salir del modo <b>Presentador</b>.</li>
             </ul>			
 		</div>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/SavePrintDownload.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/SavePrintDownload.htm
index e8570ded7d..8aa17598a8 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/SavePrintDownload.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/SavePrintDownload.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Save, print and download your presentations in various formats" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
             <p class="onlineDocumentFeatures">Por defecto, el <b>Editor de presentaciones</b> guarda automáticamente el archivo cada 2 segundos cuando trabaja en ella, evitando la pérdida de datos en caso de cierre inesperado del programa. Si co-edita el archivo en el modo <b>Rápido</b>, el tiempo requerido para actualizaciones es de 25 cada segundo y guarda los cambios si estos se han producido. Si el archivo se está editando por varias prsonas a la vez, los cambios se guardan cada 10 minutos. Se puede fácilmente desactivar la función <b>Autoguardado</b> en la página <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Ajustes avanzados</a>.</p>
             <p>Para guardar su presentación manualmente en el formato y la ubicación actuales,</p>
             <ul>
-                <li>Pulse el icono <img alt="Icono Guardar" src="../images/save.png" /> <b>Guardar</b>  en la parte izquierda de la cabecera del editor, o</li>
+                <li>Pulse el icono <div class = "icon icon-save"></div> <b>Guardar</b>  en la parte izquierda de la cabecera del editor, o</li>
                 <li>use la combinación de las teclas <b>Ctrl+S</b>, o</li>
                 <li>pulse el icono <b>Archivo</b> en la barra izquierda lateral y seleccione la opción <b>Guardar</b>.</li>
             </ul>
@@ -51,7 +52,7 @@
             <h3 id="print">Imprimiendo</h3>
             <p>Para imprimir la presentación actual,</p>
             <ul>
-                <li>haga clic en el icono <img alt="Icono Imprimir" src="../images/print.png" /> <b>Imprimir</b> en la parte izquierda de la cabecera del editor, o bien</li>
+                <li>haga clic en el icono <div class = "icon icon-print"></div> <b>Imprimir</b> en la parte izquierda de la cabecera del editor, o bien</li>
                 <li>use la combinación de las teclas <b>Ctrl+P</b>, o</li>
                 <li>pulse el icono <b>Archivo</b> en la barra izquierda lateral y seleccione la opción <b>Imprimir</b>.</li>
             </ul>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/SetSlideParameters.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/SetSlideParameters.htm
index fd57f1963e..8fa3c62f28 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/SetSlideParameters.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/SetSlideParameters.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Set slide parameters: select background fill, themes, color schemes, slide layouts" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -16,12 +17,12 @@
 			<h1>Establezca parámetros de diapositiva</h1>
 			<p>Para personalizar su presentación, usted puede seleccionar un tema, la combinación de colores y el tamaño de la diapositiva para toda la presentación, también puede cambiar el relleno del fondo o el diseño de cada diapositiva de forma separada, e introducir transiciones entre diapositivas. También es posible añadir notas explicativas a cada diapositiva que puedan ser de ayuda cuando muestra la presentación en el modo <b>Presentar</b>.</p>
 			<ul>
-			<li>La opción <b>Temas</b> le permite a usted cambiar el diseño de presentación de manera rápida, el fondo de la diapositiva, los tipos de letra predefinidos para textos y títulos y la combinación de colores que se usa para elementos de la presentación. <b>Para seleccionar un tema</b> para la presentación, haga clic en el tema preestablecido en la galería de temas en la parte derecha de la barra de herramientas superior en la pestaña de <b>Inicio</b>. El tema seleccionado se aplicará a todas las diapositivas si usted no selecciona de ante mano varias diapositivas a las que aplicar el tema.<p><img alt="Galería de Temas" src="../images/themes.png" /></p>
+			<li>La opción <b>Temas</b> le permite a usted cambiar el diseño de presentación de manera rápida, el fondo de la diapositiva, los tipos de letra predefinidos para textos y títulos y la combinación de colores que se usa para elementos de la presentación. <b>Para seleccionar un tema</b> para la presentación, haga clic en el tema preestablecido en la galería de temas en la parte derecha de la barra de herramientas superior en la pestaña de <b>Inicio</b>. El tema seleccionado se aplicará a todas las diapositivas si usted no selecciona de ante mano varias diapositivas a las que aplicar el tema.<p><div class = "big big-themes"></div></p>
             <p>Para cambiar el tema seleccionado para una o más diapositivas, puede hacer clic derecho en las diapositivas seleccionadas en la lista a la izquierda (o haga clic derecho en el área de edición), seleccione la opción <b>Cambiar Tema</b> del menú contextual y elija el tema necesario.</p>
 			</li>
-			<li><b>Combinación de colores</b> afecta los colores predefinidos usados para los elementos de la presentación (tipo de letra, líneas, rellenos etc.) y le permite mantener la consistencia de colores en la presentación. <b>Para cambiar una combinación de colores</b>, pulse el icono <img alt="Icono Cambiar combinación de colores" src="../images/changecolorscheme.png" /> <b>Cambiar combinación de colores</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior y seleccione una combinación de colores necesaria en la lista desplegable. La combinación seleccionada se aplicará a todas las diapositivas.<p><img alt="Combinaciones de colores" src="../images/colorscheme.png" /></p>
+			<li><b>Combinación de colores</b> afecta los colores predefinidos usados para los elementos de la presentación (tipo de letra, líneas, rellenos etc.) y le permite mantener la consistencia de colores en la presentación. <b>Para cambiar una combinación de colores</b>, pulse el icono <div class = "icon icon-changecolorscheme"></div> <b>Cambiar combinación de colores</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior y seleccione una combinación de colores necesaria en la lista desplegable. La combinación seleccionada se aplicará a todas las diapositivas.<p><img alt="Combinaciones de colores" src="../images/colorscheme.png" /></p>
 			</li>
-			<li><b>Para cambiar el tamaño de diapositiva</b> y aplicar este cambio a todas las diapositivas de la presentación, haga clic en el icono <img alt="Icono seleccionar tamaño de diapositiva" src="../images/selectslidesizeicon.png" /> <b>Seleccionar tamaño de diapositiva</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior y seleccione la opción necesaria en la lista desplegable. Usted puede seleccionar:<ul>
+			<li><b>Para cambiar el tamaño de diapositiva</b> y aplicar este cambio a todas las diapositivas de la presentación, haga clic en el icono <div class = "icon icon-selectslidesizeicon"></div> <b>Seleccionar tamaño de diapositiva</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior y seleccione la opción necesaria en la lista desplegable. Usted puede seleccionar:<ul>
 			    <li>una de las variantes predeterminadas de acceso rápido - <b>Estándar (4:3)</b> o <b>Panorámico (16:9)</b>,</li>
 			    <li>la opción <b>Ajustes avanzados</b> que abre la ventana <b>Ajustes de tamaño de diapositiva</b> donde usted puede seleccionar una variante predeterminada o establecer el tamaño <b>personalizado</b> especificando los valores de <b>Ancho</b> y <b>Altura</b> deseados.<p><img alt="Ventana Ajustes de tamaño de diapositiva" src="../images/slidesizesettingswindow.png" /></p>
 			    <p>Las variantes disponibles son: Estándar (4:3), Panorámico (16:9), Panorámico (16:10), Letter Paper (8.5x11 in), Ledger Paper (11x17 in), Hoja A3 (297x420 mm), Hoja A4 (210x297 mm), Hoja B4 (ICO) (250x353 mm), Hoja B5 (ICO) (176x250 mm), Diapositivas 35 mm, Transparencia, Banner.</p>
@@ -44,7 +45,7 @@
 			</li>
 			<li>Las <b>transiciones</b> le ayudan a hacer su presentación más dinámica y mantener la atención de su público. <b>Para aplicar una transición:</b><ol>
 				<li>en la lista de diapositivas a la izquierda, seleccione las diapositivas a las que usted quiere aplicar la transición,</li>
-				<li>elija una transición en la lista desplegable <b>Efecto</b> de la pestaña <b>Ajustes de diapositiva</b>,<p class="note"><b>Nota</b>: para abrir la pestaña <b>Ajustes de diapositiva</b>, puede hacer clic en el icono <img alt="Icono Ajustes de diapositiva" src="../images/slide_settings_icon.png" /> <b>Ajustes de diapositiva</b> a la derecha o hacer clic derecho en la diapositiva en el área de editar diapositivas y seleccionar la opción <b>Ajustes de diapositiva</b> del menú contextual.</p>
+				<li>elija una transición en la lista desplegable <b>Efecto</b> de la pestaña <b>Ajustes de diapositiva</b>,<p class="note"><b>Nota</b>: para abrir la pestaña <b>Ajustes de diapositiva</b>, puede hacer clic en el icono <div class = "icon icon-slide_settings_icon"></div> <b>Ajustes de diapositiva</b> a la derecha o hacer clic derecho en la diapositiva en el área de editar diapositivas y seleccionar la opción <b>Ajustes de diapositiva</b> del menú contextual.</p>
                 </li>
 				<li>ajuste las propiedades de transición: elija variante, duración de transición, y el modo de avanzar diapositivas,</li>
 				<li>Haga clic en el botón <b>Aplicar a todas diapositivas</b> si usted quiere aplicar la misma transición a todas las diapositivas de la presentación.<p>Para obtener información más detallada sobre estas opciones consulte la sección <a href="../UsageInstructions/ApplyTransitions.htm" onclick="onhyperlinkclick(this)">Aplique la transición</a>.</p>
@@ -53,7 +54,7 @@
 			</li>
 			<li><a id="changelayout"></a><b>Para cambiar el diseño de diapositiva:</b><ol>
 			<li>en la lista de diapositivas a la izquierda, seleccione las diapositivas a las que quiere aplicar un nuevo diseño,</li>
-			<li>haga clic en el icono <img alt="Icono Cambiar diseño de diapositiva" src="../images/changelayout.png" /> <b>Cambiar diseño de diapositiva</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior,</li>
+			<li>haga clic en el icono <div class = "icon icon-changelayout"></div> <b>Cambiar diseño de diapositiva</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior,</li>
 			<li>seleccione el diseño necesario del menú.<p>De forma alternativa, haga clic con el botón derecho sobre la diapositiva necesaria a la izquierda en el área de edición, luego seleccione la opción <b>Cambiar diseño</b> en el menú contextual y elija el diseño correspondiente.</p>
 			<p class="note"><b>Nota</b>: los siguientes diseños están disponibles: Título, Título y objeto, Encabezado de sección, Dos objetos,Dos textos y dos objetos, Solo título, En blanco, Título, objeto y leyenda, Imagen y leyenda, Texto vertical, Título vertical y texto.</p>
 			</li>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/ViewPresentationInfo.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/ViewPresentationInfo.htm
index d8bce52ab9..d853820226 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/ViewPresentationInfo.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/ViewPresentationInfo.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="View presentation title, author, location, creation date, persons with the rights to view or edit the presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/es/search/js/jquery.min.js b/apps/presentationeditor/main/resources/help/es/search/js/jquery.min.js
index 9a85bd3462..f7b56654c1 100644
--- a/apps/presentationeditor/main/resources/help/es/search/js/jquery.min.js
+++ b/apps/presentationeditor/main/resources/help/es/search/js/jquery.min.js
@@ -2,5 +2,5 @@
 //@ sourceMappingURL=jquery.min.map
 */
 (function(e,undefined){var t,n,r=typeof undefined,i=e.location,o=e.document,s=o.documentElement,a=e.jQuery,u=e.$,l={},c=[],p="2.0.3",f=c.concat,h=c.push,d=c.slice,g=c.indexOf,m=l.toString,y=l.hasOwnProperty,v=p.trim,x=function(e,n){return new x.fn.init(e,n,t)},b=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,w=/\S+/g,T=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,C=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,k=/^-ms-/,N=/-([\da-z])/gi,E=function(e,t){return t.toUpperCase()},S=function(){o.removeEventListener("DOMContentLoaded",S,!1),e.removeEventListener("load",S,!1),x.ready()};x.fn=x.prototype={jquery:p,constructor:x,init:function(e,t,n){var r,i;if(!e)return this;if("string"==typeof e){if(r="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:T.exec(e),!r||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof x?t[0]:t,x.merge(this,x.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:o,!0)),C.test(r[1])&&x.isPlainObject(t))for(r in t)x.isFunction(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return i=o.getElementById(r[2]),i&&i.parentNode&&(this.length=1,this[0]=i),this.context=o,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):x.isFunction(e)?n.ready(e):(e.selector!==undefined&&(this.selector=e.selector,this.context=e.context),x.makeArray(e,this))},selector:"",length:0,toArray:function(){return d.call(this)},get:function(e){return null==e?this.toArray():0>e?this[this.length+e]:this[e]},pushStack:function(e){var t=x.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e,t){return x.each(this,e,t)},ready:function(e){return x.ready.promise().done(e),this},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(0>e?t:0);return this.pushStack(n>=0&&t>n?[this[n]]:[])},map:function(e){return this.pushStack(x.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:h,sort:[].sort,splice:[].splice},x.fn.init.prototype=x.fn,x.extend=x.fn.extend=function(){var e,t,n,r,i,o,s=arguments[0]||{},a=1,u=arguments.length,l=!1;for("boolean"==typeof s&&(l=s,s=arguments[1]||{},a=2),"object"==typeof s||x.isFunction(s)||(s={}),u===a&&(s=this,--a);u>a;a++)if(null!=(e=arguments[a]))for(t in e)n=s[t],r=e[t],s!==r&&(l&&r&&(x.isPlainObject(r)||(i=x.isArray(r)))?(i?(i=!1,o=n&&x.isArray(n)?n:[]):o=n&&x.isPlainObject(n)?n:{},s[t]=x.extend(l,o,r)):r!==undefined&&(s[t]=r));return s},x.extend({expando:"jQuery"+(p+Math.random()).replace(/\D/g,""),noConflict:function(t){return e.$===x&&(e.$=u),t&&e.jQuery===x&&(e.jQuery=a),x},isReady:!1,readyWait:1,holdReady:function(e){e?x.readyWait++:x.ready(!0)},ready:function(e){(e===!0?--x.readyWait:x.isReady)||(x.isReady=!0,e!==!0&&--x.readyWait>0||(n.resolveWith(o,[x]),x.fn.trigger&&x(o).trigger("ready").off("ready")))},isFunction:function(e){return"function"===x.type(e)},isArray:Array.isArray,isWindow:function(e){return null!=e&&e===e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[m.call(e)]||"object":typeof e},isPlainObject:function(e){if("object"!==x.type(e)||e.nodeType||x.isWindow(e))return!1;try{if(e.constructor&&!y.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(t){return!1}return!0},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw Error(e)},parseHTML:function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||o;var r=C.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=x.buildFragment([e],t,i),i&&x(i).remove(),x.merge([],r.childNodes))},parseJSON:JSON.parse,parseXML:function(e){var t,n;if(!e||"string"!=typeof e)return null;try{n=new DOMParser,t=n.parseFromString(e,"text/xml")}catch(r){t=undefined}return(!t||t.getElementsByTagName("parsererror").length)&&x.error("Invalid XML: "+e),t},noop:function(){},globalEval:function(e){var t,n=eval;e=x.trim(e),e&&(1===e.indexOf("use strict")?(t=o.createElement("script"),t.text=e,o.head.appendChild(t).parentNode.removeChild(t)):n(e))},camelCase:function(e){return e.replace(k,"ms-").replace(N,E)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t,n){var r,i=0,o=e.length,s=j(e);if(n){if(s){for(;o>i;i++)if(r=t.apply(e[i],n),r===!1)break}else for(i in e)if(r=t.apply(e[i],n),r===!1)break}else if(s){for(;o>i;i++)if(r=t.call(e[i],i,e[i]),r===!1)break}else for(i in e)if(r=t.call(e[i],i,e[i]),r===!1)break;return e},trim:function(e){return null==e?"":v.call(e)},makeArray:function(e,t){var n=t||[];return null!=e&&(j(Object(e))?x.merge(n,"string"==typeof e?[e]:e):h.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:g.call(t,e,n)},merge:function(e,t){var n=t.length,r=e.length,i=0;if("number"==typeof n)for(;n>i;i++)e[r++]=t[i];else while(t[i]!==undefined)e[r++]=t[i++];return e.length=r,e},grep:function(e,t,n){var r,i=[],o=0,s=e.length;for(n=!!n;s>o;o++)r=!!t(e[o],o),n!==r&&i.push(e[o]);return i},map:function(e,t,n){var r,i=0,o=e.length,s=j(e),a=[];if(s)for(;o>i;i++)r=t(e[i],i,n),null!=r&&(a[a.length]=r);else for(i in e)r=t(e[i],i,n),null!=r&&(a[a.length]=r);return f.apply([],a)},guid:1,proxy:function(e,t){var n,r,i;return"string"==typeof t&&(n=e[t],t=e,e=n),x.isFunction(e)?(r=d.call(arguments,2),i=function(){return e.apply(t||this,r.concat(d.call(arguments)))},i.guid=e.guid=e.guid||x.guid++,i):undefined},access:function(e,t,n,r,i,o,s){var a=0,u=e.length,l=null==n;if("object"===x.type(n)){i=!0;for(a in n)x.access(e,t,a,n[a],!0,o,s)}else if(r!==undefined&&(i=!0,x.isFunction(r)||(s=!0),l&&(s?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(x(e),n)})),t))for(;u>a;a++)t(e[a],n,s?r:r.call(e[a],a,t(e[a],n)));return i?e:l?t.call(e):u?t(e[0],n):o},now:Date.now,swap:function(e,t,n,r){var i,o,s={};for(o in t)s[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=s[o];return i}}),x.ready.promise=function(t){return n||(n=x.Deferred(),"complete"===o.readyState?setTimeout(x.ready):(o.addEventListener("DOMContentLoaded",S,!1),e.addEventListener("load",S,!1))),n.promise(t)},x.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(e,t){l["[object "+t+"]"]=t.toLowerCase()});function j(e){var t=e.length,n=x.type(e);return x.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||"function"!==n&&(0===t||"number"==typeof t&&t>0&&t-1 in e)}t=x(o),function(e,undefined){var t,n,r,i,o,s,a,u,l,c,p,f,h,d,g,m,y,v="sizzle"+-new Date,b=e.document,w=0,T=0,C=st(),k=st(),N=st(),E=!1,S=function(e,t){return e===t?(E=!0,0):0},j=typeof undefined,D=1<<31,A={}.hasOwnProperty,L=[],q=L.pop,H=L.push,O=L.push,F=L.slice,P=L.indexOf||function(e){var t=0,n=this.length;for(;n>t;t++)if(this[t]===e)return t;return-1},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",W="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",$=W.replace("w","w#"),B="\\["+M+"*("+W+")"+M+"*(?:([*^$|!~]?=)"+M+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+$+")|)|)"+M+"*\\]",I=":("+W+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+B.replace(3,8)+")*)|.*)\\)|)",z=RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),_=RegExp("^"+M+"*,"+M+"*"),X=RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=RegExp(M+"*[+~]"),Y=RegExp("="+M+"*([^\\]'\"]*)"+M+"*\\]","g"),V=RegExp(I),G=RegExp("^"+$+"$"),J={ID:RegExp("^#("+W+")"),CLASS:RegExp("^\\.("+W+")"),TAG:RegExp("^("+W.replace("w","w*")+")"),ATTR:RegExp("^"+B),PSEUDO:RegExp("^"+I),CHILD:RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:RegExp("^(?:"+R+")$","i"),needsContext:RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Q=/^[^{]+\{\s*\[native \w/,K=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,Z=/^(?:input|select|textarea|button)$/i,et=/^h\d$/i,tt=/'|\\/g,nt=RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),rt=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:0>r?String.fromCharCode(r+65536):String.fromCharCode(55296|r>>10,56320|1023&r)};try{O.apply(L=F.call(b.childNodes),b.childNodes),L[b.childNodes.length].nodeType}catch(it){O={apply:L.length?function(e,t){H.apply(e,F.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function ot(e,t,r,i){var o,s,a,u,l,f,g,m,x,w;if((t?t.ownerDocument||t:b)!==p&&c(t),t=t||p,r=r||[],!e||"string"!=typeof e)return r;if(1!==(u=t.nodeType)&&9!==u)return[];if(h&&!i){if(o=K.exec(e))if(a=o[1]){if(9===u){if(s=t.getElementById(a),!s||!s.parentNode)return r;if(s.id===a)return r.push(s),r}else if(t.ownerDocument&&(s=t.ownerDocument.getElementById(a))&&y(t,s)&&s.id===a)return r.push(s),r}else{if(o[2])return O.apply(r,t.getElementsByTagName(e)),r;if((a=o[3])&&n.getElementsByClassName&&t.getElementsByClassName)return O.apply(r,t.getElementsByClassName(a)),r}if(n.qsa&&(!d||!d.test(e))){if(m=g=v,x=t,w=9===u&&e,1===u&&"object"!==t.nodeName.toLowerCase()){f=gt(e),(g=t.getAttribute("id"))?m=g.replace(tt,"\\$&"):t.setAttribute("id",m),m="[id='"+m+"'] ",l=f.length;while(l--)f[l]=m+mt(f[l]);x=U.test(e)&&t.parentNode||t,w=f.join(",")}if(w)try{return O.apply(r,x.querySelectorAll(w)),r}catch(T){}finally{g||t.removeAttribute("id")}}}return kt(e.replace(z,"$1"),t,r,i)}function st(){var e=[];function t(n,r){return e.push(n+=" ")>i.cacheLength&&delete t[e.shift()],t[n]=r}return t}function at(e){return e[v]=!0,e}function ut(e){var t=p.createElement("div");try{return!!e(t)}catch(n){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function lt(e,t){var n=e.split("|"),r=e.length;while(r--)i.attrHandle[n[r]]=t}function ct(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&(~t.sourceIndex||D)-(~e.sourceIndex||D);if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function pt(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function ft(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function ht(e){return at(function(t){return t=+t,at(function(n,r){var i,o=e([],n.length,t),s=o.length;while(s--)n[i=o[s]]&&(n[i]=!(r[i]=n[i]))})})}s=ot.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?"HTML"!==t.nodeName:!1},n=ot.support={},c=ot.setDocument=function(e){var t=e?e.ownerDocument||e:b,r=t.defaultView;return t!==p&&9===t.nodeType&&t.documentElement?(p=t,f=t.documentElement,h=!s(t),r&&r.attachEvent&&r!==r.top&&r.attachEvent("onbeforeunload",function(){c()}),n.attributes=ut(function(e){return e.className="i",!e.getAttribute("className")}),n.getElementsByTagName=ut(function(e){return e.appendChild(t.createComment("")),!e.getElementsByTagName("*").length}),n.getElementsByClassName=ut(function(e){return e.innerHTML="<div class='a'></div><div class='a i'></div>",e.firstChild.className="i",2===e.getElementsByClassName("i").length}),n.getById=ut(function(e){return f.appendChild(e).id=v,!t.getElementsByName||!t.getElementsByName(v).length}),n.getById?(i.find.ID=function(e,t){if(typeof t.getElementById!==j&&h){var n=t.getElementById(e);return n&&n.parentNode?[n]:[]}},i.filter.ID=function(e){var t=e.replace(nt,rt);return function(e){return e.getAttribute("id")===t}}):(delete i.find.ID,i.filter.ID=function(e){var t=e.replace(nt,rt);return function(e){var n=typeof e.getAttributeNode!==j&&e.getAttributeNode("id");return n&&n.value===t}}),i.find.TAG=n.getElementsByTagName?function(e,t){return typeof t.getElementsByTagName!==j?t.getElementsByTagName(e):undefined}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},i.find.CLASS=n.getElementsByClassName&&function(e,t){return typeof t.getElementsByClassName!==j&&h?t.getElementsByClassName(e):undefined},g=[],d=[],(n.qsa=Q.test(t.querySelectorAll))&&(ut(function(e){e.innerHTML="<select><option selected=''></option></select>",e.querySelectorAll("[selected]").length||d.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll(":checked").length||d.push(":checked")}),ut(function(e){var n=t.createElement("input");n.setAttribute("type","hidden"),e.appendChild(n).setAttribute("t",""),e.querySelectorAll("[t^='']").length&&d.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll(":enabled").length||d.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),d.push(",.*:")})),(n.matchesSelector=Q.test(m=f.webkitMatchesSelector||f.mozMatchesSelector||f.oMatchesSelector||f.msMatchesSelector))&&ut(function(e){n.disconnectedMatch=m.call(e,"div"),m.call(e,"[s!='']:x"),g.push("!=",I)}),d=d.length&&RegExp(d.join("|")),g=g.length&&RegExp(g.join("|")),y=Q.test(f.contains)||f.compareDocumentPosition?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},S=f.compareDocumentPosition?function(e,r){if(e===r)return E=!0,0;var i=r.compareDocumentPosition&&e.compareDocumentPosition&&e.compareDocumentPosition(r);return i?1&i||!n.sortDetached&&r.compareDocumentPosition(e)===i?e===t||y(b,e)?-1:r===t||y(b,r)?1:l?P.call(l,e)-P.call(l,r):0:4&i?-1:1:e.compareDocumentPosition?-1:1}:function(e,n){var r,i=0,o=e.parentNode,s=n.parentNode,a=[e],u=[n];if(e===n)return E=!0,0;if(!o||!s)return e===t?-1:n===t?1:o?-1:s?1:l?P.call(l,e)-P.call(l,n):0;if(o===s)return ct(e,n);r=e;while(r=r.parentNode)a.unshift(r);r=n;while(r=r.parentNode)u.unshift(r);while(a[i]===u[i])i++;return i?ct(a[i],u[i]):a[i]===b?-1:u[i]===b?1:0},t):p},ot.matches=function(e,t){return ot(e,null,null,t)},ot.matchesSelector=function(e,t){if((e.ownerDocument||e)!==p&&c(e),t=t.replace(Y,"='$1']"),!(!n.matchesSelector||!h||g&&g.test(t)||d&&d.test(t)))try{var r=m.call(e,t);if(r||n.disconnectedMatch||e.document&&11!==e.document.nodeType)return r}catch(i){}return ot(t,p,null,[e]).length>0},ot.contains=function(e,t){return(e.ownerDocument||e)!==p&&c(e),y(e,t)},ot.attr=function(e,t){(e.ownerDocument||e)!==p&&c(e);var r=i.attrHandle[t.toLowerCase()],o=r&&A.call(i.attrHandle,t.toLowerCase())?r(e,t,!h):undefined;return o===undefined?n.attributes||!h?e.getAttribute(t):(o=e.getAttributeNode(t))&&o.specified?o.value:null:o},ot.error=function(e){throw Error("Syntax error, unrecognized expression: "+e)},ot.uniqueSort=function(e){var t,r=[],i=0,o=0;if(E=!n.detectDuplicates,l=!n.sortStable&&e.slice(0),e.sort(S),E){while(t=e[o++])t===e[o]&&(i=r.push(o));while(i--)e.splice(r[i],1)}return e},o=ot.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r];r++)n+=o(t);return n},i=ot.selectors={cacheLength:50,createPseudo:at,match:J,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(nt,rt),e[3]=(e[4]||e[5]||"").replace(nt,rt),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||ot.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&ot.error(e[0]),e},PSEUDO:function(e){var t,n=!e[5]&&e[2];return J.CHILD.test(e[0])?null:(e[3]&&e[4]!==undefined?e[2]=e[4]:n&&V.test(n)&&(t=gt(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(nt,rt).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=C[e+" "];return t||(t=RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&C(e,function(e){return t.test("string"==typeof e.className&&e.className||typeof e.getAttribute!==j&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=ot.attr(r,e);return null==i?"!="===t:t?(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i+" ").indexOf(n)>-1:"|="===t?i===n||i.slice(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),s="last"!==e.slice(-4),a="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,p,f,h,d,g=o!==s?"nextSibling":"previousSibling",m=t.parentNode,y=a&&t.nodeName.toLowerCase(),x=!u&&!a;if(m){if(o){while(g){p=t;while(p=p[g])if(a?p.nodeName.toLowerCase()===y:1===p.nodeType)return!1;d=g="only"===e&&!d&&"nextSibling"}return!0}if(d=[s?m.firstChild:m.lastChild],s&&x){c=m[v]||(m[v]={}),l=c[e]||[],h=l[0]===w&&l[1],f=l[0]===w&&l[2],p=h&&m.childNodes[h];while(p=++h&&p&&p[g]||(f=h=0)||d.pop())if(1===p.nodeType&&++f&&p===t){c[e]=[w,h,f];break}}else if(x&&(l=(t[v]||(t[v]={}))[e])&&l[0]===w)f=l[1];else while(p=++h&&p&&p[g]||(f=h=0)||d.pop())if((a?p.nodeName.toLowerCase()===y:1===p.nodeType)&&++f&&(x&&((p[v]||(p[v]={}))[e]=[w,f]),p===t))break;return f-=i,f===r||0===f%r&&f/r>=0}}},PSEUDO:function(e,t){var n,r=i.pseudos[e]||i.setFilters[e.toLowerCase()]||ot.error("unsupported pseudo: "+e);return r[v]?r(t):r.length>1?(n=[e,e,"",t],i.setFilters.hasOwnProperty(e.toLowerCase())?at(function(e,n){var i,o=r(e,t),s=o.length;while(s--)i=P.call(e,o[s]),e[i]=!(n[i]=o[s])}):function(e){return r(e,0,n)}):r}},pseudos:{not:at(function(e){var t=[],n=[],r=a(e.replace(z,"$1"));return r[v]?at(function(e,t,n,i){var o,s=r(e,null,i,[]),a=e.length;while(a--)(o=s[a])&&(e[a]=!(t[a]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),!n.pop()}}),has:at(function(e){return function(t){return ot(e,t).length>0}}),contains:at(function(e){return function(t){return(t.textContent||t.innerText||o(t)).indexOf(e)>-1}}),lang:at(function(e){return G.test(e||"")||ot.error("unsupported lang: "+e),e=e.replace(nt,rt).toLowerCase(),function(t){var n;do if(n=h?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return n=n.toLowerCase(),n===e||0===n.indexOf(e+"-");while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===f},focus:function(e){return e===p.activeElement&&(!p.hasFocus||p.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeName>"@"||3===e.nodeType||4===e.nodeType)return!1;return!0},parent:function(e){return!i.pseudos.empty(e)},header:function(e){return et.test(e.nodeName)},input:function(e){return Z.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||t.toLowerCase()===e.type)},first:ht(function(){return[0]}),last:ht(function(e,t){return[t-1]}),eq:ht(function(e,t,n){return[0>n?n+t:n]}),even:ht(function(e,t){var n=0;for(;t>n;n+=2)e.push(n);return e}),odd:ht(function(e,t){var n=1;for(;t>n;n+=2)e.push(n);return e}),lt:ht(function(e,t,n){var r=0>n?n+t:n;for(;--r>=0;)e.push(r);return e}),gt:ht(function(e,t,n){var r=0>n?n+t:n;for(;t>++r;)e.push(r);return e})}},i.pseudos.nth=i.pseudos.eq;for(t in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})i.pseudos[t]=pt(t);for(t in{submit:!0,reset:!0})i.pseudos[t]=ft(t);function dt(){}dt.prototype=i.filters=i.pseudos,i.setFilters=new dt;function gt(e,t){var n,r,o,s,a,u,l,c=k[e+" "];if(c)return t?0:c.slice(0);a=e,u=[],l=i.preFilter;while(a){(!n||(r=_.exec(a)))&&(r&&(a=a.slice(r[0].length)||a),u.push(o=[])),n=!1,(r=X.exec(a))&&(n=r.shift(),o.push({value:n,type:r[0].replace(z," ")}),a=a.slice(n.length));for(s in i.filter)!(r=J[s].exec(a))||l[s]&&!(r=l[s](r))||(n=r.shift(),o.push({value:n,type:s,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?ot.error(e):k(e,u).slice(0)}function mt(e){var t=0,n=e.length,r="";for(;n>t;t++)r+=e[t].value;return r}function yt(e,t,n){var i=t.dir,o=n&&"parentNode"===i,s=T++;return t.first?function(t,n,r){while(t=t[i])if(1===t.nodeType||o)return e(t,n,r)}:function(t,n,a){var u,l,c,p=w+" "+s;if(a){while(t=t[i])if((1===t.nodeType||o)&&e(t,n,a))return!0}else while(t=t[i])if(1===t.nodeType||o)if(c=t[v]||(t[v]={}),(l=c[i])&&l[0]===p){if((u=l[1])===!0||u===r)return u===!0}else if(l=c[i]=[p],l[1]=e(t,n,a)||r,l[1]===!0)return!0}}function vt(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function xt(e,t,n,r,i){var o,s=[],a=0,u=e.length,l=null!=t;for(;u>a;a++)(o=e[a])&&(!n||n(o,r,i))&&(s.push(o),l&&t.push(a));return s}function bt(e,t,n,r,i,o){return r&&!r[v]&&(r=bt(r)),i&&!i[v]&&(i=bt(i,o)),at(function(o,s,a,u){var l,c,p,f=[],h=[],d=s.length,g=o||Ct(t||"*",a.nodeType?[a]:a,[]),m=!e||!o&&t?g:xt(g,f,e,a,u),y=n?i||(o?e:d||r)?[]:s:m;if(n&&n(m,y,a,u),r){l=xt(y,h),r(l,[],a,u),c=l.length;while(c--)(p=l[c])&&(y[h[c]]=!(m[h[c]]=p))}if(o){if(i||e){if(i){l=[],c=y.length;while(c--)(p=y[c])&&l.push(m[c]=p);i(null,y=[],l,u)}c=y.length;while(c--)(p=y[c])&&(l=i?P.call(o,p):f[c])>-1&&(o[l]=!(s[l]=p))}}else y=xt(y===s?y.splice(d,y.length):y),i?i(null,s,y,u):O.apply(s,y)})}function wt(e){var t,n,r,o=e.length,s=i.relative[e[0].type],a=s||i.relative[" "],l=s?1:0,c=yt(function(e){return e===t},a,!0),p=yt(function(e){return P.call(t,e)>-1},a,!0),f=[function(e,n,r){return!s&&(r||n!==u)||((t=n).nodeType?c(e,n,r):p(e,n,r))}];for(;o>l;l++)if(n=i.relative[e[l].type])f=[yt(vt(f),n)];else{if(n=i.filter[e[l].type].apply(null,e[l].matches),n[v]){for(r=++l;o>r;r++)if(i.relative[e[r].type])break;return bt(l>1&&vt(f),l>1&&mt(e.slice(0,l-1).concat({value:" "===e[l-2].type?"*":""})).replace(z,"$1"),n,r>l&&wt(e.slice(l,r)),o>r&&wt(e=e.slice(r)),o>r&&mt(e))}f.push(n)}return vt(f)}function Tt(e,t){var n=0,o=t.length>0,s=e.length>0,a=function(a,l,c,f,h){var d,g,m,y=[],v=0,x="0",b=a&&[],T=null!=h,C=u,k=a||s&&i.find.TAG("*",h&&l.parentNode||l),N=w+=null==C?1:Math.random()||.1;for(T&&(u=l!==p&&l,r=n);null!=(d=k[x]);x++){if(s&&d){g=0;while(m=e[g++])if(m(d,l,c)){f.push(d);break}T&&(w=N,r=++n)}o&&((d=!m&&d)&&v--,a&&b.push(d))}if(v+=x,o&&x!==v){g=0;while(m=t[g++])m(b,y,l,c);if(a){if(v>0)while(x--)b[x]||y[x]||(y[x]=q.call(f));y=xt(y)}O.apply(f,y),T&&!a&&y.length>0&&v+t.length>1&&ot.uniqueSort(f)}return T&&(w=N,u=C),b};return o?at(a):a}a=ot.compile=function(e,t){var n,r=[],i=[],o=N[e+" "];if(!o){t||(t=gt(e)),n=t.length;while(n--)o=wt(t[n]),o[v]?r.push(o):i.push(o);o=N(e,Tt(i,r))}return o};function Ct(e,t,n){var r=0,i=t.length;for(;i>r;r++)ot(e,t[r],n);return n}function kt(e,t,r,o){var s,u,l,c,p,f=gt(e);if(!o&&1===f.length){if(u=f[0]=f[0].slice(0),u.length>2&&"ID"===(l=u[0]).type&&n.getById&&9===t.nodeType&&h&&i.relative[u[1].type]){if(t=(i.find.ID(l.matches[0].replace(nt,rt),t)||[])[0],!t)return r;e=e.slice(u.shift().value.length)}s=J.needsContext.test(e)?0:u.length;while(s--){if(l=u[s],i.relative[c=l.type])break;if((p=i.find[c])&&(o=p(l.matches[0].replace(nt,rt),U.test(u[0].type)&&t.parentNode||t))){if(u.splice(s,1),e=o.length&&mt(u),!e)return O.apply(r,o),r;break}}}return a(e,f)(o,t,!h,r,U.test(e)),r}n.sortStable=v.split("").sort(S).join("")===v,n.detectDuplicates=E,c(),n.sortDetached=ut(function(e){return 1&e.compareDocumentPosition(p.createElement("div"))}),ut(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||lt("type|href|height|width",function(e,t,n){return n?undefined:e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),n.attributes&&ut(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||lt("value",function(e,t,n){return n||"input"!==e.nodeName.toLowerCase()?undefined:e.defaultValue}),ut(function(e){return null==e.getAttribute("disabled")})||lt(R,function(e,t,n){var r;return n?undefined:(r=e.getAttributeNode(t))&&r.specified?r.value:e[t]===!0?t.toLowerCase():null}),x.find=ot,x.expr=ot.selectors,x.expr[":"]=x.expr.pseudos,x.unique=ot.uniqueSort,x.text=ot.getText,x.isXMLDoc=ot.isXML,x.contains=ot.contains}(e);var D={};function A(e){var t=D[e]={};return x.each(e.match(w)||[],function(e,n){t[n]=!0}),t}x.Callbacks=function(e){e="string"==typeof e?D[e]||A(e):x.extend({},e);var t,n,r,i,o,s,a=[],u=!e.once&&[],l=function(p){for(t=e.memory&&p,n=!0,s=i||0,i=0,o=a.length,r=!0;a&&o>s;s++)if(a[s].apply(p[0],p[1])===!1&&e.stopOnFalse){t=!1;break}r=!1,a&&(u?u.length&&l(u.shift()):t?a=[]:c.disable())},c={add:function(){if(a){var n=a.length;(function s(t){x.each(t,function(t,n){var r=x.type(n);"function"===r?e.unique&&c.has(n)||a.push(n):n&&n.length&&"string"!==r&&s(n)})})(arguments),r?o=a.length:t&&(i=n,l(t))}return this},remove:function(){return a&&x.each(arguments,function(e,t){var n;while((n=x.inArray(t,a,n))>-1)a.splice(n,1),r&&(o>=n&&o--,s>=n&&s--)}),this},has:function(e){return e?x.inArray(e,a)>-1:!(!a||!a.length)},empty:function(){return a=[],o=0,this},disable:function(){return a=u=t=undefined,this},disabled:function(){return!a},lock:function(){return u=undefined,t||c.disable(),this},locked:function(){return!u},fireWith:function(e,t){return!a||n&&!u||(t=t||[],t=[e,t.slice?t.slice():t],r?u.push(t):l(t)),this},fire:function(){return c.fireWith(this,arguments),this},fired:function(){return!!n}};return c},x.extend({Deferred:function(e){var t=[["resolve","done",x.Callbacks("once memory"),"resolved"],["reject","fail",x.Callbacks("once memory"),"rejected"],["notify","progress",x.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return x.Deferred(function(n){x.each(t,function(t,o){var s=o[0],a=x.isFunction(e[t])&&e[t];i[o[1]](function(){var e=a&&a.apply(this,arguments);e&&x.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[s+"With"](this===r?n.promise():this,a?[e]:arguments)})}),e=null}).promise()},promise:function(e){return null!=e?x.extend(e,r):r}},i={};return r.pipe=r.then,x.each(t,function(e,o){var s=o[2],a=o[3];r[o[1]]=s.add,a&&s.add(function(){n=a},t[1^e][2].disable,t[2][2].lock),i[o[0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=s.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t=0,n=d.call(arguments),r=n.length,i=1!==r||e&&x.isFunction(e.promise)?r:0,o=1===i?e:x.Deferred(),s=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?d.call(arguments):r,n===a?o.notifyWith(t,n):--i||o.resolveWith(t,n)}},a,u,l;if(r>1)for(a=Array(r),u=Array(r),l=Array(r);r>t;t++)n[t]&&x.isFunction(n[t].promise)?n[t].promise().done(s(t,l,n)).fail(o.reject).progress(s(t,u,a)):--i;return i||o.resolveWith(l,n),o.promise()}}),x.support=function(t){var n=o.createElement("input"),r=o.createDocumentFragment(),i=o.createElement("div"),s=o.createElement("select"),a=s.appendChild(o.createElement("option"));return n.type?(n.type="checkbox",t.checkOn=""!==n.value,t.optSelected=a.selected,t.reliableMarginRight=!0,t.boxSizingReliable=!0,t.pixelPosition=!1,n.checked=!0,t.noCloneChecked=n.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!a.disabled,n=o.createElement("input"),n.value="t",n.type="radio",t.radioValue="t"===n.value,n.setAttribute("checked","t"),n.setAttribute("name","t"),r.appendChild(n),t.checkClone=r.cloneNode(!0).cloneNode(!0).lastChild.checked,t.focusinBubbles="onfocusin"in e,i.style.backgroundClip="content-box",i.cloneNode(!0).style.backgroundClip="",t.clearCloneStyle="content-box"===i.style.backgroundClip,x(function(){var n,r,s="padding:0;margin:0;border:0;display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box",a=o.getElementsByTagName("body")[0];a&&(n=o.createElement("div"),n.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",a.appendChild(n).appendChild(i),i.innerHTML="",i.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%",x.swap(a,null!=a.style.zoom?{zoom:1}:{},function(){t.boxSizing=4===i.offsetWidth}),e.getComputedStyle&&(t.pixelPosition="1%"!==(e.getComputedStyle(i,null)||{}).top,t.boxSizingReliable="4px"===(e.getComputedStyle(i,null)||{width:"4px"}).width,r=i.appendChild(o.createElement("div")),r.style.cssText=i.style.cssText=s,r.style.marginRight=r.style.width="0",i.style.width="1px",t.reliableMarginRight=!parseFloat((e.getComputedStyle(r,null)||{}).marginRight)),a.removeChild(n))}),t):t}({});var L,q,H=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,O=/([A-Z])/g;function F(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=x.expando+Math.random()}F.uid=1,F.accepts=function(e){return e.nodeType?1===e.nodeType||9===e.nodeType:!0},F.prototype={key:function(e){if(!F.accepts(e))return 0;var t={},n=e[this.expando];if(!n){n=F.uid++;try{t[this.expando]={value:n},Object.defineProperties(e,t)}catch(r){t[this.expando]=n,x.extend(e,t)}}return this.cache[n]||(this.cache[n]={}),n},set:function(e,t,n){var r,i=this.key(e),o=this.cache[i];if("string"==typeof t)o[t]=n;else if(x.isEmptyObject(o))x.extend(this.cache[i],t);else for(r in t)o[r]=t[r];return o},get:function(e,t){var n=this.cache[this.key(e)];return t===undefined?n:n[t]},access:function(e,t,n){var r;return t===undefined||t&&"string"==typeof t&&n===undefined?(r=this.get(e,t),r!==undefined?r:this.get(e,x.camelCase(t))):(this.set(e,t,n),n!==undefined?n:t)},remove:function(e,t){var n,r,i,o=this.key(e),s=this.cache[o];if(t===undefined)this.cache[o]={};else{x.isArray(t)?r=t.concat(t.map(x.camelCase)):(i=x.camelCase(t),t in s?r=[t,i]:(r=i,r=r in s?[r]:r.match(w)||[])),n=r.length;while(n--)delete s[r[n]]}},hasData:function(e){return!x.isEmptyObject(this.cache[e[this.expando]]||{})},discard:function(e){e[this.expando]&&delete this.cache[e[this.expando]]}},L=new F,q=new F,x.extend({acceptData:F.accepts,hasData:function(e){return L.hasData(e)||q.hasData(e)},data:function(e,t,n){return L.access(e,t,n)},removeData:function(e,t){L.remove(e,t)},_data:function(e,t,n){return q.access(e,t,n)},_removeData:function(e,t){q.remove(e,t)}}),x.fn.extend({data:function(e,t){var n,r,i=this[0],o=0,s=null;if(e===undefined){if(this.length&&(s=L.get(i),1===i.nodeType&&!q.get(i,"hasDataAttrs"))){for(n=i.attributes;n.length>o;o++)r=n[o].name,0===r.indexOf("data-")&&(r=x.camelCase(r.slice(5)),P(i,r,s[r]));q.set(i,"hasDataAttrs",!0)}return s}return"object"==typeof e?this.each(function(){L.set(this,e)}):x.access(this,function(t){var n,r=x.camelCase(e);if(i&&t===undefined){if(n=L.get(i,e),n!==undefined)return n;if(n=L.get(i,r),n!==undefined)return n;if(n=P(i,r,undefined),n!==undefined)return n}else this.each(function(){var n=L.get(this,r);L.set(this,r,t),-1!==e.indexOf("-")&&n!==undefined&&L.set(this,e,t)})},null,t,arguments.length>1,null,!0)},removeData:function(e){return this.each(function(){L.remove(this,e)})}});function P(e,t,n){var r;if(n===undefined&&1===e.nodeType)if(r="data-"+t.replace(O,"-$1").toLowerCase(),n=e.getAttribute(r),"string"==typeof n){try{n="true"===n?!0:"false"===n?!1:"null"===n?null:+n+""===n?+n:H.test(n)?JSON.parse(n):n}catch(i){}L.set(e,t,n)}else n=undefined;return n}x.extend({queue:function(e,t,n){var r;return e?(t=(t||"fx")+"queue",r=q.get(e,t),n&&(!r||x.isArray(n)?r=q.access(e,t,x.makeArray(n)):r.push(n)),r||[]):undefined},dequeue:function(e,t){t=t||"fx";var n=x.queue(e,t),r=n.length,i=n.shift(),o=x._queueHooks(e,t),s=function(){x.dequeue(e,t)
-};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,s,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return q.get(e,n)||q.access(e,n,{empty:x.Callbacks("once memory").add(function(){q.remove(e,[t+"queue",n])})})}}),x.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),n>arguments.length?x.queue(this[0],e):t===undefined?this:this.each(function(){var n=x.queue(this,e,t);x._queueHooks(this,e),"fx"===e&&"inprogress"!==n[0]&&x.dequeue(this,e)})},dequeue:function(e){return this.each(function(){x.dequeue(this,e)})},delay:function(e,t){return e=x.fx?x.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=x.Deferred(),o=this,s=this.length,a=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=undefined),e=e||"fx";while(s--)n=q.get(o[s],e+"queueHooks"),n&&n.empty&&(r++,n.empty.add(a));return a(),i.promise(t)}});var R,M,W=/[\t\r\n\f]/g,$=/\r/g,B=/^(?:input|select|textarea|button)$/i;x.fn.extend({attr:function(e,t){return x.access(this,x.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){x.removeAttr(this,e)})},prop:function(e,t){return x.access(this,x.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[x.propFix[e]||e]})},addClass:function(e){var t,n,r,i,o,s=0,a=this.length,u="string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).addClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=x.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,s=0,a=this.length,u=0===arguments.length||"string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).removeClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?x.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):x.isFunction(e)?this.each(function(n){x(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var t,i=0,o=x(this),s=e.match(w)||[];while(t=s[i++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else(n===r||"boolean"===n)&&(this.className&&q.set(this,"__className__",this.className),this.className=this.className||e===!1?"":q.get(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(W," ").indexOf(t)>=0)return!0;return!1},val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=x.isFunction(e),this.each(function(n){var i;1===this.nodeType&&(i=r?e.call(this,n,x(this).val()):e,null==i?i="":"number"==typeof i?i+="":x.isArray(i)&&(i=x.map(i,function(e){return null==e?"":e+""})),t=x.valHooks[this.type]||x.valHooks[this.nodeName.toLowerCase()],t&&"set"in t&&t.set(this,i,"value")!==undefined||(this.value=i))});if(i)return t=x.valHooks[i.type]||x.valHooks[i.nodeName.toLowerCase()],t&&"get"in t&&(n=t.get(i,"value"))!==undefined?n:(n=i.value,"string"==typeof n?n.replace($,""):null==n?"":n)}}}),x.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,s=o?null:[],a=o?i+1:r.length,u=0>i?a:o?i:0;for(;a>u;u++)if(n=r[u],!(!n.selected&&u!==i||(x.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&x.nodeName(n.parentNode,"optgroup"))){if(t=x(n).val(),o)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=x.makeArray(t),s=i.length;while(s--)r=i[s],(r.selected=x.inArray(x(r).val(),o)>=0)&&(n=!0);return n||(e.selectedIndex=-1),o}}},attr:function(e,t,n){var i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return typeof e.getAttribute===r?x.prop(e,t,n):(1===s&&x.isXMLDoc(e)||(t=t.toLowerCase(),i=x.attrHooks[t]||(x.expr.match.bool.test(t)?M:R)),n===undefined?i&&"get"in i&&null!==(o=i.get(e,t))?o:(o=x.find.attr(e,t),null==o?undefined:o):null!==n?i&&"set"in i&&(o=i.set(e,n,t))!==undefined?o:(e.setAttribute(t,n+""),n):(x.removeAttr(e,t),undefined))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(w);if(o&&1===e.nodeType)while(n=o[i++])r=x.propFix[n]||n,x.expr.match.bool.test(n)&&(e[r]=!1),e.removeAttribute(n)},attrHooks:{type:{set:function(e,t){if(!x.support.radioValue&&"radio"===t&&x.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{"for":"htmlFor","class":"className"},prop:function(e,t,n){var r,i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return o=1!==s||!x.isXMLDoc(e),o&&(t=x.propFix[t]||t,i=x.propHooks[t]),n!==undefined?i&&"set"in i&&(r=i.set(e,n,t))!==undefined?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){return e.hasAttribute("tabindex")||B.test(e.nodeName)||e.href?e.tabIndex:-1}}}}),M={set:function(e,t,n){return t===!1?x.removeAttr(e,n):e.setAttribute(n,n),n}},x.each(x.expr.match.bool.source.match(/\w+/g),function(e,t){var n=x.expr.attrHandle[t]||x.find.attr;x.expr.attrHandle[t]=function(e,t,r){var i=x.expr.attrHandle[t],o=r?undefined:(x.expr.attrHandle[t]=undefined)!=n(e,t,r)?t.toLowerCase():null;return x.expr.attrHandle[t]=i,o}}),x.support.optSelected||(x.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null}}),x.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){x.propFix[this.toLowerCase()]=this}),x.each(["radio","checkbox"],function(){x.valHooks[this]={set:function(e,t){return x.isArray(t)?e.checked=x.inArray(x(e).val(),t)>=0:undefined}},x.support.checkOn||(x.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var I=/^key/,z=/^(?:mouse|contextmenu)|click/,_=/^(?:focusinfocus|focusoutblur)$/,X=/^([^.]*)(?:\.(.+)|)$/;function U(){return!0}function Y(){return!1}function V(){try{return o.activeElement}catch(e){}}x.event={global:{},add:function(e,t,n,i,o){var s,a,u,l,c,p,f,h,d,g,m,y=q.get(e);if(y){n.handler&&(s=n,n=s.handler,o=s.selector),n.guid||(n.guid=x.guid++),(l=y.events)||(l=y.events={}),(a=y.handle)||(a=y.handle=function(e){return typeof x===r||e&&x.event.triggered===e.type?undefined:x.event.dispatch.apply(a.elem,arguments)},a.elem=e),t=(t||"").match(w)||[""],c=t.length;while(c--)u=X.exec(t[c])||[],d=m=u[1],g=(u[2]||"").split(".").sort(),d&&(f=x.event.special[d]||{},d=(o?f.delegateType:f.bindType)||d,f=x.event.special[d]||{},p=x.extend({type:d,origType:m,data:i,handler:n,guid:n.guid,selector:o,needsContext:o&&x.expr.match.needsContext.test(o),namespace:g.join(".")},s),(h=l[d])||(h=l[d]=[],h.delegateCount=0,f.setup&&f.setup.call(e,i,g,a)!==!1||e.addEventListener&&e.addEventListener(d,a,!1)),f.add&&(f.add.call(e,p),p.handler.guid||(p.handler.guid=n.guid)),o?h.splice(h.delegateCount++,0,p):h.push(p),x.event.global[d]=!0);e=null}},remove:function(e,t,n,r,i){var o,s,a,u,l,c,p,f,h,d,g,m=q.hasData(e)&&q.get(e);if(m&&(u=m.events)){t=(t||"").match(w)||[""],l=t.length;while(l--)if(a=X.exec(t[l])||[],h=g=a[1],d=(a[2]||"").split(".").sort(),h){p=x.event.special[h]||{},h=(r?p.delegateType:p.bindType)||h,f=u[h]||[],a=a[2]&&RegExp("(^|\\.)"+d.join("\\.(?:.*\\.|)")+"(\\.|$)"),s=o=f.length;while(o--)c=f[o],!i&&g!==c.origType||n&&n.guid!==c.guid||a&&!a.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(f.splice(o,1),c.selector&&f.delegateCount--,p.remove&&p.remove.call(e,c));s&&!f.length&&(p.teardown&&p.teardown.call(e,d,m.handle)!==!1||x.removeEvent(e,h,m.handle),delete u[h])}else for(h in u)x.event.remove(e,h+t[l],n,r,!0);x.isEmptyObject(u)&&(delete m.handle,q.remove(e,"events"))}},trigger:function(t,n,r,i){var s,a,u,l,c,p,f,h=[r||o],d=y.call(t,"type")?t.type:t,g=y.call(t,"namespace")?t.namespace.split("."):[];if(a=u=r=r||o,3!==r.nodeType&&8!==r.nodeType&&!_.test(d+x.event.triggered)&&(d.indexOf(".")>=0&&(g=d.split("."),d=g.shift(),g.sort()),c=0>d.indexOf(":")&&"on"+d,t=t[x.expando]?t:new x.Event(d,"object"==typeof t&&t),t.isTrigger=i?2:3,t.namespace=g.join("."),t.namespace_re=t.namespace?RegExp("(^|\\.)"+g.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=undefined,t.target||(t.target=r),n=null==n?[t]:x.makeArray(n,[t]),f=x.event.special[d]||{},i||!f.trigger||f.trigger.apply(r,n)!==!1)){if(!i&&!f.noBubble&&!x.isWindow(r)){for(l=f.delegateType||d,_.test(l+d)||(a=a.parentNode);a;a=a.parentNode)h.push(a),u=a;u===(r.ownerDocument||o)&&h.push(u.defaultView||u.parentWindow||e)}s=0;while((a=h[s++])&&!t.isPropagationStopped())t.type=s>1?l:f.bindType||d,p=(q.get(a,"events")||{})[t.type]&&q.get(a,"handle"),p&&p.apply(a,n),p=c&&a[c],p&&x.acceptData(a)&&p.apply&&p.apply(a,n)===!1&&t.preventDefault();return t.type=d,i||t.isDefaultPrevented()||f._default&&f._default.apply(h.pop(),n)!==!1||!x.acceptData(r)||c&&x.isFunction(r[d])&&!x.isWindow(r)&&(u=r[c],u&&(r[c]=null),x.event.triggered=d,r[d](),x.event.triggered=undefined,u&&(r[c]=u)),t.result}},dispatch:function(e){e=x.event.fix(e);var t,n,r,i,o,s=[],a=d.call(arguments),u=(q.get(this,"events")||{})[e.type]||[],l=x.event.special[e.type]||{};if(a[0]=e,e.delegateTarget=this,!l.preDispatch||l.preDispatch.call(this,e)!==!1){s=x.event.handlers.call(this,e,u),t=0;while((i=s[t++])&&!e.isPropagationStopped()){e.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(o.namespace))&&(e.handleObj=o,e.data=o.data,r=((x.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,a),r!==undefined&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return l.postDispatch&&l.postDispatch.call(this,e),e.result}},handlers:function(e,t){var n,r,i,o,s=[],a=t.delegateCount,u=e.target;if(a&&u.nodeType&&(!e.button||"click"!==e.type))for(;u!==this;u=u.parentNode||this)if(u.disabled!==!0||"click"!==e.type){for(r=[],n=0;a>n;n++)o=t[n],i=o.selector+" ",r[i]===undefined&&(r[i]=o.needsContext?x(i,this).index(u)>=0:x.find(i,this,null,[u]).length),r[i]&&r.push(o);r.length&&s.push({elem:u,handlers:r})}return t.length>a&&s.push({elem:this,handlers:t.slice(a)}),s},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,t){var n,r,i,s=t.button;return null==e.pageX&&null!=t.clientX&&(n=e.target.ownerDocument||o,r=n.documentElement,i=n.body,e.pageX=t.clientX+(r&&r.scrollLeft||i&&i.scrollLeft||0)-(r&&r.clientLeft||i&&i.clientLeft||0),e.pageY=t.clientY+(r&&r.scrollTop||i&&i.scrollTop||0)-(r&&r.clientTop||i&&i.clientTop||0)),e.which||s===undefined||(e.which=1&s?1:2&s?3:4&s?2:0),e}},fix:function(e){if(e[x.expando])return e;var t,n,r,i=e.type,s=e,a=this.fixHooks[i];a||(this.fixHooks[i]=a=z.test(i)?this.mouseHooks:I.test(i)?this.keyHooks:{}),r=a.props?this.props.concat(a.props):this.props,e=new x.Event(s),t=r.length;while(t--)n=r[t],e[n]=s[n];return e.target||(e.target=o),3===e.target.nodeType&&(e.target=e.target.parentNode),a.filter?a.filter(e,s):e},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==V()&&this.focus?(this.focus(),!1):undefined},delegateType:"focusin"},blur:{trigger:function(){return this===V()&&this.blur?(this.blur(),!1):undefined},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&x.nodeName(this,"input")?(this.click(),!1):undefined},_default:function(e){return x.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){e.result!==undefined&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=x.extend(new x.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?x.event.trigger(i,null,t):x.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},x.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)},x.Event=function(e,t){return this instanceof x.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.getPreventDefault&&e.getPreventDefault()?U:Y):this.type=e,t&&x.extend(this,t),this.timeStamp=e&&e.timeStamp||x.now(),this[x.expando]=!0,undefined):new x.Event(e,t)},x.Event.prototype={isDefaultPrevented:Y,isPropagationStopped:Y,isImmediatePropagationStopped:Y,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=U,e&&e.preventDefault&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=U,e&&e.stopPropagation&&e.stopPropagation()},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=U,this.stopPropagation()}},x.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){x.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return(!i||i!==r&&!x.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),x.support.focusinBubbles||x.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){x.event.simulate(t,e.target,x.event.fix(e),!0)};x.event.special[t]={setup:function(){0===n++&&o.addEventListener(e,r,!0)},teardown:function(){0===--n&&o.removeEventListener(e,r,!0)}}}),x.fn.extend({on:function(e,t,n,r,i){var o,s;if("object"==typeof e){"string"!=typeof t&&(n=n||t,t=undefined);for(s in e)this.on(s,t,n,e[s],i);return this}if(null==n&&null==r?(r=t,n=t=undefined):null==r&&("string"==typeof t?(r=n,n=undefined):(r=n,n=t,t=undefined)),r===!1)r=Y;else if(!r)return this;return 1===i&&(o=r,r=function(e){return x().off(e),o.apply(this,arguments)},r.guid=o.guid||(o.guid=x.guid++)),this.each(function(){x.event.add(this,e,r,n,t)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,x(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return(t===!1||"function"==typeof t)&&(n=t,t=undefined),n===!1&&(n=Y),this.each(function(){x.event.remove(this,e,n,t)})},trigger:function(e,t){return this.each(function(){x.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];return n?x.event.trigger(e,t,n,!0):undefined}});var G=/^.[^:#\[\.,]*$/,J=/^(?:parents|prev(?:Until|All))/,Q=x.expr.match.needsContext,K={children:!0,contents:!0,next:!0,prev:!0};x.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(x(e).filter(function(){for(t=0;i>t;t++)if(x.contains(r[t],this))return!0}));for(t=0;i>t;t++)x.find(e,r[t],n);return n=this.pushStack(i>1?x.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},has:function(e){var t=x(e,this),n=t.length;return this.filter(function(){var e=0;for(;n>e;e++)if(x.contains(this,t[e]))return!0})},not:function(e){return this.pushStack(et(this,e||[],!0))},filter:function(e){return this.pushStack(et(this,e||[],!1))},is:function(e){return!!et(this,"string"==typeof e&&Q.test(e)?x(e):e||[],!1).length},closest:function(e,t){var n,r=0,i=this.length,o=[],s=Q.test(e)||"string"!=typeof e?x(e,t||this.context):0;for(;i>r;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(11>n.nodeType&&(s?s.index(n)>-1:1===n.nodeType&&x.find.matchesSelector(n,e))){n=o.push(n);break}return this.pushStack(o.length>1?x.unique(o):o)},index:function(e){return e?"string"==typeof e?g.call(x(e),this[0]):g.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?x(e,t):x.makeArray(e&&e.nodeType?[e]:e),r=x.merge(this.get(),n);return this.pushStack(x.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function Z(e,t){while((e=e[t])&&1!==e.nodeType);return e}x.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return x.dir(e,"parentNode")},parentsUntil:function(e,t,n){return x.dir(e,"parentNode",n)},next:function(e){return Z(e,"nextSibling")},prev:function(e){return Z(e,"previousSibling")},nextAll:function(e){return x.dir(e,"nextSibling")},prevAll:function(e){return x.dir(e,"previousSibling")},nextUntil:function(e,t,n){return x.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return x.dir(e,"previousSibling",n)},siblings:function(e){return x.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return x.sibling(e.firstChild)},contents:function(e){return e.contentDocument||x.merge([],e.childNodes)}},function(e,t){x.fn[e]=function(n,r){var i=x.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=x.filter(r,i)),this.length>1&&(K[e]||x.unique(i),J.test(e)&&i.reverse()),this.pushStack(i)}}),x.extend({filter:function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?x.find.matchesSelector(r,e)?[r]:[]:x.find.matches(e,x.grep(t,function(e){return 1===e.nodeType}))},dir:function(e,t,n){var r=[],i=n!==undefined;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&x(e).is(n))break;r.push(e)}return r},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function et(e,t,n){if(x.isFunction(t))return x.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return x.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(G.test(t))return x.filter(t,e,n);t=x.filter(t,e)}return x.grep(e,function(e){return g.call(t,e)>=0!==n})}var tt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,nt=/<([\w:]+)/,rt=/<|&#?\w+;/,it=/<(?:script|style|link)/i,ot=/^(?:checkbox|radio)$/i,st=/checked\s*(?:[^=]|=\s*.checked.)/i,at=/^$|\/(?:java|ecma)script/i,ut=/^true\/(.*)/,lt=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,ct={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};ct.optgroup=ct.option,ct.tbody=ct.tfoot=ct.colgroup=ct.caption=ct.thead,ct.th=ct.td,x.fn.extend({text:function(e){return x.access(this,function(e){return e===undefined?x.text(this):this.empty().append((this[0]&&this[0].ownerDocument||o).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.appendChild(e)}})},prepend:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=e?x.filter(e,this):this,i=0;for(;null!=(n=r[i]);i++)t||1!==n.nodeType||x.cleanData(mt(n)),n.parentNode&&(t&&x.contains(n.ownerDocument,n)&&dt(mt(n,"script")),n.parentNode.removeChild(n));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++)1===e.nodeType&&(x.cleanData(mt(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return x.clone(this,e,t)})},html:function(e){return x.access(this,function(e){var t=this[0]||{},n=0,r=this.length;if(e===undefined&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!it.test(e)&&!ct[(nt.exec(e)||["",""])[1].toLowerCase()]){e=e.replace(tt,"<$1></$2>");try{for(;r>n;n++)t=this[n]||{},1===t.nodeType&&(x.cleanData(mt(t,!1)),t.innerHTML=e);t=0}catch(i){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=x.map(this,function(e){return[e.nextSibling,e.parentNode]}),t=0;return this.domManip(arguments,function(n){var r=e[t++],i=e[t++];i&&(r&&r.parentNode!==i&&(r=this.nextSibling),x(this).remove(),i.insertBefore(n,r))},!0),t?this:this.remove()},detach:function(e){return this.remove(e,!0)},domManip:function(e,t,n){e=f.apply([],e);var r,i,o,s,a,u,l=0,c=this.length,p=this,h=c-1,d=e[0],g=x.isFunction(d);if(g||!(1>=c||"string"!=typeof d||x.support.checkClone)&&st.test(d))return this.each(function(r){var i=p.eq(r);g&&(e[0]=d.call(this,r,i.html())),i.domManip(e,t,n)});if(c&&(r=x.buildFragment(e,this[0].ownerDocument,!1,!n&&this),i=r.firstChild,1===r.childNodes.length&&(r=i),i)){for(o=x.map(mt(r,"script"),ft),s=o.length;c>l;l++)a=r,l!==h&&(a=x.clone(a,!0,!0),s&&x.merge(o,mt(a,"script"))),t.call(this[l],a,l);if(s)for(u=o[o.length-1].ownerDocument,x.map(o,ht),l=0;s>l;l++)a=o[l],at.test(a.type||"")&&!q.access(a,"globalEval")&&x.contains(u,a)&&(a.src?x._evalUrl(a.src):x.globalEval(a.textContent.replace(lt,"")))}return this}}),x.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){x.fn[e]=function(e){var n,r=[],i=x(e),o=i.length-1,s=0;for(;o>=s;s++)n=s===o?this:this.clone(!0),x(i[s])[t](n),h.apply(r,n.get());return this.pushStack(r)}}),x.extend({clone:function(e,t,n){var r,i,o,s,a=e.cloneNode(!0),u=x.contains(e.ownerDocument,e);if(!(x.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||x.isXMLDoc(e)))for(s=mt(a),o=mt(e),r=0,i=o.length;i>r;r++)yt(o[r],s[r]);if(t)if(n)for(o=o||mt(e),s=s||mt(a),r=0,i=o.length;i>r;r++)gt(o[r],s[r]);else gt(e,a);return s=mt(a,"script"),s.length>0&&dt(s,!u&&mt(e,"script")),a},buildFragment:function(e,t,n,r){var i,o,s,a,u,l,c=0,p=e.length,f=t.createDocumentFragment(),h=[];for(;p>c;c++)if(i=e[c],i||0===i)if("object"===x.type(i))x.merge(h,i.nodeType?[i]:i);else if(rt.test(i)){o=o||f.appendChild(t.createElement("div")),s=(nt.exec(i)||["",""])[1].toLowerCase(),a=ct[s]||ct._default,o.innerHTML=a[1]+i.replace(tt,"<$1></$2>")+a[2],l=a[0];while(l--)o=o.lastChild;x.merge(h,o.childNodes),o=f.firstChild,o.textContent=""}else h.push(t.createTextNode(i));f.textContent="",c=0;while(i=h[c++])if((!r||-1===x.inArray(i,r))&&(u=x.contains(i.ownerDocument,i),o=mt(f.appendChild(i),"script"),u&&dt(o),n)){l=0;while(i=o[l++])at.test(i.type||"")&&n.push(i)}return f},cleanData:function(e){var t,n,r,i,o,s,a=x.event.special,u=0;for(;(n=e[u])!==undefined;u++){if(F.accepts(n)&&(o=n[q.expando],o&&(t=q.cache[o]))){if(r=Object.keys(t.events||{}),r.length)for(s=0;(i=r[s])!==undefined;s++)a[i]?x.event.remove(n,i):x.removeEvent(n,i,t.handle);q.cache[o]&&delete q.cache[o]}delete L.cache[n[L.expando]]}},_evalUrl:function(e){return x.ajax({url:e,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})}});function pt(e,t){return x.nodeName(e,"table")&&x.nodeName(1===t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function ft(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function ht(e){var t=ut.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function dt(e,t){var n=e.length,r=0;for(;n>r;r++)q.set(e[r],"globalEval",!t||q.get(t[r],"globalEval"))}function gt(e,t){var n,r,i,o,s,a,u,l;if(1===t.nodeType){if(q.hasData(e)&&(o=q.access(e),s=q.set(t,o),l=o.events)){delete s.handle,s.events={};for(i in l)for(n=0,r=l[i].length;r>n;n++)x.event.add(t,i,l[i][n])}L.hasData(e)&&(a=L.access(e),u=x.extend({},a),L.set(t,u))}}function mt(e,t){var n=e.getElementsByTagName?e.getElementsByTagName(t||"*"):e.querySelectorAll?e.querySelectorAll(t||"*"):[];return t===undefined||t&&x.nodeName(e,t)?x.merge([e],n):n}function yt(e,t){var n=t.nodeName.toLowerCase();"input"===n&&ot.test(e.type)?t.checked=e.checked:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}x.fn.extend({wrapAll:function(e){var t;return x.isFunction(e)?this.each(function(t){x(this).wrapAll(e.call(this,t))}):(this[0]&&(t=x(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this)},wrapInner:function(e){return x.isFunction(e)?this.each(function(t){x(this).wrapInner(e.call(this,t))}):this.each(function(){var t=x(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=x.isFunction(e);return this.each(function(n){x(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){x.nodeName(this,"body")||x(this).replaceWith(this.childNodes)}).end()}});var vt,xt,bt=/^(none|table(?!-c[ea]).+)/,wt=/^margin/,Tt=RegExp("^("+b+")(.*)$","i"),Ct=RegExp("^("+b+")(?!px)[a-z%]+$","i"),kt=RegExp("^([+-])=("+b+")","i"),Nt={BODY:"block"},Et={position:"absolute",visibility:"hidden",display:"block"},St={letterSpacing:0,fontWeight:400},jt=["Top","Right","Bottom","Left"],Dt=["Webkit","O","Moz","ms"];function At(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=Dt.length;while(i--)if(t=Dt[i]+n,t in e)return t;return r}function Lt(e,t){return e=t||e,"none"===x.css(e,"display")||!x.contains(e.ownerDocument,e)}function qt(t){return e.getComputedStyle(t,null)}function Ht(e,t){var n,r,i,o=[],s=0,a=e.length;for(;a>s;s++)r=e[s],r.style&&(o[s]=q.get(r,"olddisplay"),n=r.style.display,t?(o[s]||"none"!==n||(r.style.display=""),""===r.style.display&&Lt(r)&&(o[s]=q.access(r,"olddisplay",Rt(r.nodeName)))):o[s]||(i=Lt(r),(n&&"none"!==n||!i)&&q.set(r,"olddisplay",i?n:x.css(r,"display"))));for(s=0;a>s;s++)r=e[s],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[s]||"":"none"));return e}x.fn.extend({css:function(e,t){return x.access(this,function(e,t,n){var r,i,o={},s=0;if(x.isArray(t)){for(r=qt(e),i=t.length;i>s;s++)o[t[s]]=x.css(e,t[s],!1,r);return o}return n!==undefined?x.style(e,t,n):x.css(e,t)},e,t,arguments.length>1)},show:function(){return Ht(this,!0)},hide:function(){return Ht(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){Lt(this)?x(this).show():x(this).hide()})}}),x.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=vt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,s,a=x.camelCase(t),u=e.style;return t=x.cssProps[a]||(x.cssProps[a]=At(u,a)),s=x.cssHooks[t]||x.cssHooks[a],n===undefined?s&&"get"in s&&(i=s.get(e,!1,r))!==undefined?i:u[t]:(o=typeof n,"string"===o&&(i=kt.exec(n))&&(n=(i[1]+1)*i[2]+parseFloat(x.css(e,t)),o="number"),null==n||"number"===o&&isNaN(n)||("number"!==o||x.cssNumber[a]||(n+="px"),x.support.clearCloneStyle||""!==n||0!==t.indexOf("background")||(u[t]="inherit"),s&&"set"in s&&(n=s.set(e,n,r))===undefined||(u[t]=n)),undefined)}},css:function(e,t,n,r){var i,o,s,a=x.camelCase(t);return t=x.cssProps[a]||(x.cssProps[a]=At(e.style,a)),s=x.cssHooks[t]||x.cssHooks[a],s&&"get"in s&&(i=s.get(e,!0,n)),i===undefined&&(i=vt(e,t,r)),"normal"===i&&t in St&&(i=St[t]),""===n||n?(o=parseFloat(i),n===!0||x.isNumeric(o)?o||0:i):i}}),vt=function(e,t,n){var r,i,o,s=n||qt(e),a=s?s.getPropertyValue(t)||s[t]:undefined,u=e.style;return s&&(""!==a||x.contains(e.ownerDocument,e)||(a=x.style(e,t)),Ct.test(a)&&wt.test(t)&&(r=u.width,i=u.minWidth,o=u.maxWidth,u.minWidth=u.maxWidth=u.width=a,a=s.width,u.width=r,u.minWidth=i,u.maxWidth=o)),a};function Ot(e,t,n){var r=Tt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function Ft(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,s=0;for(;4>o;o+=2)"margin"===n&&(s+=x.css(e,n+jt[o],!0,i)),r?("content"===n&&(s-=x.css(e,"padding"+jt[o],!0,i)),"margin"!==n&&(s-=x.css(e,"border"+jt[o]+"Width",!0,i))):(s+=x.css(e,"padding"+jt[o],!0,i),"padding"!==n&&(s+=x.css(e,"border"+jt[o]+"Width",!0,i)));return s}function Pt(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=qt(e),s=x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=vt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Ct.test(i))return i;r=s&&(x.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+Ft(e,t,n||(s?"border":"content"),r,o)+"px"}function Rt(e){var t=o,n=Nt[e];return n||(n=Mt(e,t),"none"!==n&&n||(xt=(xt||x("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(t.documentElement),t=(xt[0].contentWindow||xt[0].contentDocument).document,t.write("<!doctype html><html><body>"),t.close(),n=Mt(e,t),xt.detach()),Nt[e]=n),n}function Mt(e,t){var n=x(t.createElement(e)).appendTo(t.body),r=x.css(n[0],"display");return n.remove(),r}x.each(["height","width"],function(e,t){x.cssHooks[t]={get:function(e,n,r){return n?0===e.offsetWidth&&bt.test(x.css(e,"display"))?x.swap(e,Et,function(){return Pt(e,t,r)}):Pt(e,t,r):undefined},set:function(e,n,r){var i=r&&qt(e);return Ot(e,n,r?Ft(e,t,r,x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,i),i):0)}}}),x(function(){x.support.reliableMarginRight||(x.cssHooks.marginRight={get:function(e,t){return t?x.swap(e,{display:"inline-block"},vt,[e,"marginRight"]):undefined}}),!x.support.pixelPosition&&x.fn.position&&x.each(["top","left"],function(e,t){x.cssHooks[t]={get:function(e,n){return n?(n=vt(e,t),Ct.test(n)?x(e).position()[t]+"px":n):undefined}}})}),x.expr&&x.expr.filters&&(x.expr.filters.hidden=function(e){return 0>=e.offsetWidth&&0>=e.offsetHeight},x.expr.filters.visible=function(e){return!x.expr.filters.hidden(e)}),x.each({margin:"",padding:"",border:"Width"},function(e,t){x.cssHooks[e+t]={expand:function(n){var r=0,i={},o="string"==typeof n?n.split(" "):[n];for(;4>r;r++)i[e+jt[r]+t]=o[r]||o[r-2]||o[0];return i}},wt.test(e)||(x.cssHooks[e+t].set=Ot)});var Wt=/%20/g,$t=/\[\]$/,Bt=/\r?\n/g,It=/^(?:submit|button|image|reset|file)$/i,zt=/^(?:input|select|textarea|keygen)/i;x.fn.extend({serialize:function(){return x.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=x.prop(this,"elements");return e?x.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!x(this).is(":disabled")&&zt.test(this.nodeName)&&!It.test(e)&&(this.checked||!ot.test(e))}).map(function(e,t){var n=x(this).val();return null==n?null:x.isArray(n)?x.map(n,function(e){return{name:t.name,value:e.replace(Bt,"\r\n")}}):{name:t.name,value:n.replace(Bt,"\r\n")}}).get()}}),x.param=function(e,t){var n,r=[],i=function(e,t){t=x.isFunction(t)?t():null==t?"":t,r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(t===undefined&&(t=x.ajaxSettings&&x.ajaxSettings.traditional),x.isArray(e)||e.jquery&&!x.isPlainObject(e))x.each(e,function(){i(this.name,this.value)});else for(n in e)_t(n,e[n],t,i);return r.join("&").replace(Wt,"+")};function _t(e,t,n,r){var i;if(x.isArray(t))x.each(t,function(t,i){n||$t.test(e)?r(e,i):_t(e+"["+("object"==typeof i?t:"")+"]",i,n,r)});else if(n||"object"!==x.type(t))r(e,t);else for(i in t)_t(e+"["+i+"]",t[i],n,r)}x.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){x.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),x.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)
+};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,s,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return q.get(e,n)||q.access(e,n,{empty:x.Callbacks("once memory").add(function(){q.remove(e,[t+"queue",n])})})}}),x.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),n>arguments.length?x.queue(this[0],e):t===undefined?this:this.each(function(){var n=x.queue(this,e,t);x._queueHooks(this,e),"fx"===e&&"inprogress"!==n[0]&&x.dequeue(this,e)})},dequeue:function(e){return this.each(function(){x.dequeue(this,e)})},delay:function(e,t){return e=x.fx?x.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=x.Deferred(),o=this,s=this.length,a=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=undefined),e=e||"fx";while(s--)n=q.get(o[s],e+"queueHooks"),n&&n.empty&&(r++,n.empty.add(a));return a(),i.promise(t)}});var R,M,W=/[\t\r\n\f]/g,$=/\r/g,B=/^(?:input|select|textarea|button)$/i;x.fn.extend({attr:function(e,t){return x.access(this,x.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){x.removeAttr(this,e)})},prop:function(e,t){return x.access(this,x.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[x.propFix[e]||e]})},addClass:function(e){var t,n,r,i,o,s=0,a=this.length,u="string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).addClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=x.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,s=0,a=this.length,u=0===arguments.length||"string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).removeClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?x.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):x.isFunction(e)?this.each(function(n){x(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var t,i=0,o=x(this),s=e.match(w)||[];while(t=s[i++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else(n===r||"boolean"===n)&&(this.className&&q.set(this,"__className__",this.className),this.className=this.className||e===!1?"":q.get(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(W," ").indexOf(t)>=0)return!0;return!1},val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=x.isFunction(e),this.each(function(n){var i;1===this.nodeType&&(i=r?e.call(this,n,x(this).val()):e,null==i?i="":"number"==typeof i?i+="":x.isArray(i)&&(i=x.map(i,function(e){return null==e?"":e+""})),t=x.valHooks[this.type]||x.valHooks[this.nodeName.toLowerCase()],t&&"set"in t&&t.set(this,i,"value")!==undefined||(this.value=i))});if(i)return t=x.valHooks[i.type]||x.valHooks[i.nodeName.toLowerCase()],t&&"get"in t&&(n=t.get(i,"value"))!==undefined?n:(n=i.value,"string"==typeof n?n.replace($,""):null==n?"":n)}}}),x.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,s=o?null:[],a=o?i+1:r.length,u=0>i?a:o?i:0;for(;a>u;u++)if(n=r[u],!(!n.selected&&u!==i||(x.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&x.nodeName(n.parentNode,"optgroup"))){if(t=x(n).val(),o)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=x.makeArray(t),s=i.length;while(s--)r=i[s],(r.selected=x.inArray(x(r).val(),o)>=0)&&(n=!0);return n||(e.selectedIndex=-1),o}}},attr:function(e,t,n){var i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return typeof e.getAttribute===r?x.prop(e,t,n):(1===s&&x.isXMLDoc(e)||(t=t.toLowerCase(),i=x.attrHooks[t]||(x.expr.match.bool.test(t)?M:R)),n===undefined?i&&"get"in i&&null!==(o=i.get(e,t))?o:(o=x.find.attr(e,t),null==o?undefined:o):null!==n?i&&"set"in i&&(o=i.set(e,n,t))!==undefined?o:(e.setAttribute(t,n+""),n):(x.removeAttr(e,t),undefined))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(w);if(o&&1===e.nodeType)while(n=o[i++])r=x.propFix[n]||n,x.expr.match.bool.test(n)&&(e[r]=!1),e.removeAttribute(n)},attrHooks:{type:{set:function(e,t){if(!x.support.radioValue&&"radio"===t&&x.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{"for":"htmlFor","class":"className"},prop:function(e,t,n){var r,i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return o=1!==s||!x.isXMLDoc(e),o&&(t=x.propFix[t]||t,i=x.propHooks[t]),n!==undefined?i&&"set"in i&&(r=i.set(e,n,t))!==undefined?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){return e.hasAttribute("tabindex")||B.test(e.nodeName)||e.href?e.tabIndex:-1}}}}),M={set:function(e,t,n){return t===!1?x.removeAttr(e,n):e.setAttribute(n,n),n}},x.each(x.expr.match.bool.source.match(/\w+/g),function(e,t){var n=x.expr.attrHandle[t]||x.find.attr;x.expr.attrHandle[t]=function(e,t,r){var i=x.expr.attrHandle[t],o=r?undefined:(x.expr.attrHandle[t]=undefined)!=n(e,t,r)?t.toLowerCase():null;return x.expr.attrHandle[t]=i,o}}),x.support.optSelected||(x.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null}}),x.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){x.propFix[this.toLowerCase()]=this}),x.each(["radio","checkbox"],function(){x.valHooks[this]={set:function(e,t){return x.isArray(t)?e.checked=x.inArray(x(e).val(),t)>=0:undefined}},x.support.checkOn||(x.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var I=/^key/,z=/^(?:mouse|contextmenu)|click/,_=/^(?:focusinfocus|focusoutblur)$/,X=/^([^.]*)(?:\.(.+)|)$/;function U(){return!0}function Y(){return!1}function V(){try{return o.activeElement}catch(e){}}x.event={global:{},add:function(e,t,n,i,o){var s,a,u,l,c,p,f,h,d,g,m,y=q.get(e);if(y){n.handler&&(s=n,n=s.handler,o=s.selector),n.guid||(n.guid=x.guid++),(l=y.events)||(l=y.events={}),(a=y.handle)||(a=y.handle=function(e){return typeof x===r||e&&x.event.triggered===e.type?undefined:x.event.dispatch.apply(a.elem,arguments)},a.elem=e),t=(t||"").match(w)||[""],c=t.length;while(c--)u=X.exec(t[c])||[],d=m=u[1],g=(u[2]||"").split(".").sort(),d&&(f=x.event.special[d]||{},d=(o?f.delegateType:f.bindType)||d,f=x.event.special[d]||{},p=x.extend({type:d,origType:m,data:i,handler:n,guid:n.guid,selector:o,needsContext:o&&x.expr.match.needsContext.test(o),namespace:g.join(".")},s),(h=l[d])||(h=l[d]=[],h.delegateCount=0,f.setup&&f.setup.call(e,i,g,a)!==!1||e.addEventListener&&e.addEventListener(d,a,!1)),f.add&&(f.add.call(e,p),p.handler.guid||(p.handler.guid=n.guid)),o?h.splice(h.delegateCount++,0,p):h.push(p),x.event.global[d]=!0);e=null}},remove:function(e,t,n,r,i){var o,s,a,u,l,c,p,f,h,d,g,m=q.hasData(e)&&q.get(e);if(m&&(u=m.events)){t=(t||"").match(w)||[""],l=t.length;while(l--)if(a=X.exec(t[l])||[],h=g=a[1],d=(a[2]||"").split(".").sort(),h){p=x.event.special[h]||{},h=(r?p.delegateType:p.bindType)||h,f=u[h]||[],a=a[2]&&RegExp("(^|\\.)"+d.join("\\.(?:.*\\.|)")+"(\\.|$)"),s=o=f.length;while(o--)c=f[o],!i&&g!==c.origType||n&&n.guid!==c.guid||a&&!a.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(f.splice(o,1),c.selector&&f.delegateCount--,p.remove&&p.remove.call(e,c));s&&!f.length&&(p.teardown&&p.teardown.call(e,d,m.handle)!==!1||x.removeEvent(e,h,m.handle),delete u[h])}else for(h in u)x.event.remove(e,h+t[l],n,r,!0);x.isEmptyObject(u)&&(delete m.handle,q.remove(e,"events"))}},trigger:function(t,n,r,i){var s,a,u,l,c,p,f,h=[r||o],d=y.call(t,"type")?t.type:t,g=y.call(t,"namespace")?t.namespace.split("."):[];if(a=u=r=r||o,3!==r.nodeType&&8!==r.nodeType&&!_.test(d+x.event.triggered)&&(d.indexOf(".")>=0&&(g=d.split("."),d=g.shift(),g.sort()),c=0>d.indexOf(":")&&"on"+d,t=t[x.expando]?t:new x.Event(d,"object"==typeof t&&t),t.isTrigger=i?2:3,t.namespace=g.join("."),t.namespace_re=t.namespace?RegExp("(^|\\.)"+g.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=undefined,t.target||(t.target=r),n=null==n?[t]:x.makeArray(n,[t]),f=x.event.special[d]||{},i||!f.trigger||f.trigger.apply(r,n)!==!1)){if(!i&&!f.noBubble&&!x.isWindow(r)){for(l=f.delegateType||d,_.test(l+d)||(a=a.parentNode);a;a=a.parentNode)h.push(a),u=a;u===(r.ownerDocument||o)&&h.push(u.defaultView||u.parentWindow||e)}s=0;while((a=h[s++])&&!t.isPropagationStopped())t.type=s>1?l:f.bindType||d,p=(q.get(a,"events")||{})[t.type]&&q.get(a,"handle"),p&&p.apply(a,n),p=c&&a[c],p&&x.acceptData(a)&&p.apply&&p.apply(a,n)===!1&&t.preventDefault();return t.type=d,i||t.isDefaultPrevented()||f._default&&f._default.apply(h.pop(),n)!==!1||!x.acceptData(r)||c&&x.isFunction(r[d])&&!x.isWindow(r)&&(u=r[c],u&&(r[c]=null),x.event.triggered=d,r[d](),x.event.triggered=undefined,u&&(r[c]=u)),t.result}},dispatch:function(e){e=x.event.fix(e);var t,n,r,i,o,s=[],a=d.call(arguments),u=(q.get(this,"events")||{})[e.type]||[],l=x.event.special[e.type]||{};if(a[0]=e,e.delegateTarget=this,!l.preDispatch||l.preDispatch.call(this,e)!==!1){s=x.event.handlers.call(this,e,u),t=0;while((i=s[t++])&&!e.isPropagationStopped()){e.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(o.namespace))&&(e.handleObj=o,e.data=o.data,r=((x.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,a),r!==undefined&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return l.postDispatch&&l.postDispatch.call(this,e),e.result}},handlers:function(e,t){var n,r,i,o,s=[],a=t.delegateCount,u=e.target;if(a&&u.nodeType&&(!e.button||"click"!==e.type))for(;u!==this;u=u.parentNode||this)if(u.disabled!==!0||"click"!==e.type){for(r=[],n=0;a>n;n++)o=t[n],i=o.selector+" ",r[i]===undefined&&(r[i]=o.needsContext?x(i,this).index(u)>=0:x.find(i,this,null,[u]).length),r[i]&&r.push(o);r.length&&s.push({elem:u,handlers:r})}return t.length>a&&s.push({elem:this,handlers:t.slice(a)}),s},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,t){var n,r,i,s=t.button;return null==e.pageX&&null!=t.clientX&&(n=e.target.ownerDocument||o,r=n.documentElement,i=n.body,e.pageX=t.clientX+(r&&r.scrollLeft||i&&i.scrollLeft||0)-(r&&r.clientLeft||i&&i.clientLeft||0),e.pageY=t.clientY+(r&&r.scrollTop||i&&i.scrollTop||0)-(r&&r.clientTop||i&&i.clientTop||0)),e.which||s===undefined||(e.which=1&s?1:2&s?3:4&s?2:0),e}},fix:function(e){if(e[x.expando])return e;var t,n,r,i=e.type,s=e,a=this.fixHooks[i];a||(this.fixHooks[i]=a=z.test(i)?this.mouseHooks:I.test(i)?this.keyHooks:{}),r=a.props?this.props.concat(a.props):this.props,e=new x.Event(s),t=r.length;while(t--)n=r[t],e[n]=s[n];return e.target||(e.target=o),3===e.target.nodeType&&(e.target=e.target.parentNode),a.filter?a.filter(e,s):e},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==V()&&this.focus?(this.focus(),!1):undefined},delegateType:"focusin"},blur:{trigger:function(){return this===V()&&this.blur?(this.blur(),!1):undefined},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&x.nodeName(this,"input")?(this.click(),!1):undefined},_default:function(e){return x.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){e.result!==undefined&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=x.extend(new x.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?x.event.trigger(i,null,t):x.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},x.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)},x.Event=function(e,t){return this instanceof x.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.getPreventDefault&&e.getPreventDefault()?U:Y):this.type=e,t&&x.extend(this,t),this.timeStamp=e&&e.timeStamp||x.now(),this[x.expando]=!0,undefined):new x.Event(e,t)},x.Event.prototype={isDefaultPrevented:Y,isPropagationStopped:Y,isImmediatePropagationStopped:Y,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=U,e&&e.preventDefault&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=U,e&&e.stopPropagation&&e.stopPropagation()},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=U,this.stopPropagation()}},x.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){x.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return(!i||i!==r&&!x.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),x.support.focusinBubbles||x.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){x.event.simulate(t,e.target,x.event.fix(e),!0)};x.event.special[t]={setup:function(){0===n++&&o.addEventListener(e,r,!0)},teardown:function(){0===--n&&o.removeEventListener(e,r,!0)}}}),x.fn.extend({on:function(e,t,n,r,i){var o,s;if("object"==typeof e){"string"!=typeof t&&(n=n||t,t=undefined);for(s in e)this.on(s,t,n,e[s],i);return this}if(null==n&&null==r?(r=t,n=t=undefined):null==r&&("string"==typeof t?(r=n,n=undefined):(r=n,n=t,t=undefined)),r===!1)r=Y;else if(!r)return this;return 1===i&&(o=r,r=function(e){return x().off(e),o.apply(this,arguments)},r.guid=o.guid||(o.guid=x.guid++)),this.each(function(){x.event.add(this,e,r,n,t)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,x(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return(t===!1||"function"==typeof t)&&(n=t,t=undefined),n===!1&&(n=Y),this.each(function(){x.event.remove(this,e,n,t)})},trigger:function(e,t){return this.each(function(){x.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];return n?x.event.trigger(e,t,n,!0):undefined}});var G=/^.[^:#\[\.,]*$/,J=/^(?:parents|prev(?:Until|All))/,Q=x.expr.match.needsContext,K={children:!0,contents:!0,next:!0,prev:!0};x.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(x(e).filter(function(){for(t=0;i>t;t++)if(x.contains(r[t],this))return!0}));for(t=0;i>t;t++)x.find(e,r[t],n);return n=this.pushStack(i>1?x.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},has:function(e){var t=x(e,this),n=t.length;return this.filter(function(){var e=0;for(;n>e;e++)if(x.contains(this,t[e]))return!0})},not:function(e){return this.pushStack(et(this,e||[],!0))},filter:function(e){return this.pushStack(et(this,e||[],!1))},is:function(e){return!!et(this,"string"==typeof e&&Q.test(e)?x(e):e||[],!1).length},closest:function(e,t){var n,r=0,i=this.length,o=[],s=Q.test(e)||"string"!=typeof e?x(e,t||this.context):0;for(;i>r;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(11>n.nodeType&&(s?s.index(n)>-1:1===n.nodeType&&x.find.matchesSelector(n,e))){n=o.push(n);break}return this.pushStack(o.length>1?x.unique(o):o)},index:function(e){return e?"string"==typeof e?g.call(x(e),this[0]):g.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?x(e,t):x.makeArray(e&&e.nodeType?[e]:e),r=x.merge(this.get(),n);return this.pushStack(x.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function Z(e,t){while((e=e[t])&&1!==e.nodeType);return e}x.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return x.dir(e,"parentNode")},parentsUntil:function(e,t,n){return x.dir(e,"parentNode",n)},next:function(e){return Z(e,"nextSibling")},prev:function(e){return Z(e,"previousSibling")},nextAll:function(e){return x.dir(e,"nextSibling")},prevAll:function(e){return x.dir(e,"previousSibling")},nextUntil:function(e,t,n){return x.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return x.dir(e,"previousSibling",n)},siblings:function(e){return x.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return x.sibling(e.firstChild)},contents:function(e){return e.contentDocument||x.merge([],e.childNodes)}},function(e,t){x.fn[e]=function(n,r){var i=x.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=x.filter(r,i)),this.length>1&&(K[e]||x.unique(i),J.test(e)&&i.reverse()),this.pushStack(i)}}),x.extend({filter:function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?x.find.matchesSelector(r,e)?[r]:[]:x.find.matches(e,x.grep(t,function(e){return 1===e.nodeType}))},dir:function(e,t,n){var r=[],i=n!==undefined;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&x(e).is(n))break;r.push(e)}return r},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function et(e,t,n){if(x.isFunction(t))return x.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return x.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(G.test(t))return x.filter(t,e,n);t=x.filter(t,e)}return x.grep(e,function(e){return g.call(t,e)>=0!==n})}var tt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,nt=/<([\w:]+)/,rt=/<|&#?\w+;/,it=/<(?:script|style|link)/i,ot=/^(?:checkbox|radio)$/i,st=/checked\s*(?:[^=]|=\s*.checked.)/i,at=/^$|\/(?:java|ecma)script/i,ut=/^true\/(.*)/,lt=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,ct={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};ct.optgroup=ct.option,ct.tbody=ct.tfoot=ct.colgroup=ct.caption=ct.thead,ct.th=ct.td,x.fn.extend({text:function(e){return x.access(this,function(e){return e===undefined?x.text(this):this.empty().append((this[0]&&this[0].ownerDocument||o).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.appendChild(e)}})},prepend:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=e?x.filter(e,this):this,i=0;for(;null!=(n=r[i]);i++)t||1!==n.nodeType||x.cleanData(mt(n)),n.parentNode&&(t&&x.contains(n.ownerDocument,n)&&dt(mt(n,"script")),n.parentNode.removeChild(n));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++)1===e.nodeType&&(x.cleanData(mt(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return x.clone(this,e,t)})},html:function(e){return x.access(this,function(e){var t=this[0]||{},n=0,r=this.length;if(e===undefined&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!it.test(e)&&!ct[(nt.exec(e)||["",""])[1].toLowerCase()]){e=e.replace(tt,"<$1></$2>");try{for(;r>n;n++)t=this[n]||{},1===t.nodeType&&(x.cleanData(mt(t,!1)),t.innerHTML=e);t=0}catch(i){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=x.map(this,function(e){return[e.nextSibling,e.parentNode]}),t=0;return this.domManip(arguments,function(n){var r=e[t++],i=e[t++];i&&(r&&r.parentNode!==i&&(r=this.nextSibling),x(this).remove(),i.insertBefore(n,r))},!0),t?this:this.remove()},detach:function(e){return this.remove(e,!0)},domManip:function(e,t,n){e=f.apply([],e);var r,i,o,s,a,u,l=0,c=this.length,p=this,h=c-1,d=e[0],g=x.isFunction(d);if(g||!(1>=c||"string"!=typeof d||x.support.checkClone)&&st.test(d))return this.each(function(r){var i=p.eq(r);g&&(e[0]=d.call(this,r,i.html())),i.domManip(e,t,n)});if(c&&(r=x.buildFragment(e,this[0].ownerDocument,!1,!n&&this),i=r.firstChild,1===r.childNodes.length&&(r=i),i)){for(o=x.map(mt(r,"script"),ft),s=o.length;c>l;l++)a=r,l!==h&&(a=x.clone(a,!0,!0),s&&x.merge(o,mt(a,"script"))),t.call(this[l],a,l);if(s)for(u=o[o.length-1].ownerDocument,x.map(o,ht),l=0;s>l;l++)a=o[l],at.test(a.type||"")&&!q.access(a,"globalEval")&&x.contains(u,a)&&(a.src?x._evalUrl(a.src):x.globalEval(a.textContent.replace(lt,"")))}return this}}),x.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){x.fn[e]=function(e){var n,r=[],i=x(e),o=i.length-1,s=0;for(;o>=s;s++)n=s===o?this:this.clone(!0),x(i[s])[t](n),h.apply(r,n.get());return this.pushStack(r)}}),x.extend({clone:function(e,t,n){var r,i,o,s,a=e.cloneNode(!0),u=x.contains(e.ownerDocument,e);if(!(x.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||x.isXMLDoc(e)))for(s=mt(a),o=mt(e),r=0,i=o.length;i>r;r++)yt(o[r],s[r]);if(t)if(n)for(o=o||mt(e),s=s||mt(a),r=0,i=o.length;i>r;r++)gt(o[r],s[r]);else gt(e,a);return s=mt(a,"script"),s.length>0&&dt(s,!u&&mt(e,"script")),a},buildFragment:function(e,t,n,r){var i,o,s,a,u,l,c=0,p=e.length,f=t.createDocumentFragment(),h=[];for(;p>c;c++)if(i=e[c],i||0===i)if("object"===x.type(i))x.merge(h,i.nodeType?[i]:i);else if(rt.test(i)){o=o||f.appendChild(t.createElement("div")),s=(nt.exec(i)||["",""])[1].toLowerCase(),a=ct[s]||ct._default,o.innerHTML=a[1]+i.replace(tt,"<$1></$2>")+a[2],l=a[0];while(l--)o=o.lastChild;x.merge(h,o.childNodes),o=f.firstChild,o.textContent=""}else h.push(t.createTextNode(i));f.textContent="",c=0;while(i=h[c++])if((!r||-1===x.inArray(i,r))&&(u=x.contains(i.ownerDocument,i),o=mt(f.appendChild(i),"script"),u&&dt(o),n)){l=0;while(i=o[l++])at.test(i.type||"")&&n.push(i)}return f},cleanData:function(e){var t,n,r,i,o,s,a=x.event.special,u=0;for(;(n=e[u])!==undefined;u++){if(F.accepts(n)&&(o=n[q.expando],o&&(t=q.cache[o]))){if(r=Object.keys(t.events||{}),r.length)for(s=0;(i=r[s])!==undefined;s++)a[i]?x.event.remove(n,i):x.removeEvent(n,i,t.handle);q.cache[o]&&delete q.cache[o]}delete L.cache[n[L.expando]]}},_evalUrl:function(e){return x.ajax({url:e,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})}});function pt(e,t){return x.nodeName(e,"table")&&x.nodeName(1===t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function ft(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function ht(e){var t=ut.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function dt(e,t){var n=e.length,r=0;for(;n>r;r++)q.set(e[r],"globalEval",!t||q.get(t[r],"globalEval"))}function gt(e,t){var n,r,i,o,s,a,u,l;if(1===t.nodeType){if(q.hasData(e)&&(o=q.access(e),s=q.set(t,o),l=o.events)){delete s.handle,s.events={};for(i in l)for(n=0,r=l[i].length;r>n;n++)x.event.add(t,i,l[i][n])}L.hasData(e)&&(a=L.access(e),u=x.extend({},a),L.set(t,u))}}function mt(e,t){var n=e.getElementsByTagName?e.getElementsByTagName(t||"*"):e.querySelectorAll?e.querySelectorAll(t||"*"):[];return t===undefined||t&&x.nodeName(e,t)?x.merge([e],n):n}function yt(e,t){var n=t.nodeName.toLowerCase();"input"===n&&ot.test(e.type)?t.checked=e.checked:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}x.fn.extend({wrapAll:function(e){var t;return x.isFunction(e)?this.each(function(t){x(this).wrapAll(e.call(this,t))}):(this[0]&&(t=x(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this)},wrapInner:function(e){return x.isFunction(e)?this.each(function(t){x(this).wrapInner(e.call(this,t))}):this.each(function(){var t=x(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=x.isFunction(e);return this.each(function(n){x(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){x.nodeName(this,"body")||x(this).replaceWith(this.childNodes)}).end()}});var vt,xt,bt=/^(none|table(?!-c[ea]).+)/,wt=/^margin/,Tt=RegExp("^("+b+")(.*)$","i"),Ct=RegExp("^("+b+")(?!px)[a-z%]+$","i"),kt=RegExp("^([+-])=("+b+")","i"),Nt={BODY:"block"},Et={position:"absolute",visibility:"hidden",display:"block"},St={letterSpacing:0,fontWeight:400},jt=["Top","Right","Bottom","Left"],Dt=["Webkit","O","Moz","ms"];function At(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=Dt.length;while(i--)if(t=Dt[i]+n,t in e)return t;return r}function Lt(e,t){return e=t||e,"none"===x.css(e,"display")||!x.contains(e.ownerDocument,e)}function qt(t){return e.getComputedStyle(t,null)}function Ht(e,t){var n,r,i,o=[],s=0,a=e.length;for(;a>s;s++)r=e[s],r.style&&(o[s]=q.get(r,"olddisplay"),n=r.style.display,t?(o[s]||"none"!==n||(r.style.display=""),""===r.style.display&&Lt(r)&&(o[s]=q.access(r,"olddisplay",Rt(r.nodeName)))):o[s]||(i=Lt(r),(n&&"none"!==n||!i)&&q.set(r,"olddisplay",i?n:x.css(r,"display"))));for(s=0;a>s;s++)r=e[s],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[s]||"":"none"));return e}x.fn.extend({css:function(e,t){return x.access(this,function(e,t,n){var r,i,o={},s=0;if(x.isArray(t)){for(r=qt(e),i=t.length;i>s;s++)o[t[s]]=x.css(e,t[s],!1,r);return o}return n!==undefined?x.style(e,t,n):x.css(e,t)},e,t,arguments.length>1)},show:function(){return Ht(this,!0)},hide:function(){return Ht(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){Lt(this)?x(this).show():x(this).hide()})}}),x.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=vt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,s,a=x.camelCase(t),u=e.style;return t=x.cssProps[a]||(x.cssProps[a]=At(u,a)),s=x.cssHooks[t]||x.cssHooks[a],n===undefined?s&&"get"in s&&(i=s.get(e,!1,r))!==undefined?i:u[t]:(o=typeof n,"string"===o&&(i=kt.exec(n))&&(n=(i[1]+1)*i[2]+parseFloat(x.css(e,t)),o="number"),null==n||"number"===o&&isNaN(n)||("number"!==o||x.cssNumber[a]||(n+="px"),x.support.clearCloneStyle||""!==n||0!==t.indexOf("background")||(u[t]="inherit"),s&&"set"in s&&(n=s.set(e,n,r))===undefined||(u[t]=n)),undefined)}},css:function(e,t,n,r){var i,o,s,a=x.camelCase(t);return t=x.cssProps[a]||(x.cssProps[a]=At(e.style,a)),s=x.cssHooks[t]||x.cssHooks[a],s&&"get"in s&&(i=s.get(e,!0,n)),i===undefined&&(i=vt(e,t,r)),"normal"===i&&t in St&&(i=St[t]),""===n||n?(o=parseFloat(i),n===!0||x.isNumeric(o)?o||0:i):i}}),vt=function(e,t,n){var r,i,o,s=n||qt(e),a=s?s.getPropertyValue(t)||s[t]:undefined,u=e.style;return s&&(""!==a||x.contains(e.ownerDocument,e)||(a=x.style(e,t)),Ct.test(a)&&wt.test(t)&&(r=u.width,i=u.minWidth,o=u.maxWidth,u.minWidth=u.maxWidth=u.width=a,a=s.width,u.width=r,u.minWidth=i,u.maxWidth=o)),a};function Ot(e,t,n){var r=Tt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function Ft(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,s=0;for(;4>o;o+=2)"margin"===n&&(s+=x.css(e,n+jt[o],!0,i)),r?("content"===n&&(s-=x.css(e,"padding"+jt[o],!0,i)),"margin"!==n&&(s-=x.css(e,"border"+jt[o]+"Width",!0,i))):(s+=x.css(e,"padding"+jt[o],!0,i),"padding"!==n&&(s+=x.css(e,"border"+jt[o]+"Width",!0,i)));return s}function Pt(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=qt(e),s=x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=vt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Ct.test(i))return i;r=s&&(x.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+Ft(e,t,n||(s?"border":"content"),r,o)+"px"}function Rt(e){var t=o,n=Nt[e];return n||(n=Mt(e,t),"none"!==n&&n||(xt=(xt||x("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(t.documentElement),t=(xt[0].contentWindow||xt[0].contentDocument).document,t.write("<!DOCTYPE html><html><body>"),t.close(),n=Mt(e,t),xt.detach()),Nt[e]=n),n}function Mt(e,t){var n=x(t.createElement(e)).appendTo(t.body),r=x.css(n[0],"display");return n.remove(),r}x.each(["height","width"],function(e,t){x.cssHooks[t]={get:function(e,n,r){return n?0===e.offsetWidth&&bt.test(x.css(e,"display"))?x.swap(e,Et,function(){return Pt(e,t,r)}):Pt(e,t,r):undefined},set:function(e,n,r){var i=r&&qt(e);return Ot(e,n,r?Ft(e,t,r,x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,i),i):0)}}}),x(function(){x.support.reliableMarginRight||(x.cssHooks.marginRight={get:function(e,t){return t?x.swap(e,{display:"inline-block"},vt,[e,"marginRight"]):undefined}}),!x.support.pixelPosition&&x.fn.position&&x.each(["top","left"],function(e,t){x.cssHooks[t]={get:function(e,n){return n?(n=vt(e,t),Ct.test(n)?x(e).position()[t]+"px":n):undefined}}})}),x.expr&&x.expr.filters&&(x.expr.filters.hidden=function(e){return 0>=e.offsetWidth&&0>=e.offsetHeight},x.expr.filters.visible=function(e){return!x.expr.filters.hidden(e)}),x.each({margin:"",padding:"",border:"Width"},function(e,t){x.cssHooks[e+t]={expand:function(n){var r=0,i={},o="string"==typeof n?n.split(" "):[n];for(;4>r;r++)i[e+jt[r]+t]=o[r]||o[r-2]||o[0];return i}},wt.test(e)||(x.cssHooks[e+t].set=Ot)});var Wt=/%20/g,$t=/\[\]$/,Bt=/\r?\n/g,It=/^(?:submit|button|image|reset|file)$/i,zt=/^(?:input|select|textarea|keygen)/i;x.fn.extend({serialize:function(){return x.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=x.prop(this,"elements");return e?x.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!x(this).is(":disabled")&&zt.test(this.nodeName)&&!It.test(e)&&(this.checked||!ot.test(e))}).map(function(e,t){var n=x(this).val();return null==n?null:x.isArray(n)?x.map(n,function(e){return{name:t.name,value:e.replace(Bt,"\r\n")}}):{name:t.name,value:n.replace(Bt,"\r\n")}}).get()}}),x.param=function(e,t){var n,r=[],i=function(e,t){t=x.isFunction(t)?t():null==t?"":t,r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(t===undefined&&(t=x.ajaxSettings&&x.ajaxSettings.traditional),x.isArray(e)||e.jquery&&!x.isPlainObject(e))x.each(e,function(){i(this.name,this.value)});else for(n in e)_t(n,e[n],t,i);return r.join("&").replace(Wt,"+")};function _t(e,t,n,r){var i;if(x.isArray(t))x.each(t,function(t,i){n||$t.test(e)?r(e,i):_t(e+"["+("object"==typeof i?t:"")+"]",i,n,r)});else if(n||"object"!==x.type(t))r(e,t);else for(i in t)_t(e+"["+i+"]",t[i],n,r)}x.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){x.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),x.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)
 },delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)}});var Xt,Ut,Yt=x.now(),Vt=/\?/,Gt=/#.*$/,Jt=/([?&])_=[^&]*/,Qt=/^(.*?):[ \t]*([^\r\n]*)$/gm,Kt=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Zt=/^(?:GET|HEAD)$/,en=/^\/\//,tn=/^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,nn=x.fn.load,rn={},on={},sn="*/".concat("*");try{Ut=i.href}catch(an){Ut=o.createElement("a"),Ut.href="",Ut=Ut.href}Xt=tn.exec(Ut.toLowerCase())||[];function un(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(w)||[];if(x.isFunction(n))while(r=o[i++])"+"===r[0]?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function ln(e,t,n,r){var i={},o=e===on;function s(a){var u;return i[a]=!0,x.each(e[a]||[],function(e,a){var l=a(t,n,r);return"string"!=typeof l||o||i[l]?o?!(u=l):undefined:(t.dataTypes.unshift(l),s(l),!1)}),u}return s(t.dataTypes[0])||!i["*"]&&s("*")}function cn(e,t){var n,r,i=x.ajaxSettings.flatOptions||{};for(n in t)t[n]!==undefined&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&x.extend(!0,e,r),e}x.fn.load=function(e,t,n){if("string"!=typeof e&&nn)return nn.apply(this,arguments);var r,i,o,s=this,a=e.indexOf(" ");return a>=0&&(r=e.slice(a),e=e.slice(0,a)),x.isFunction(t)?(n=t,t=undefined):t&&"object"==typeof t&&(i="POST"),s.length>0&&x.ajax({url:e,type:i,dataType:"html",data:t}).done(function(e){o=arguments,s.html(r?x("<div>").append(x.parseHTML(e)).find(r):e)}).complete(n&&function(e,t){s.each(n,o||[e.responseText,t,e])}),this},x.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){x.fn[t]=function(e){return this.on(t,e)}}),x.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Ut,type:"GET",isLocal:Kt.test(Xt[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":sn,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":x.parseJSON,"text xml":x.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?cn(cn(e,x.ajaxSettings),t):cn(x.ajaxSettings,e)},ajaxPrefilter:un(rn),ajaxTransport:un(on),ajax:function(e,t){"object"==typeof e&&(t=e,e=undefined),t=t||{};var n,r,i,o,s,a,u,l,c=x.ajaxSetup({},t),p=c.context||c,f=c.context&&(p.nodeType||p.jquery)?x(p):x.event,h=x.Deferred(),d=x.Callbacks("once memory"),g=c.statusCode||{},m={},y={},v=0,b="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(2===v){if(!o){o={};while(t=Qt.exec(i))o[t[1].toLowerCase()]=t[2]}t=o[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return 2===v?i:null},setRequestHeader:function(e,t){var n=e.toLowerCase();return v||(e=y[n]=y[n]||e,m[e]=t),this},overrideMimeType:function(e){return v||(c.mimeType=e),this},statusCode:function(e){var t;if(e)if(2>v)for(t in e)g[t]=[g[t],e[t]];else T.always(e[T.status]);return this},abort:function(e){var t=e||b;return n&&n.abort(t),k(0,t),this}};if(h.promise(T).complete=d.add,T.success=T.done,T.error=T.fail,c.url=((e||c.url||Ut)+"").replace(Gt,"").replace(en,Xt[1]+"//"),c.type=t.method||t.type||c.method||c.type,c.dataTypes=x.trim(c.dataType||"*").toLowerCase().match(w)||[""],null==c.crossDomain&&(a=tn.exec(c.url.toLowerCase()),c.crossDomain=!(!a||a[1]===Xt[1]&&a[2]===Xt[2]&&(a[3]||("http:"===a[1]?"80":"443"))===(Xt[3]||("http:"===Xt[1]?"80":"443")))),c.data&&c.processData&&"string"!=typeof c.data&&(c.data=x.param(c.data,c.traditional)),ln(rn,c,t,T),2===v)return T;u=c.global,u&&0===x.active++&&x.event.trigger("ajaxStart"),c.type=c.type.toUpperCase(),c.hasContent=!Zt.test(c.type),r=c.url,c.hasContent||(c.data&&(r=c.url+=(Vt.test(r)?"&":"?")+c.data,delete c.data),c.cache===!1&&(c.url=Jt.test(r)?r.replace(Jt,"$1_="+Yt++):r+(Vt.test(r)?"&":"?")+"_="+Yt++)),c.ifModified&&(x.lastModified[r]&&T.setRequestHeader("If-Modified-Since",x.lastModified[r]),x.etag[r]&&T.setRequestHeader("If-None-Match",x.etag[r])),(c.data&&c.hasContent&&c.contentType!==!1||t.contentType)&&T.setRequestHeader("Content-Type",c.contentType),T.setRequestHeader("Accept",c.dataTypes[0]&&c.accepts[c.dataTypes[0]]?c.accepts[c.dataTypes[0]]+("*"!==c.dataTypes[0]?", "+sn+"; q=0.01":""):c.accepts["*"]);for(l in c.headers)T.setRequestHeader(l,c.headers[l]);if(c.beforeSend&&(c.beforeSend.call(p,T,c)===!1||2===v))return T.abort();b="abort";for(l in{success:1,error:1,complete:1})T[l](c[l]);if(n=ln(on,c,t,T)){T.readyState=1,u&&f.trigger("ajaxSend",[T,c]),c.async&&c.timeout>0&&(s=setTimeout(function(){T.abort("timeout")},c.timeout));try{v=1,n.send(m,k)}catch(C){if(!(2>v))throw C;k(-1,C)}}else k(-1,"No Transport");function k(e,t,o,a){var l,m,y,b,w,C=t;2!==v&&(v=2,s&&clearTimeout(s),n=undefined,i=a||"",T.readyState=e>0?4:0,l=e>=200&&300>e||304===e,o&&(b=pn(c,T,o)),b=fn(c,b,T,l),l?(c.ifModified&&(w=T.getResponseHeader("Last-Modified"),w&&(x.lastModified[r]=w),w=T.getResponseHeader("etag"),w&&(x.etag[r]=w)),204===e||"HEAD"===c.type?C="nocontent":304===e?C="notmodified":(C=b.state,m=b.data,y=b.error,l=!y)):(y=C,(e||!C)&&(C="error",0>e&&(e=0))),T.status=e,T.statusText=(t||C)+"",l?h.resolveWith(p,[m,C,T]):h.rejectWith(p,[T,C,y]),T.statusCode(g),g=undefined,u&&f.trigger(l?"ajaxSuccess":"ajaxError",[T,c,l?m:y]),d.fireWith(p,[T,C]),u&&(f.trigger("ajaxComplete",[T,c]),--x.active||x.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return x.get(e,t,n,"json")},getScript:function(e,t){return x.get(e,undefined,t,"script")}}),x.each(["get","post"],function(e,t){x[t]=function(e,n,r,i){return x.isFunction(n)&&(i=i||r,r=n,n=undefined),x.ajax({url:e,type:t,dataType:i,data:n,success:r})}});function pn(e,t,n){var r,i,o,s,a=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),r===undefined&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in a)if(a[i]&&a[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}s||(s=i)}o=o||s}return o?(o!==u[0]&&u.unshift(o),n[o]):undefined}function fn(e,t,n,r){var i,o,s,a,u,l={},c=e.dataTypes.slice();if(c[1])for(s in e.converters)l[s.toLowerCase()]=e.converters[s];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(s=l[u+" "+o]||l["* "+o],!s)for(i in l)if(a=i.split(" "),a[1]===o&&(s=l[u+" "+a[0]]||l["* "+a[0]])){s===!0?s=l[i]:l[i]!==!0&&(o=a[0],c.unshift(a[1]));break}if(s!==!0)if(s&&e["throws"])t=s(t);else try{t=s(t)}catch(p){return{state:"parsererror",error:s?p:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}x.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(e){return x.globalEval(e),e}}}),x.ajaxPrefilter("script",function(e){e.cache===undefined&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),x.ajaxTransport("script",function(e){if(e.crossDomain){var t,n;return{send:function(r,i){t=x("<script>").prop({async:!0,charset:e.scriptCharset,src:e.url}).on("load error",n=function(e){t.remove(),n=null,e&&i("error"===e.type?404:200,e.type)}),o.head.appendChild(t[0])},abort:function(){n&&n()}}}});var hn=[],dn=/(=)\?(?=&|$)|\?\?/;x.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=hn.pop()||x.expando+"_"+Yt++;return this[e]=!0,e}}),x.ajaxPrefilter("json jsonp",function(t,n,r){var i,o,s,a=t.jsonp!==!1&&(dn.test(t.url)?"url":"string"==typeof t.data&&!(t.contentType||"").indexOf("application/x-www-form-urlencoded")&&dn.test(t.data)&&"data");return a||"jsonp"===t.dataTypes[0]?(i=t.jsonpCallback=x.isFunction(t.jsonpCallback)?t.jsonpCallback():t.jsonpCallback,a?t[a]=t[a].replace(dn,"$1"+i):t.jsonp!==!1&&(t.url+=(Vt.test(t.url)?"&":"?")+t.jsonp+"="+i),t.converters["script json"]=function(){return s||x.error(i+" was not called"),s[0]},t.dataTypes[0]="json",o=e[i],e[i]=function(){s=arguments},r.always(function(){e[i]=o,t[i]&&(t.jsonpCallback=n.jsonpCallback,hn.push(i)),s&&x.isFunction(o)&&o(s[0]),s=o=undefined}),"script"):undefined}),x.ajaxSettings.xhr=function(){try{return new XMLHttpRequest}catch(e){}};var gn=x.ajaxSettings.xhr(),mn={0:200,1223:204},yn=0,vn={};e.ActiveXObject&&x(e).on("unload",function(){for(var e in vn)vn[e]();vn=undefined}),x.support.cors=!!gn&&"withCredentials"in gn,x.support.ajax=gn=!!gn,x.ajaxTransport(function(e){var t;return x.support.cors||gn&&!e.crossDomain?{send:function(n,r){var i,o,s=e.xhr();if(s.open(e.type,e.url,e.async,e.username,e.password),e.xhrFields)for(i in e.xhrFields)s[i]=e.xhrFields[i];e.mimeType&&s.overrideMimeType&&s.overrideMimeType(e.mimeType),e.crossDomain||n["X-Requested-With"]||(n["X-Requested-With"]="XMLHttpRequest");for(i in n)s.setRequestHeader(i,n[i]);t=function(e){return function(){t&&(delete vn[o],t=s.onload=s.onerror=null,"abort"===e?s.abort():"error"===e?r(s.status||404,s.statusText):r(mn[s.status]||s.status,s.statusText,"string"==typeof s.responseText?{text:s.responseText}:undefined,s.getAllResponseHeaders()))}},s.onload=t(),s.onerror=t("error"),t=vn[o=yn++]=t("abort"),s.send(e.hasContent&&e.data||null)},abort:function(){t&&t()}}:undefined});var xn,bn,wn=/^(?:toggle|show|hide)$/,Tn=RegExp("^(?:([+-])=|)("+b+")([a-z%]*)$","i"),Cn=/queueHooks$/,kn=[An],Nn={"*":[function(e,t){var n=this.createTween(e,t),r=n.cur(),i=Tn.exec(t),o=i&&i[3]||(x.cssNumber[e]?"":"px"),s=(x.cssNumber[e]||"px"!==o&&+r)&&Tn.exec(x.css(n.elem,e)),a=1,u=20;if(s&&s[3]!==o){o=o||s[3],i=i||[],s=+r||1;do a=a||".5",s/=a,x.style(n.elem,e,s+o);while(a!==(a=n.cur()/r)&&1!==a&&--u)}return i&&(s=n.start=+s||+r||0,n.unit=o,n.end=i[1]?s+(i[1]+1)*i[2]:+i[2]),n}]};function En(){return setTimeout(function(){xn=undefined}),xn=x.now()}function Sn(e,t,n){var r,i=(Nn[t]||[]).concat(Nn["*"]),o=0,s=i.length;for(;s>o;o++)if(r=i[o].call(n,t,e))return r}function jn(e,t,n){var r,i,o=0,s=kn.length,a=x.Deferred().always(function(){delete u.elem}),u=function(){if(i)return!1;var t=xn||En(),n=Math.max(0,l.startTime+l.duration-t),r=n/l.duration||0,o=1-r,s=0,u=l.tweens.length;for(;u>s;s++)l.tweens[s].run(o);return a.notifyWith(e,[l,o,n]),1>o&&u?n:(a.resolveWith(e,[l]),!1)},l=a.promise({elem:e,props:x.extend({},t),opts:x.extend(!0,{specialEasing:{}},n),originalProperties:t,originalOptions:n,startTime:xn||En(),duration:n.duration,tweens:[],createTween:function(t,n){var r=x.Tween(e,l.opts,t,n,l.opts.specialEasing[t]||l.opts.easing);return l.tweens.push(r),r},stop:function(t){var n=0,r=t?l.tweens.length:0;if(i)return this;for(i=!0;r>n;n++)l.tweens[n].run(1);return t?a.resolveWith(e,[l,t]):a.rejectWith(e,[l,t]),this}}),c=l.props;for(Dn(c,l.opts.specialEasing);s>o;o++)if(r=kn[o].call(l,e,c,l.opts))return r;return x.map(c,Sn,l),x.isFunction(l.opts.start)&&l.opts.start.call(e,l),x.fx.timer(x.extend(u,{elem:e,anim:l,queue:l.opts.queue})),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always)}function Dn(e,t){var n,r,i,o,s;for(n in e)if(r=x.camelCase(n),i=t[r],o=e[n],x.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),s=x.cssHooks[r],s&&"expand"in s){o=s.expand(o),delete e[r];for(n in o)n in e||(e[n]=o[n],t[n]=i)}else t[r]=i}x.Animation=x.extend(jn,{tweener:function(e,t){x.isFunction(e)?(t=e,e=["*"]):e=e.split(" ");var n,r=0,i=e.length;for(;i>r;r++)n=e[r],Nn[n]=Nn[n]||[],Nn[n].unshift(t)},prefilter:function(e,t){t?kn.unshift(e):kn.push(e)}});function An(e,t,n){var r,i,o,s,a,u,l=this,c={},p=e.style,f=e.nodeType&&Lt(e),h=q.get(e,"fxshow");n.queue||(a=x._queueHooks(e,"fx"),null==a.unqueued&&(a.unqueued=0,u=a.empty.fire,a.empty.fire=function(){a.unqueued||u()}),a.unqueued++,l.always(function(){l.always(function(){a.unqueued--,x.queue(e,"fx").length||a.empty.fire()})})),1===e.nodeType&&("height"in t||"width"in t)&&(n.overflow=[p.overflow,p.overflowX,p.overflowY],"inline"===x.css(e,"display")&&"none"===x.css(e,"float")&&(p.display="inline-block")),n.overflow&&(p.overflow="hidden",l.always(function(){p.overflow=n.overflow[0],p.overflowX=n.overflow[1],p.overflowY=n.overflow[2]}));for(r in t)if(i=t[r],wn.exec(i)){if(delete t[r],o=o||"toggle"===i,i===(f?"hide":"show")){if("show"!==i||!h||h[r]===undefined)continue;f=!0}c[r]=h&&h[r]||x.style(e,r)}if(!x.isEmptyObject(c)){h?"hidden"in h&&(f=h.hidden):h=q.access(e,"fxshow",{}),o&&(h.hidden=!f),f?x(e).show():l.done(function(){x(e).hide()}),l.done(function(){var t;q.remove(e,"fxshow");for(t in c)x.style(e,t,c[t])});for(r in c)s=Sn(f?h[r]:0,r,l),r in h||(h[r]=s.start,f&&(s.end=s.start,s.start="width"===r||"height"===r?1:0))}}function Ln(e,t,n,r,i){return new Ln.prototype.init(e,t,n,r,i)}x.Tween=Ln,Ln.prototype={constructor:Ln,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||"swing",this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(x.cssNumber[n]?"":"px")},cur:function(){var e=Ln.propHooks[this.prop];return e&&e.get?e.get(this):Ln.propHooks._default.get(this)},run:function(e){var t,n=Ln.propHooks[this.prop];return this.pos=t=this.options.duration?x.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):Ln.propHooks._default.set(this),this}},Ln.prototype.init.prototype=Ln.prototype,Ln.propHooks={_default:{get:function(e){var t;return null==e.elem[e.prop]||e.elem.style&&null!=e.elem.style[e.prop]?(t=x.css(e.elem,e.prop,""),t&&"auto"!==t?t:0):e.elem[e.prop]},set:function(e){x.fx.step[e.prop]?x.fx.step[e.prop](e):e.elem.style&&(null!=e.elem.style[x.cssProps[e.prop]]||x.cssHooks[e.prop])?x.style(e.elem,e.prop,e.now+e.unit):e.elem[e.prop]=e.now}}},Ln.propHooks.scrollTop=Ln.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},x.each(["toggle","show","hide"],function(e,t){var n=x.fn[t];x.fn[t]=function(e,r,i){return null==e||"boolean"==typeof e?n.apply(this,arguments):this.animate(qn(t,!0),e,r,i)}}),x.fn.extend({fadeTo:function(e,t,n,r){return this.filter(Lt).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(e,t,n,r){var i=x.isEmptyObject(e),o=x.speed(t,n,r),s=function(){var t=jn(this,x.extend({},e),o);(i||q.get(this,"finish"))&&t.stop(!0)};return s.finish=s,i||o.queue===!1?this.each(s):this.queue(o.queue,s)},stop:function(e,t,n){var r=function(e){var t=e.stop;delete e.stop,t(n)};return"string"!=typeof e&&(n=t,t=e,e=undefined),t&&e!==!1&&this.queue(e||"fx",[]),this.each(function(){var t=!0,i=null!=e&&e+"queueHooks",o=x.timers,s=q.get(this);if(i)s[i]&&s[i].stop&&r(s[i]);else for(i in s)s[i]&&s[i].stop&&Cn.test(i)&&r(s[i]);for(i=o.length;i--;)o[i].elem!==this||null!=e&&o[i].queue!==e||(o[i].anim.stop(n),t=!1,o.splice(i,1));(t||!n)&&x.dequeue(this,e)})},finish:function(e){return e!==!1&&(e=e||"fx"),this.each(function(){var t,n=q.get(this),r=n[e+"queue"],i=n[e+"queueHooks"],o=x.timers,s=r?r.length:0;for(n.finish=!0,x.queue(this,e,[]),i&&i.stop&&i.stop.call(this,!0),t=o.length;t--;)o[t].elem===this&&o[t].queue===e&&(o[t].anim.stop(!0),o.splice(t,1));for(t=0;s>t;t++)r[t]&&r[t].finish&&r[t].finish.call(this);delete n.finish})}});function qn(e,t){var n,r={height:e},i=0;for(t=t?1:0;4>i;i+=2-t)n=jt[i],r["margin"+n]=r["padding"+n]=e;return t&&(r.opacity=r.width=e),r}x.each({slideDown:qn("show"),slideUp:qn("hide"),slideToggle:qn("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,t){x.fn[e]=function(e,n,r){return this.animate(t,e,n,r)}}),x.speed=function(e,t,n){var r=e&&"object"==typeof e?x.extend({},e):{complete:n||!n&&t||x.isFunction(e)&&e,duration:e,easing:n&&t||t&&!x.isFunction(t)&&t};return r.duration=x.fx.off?0:"number"==typeof r.duration?r.duration:r.duration in x.fx.speeds?x.fx.speeds[r.duration]:x.fx.speeds._default,(null==r.queue||r.queue===!0)&&(r.queue="fx"),r.old=r.complete,r.complete=function(){x.isFunction(r.old)&&r.old.call(this),r.queue&&x.dequeue(this,r.queue)},r},x.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2}},x.timers=[],x.fx=Ln.prototype.init,x.fx.tick=function(){var e,t=x.timers,n=0;for(xn=x.now();t.length>n;n++)e=t[n],e()||t[n]!==e||t.splice(n--,1);t.length||x.fx.stop(),xn=undefined},x.fx.timer=function(e){e()&&x.timers.push(e)&&x.fx.start()},x.fx.interval=13,x.fx.start=function(){bn||(bn=setInterval(x.fx.tick,x.fx.interval))},x.fx.stop=function(){clearInterval(bn),bn=null},x.fx.speeds={slow:600,fast:200,_default:400},x.fx.step={},x.expr&&x.expr.filters&&(x.expr.filters.animated=function(e){return x.grep(x.timers,function(t){return e===t.elem}).length}),x.fn.offset=function(e){if(arguments.length)return e===undefined?this:this.each(function(t){x.offset.setOffset(this,e,t)});var t,n,i=this[0],o={top:0,left:0},s=i&&i.ownerDocument;if(s)return t=s.documentElement,x.contains(t,i)?(typeof i.getBoundingClientRect!==r&&(o=i.getBoundingClientRect()),n=Hn(s),{top:o.top+n.pageYOffset-t.clientTop,left:o.left+n.pageXOffset-t.clientLeft}):o},x.offset={setOffset:function(e,t,n){var r,i,o,s,a,u,l,c=x.css(e,"position"),p=x(e),f={};"static"===c&&(e.style.position="relative"),a=p.offset(),o=x.css(e,"top"),u=x.css(e,"left"),l=("absolute"===c||"fixed"===c)&&(o+u).indexOf("auto")>-1,l?(r=p.position(),s=r.top,i=r.left):(s=parseFloat(o)||0,i=parseFloat(u)||0),x.isFunction(t)&&(t=t.call(e,n,a)),null!=t.top&&(f.top=t.top-a.top+s),null!=t.left&&(f.left=t.left-a.left+i),"using"in t?t.using.call(e,f):p.css(f)}},x.fn.extend({position:function(){if(this[0]){var e,t,n=this[0],r={top:0,left:0};return"fixed"===x.css(n,"position")?t=n.getBoundingClientRect():(e=this.offsetParent(),t=this.offset(),x.nodeName(e[0],"html")||(r=e.offset()),r.top+=x.css(e[0],"borderTopWidth",!0),r.left+=x.css(e[0],"borderLeftWidth",!0)),{top:t.top-r.top-x.css(n,"marginTop",!0),left:t.left-r.left-x.css(n,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||s;while(e&&!x.nodeName(e,"html")&&"static"===x.css(e,"position"))e=e.offsetParent;return e||s})}}),x.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,n){var r="pageYOffset"===n;x.fn[t]=function(i){return x.access(this,function(t,i,o){var s=Hn(t);return o===undefined?s?s[n]:t[i]:(s?s.scrollTo(r?e.pageXOffset:o,r?o:e.pageYOffset):t[i]=o,undefined)},t,i,arguments.length,null)}});function Hn(e){return x.isWindow(e)?e:9===e.nodeType&&e.defaultView}x.each({Height:"height",Width:"width"},function(e,t){x.each({padding:"inner"+e,content:t,"":"outer"+e},function(n,r){x.fn[r]=function(r,i){var o=arguments.length&&(n||"boolean"!=typeof r),s=n||(r===!0||i===!0?"margin":"border");return x.access(this,function(t,n,r){var i;return x.isWindow(t)?t.document.documentElement["client"+e]:9===t.nodeType?(i=t.documentElement,Math.max(t.body["scroll"+e],i["scroll"+e],t.body["offset"+e],i["offset"+e],i["client"+e])):r===undefined?x.css(t,n,s):x.style(t,n,r,s)},t,o?r:undefined,o,null)}})}),x.fn.size=function(){return this.length},x.fn.andSelf=x.fn.addBack,"object"==typeof module&&module&&"object"==typeof module.exports?module.exports=x:"function"==typeof define&&define.amd&&define("jquery",[],function(){return x}),"object"==typeof e&&"object"==typeof e.document&&(e.jQuery=e.$=x)})(window);
diff --git a/apps/presentationeditor/main/resources/help/fr/HelpfulHints/About.htm b/apps/presentationeditor/main/resources/help/fr/HelpfulHints/About.htm
index 7227901d35..3bab5b7916 100644
--- a/apps/presentationeditor/main/resources/help/fr/HelpfulHints/About.htm
+++ b/apps/presentationeditor/main/resources/help/fr/HelpfulHints/About.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Une description courte de Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -16,7 +17,7 @@
 		<h1>À propos de Presentation Editor</h1>
 			<p> <a target="_blank" href="https://www.onlyoffice.com/fr/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a> est une application <span class="onlineDocumentFeatures">en ligne</span> qui vous permet de parcourir et de modifier des présentations<span class="onlineDocumentFeatures"> dans votre navigateur</span>.</p>
 			<p>En utilisant<b> Presentation Editor</b>, vous pouvez effectuer différentes opérations d'édition comme avec n'importe quel éditeur de bureau, imprimer les présentations modifiées en gardant la mise en forme ou les télécharger sur votre disque dur au format PPTX, PDF, ODP, POTX, PDF/A, OTP.</p>
-            <p><span class="onlineDocumentFeatures">Pour afficher la version actuelle du logiciel et les informations de licence dans la <em>version en ligne</em>, cliquez sur l'icône <img alt="L'icône À propos" src="../images/about.png" /> dans la barre latérale gauche.</span> <span class="desktopDocumentFeatures"> Pour afficher la version actuelle du logiciel et les informations de licence dans la <em>version de bureau</em> pour Windows, cliquez sur l'icône <b>À propos</b> dans la barre latérale gauche de la fenêtre principale du programme. Dans la <em>version de bureau</em> pour Mac OS, accédez au menu <b>ONLYOFFICE</b> en haut de l'écran et sélectionnez l'élément de menu <b>À  propos d'ONLYOFFICE</b>.</span></p>
+            <p><span class="onlineDocumentFeatures">Pour afficher la version actuelle du logiciel et les informations de licence dans la <em>version en ligne</em>, cliquez sur l'icône <div class = "icon icon-about"></div> dans la barre latérale gauche.</span> <span class="desktopDocumentFeatures"> Pour afficher la version actuelle du logiciel et les informations de licence dans la <em>version de bureau</em> pour Windows, cliquez sur l'icône <b>À propos</b> dans la barre latérale gauche de la fenêtre principale du programme. Dans la <em>version de bureau</em> pour Mac OS, accédez au menu <b>ONLYOFFICE</b> en haut de l'écran et sélectionnez l'élément de menu <b>À  propos d'ONLYOFFICE</b>.</span></p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/fr/HelpfulHints/AdvancedSettings.htm b/apps/presentationeditor/main/resources/help/fr/HelpfulHints/AdvancedSettings.htm
index 8fde06680c..09ce47d15b 100644
--- a/apps/presentationeditor/main/resources/help/fr/HelpfulHints/AdvancedSettings.htm
+++ b/apps/presentationeditor/main/resources/help/fr/HelpfulHints/AdvancedSettings.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Paramètres avancés de Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -14,7 +15,7 @@
             <input id="search" class="searchBar" placeholder="Rechercher" type="text" onkeypress="doSearch(event)">
         </div>
 		<h1>Paramètres avancés de Presentation Editor</h1>
-			<p><a target="_blank" href="https://www.onlyoffice.com/fr/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a> vous permet de modifier ses paramètres avancés. Pour y accéder, ouvrez l'onglet <b>Fichier</b> de la barre d'outils supérieure et sélectionnez l'option <b>Paramètres avancés...</b>. Vous pouvez également cliquer sur l'icône <b>Paramètres d'affichage</b> <img alt="L'icône Paramètres d'affichage" src="../images/viewsettingsicon.png" /> sur le côté droit de l'en-tête de l'éditeur et sélectionner l'option <b>Paramètres avancés</b>.</p>
+			<p><a target="_blank" href="https://www.onlyoffice.com/fr/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a> vous permet de modifier ses paramètres avancés. Pour y accéder, ouvrez l'onglet <b>Fichier</b> de la barre d'outils supérieure et sélectionnez l'option <b>Paramètres avancés...</b>. Vous pouvez également cliquer sur l'icône <b>Paramètres d'affichage</b> <div class = "icon icon-viewsettingsicon"></div> sur le côté droit de l'en-tête de l'éditeur et sélectionner l'option <b>Paramètres avancés</b>.</p>
 			<p>Les paramètres avancés sont les suivants:</p>
             <ul>
                 <li><b>Vérification de l'orthographe</b> sert à activer/désactiver l'option de vérification de l'orthographe.</li>
@@ -27,7 +28,7 @@
                     Le <b>Mode de co-édition</b> permet de sélectionner l'affichage des modifications effectuées lors de la co-édition:
                     <ul>
                         <li>Par défaut, le mode <b>Rapide</b> est sélectionné, les utilisateurs qui participent à la co-édition de la présentation verront les changements en temps réel une fois qu'ils sont faits par d'autres utilisateurs.</li>
-                        <li>Si vous préférez ne pas voir d'autres changements d'utilisateur (pour ne pas vous déranger, ou pour toute autre raison), sélectionnez le mode <b>Strict</b> et tous les changements apparaîtront seulement après avoir cliqué sur l'icône <b>Enregistrer</b> <img alt="L'icône Enregistrer" src="../images/saveupdate.png" /> pour vous informer qu'il y a des changements effectués par d'autres utilisateurs.</li>
+                        <li>Si vous préférez ne pas voir d'autres changements d'utilisateur (pour ne pas vous déranger, ou pour toute autre raison), sélectionnez le mode <b>Strict</b> et tous les changements apparaîtront seulement après avoir cliqué sur l'icône <b>Enregistrer</b> <div class = "icon icon-saveupdate"></div> pour vous informer qu'il y a des changements effectués par d'autres utilisateurs.</li>
                     </ul>
                 </li>
                 <li>
diff --git a/apps/presentationeditor/main/resources/help/fr/HelpfulHints/CollaborativeEditing.htm b/apps/presentationeditor/main/resources/help/fr/HelpfulHints/CollaborativeEditing.htm
index 13d3fdb231..e44de0b9b4 100644
--- a/apps/presentationeditor/main/resources/help/fr/HelpfulHints/CollaborativeEditing.htm
+++ b/apps/presentationeditor/main/resources/help/fr/HelpfulHints/CollaborativeEditing.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Les conseils pour édition collaborative" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -31,17 +32,17 @@
                 <p><b>Presentation Editor</b> permet de sélectionner l'un des deux modes de co-édition disponibles:</p>
                 <ul>
                     <li><b>Rapide</b> est utilisé par défaut et affiche les modifications effectuées par d'autres utilisateurs en temps réel.</li>
-                    <li><b>Strict</b> est sélectionné pour masquer les modifications des autres utilisateurs jusqu'à ce que vous cliquiez sur l'icône <b>Enregistrer</b> <img alt="L'icône Enregistrer" src="../images/saveupdate.png" /> pour enregistrer vos modifications et accepter les modifications par d'autres utilisateurs.</li>
+                    <li><b>Strict</b> est sélectionné pour masquer les modifications des autres utilisateurs jusqu'à ce que vous cliquiez sur l'icône <b>Enregistrer</b> <div class = "icon icon-saveupdate"></div> pour enregistrer vos modifications et accepter les modifications par d'autres utilisateurs.</li>
                 </ul>
-                <p>Le mode peut être sélectionné dans les <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Paramètres avancés</a>. Il est également possible de choisir le mode voulu à l'aide de l'icône <b>Mode de co-édition</b> <img alt="L'icône Mode de co-édition" src="../images/coeditingmode.png" /> dans l'onglet <b>Collaboration</b> de la barre d'outils supérieure:</p>
+                <p>Le mode peut être sélectionné dans les <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Paramètres avancés</a>. Il est également possible de choisir le mode voulu à l'aide de l'icône <b>Mode de co-édition</b> <div class = "icon icon-coeditingmode"></div> dans l'onglet <b>Collaboration</b> de la barre d'outils supérieure:</p>
                 <p><img alt="Menu Mode de co-édition" src="../images/coeditingmodemenu.png" /></p>
                 <p class="note">
                     <b>Remarque</b>: lorsque vous co-éditez une présentation en mode <b>Rapide</b>, la possibilité de <b>Rétablir</b> la dernière opération annulée n'est pas disponible.
                 </p>
                 <p>Lorsqu'une présentation est en cours de modification par plusieurs utilisateurs simultanément dans le mode <b>Strict</b>, les objets modifiés sont marqués avec des lignes pointillées de couleurs différentes. Le contour de l'objet modifié est en ligne pointillée. Les  lignes pointillées rouges indiquent des objets qui sont en train d'être édités par d'autres utilisateurs. Pour voir qui est en train d'éditer le fichier au présent, placez le curseur de la souris sur cette icône - les noms des utilisateurs seront affichés dans la fenêtre contextuelle. Le mode <b>Rapide</b> affichera les actions et les noms des co-éditeurs tandis qu'ils modifient le texte.</p>
-                <p>Le nombre d'utilisateurs qui travaillent sur la présentation actuelle est spécifié sur le côté droit de l'en-tête de l'éditeur -  <img alt="L'icône Nombre d'utilisateurs" src="../images/usersnumber.png" />. Pour afficher les personnes qui travaillent sur le fichier, cliquez sur cette icône pour ouvrir le panneau <b>Chat</b> avec la liste complète affichée.</p>
-                <p>Quand aucun utilisateur ne consulte ou ne modifie le fichier, l'icône dans l'en-tête de l'éditeur aura cette apparence <img alt="L'icône Gérer les droits d'accès au document" src="../images/access_rights.png" /> vous permettant de gérer les utilisateurs qui ont accès au fichier directement à partir de la présentation: inviter de nouveaux utilisateurs leur donnant les permissions de <I>modifier</I>, <I>lire</I>, <I>commenter</I>, ou refuser à certains utilisateurs des droits d'accès au fichier. Cliquez sur cette icône pour gérer l'accès au fichier; cela peut être fait aussi bien lorsqu'il n'y a pas d'autres utilisateurs qui voient ou co-éditent le document pour le moment que quand il y a d'autres utilisateurs. L'icône ressemble à ceci <img alt="L'icône Nombre d'utilisateurs" src="../images/usersnumber.png" />. Il est également possible de définir des droits d'accès à l'aide de l'icône <b>Partage</b> <img alt="L'icône Partage" src="../images/sharingicon.png" /> dans l'onglet <b>Collaboration</b> de la barre d'outils supérieure.</p>
-                <p>Dès que l'un des utilisateurs enregistre ses modifications en cliquant sur l'icône    <img alt="L'icône Enregistrer" src="../images/savewhilecoediting.png" />, les autres verront une note dans la barre d'état indiquant qu'il y a des mises à jour. Pour enregistrer les changements effectués et récupérer les mises à jour de vos co-éditeurs cliquez sur l'icône <b>Enregistrer</b> <img alt="L'icône Enregistrer" src="../images/saveupdate.png" /> dans le coin supérieur gauche de la barre supérieure. Les mises à jour seront marquées pour vous aider à contrôler ce qui a été exactement modifié.</p>
+                <p>Le nombre d'utilisateurs qui travaillent sur la présentation actuelle est spécifié sur le côté droit de l'en-tête de l'éditeur -  <div class = "icon icon-usersnumber"></div>. Pour afficher les personnes qui travaillent sur le fichier, cliquez sur cette icône pour ouvrir le panneau <b>Chat</b> avec la liste complète affichée.</p>
+                <p>Quand aucun utilisateur ne consulte ou ne modifie le fichier, l'icône dans l'en-tête de l'éditeur aura cette apparence <div class = "icon icon-access_rights"></div> vous permettant de gérer les utilisateurs qui ont accès au fichier directement à partir de la présentation: inviter de nouveaux utilisateurs leur donnant les permissions de <I>modifier</I>, <I>lire</I>, <I>commenter</I>, ou refuser à certains utilisateurs des droits d'accès au fichier. Cliquez sur cette icône pour gérer l'accès au fichier; cela peut être fait aussi bien lorsqu'il n'y a pas d'autres utilisateurs qui voient ou co-éditent le document pour le moment que quand il y a d'autres utilisateurs. L'icône ressemble à ceci <div class = "icon icon-usersnumber"></div>. Il est également possible de définir des droits d'accès à l'aide de l'icône <b>Partage</b> <div class = "icon icon-sharingicon"></div> dans l'onglet <b>Collaboration</b> de la barre d'outils supérieure.</p>
+                <p>Dès que l'un des utilisateurs enregistre ses modifications en cliquant sur l'icône    <div class = "icon icon-savewhilecoediting"></div>, les autres verront une note dans la barre d'état indiquant qu'il y a des mises à jour. Pour enregistrer les changements effectués et récupérer les mises à jour de vos co-éditeurs cliquez sur l'icône <b>Enregistrer</b> <div class = "icon icon-saveupdate"></div> dans le coin supérieur gauche de la barre supérieure. Les mises à jour seront marquées pour vous aider à contrôler ce qui a été exactement modifié.</p>
                 <h3>Utilisateurs anonymes</h3>
                 <p>Les utilisateurs du portail qui ne sont pas enregistrés et n'ont pas de profil sont les utilisateurs anonymes qui quand même peuvent collaborer sur les documents. Pour affecter un nom à un utilisateur anonyme, ce dernier doit saisir le nom préféré dans le coin supérieur droit de l'écran lorsque l'on accède au document pour la première fois. Activez l'option Ne plus poser cette question pour enregistrer ce nom-ci.</p>
                 <p><img alt="Collaboration anonyme" src="../images/anonymous_collab.png" /></p>
@@ -51,34 +52,34 @@
                 <p>Pour accéder à Chat et envoyer un message à d'autres utilisateurs:</p>
                 <ol>
                     <li>
-                        cliquez sur l'icône <img alt="L'icône Chat" src="../images/chaticon.png" /> dans la barre latérale gauche ou <br /> passez à l'onglet <b>Collaboration</b> de la barre d'outils supérieure et cliquez sur le bouton  <b>Chat</b> <img alt="L'icône Chat" src="../images/chat_toptoolbar.png" /> ,
+                        cliquez sur l'icône <div class = "icon icon-chaticon"></div> dans la barre latérale gauche ou <br /> passez à l'onglet <b>Collaboration</b> de la barre d'outils supérieure et cliquez sur le bouton  <b>Chat</b> <div class = "icon icon-chat_toptoolbar"></div> ,
                     </li>
                     <li>saisissez le texte dans le champ correspondant,</li>
                     <li>cliquez sur le bouton <b>Envoyer</b>.</li>
                 </ol>
-                <p>Tous les messages envoyés par les utilisateurs seront affichés sur le panneau à gauche. S'il y a de nouveaux messages à lire, l'icône chat sera affichée de la manière suivante - <img alt="L'icône Chat" src="../images/chaticon_new.png" />.</p>
-                <p>Pour fermer le panneau avec des messages de discussion, cliquez à nouveau sur l'icône <img alt="L'icône Chat" src="../images/chaticon.png" /> dans la barre latérale gauche ou sur le bouton Chat <img alt="L'icône Chat" src="../images/chat_toptoolbar.png" /> dans la barre d'outils supérieure.</p>
+                <p>Tous les messages envoyés par les utilisateurs seront affichés sur le panneau à gauche. S'il y a de nouveaux messages à lire, l'icône chat sera affichée de la manière suivante - <div class = "icon icon-chaticon_new"></div>.</p>
+                <p>Pour fermer le panneau avec des messages de discussion, cliquez à nouveau sur l'icône <div class = "icon icon-chaticon"></div> dans la barre latérale gauche ou sur le bouton Chat <div class = "icon icon-chat_toptoolbar"></div> dans la barre d'outils supérieure.</p>
             </div>
             <h3>Commentaires</h3>
             <p>Il est possible de travailler avec des commentaires en mode hors ligne, sans se connecter à la <I>version en ligne</I>.</p>
                 <p>Pour laisser un commentaire sur un objet (zone de texte, forme etc.):</p>
                 <ol>
                     <li>sélectionnez l'objet où vous pensez qu'il y a une erreur ou un problème,</li>
-                    <li>passez à l'onglet Insertion ou Collaboration de la barre d'outils supérieure et cliquez sur le bouton Commentaire <img alt="L'icône Commentaires" src="../images/comment_toptoolbar.png" /> ou<br /> cliquez avec le bouton droit sur le passage de texte sélectionné et sélectionnez l'option <b>Ajouter un commentaire</b> dans le menu contextuel,<br />
+                    <li>passez à l'onglet Insertion ou Collaboration de la barre d'outils supérieure et cliquez sur le bouton Commentaire <div class = "icon icon-comment_toptoolbar"></div> ou<br /> cliquez avec le bouton droit sur le passage de texte sélectionné et sélectionnez l'option <b>Ajouter un commentaire</b> dans le menu contextuel,<br />
                     </li>
                     <li>saisissez le texte nécessaire,</li>
                     <li>cliquez sur le bouton <b>Ajouter commentaire/Ajouter</b>.</li>
                 </ol>
-                <p>L'objet que vous commenter sera marqué par l'icône  <img alt="L'icône de l'objet commenté" src="../images/added_comment_icon.png" /> . Pour lire le commentaire, il suffit de cliquer sur cette icône.</p>
-                <p>Pour ajouter un commentaire à une diapositive donnée, sélectionnez la diapositive et utilisez le bouton <b>Commentaires</b> <img alt="L'icône Commentaires" src="../images/comment_toptoolbar.png" /> dans l'onglet <b>Insertion</b> ou <b>Collaboration</b> de la barre d'outils supérieure. Le commentaire ajouté sera affiché dans le coin supérieur gauche de la diapositive.</p>
-                <p>Pour créer un commentaire de niveau présentation qui n'est pas lié à un objet ou une diapositive spécifique, cliquez sur l'icône <img alt="L'icône Commentaires" src="../images/commentsicon.png" /> dans la barre latérale gauche pour ouvrir le panneau <b>Commentaires</b> et utilisez le lien <b>Ajouter un commentaire au document</b>.  Les commentaires au niveau de la présentation peuvent être consultés dans le panneau <b>Commentaires</b>. Les commentaires relatifs aux objets et aux diapositives y sont également disponibles.</p>
+                <p>L'objet que vous commenter sera marqué par l'icône  <div class = "icon icon-added_comment_icon"></div> . Pour lire le commentaire, il suffit de cliquer sur cette icône.</p>
+                <p>Pour ajouter un commentaire à une diapositive donnée, sélectionnez la diapositive et utilisez le bouton <b>Commentaires</b> <div class = "icon icon-comment_toptoolbar"></div> dans l'onglet <b>Insertion</b> ou <b>Collaboration</b> de la barre d'outils supérieure. Le commentaire ajouté sera affiché dans le coin supérieur gauche de la diapositive.</p>
+                <p>Pour créer un commentaire de niveau présentation qui n'est pas lié à un objet ou une diapositive spécifique, cliquez sur l'icône <div class = "icon icon-commentsicon"></div> dans la barre latérale gauche pour ouvrir le panneau <b>Commentaires</b> et utilisez le lien <b>Ajouter un commentaire au document</b>.  Les commentaires au niveau de la présentation peuvent être consultés dans le panneau <b>Commentaires</b>. Les commentaires relatifs aux objets et aux diapositives y sont également disponibles.</p>
                 <p>Tout autre utilisateur peut répondre au commentaire ajouté en posant une question ou en faisant référence au travail fait. Pour le faire il suffit de cliquer sur le lien <b>Ajouter une réponse</b> situé au-dessous du commentaire, saisissez votre réponse dans le champ de saisie et appuyez sur le bouton <b>Répondre</b>.</p>
-                <p>Si vous utilisez le mode de co-édition <b>Strict</b>, les nouveaux commentaires ajoutés par d'autres utilisateurs ne seront visibles qu'après un clic sur l'icône <img alt="L'icône Enregistrer" src="../images/saveupdate.png" /> dans le coin supérieur gauche de la barre supérieure.</p>
+                <p>Si vous utilisez le mode de co-édition <b>Strict</b>, les nouveaux commentaires ajoutés par d'autres utilisateurs ne seront visibles qu'après un clic sur l'icône <div class = "icon icon-saveupdate"></div> dans le coin supérieur gauche de la barre supérieure.</p>
                 <p>Vous pouvez gérer les commentaires ajoutés en utilisant les icônes de la bulle de commentaire ou sur le panneau gauche <b>Commentaires</b>:</p>
                 <ul>
-                    <li>modifier le commentaire actuel en cliquant sur l'icône <img alt="L'icône Modifier" src="../images/editcommenticon.png" /> ,</li>
-                    <li>supprimer le commentaire actuel en cliquant sur l'icône <img alt="L'icône Supprimer" src="../images/deletecommenticon.png" /> ,</li>
-                    <li>fermez la discussion actuelle en cliquant sur l'icône <img alt="L'icône Résoudre" src="../images/resolveicon.png" /> si la tâche ou le problème décrit dans votre commentaire est résolu, après quoi la discussion ouverte par votre commentaire reçoit le statut résolu. Pour l'ouvrir à nouveau, cliquez sur l'icône <img alt="L'icône Ouvrir à nouveau" src="../images/resolvedicon.png" /> .</li>
+                    <li>modifier le commentaire actuel en cliquant sur l'icône <div class = "icon icon-editcommenticon"></div> ,</li>
+                    <li>supprimer le commentaire actuel en cliquant sur l'icône <div class = "icon icon-deletecommenticon"></div> ,</li>
+                    <li>fermez la discussion actuelle en cliquant sur l'icône <div class = "icon icon-resolveicon"></div> si la tâche ou le problème décrit dans votre commentaire est résolu, après quoi la discussion ouverte par votre commentaire reçoit le statut résolu. Pour l'ouvrir à nouveau, cliquez sur l'icône <div class = "icon icon-resolvedicon"></div> .</li>
                     <li>si vous souhaitez gérer tous les commentaires à la fois, accédez le menu contextuel <b>Résoudre</b> sous l'onglet <b>Collaboration</b>. Sélectionnez l'une des options disponibles: <b>Résoudre les commentaires actuels</b>, <b>Marquer mes commentaires comme résolus</b> et <b>Marquer tous les commentaires comme résolus</b> dans la présentation.</li>
                     </ul>
                 <h4>Ajouter les mentions</h4>
@@ -87,7 +88,7 @@
             <p>La personne mentionnée recevra une notification par courrier électronique la informant que son nom est mentionné dans un commentaire. La personne recevra encore une notification lorsque un fichier commenté est partagé.</p>    
             <p>Pour supprimer les commentaires,</p>
             <ol>
-                <li>appuyez sur le bouton <img alt="L'icône Supprimer le commentaire" src="../images/removecomment_toptoolbar.png" /> <b>Supprimer</b> sous l'onglet <b>Collaboration</b> dans la barre d'outils en haut,</li>
+                <li>appuyez sur le bouton <div class = "icon icon-removecomment_toptoolbar"></div> <b>Supprimer</b> sous l'onglet <b>Collaboration</b> dans la barre d'outils en haut,</li>
                 <li>
                     sélectionnez l'option convenable du menu:
                     <ul>
@@ -97,7 +98,7 @@
                     </ul>
                 </li>
             </ol>
-                <p>Pour fermer le panneau avec les commentaires, cliquez sur l'icône <img alt="L'icône Commentaires" src="../images/commentsicon.png" /> de la barre latérale de gauche encore une fois.</p>
+                <p>Pour fermer le panneau avec les commentaires, cliquez sur l'icône <div class = "icon icon-commentsicon"></div> de la barre latérale de gauche encore une fois.</p>
             </div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/fr/HelpfulHints/KeyboardShortcuts.htm b/apps/presentationeditor/main/resources/help/fr/HelpfulHints/KeyboardShortcuts.htm
index ce5f95fddf..a01077de23 100644
--- a/apps/presentationeditor/main/resources/help/fr/HelpfulHints/KeyboardShortcuts.htm
+++ b/apps/presentationeditor/main/resources/help/fr/HelpfulHints/KeyboardShortcuts.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="La liste des raccourcis clavier pour exécuter certaines fonctions de Presentation Editor plus vite et facile à l'aide du clavier." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
         <script type="text/javascript" src="../search/js/jquery.min.js"></script>
diff --git a/apps/presentationeditor/main/resources/help/fr/HelpfulHints/Navigation.htm b/apps/presentationeditor/main/resources/help/fr/HelpfulHints/Navigation.htm
index ef23908251..1613a56622 100644
--- a/apps/presentationeditor/main/resources/help/fr/HelpfulHints/Navigation.htm
+++ b/apps/presentationeditor/main/resources/help/fr/HelpfulHints/Navigation.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Description des paramètres d'affichage et outils de navigation en tant que zoom, les boutons diapositive précédente / suivante" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -16,10 +17,10 @@
 		<h1>Paramètres d'affichage et outils de navigation</h1>
 			<p> <a target="_blank" href="https://www.onlyoffice.com/fr/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a> est doté de plusieurs outils qui vous aide à visionner et naviguer à travers votre document: le zoom, les boutons diapositive précédente/suivante et l'indicateur du numéro de diapositive etc.</p>
 			<h3>Régler les paramètres d'affichage</h3>
-			<p>Pour ajuster les paramètres d'affichage par défaut et définir le mode le plus pratique pour travailler avec la présentation, cliquez sur le bouton cliquez sur l'icône<b> Afficher les paramètres</b> <img alt="L'icône Paramètres d'affichage" src="../images/viewsettingsicon.png" /> située sur le côté droit de l'en-tête de l'éditeur et sélectionnez les éléments d'interface que vous souhaitez masquer ou afficher. Vous pouvez choisir une des options suivantes de la liste déroulante <b>Paramètres d'affichage</b>:
+			<p>Pour ajuster les paramètres d'affichage par défaut et définir le mode le plus pratique pour travailler avec la présentation, cliquez sur le bouton cliquez sur l'icône<b> Afficher les paramètres</b> <div class = "icon icon-viewsettingsicon"></div> située sur le côté droit de l'en-tête de l'éditeur et sélectionnez les éléments d'interface que vous souhaitez masquer ou afficher. Vous pouvez choisir une des options suivantes de la liste déroulante <b>Paramètres d'affichage</b>:
 			</p>
 			<ul>
-			<li><b>Masquer la barre d'outils</b> sert à masquer la barre d'outils supérieure contenant les commandes pendant que les onglets restent visibles. Lorsque cette option est activée, vous pouvez cliquer sur n'importe quel onglet pour afficher la barre d'outils. La barre d'outils est affichée jusqu'à ce que vous cliquiez n'importe où à l'extérieur. Pour désactiver ce mode, cliquez sur l'icône <b>Paramètres d'affichage</b> <img alt="L'icône Paramètres d'affichage" src="../images/viewsettingsicon.png" /> et cliquez à nouveau sur l'option <b>Masquer la barre d'outils</b>. La barre d'outils supérieure sera affichée tout le temps. 
+			<li><b>Masquer la barre d'outils</b> sert à masquer la barre d'outils supérieure contenant les commandes pendant que les onglets restent visibles. Lorsque cette option est activée, vous pouvez cliquer sur n'importe quel onglet pour afficher la barre d'outils. La barre d'outils est affichée jusqu'à ce que vous cliquiez n'importe où à l'extérieur. Pour désactiver ce mode, cliquez sur l'icône <b>Paramètres d'affichage</b> <div class = "icon icon-viewsettingsicon"></div> et cliquez à nouveau sur l'option <b>Masquer la barre d'outils</b>. La barre d'outils supérieure sera affichée tout le temps. 
                 <p class="note"><b>Remarque</b>: vous pouvez également double-cliquer sur un onglet pour masquer la barre d'outils supérieure ou l'afficher à nouveau.</p>
             </li>
 			<li><b>Masquer la barre d'état</b> sert à masquer la barre qui se situe tout en bas avec les boutons <b>Affichage des numéros de diapositives</b> et <b>Zoom</b>. Pour afficher la <b>Barre d'état</b> masquée cliquez sur cette option encore une fois.</li>
@@ -30,10 +31,10 @@
 			<h3>Utiliser les outils de navigation</h3>
 			<p>Pour naviguer à travers votre présentation, utilisez les outils suivants:</p>
 			<p>
-				Les boutons <b>Zoom</b> sont situés en bas à droite et sont utilisés pour faire un zoom avant et arrière dans la présentation active. Pour modifier la valeur de zoom sélectionnée en pourcentage, cliquez dessus et sélectionnez l'une des options de zoom disponibles dans la liste (50% / 75% / 100% / 125% / 150% / 175% / 200%) ou utilisez les boutons <b>Zoom avant</b> <img alt="Bouton Zoom avant" src="../images/zoomin.png" /> ou <b>Zoom arrière</b> <img alt="Bouton Zoom arrière" src="../images/zoomout.png" /> . Cliquez sur l'icône <b>Ajuster à la largeur</b> <img alt="Bouton Ajuster à la largeur" src="../images/fitwidth.png" /> pour adapter la largeur de la diapositive à la partie visible de la zone de travail. Pour adapter la page entière du document à la partie visible de la zone de travail, cliquez sur l'icône <b>Ajuster à la diapositive</b> <img alt="Bouton Ajuster à la diapositive" src="../images/fitslide.png" /> . Les paramètres de Zoom sont également disponibles dans la liste déroulante <b>Paramètres d'affichage</b> <img alt="L'icône Paramètres d'affichage" src="../images/viewsettingsicon.png" /> qui peuvent être bien utiles si vous décidez de masquer la <b>Barre d'état</b>.
+				Les boutons <b>Zoom</b> sont situés en bas à droite et sont utilisés pour faire un zoom avant et arrière dans la présentation active. Pour modifier la valeur de zoom sélectionnée en pourcentage, cliquez dessus et sélectionnez l'une des options de zoom disponibles dans la liste (50% / 75% / 100% / 125% / 150% / 175% / 200%) ou utilisez les boutons <b>Zoom avant</b> <div class = "icon icon-zoomin"></div> ou <b>Zoom arrière</b> <div class = "icon icon-zoomout"></div> . Cliquez sur l'icône <b>Ajuster à la largeur</b> <div class = "icon icon-fitwidth"></div> pour adapter la largeur de la diapositive à la partie visible de la zone de travail. Pour adapter la page entière du document à la partie visible de la zone de travail, cliquez sur l'icône <b>Ajuster à la diapositive</b> <div class = "icon icon-fitslide"></div> . Les paramètres de Zoom sont également disponibles dans la liste déroulante <b>Paramètres d'affichage</b> <div class = "icon icon-viewsettingsicon"></div> qui peuvent être bien utiles si vous décidez de masquer la <b>Barre d'état</b>.
 			</p>
 			<p class="note"><b>Remarque</b>: vous pouvez définir une valeur de zoom par défaut. Basculez vers l'onglet <b>Fichier</b> de la barre d'outils supérieure, allez à la section <b>Paramètres avancés...</b>, choisissez la <b>Valeur de zoom par défaut</b> nécessaire dans la liste et cliquez sur le bouton <b>Appliquer</b>.</p>
-			<p>Pour accéder à la diapositive précédente ou suivante lors de la modification de la présentation, vous pouvez utiliser les boutons <img alt="Bouton Diapositive précédente" src="../images/previouspage.png" /> et <img alt="Bouton Diapositive suivante" src="../images/nextpage.png" /> en haut et en bas de la barre de défilement verticale sur le côté droit de la diapositive.</p>
+			<p>Pour accéder à la diapositive précédente ou suivante lors de la modification de la présentation, vous pouvez utiliser les boutons <div class = "icon icon-previouspage"></div> et <div class = "icon icon-nextpage"></div> en haut et en bas de la barre de défilement verticale sur le côté droit de la diapositive.</p>
 			<p><b>Indicateur du numéro de diapositive</b> affiche la diapositive actuelle en tant que partie de toute la présentation actuelle (diapositive 'n' de 'nn').  Cliquez sur la légende pour ouvrir la fenêtre dans laquelle vous pouvez entrer le numéro de la diapositive et y accéder rapidement.  Si la <b>Barre d'état</b> est masquée, cet outil reste inaccessible.</p>
 			
 			
diff --git a/apps/presentationeditor/main/resources/help/fr/HelpfulHints/Password.htm b/apps/presentationeditor/main/resources/help/fr/HelpfulHints/Password.htm
index 858e86c7de..1f3fb27785 100644
--- a/apps/presentationeditor/main/resources/help/fr/HelpfulHints/Password.htm
+++ b/apps/presentationeditor/main/resources/help/fr/HelpfulHints/Password.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Activation de protection du fichier avec un mot de passe" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/fr/HelpfulHints/Search.htm b/apps/presentationeditor/main/resources/help/fr/HelpfulHints/Search.htm
index 7e5182b8ee..0446fd82c9 100644
--- a/apps/presentationeditor/main/resources/help/fr/HelpfulHints/Search.htm
+++ b/apps/presentationeditor/main/resources/help/fr/HelpfulHints/Search.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Description des fonctions de recherche et de remplacement dans Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -14,13 +15,13 @@
             <input id="search" class="searchBar" placeholder="Rechercher" type="text" onkeypress="doSearch(event)">
         </div>
 		<h1>Fonctions de recherche et remplacement</h1>
-			<p><b>Pour rechercher</b> des caractères, des mots ou des phrases dans <a target="_blank" href="https://www.onlyoffice.com/fr/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>, cliquez sur l'icône <img alt="Icône Recherche" src="../images/searchicon.png" /> située sur la barre latérale gauche ou utilisez la combinaison de touches <em>Ctrl+F</em>.</p>
+			<p><b>Pour rechercher</b> des caractères, des mots ou des phrases dans <a target="_blank" href="https://www.onlyoffice.com/fr/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>, cliquez sur l'icône <div class = "icon icon-searchicon"></div> située sur la barre latérale gauche ou utilisez la combinaison de touches <em>Ctrl+F</em>.</p>
 			<p>La fenêtre <b>Rechercher et remplacer</b> s'ouvre :</p><img alt="Fenêtre Rechercher et remplacer" src="../images/search_window.png" /><ol>
 			<li>Saisissez votre enquête dans le champ correspondant.</li>
-                <li>Spécifiez les paramètres de recherche en cliquant sur l'icône <img alt="icône Options de recherche" src="../images/search_options.png" /> et en cochant les options nécessaires :<ul>
+                <li>Spécifiez les paramètres de recherche en cliquant sur l'icône <div class = "icon icon-search_options"></div> et en cochant les options nécessaires :<ul>
                         <li><b>Respecter la casse</b> sert à trouver les occurrences saisies de la même casse (par exemple, si votre enquête est 'Editeur' et cette option est sélectionnée, les mots tels que 'éditeur' ou 'EDITEUR' etc. ne seront pas trouvés). Pour désactiver cette option décochez la case.</li><!--<li><b>Highlight results</b> - is used to highlight all found occurrences at once. To disable this option and remove the highlight click the option once again.</li>--></ul>
                 </li>
-			<li>Cliquez sur un des <b>boutons à flèche</b> à droite. La recherche sera effectuée vers le début de la présentation (si vous cliquez sur le bouton <img alt="Flèche gauche" src="../images/searchupbutton.png" />) ou vers la fin de la présentation (si vous cliquez sur le bouton <img alt="Flèche droite" src="../images/searchdownbutton.png" />) à partir de la position actuelle. <!--<p class="note"><b>Note</b>: when the <b>Highlight results</b> option is enabled, use these buttons to navigate through the highlighted results.</p>--></li>
+			<li>Cliquez sur un des <b>boutons à flèche</b> à droite. La recherche sera effectuée vers le début de la présentation (si vous cliquez sur le bouton <div class = "icon icon-searchupbutton"></div>) ou vers la fin de la présentation (si vous cliquez sur le bouton <div class = "icon icon-searchdownbutton"></div>) à partir de la position actuelle. <!--<p class="note"><b>Note</b>: when the <b>Highlight results</b> option is enabled, use these buttons to navigate through the highlighted results.</p>--></li>
 			</ol>
 			<p>La première diapositive contenant les caractères saisis dans la direction sélectionnée sera activée dans la liste des diapositives et affichée avec les caractères requis dans la zone de travail. Si ce n'est pas la diapositive que vous cherchez, cliquez sur le bouton à flèche encore une fois pour passer à la diapositive suivante contenant les caractères saisis.</p>
             <p><b>Pour remplacer</b> une ou plusieurs occurrences des caractères saisis, cliquez sur le lien <b>Remplacer</b> au-dessous du champ d'entrée ou utilisez la combinaison de touches <em>Ctrl+H</em>. La fenêtre <b>Rechercher et remplacer</b> change :</p>
diff --git a/apps/presentationeditor/main/resources/help/fr/HelpfulHints/SpellChecking.htm b/apps/presentationeditor/main/resources/help/fr/HelpfulHints/SpellChecking.htm
index 3ccb2fe5ee..4660c38c47 100644
--- a/apps/presentationeditor/main/resources/help/fr/HelpfulHints/SpellChecking.htm
+++ b/apps/presentationeditor/main/resources/help/fr/HelpfulHints/SpellChecking.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Vérification de l'orthographe du texte saisi dans une certaine langue lors de l'édition" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -16,12 +17,12 @@
 		<h1>Vérification de l'orthographe</h1>
 			<p><a target="_blank" href="https://www.onlyoffice.com/fr/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a> vous permet de vérifier l'orthographe du texte saisi dans une certaine langue et corriger des fautes lors de l'édition. Sur l'édition de bureau, il est aussi possible d'ajouter les mots au dictionnaire personnalisé commun à tous les trois éditeurs.</p>
 			<p class="note">À partir de la <b>version 6.3</b>, les éditeurs ONLYOFFICE prennent en chatge l'interface <b>SharedWorker</b> pour un meilleur fonctionnement en évitant une utilisation élevée de la mémoire. Si votre navigateur ne prend pas en charge SharedWorker, alors c'est seulement <b>Worker</b> qui sera actif. Pour en savoir plus sur SharedWorker, veuillez consulter <a href="https://javascript.plainenglish.io/introduction-to-shared-workers-533d9abe9de3">cette page</a>.</p>
-			<p>Tout d'abord, <b>choisissez la langue</b> pour tout le document. Cliquez sur l'icône <img alt="Icône Définir la langue du document" src="../images/document_language.png" /> sur le côté droit de la barre d'état. Dans la fenêtre ouverte sélectionnez la langue nécessaire et cliquez sur <b>OK</b>. La langue sélectionnée sera appliquée à tout le document.</p>
+			<p>Tout d'abord, <b>choisissez la langue</b> pour tout le document. Cliquez sur l'icône <div class = "icon icon-document_language"></div> sur le côté droit de la barre d'état. Dans la fenêtre ouverte sélectionnez la langue nécessaire et cliquez sur <b>OK</b>. La langue sélectionnée sera appliquée à tout le document.</p>
 			<p><img alt="Fenêtre Définir la langue du document" src="../images/document_language_window.png" /></p>
 			<p>Pour <b>sélectionner une langue différente</b> pour un fragment de texte dans la présentation, sélectionnez le fragment nécessaire avec la souris et utilisez le menu <img alt="Vérification de l'orthographe - Langue du texte" src="../images/spellchecking_language.png" /> de la barre d'état.</p>
             <p>Pour <b>activer</b> l'option de vérification orthographique, vous pouvez :</p>
             <ul>
-                <li>cliquer sur l'icône <img alt="Icône Vérification Orthographique désactivée" src="../images/spellcheckdeactivated.png" /> <b>Vérification orthographique</b> dans la barre d'état, ou</li>
+                <li>cliquer sur l'icône <div class = "icon icon-spellcheckdeactivated"></div> <b>Vérification orthographique</b> dans la barre d'état, ou</li>
                 <li>basculer vers l'onglet <b>Fichier</b> de la barre d'outils supérieure, aller à la section <b>Paramètres avancés...</b>, cocher la case <b>Activer la vérification orthographique</b> et cliquer sur le bouton <b>Appliquer</b>.</li>
             </ul>
             <p>Les mots mal orthographiés seront soulignés par une ligne rouge.</p>
@@ -35,7 +36,7 @@
             <p><img alt="Vérification de l'orthographe" src="../images/spellchecking_presentation.png" /></p>
             <p>Pour <b>désactiver</b> l'option de vérification orthographique, vous pouvez :</p>
             <ul>
-                <li>cliquer sur l'icône <img alt="Icône Vérification Orthographique activée" src="../images/spellcheckactivated.png" /> <b>Vérification orthographique</b> dans la barre d'état, ou</li>
+                <li>cliquer sur l'icône <div class = "icon icon-spellcheckactivated"></div> <b>Vérification orthographique</b> dans la barre d'état, ou</li>
                 <li>Basculer vers l'onglet <b>Fichier</b> de la barre d'outils supérieure, aller à la section <b>Paramètres avancés...</b>, décocher la case <b>Activer la vérification orthographique</b> et cliquer sur le bouton <b>Appliquer</b>.</li>
             </ul>
 		</div>
diff --git a/apps/presentationeditor/main/resources/help/fr/HelpfulHints/SupportedFormats.htm b/apps/presentationeditor/main/resources/help/fr/HelpfulHints/SupportedFormats.htm
index bc8bf6808d..9fb8178635 100644
--- a/apps/presentationeditor/main/resources/help/fr/HelpfulHints/SupportedFormats.htm
+++ b/apps/presentationeditor/main/resources/help/fr/HelpfulHints/SupportedFormats.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Formats des présentations électroniques pris en charge" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/fr/HelpfulHints/UsingChat.htm b/apps/presentationeditor/main/resources/help/fr/HelpfulHints/UsingChat.htm
index 969b396d76..69761eea3f 100644
--- a/apps/presentationeditor/main/resources/help/fr/HelpfulHints/UsingChat.htm
+++ b/apps/presentationeditor/main/resources/help/fr/HelpfulHints/UsingChat.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Conseils d'utilisation du chat" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
 	</head>
 	<body>
 		<div class="mainpart">
@@ -13,12 +14,12 @@
 			Pour accéder au chat et</p>
 			<p>Pour accéder au Chat et  laisser un message pour les autres utilisateurs:</p>
 			<ol>
-				<li>cliquez sur l'icône <img alt="L'icône Chat" src="../images/chaticon.png" /> sur la barre latérale gauche,</li>
+				<li>cliquez sur l'icône <div class = "icon icon-chaticon"></div> sur la barre latérale gauche,</li>
 				<li>saisissez le texte dans le champ correspondant,</li>
 				<li>cliquez sur le bouton <b>Envoyer</b>.</li>
 			</ol>
-			<p>Tous les messages envoyés par les utilisateurs seront affichés sur le panneau à gauche. S'il y a de nouveaux messages à lire, l'icône chat sera affichée de la manière suivante - <img alt="L'icône Chat" src="../images/chaticon_new.png" />.</p>
-			<p>Pour fermer le panneau avec les messages, cliquez sur l'icône <img alt="L'icône Chat" src="../images/chaticon.png" /> encore une fois.</p>
+			<p>Tous les messages envoyés par les utilisateurs seront affichés sur le panneau à gauche. S'il y a de nouveaux messages à lire, l'icône chat sera affichée de la manière suivante - <div class = "icon icon-chaticon_new"></div>.</p>
+			<p>Pour fermer le panneau avec les messages, cliquez sur l'icône <div class = "icon icon-chaticon"></div> encore une fois.</p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/fr/ProgramInterface/CollaborationTab.htm b/apps/presentationeditor/main/resources/help/fr/ProgramInterface/CollaborationTab.htm
index 013ab67ad9..613dbc29a5 100644
--- a/apps/presentationeditor/main/resources/help/fr/ProgramInterface/CollaborationTab.htm
+++ b/apps/presentationeditor/main/resources/help/fr/ProgramInterface/CollaborationTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Présentation de l'interface utilisateur de Presentation Editor user interface - L'onglet Collaboration" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/fr/ProgramInterface/FileTab.htm b/apps/presentationeditor/main/resources/help/fr/ProgramInterface/FileTab.htm
index ef18ad8ebb..583268e1dc 100644
--- a/apps/presentationeditor/main/resources/help/fr/ProgramInterface/FileTab.htm
+++ b/apps/presentationeditor/main/resources/help/fr/ProgramInterface/FileTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Présentation de l'interface utilisateur de Presentation Editor - L'onglet Fichier" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/fr/ProgramInterface/HomeTab.htm b/apps/presentationeditor/main/resources/help/fr/ProgramInterface/HomeTab.htm
index 9999964b4e..f82e7805a4 100644
--- a/apps/presentationeditor/main/resources/help/fr/ProgramInterface/HomeTab.htm
+++ b/apps/presentationeditor/main/resources/help/fr/ProgramInterface/HomeTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Présentation de l'interface utilisateur de Presentation Editor - L'onglet Acceuil" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/fr/ProgramInterface/InsertTab.htm b/apps/presentationeditor/main/resources/help/fr/ProgramInterface/InsertTab.htm
index 3fae3ddd5c..c4d4cf1e1b 100644
--- a/apps/presentationeditor/main/resources/help/fr/ProgramInterface/InsertTab.htm
+++ b/apps/presentationeditor/main/resources/help/fr/ProgramInterface/InsertTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Présentation de l'interface utilisateur de Presentation Editor user interface - L'onglet Insertion" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/fr/ProgramInterface/PluginsTab.htm b/apps/presentationeditor/main/resources/help/fr/ProgramInterface/PluginsTab.htm
index bf073c5361..d078f0b018 100644
--- a/apps/presentationeditor/main/resources/help/fr/ProgramInterface/PluginsTab.htm
+++ b/apps/presentationeditor/main/resources/help/fr/ProgramInterface/PluginsTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Présentation de l'interface utilisateur de Presentation Editor - L'onglet Modules complémentaires" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/fr/ProgramInterface/ProgramInterface.htm b/apps/presentationeditor/main/resources/help/fr/ProgramInterface/ProgramInterface.htm
index e838b2e325..81b4d2fae7 100644
--- a/apps/presentationeditor/main/resources/help/fr/ProgramInterface/ProgramInterface.htm
+++ b/apps/presentationeditor/main/resources/help/fr/ProgramInterface/ProgramInterface.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Présentation de l'interface utilisateur de Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -28,28 +29,28 @@
                 <li>
                     <b>L'en-tête de l'éditeur</b> affiche le logo, <span class="desktopDocumentFeatures">les onglets de présentations ouvertes et leurs titres</span> et les onglets du menu.
                     <p>Dans la partie gauche de <b>l'en-tête de l'éditeur</b> se trouvent les boutons <b>Enregistrer</b>, <b>Imprimer le fichier</b>, <b>Annuler</b> et <b>Rétablir</b>.</p>
-                    <p><img alt="Icônes dans l'en-tête de l'éditeur" src="../images/interface/leftpart.png" /></p>
+                    <p><div class = "big big-leftpart"></div></p>
                     <p>Dans la partie droite de <b>l'en-tête de l'éditeur</b>, le nom de l'utilisateur est affiché ainsi que les icônes suivantes:</p>
                     <ul>
-                        <li><img alt="Ouvrir l'emplacement du fichier" src="../images/gotodocuments.png" /> <b>Ouvrir l'emplacement du fichier</b> - <span class="desktopDocumentFeatures">dans la <I>version de bureau</I>, elle permet d'ouvrir le dossier où le fichier est stocké dans la fenêtre <b>Explorateur de fichiers</b>.</span> <span class="onlineDocumentFeatures"> Dans la <I>version en ligne</I>, elle permet d'ouvrir le dossier du module <b>Documents</b> où le fichier est stocké dans un nouvel onglet du navigateur.</span></li>
-                        <li><img alt="L'icône Paramètres d'affichage" src="../images/viewsettingsicon.png" /> <b>Paramètres d'affichage</b> - permet de configurer   <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">les Paramètres d'affichage</a> et d'accéder aux <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Paramètres avancés</a> de l'éditeur.</li>
-                        <li class="onlineDocumentFeatures"><img alt="L'icône Gérer les droits d'accès au document" src="../images/access_rights.png" /> <b>Gérer les droits d'accès au document</b> - (disponible uniquement dans la <I>version en ligne</I>) permet de <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">définir les droits d'accès</a> aux documents stockés dans le cloud.</li>
-                        <li><img alt="Icône favoris" src="../images/favorites_icon.png" /> <b>Marquer en tant que favori</b> - cliquez sur l'étoile pour ajouter le fichier aux favoris et pour le retrouver rapidement. Ce n'est qu'un fichier de raccourcis car le fichier lui-même est dans l'emplacement de stockage d'origine. Le fichier réel n'est pas supprimé quand vous le supprimez de Favoris. </li>
+                        <li><div class = "icon icon-gotodocuments"></div> <b>Ouvrir l'emplacement du fichier</b> - <span class="desktopDocumentFeatures">dans la <I>version de bureau</I>, elle permet d'ouvrir le dossier où le fichier est stocké dans la fenêtre <b>Explorateur de fichiers</b>.</span> <span class="onlineDocumentFeatures"> Dans la <I>version en ligne</I>, elle permet d'ouvrir le dossier du module <b>Documents</b> où le fichier est stocké dans un nouvel onglet du navigateur.</span></li>
+                        <li><div class = "icon icon-viewsettingsicon"></div> <b>Paramètres d'affichage</b> - permet de configurer   <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">les Paramètres d'affichage</a> et d'accéder aux <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Paramètres avancés</a> de l'éditeur.</li>
+                        <li class="onlineDocumentFeatures"><div class = "icon icon-access_rights"></div> <b>Gérer les droits d'accès au document</b> - (disponible uniquement dans la <I>version en ligne</I>) permet de <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">définir les droits d'accès</a> aux documents stockés dans le cloud.</li>
+                        <li><div class = "icon icon-favorites_icon"></div> <b>Marquer en tant que favori</b> - cliquez sur l'étoile pour ajouter le fichier aux favoris et pour le retrouver rapidement. Ce n'est qu'un fichier de raccourcis car le fichier lui-même est dans l'emplacement de stockage d'origine. Le fichier réel n'est pas supprimé quand vous le supprimez de Favoris. </li>
                         </ul>
                 </li>
                 <li>
                     La barre d'outils supérieure affiche un ensemble de commandes d'édition en fonction de l'onglet de menu sélectionné. Actuellement, les onglets suivants sont disponibles: <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">Fichier</a>, <a href="../ProgramInterface/HomeTab.htm" onclick="onhyperlinkclick(this)">Accueil</a>, <a href="../ProgramInterface/InsertTab.htm" onclick="onhyperlinkclick(this)">Insertion</a>, <a href="../ProgramInterface/CollaborationTab.htm" onclick="onhyperlinkclick(this)">Collaboration</a>, <span class="desktopDocumentFeatures">Protection,</span> <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Modules complémentaires</a>.
-                    <p>Des options Copier <img alt="L'icône Copier" src="../images/copy.png" /> et Coller <img alt="L'icône Coller" src="../images/paste.png" /> sont toujours disponibles dans la partie gauche de la <b>Barre d'outils supérieure</b>, quel que soit l'onglet sélectionné.</p>
+                    <p>Des options Copier <div class = "icon icon-copy"></div> et Coller <div class = "icon icon-paste"></div> sont toujours disponibles dans la partie gauche de la <b>Barre d'outils supérieure</b>, quel que soit l'onglet sélectionné.</p>
                 </li>
                 <li>La <b>Barre d'état</b>  en bas de la fenêtre de l'éditeur contient l'icône <a href="../UsageInstructions/PreviewPresentation.htm" onclick="onhyperlinkclick(this)">Démarrer le diaporama</a> et certains <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">outils de navigation</a>: l'indicateur de numéro de diapositive et les boutons de zoom.  La Barre d'état affiche également certaines notifications (telles que Toutes les modifications enregistrées, etc.) et permet de <a href="../HelpfulHints/SpellChecking.htm" onclick="onhyperlinkclick(this)">définir la langue du texte et d'activer la vérification orthographique</a>.</li>
                 <li>
                     La <b>barre latérale gauche</b> contient les icônes suivantes:
                     <ul>
-                        <li><img alt="L'icône Rechercher" src="../images/searchicon.png" /> - permet d'utiliser l'outil <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">Rechercher et remplacer</a> ,</li>
-                        <li><img alt="L'icône Commentaires" src="../images/commentsicon.png" /> - permet d'ouvrir le panneau <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Commentaires</a> ,</li>
-                        <li class="onlineDocumentFeatures"><img alt="L'icône Chat" src="../images/chaticon.png" /> - (disponible dans la <I>version en ligne</I> seulement) permet d'ouvrir le panneau de <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a> ,</li>
-                        <li class="onlineDocumentFeatures"><img alt="L'icône Rétroaction et assistance" src="../images/feedbackicon.png" /> - (disponible dans la<I> version en ligne</I> seulement)  permet de contacter notre équipe d'assistance technique,</li>
-                        <li class="onlineDocumentFeatures"><img alt="L'icône À propos" src="../images/abouticon.png" /> - (disponible dans la <I>version en ligne</I> seulement) permet de visualiser les informations sur le programme.</li>
+                        <li><div class = "icon icon-searchicon"></div> - permet d'utiliser l'outil <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">Rechercher et remplacer</a> ,</li>
+                        <li><div class = "icon icon-commentsicon"></div> - permet d'ouvrir le panneau <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Commentaires</a> ,</li>
+                        <li class="onlineDocumentFeatures"><div class = "icon icon-chaticon"></div> - (disponible dans la <I>version en ligne</I> seulement) permet d'ouvrir le panneau de <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a> ,</li>
+                        <li class="onlineDocumentFeatures"><div class = "icon icon-feedbackicon"></div> - (disponible dans la<I> version en ligne</I> seulement)  permet de contacter notre équipe d'assistance technique,</li>
+                        <li class="onlineDocumentFeatures"><div class = "icon icon-about"></div> - (disponible dans la <I>version en ligne</I> seulement) permet de visualiser les informations sur le programme.</li>
                     </ul>
                 </li>
                 <li>La <b>barre latérale droite</b> permet d'ajuster les paramètres supplémentaires de différents objets. Lorsque vous sélectionnez un objet particulier sur une diapositive, l'icône correspondante est activée dans la barre latérale droite. Cliquez sur cette icône pour développer la barre latérale droite.</li>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/AddHyperlinks.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/AddHyperlinks.htm
index 98598195cd..b2f3598dc6 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/AddHyperlinks.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/AddHyperlinks.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Ajouter des liens hypertextes à partir d'un mot ou d'un texte vers un site externe, ou d'une diapositive de la même présentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<ol>
 				<li>placez le curseur dans le bloc de texte à une position où vous voulez ajouter un lien hypertexte,</li>
                 <li>passez à l'onglet <b>Insertion</b> de la barre d'outils supérieure,</li>
-				<li>cliquez sur l'icône <b>Lien hypertexte</b> <img alt="Icône Lien hypertexte" src="../images/addhyperlink.png" /> de la barre d'outils supérieure,</li>
+				<li>cliquez sur l'icône <b>Lien hypertexte</b> <div class = "icon icon-addhyperlink"></div> de la barre d'outils supérieure,</li>
 				<li>ensuite la fenêtre <b>Paramètre du lien hypertexte</b> s'affiche où vous pouvez configurer les paramètres du lien hypertexte:<ul>
 				    <li><!--<b>Type de lien</b> ---> sélectionnez un type de lien à insérer <!--depuis la liste déroulante--> :<ul>
 				    <li>Utilisez l'option <b>Lien externe</b> et entrez une URL au format http://www.example.com dans le champ <b>Lien vers</b> si vous avez besoin d'ajouter un lien hypertexte menant vers un site externe.<p><img alt="Fenêtre Paramètres du lien hypertexte" src="../images/hyperlinkwindow.png" /></p>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/AlignArrangeObjects.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/AlignArrangeObjects.htm
index a70804bf73..66a5f45add 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/AlignArrangeObjects.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/AlignArrangeObjects.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Aligner et organiser des zones de texte, des formes automatiques, des images et des graphiques dans une diapositive." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,18 +20,18 @@
         <h3>Aligner des objets</h3>
         <p>Pour <b>aligner</b> <em>deux ou plusieurs</em> objets sélectionnés,</p>
         <ol>
-            <li>cliquez sur l'icône <b>Aligner une forme</b> <img alt="icône Aligner une forme" src="../images/alignshape.png" /> située dans l'onglet <b>Accueil</b> de la barre d'outils supérieure et sélectionnez une des options disponibles :<ul>
+            <li>cliquez sur l'icône <b>Aligner une forme</b> <div class = "icon icon-alignshape"></div> située dans l'onglet <b>Accueil</b> de la barre d'outils supérieure et sélectionnez une des options disponibles :<ul>
                     <li><b>Aligner sur la diapositive</b> pour aligner les objets par rapport aux bords de la diapositive,</li>
                     <li><b>Aligner les objets sélectionnés</b> (cette option est sélectionnée par défaut) pour aligner les objets les uns par rapport aux autres,</li>                    
                 </ul>
             </li>
-            <li>Cliquez à nouveau sur l'icône <b>Aligner la forme</b> <img alt="icône Aligner une forme" src="../images/alignshape.png" /> et sélectionnez le type d'alignement nécessaire dans la liste :<ul>
-                    <li><b>Aligner à gauche</b> <img alt="icône Aligner à gauche" src="../images/alignobjectleft.png" /> - pour aligner les objets horizontalement sur le côté gauche de l'objet le plus à gauche/le bord gauche de la diapositive,</li>
-                    <li><b>Aligner au centre</b> <img alt="icône Aligner au centre" src="../images/alignobjectcenter.png" /> - pour aligner les objets horizontalement au centre/centre de la diapositive,</li>
-                    <li><b>Aligner à droite</b> <img alt="icône Aligner à droite" src="../images/alignobjectright.png" /> - pour aligner les objets horizontalement sur le côté droit de l'objet le plus à droite/le bord droit de la diapositive,</li>
-                    <li><b>Aligner en haut</b> <img alt="icône Aligner en haut" src="../images/alignobjecttop.png" /> - pour aligner les objets verticalement sur le bord supérieur de l'objet le plus haut/le bord supérieur de la diapositive,</li>
-                    <li><b>Aligner au milieu</b> <img alt="icône Aligner au milieu" src="../images/alignobjectmiddle.png" /> - pour aligner les objets verticalement par leur milieu/ milieu de la diapositive,</li>
-                    <li><b>Aligner en bas</b> <img alt="icône Aligner en bas" src="../images/alignobjectbottom.png" /> - pour aligner verticalement les objets par le bord inférieur de l'objet le plus bas/bord inférieur de la diapositive.</li>
+            <li>Cliquez à nouveau sur l'icône <b>Aligner la forme</b> <div class = "icon icon-alignshape"></div> et sélectionnez le type d'alignement nécessaire dans la liste :<ul>
+                    <li><b>Aligner à gauche</b> <div class = "icon icon-alignobjectleft"></div> - pour aligner les objets horizontalement sur le côté gauche de l'objet le plus à gauche/le bord gauche de la diapositive,</li>
+                    <li><b>Aligner au centre</b> <div class = "icon icon-alignobjectcenter"></div> - pour aligner les objets horizontalement au centre/centre de la diapositive,</li>
+                    <li><b>Aligner à droite</b> <div class = "icon icon-alignobjectright"></div> - pour aligner les objets horizontalement sur le côté droit de l'objet le plus à droite/le bord droit de la diapositive,</li>
+                    <li><b>Aligner en haut</b> <div class = "icon icon-alignobjecttop"></div> - pour aligner les objets verticalement sur le bord supérieur de l'objet le plus haut/le bord supérieur de la diapositive,</li>
+                    <li><b>Aligner au milieu</b> <div class = "icon icon-alignobjectmiddle"></div> - pour aligner les objets verticalement par leur milieu/ milieu de la diapositive,</li>
+                    <li><b>Aligner en bas</b> <div class = "icon icon-alignobjectbottom"></div> - pour aligner verticalement les objets par le bord inférieur de l'objet le plus bas/bord inférieur de la diapositive.</li>
                 </ul>
             </li>
         </ol>
@@ -39,14 +40,14 @@
         <h3>Distribuer des objets</h3>
         <p>Pour <b>distribuer</b> horizontalement ou verticalement <em>trois objets sélectionnés ou plus</em> de façon à ce que la même distance apparaisse entre eux,</p>
         <ol>
-            <li>cliquez sur l'icône <b>Aligner</b> <img alt="icône Aligner une forme" src="../images/alignshape.png" /> située dans l'onglet <b>Accueil</b> de la barre d'outils supérieure et sélectionnez une des options disponibles :<ul>                    
+            <li>cliquez sur l'icône <b>Aligner</b> <div class = "icon icon-alignshape"></div> située dans l'onglet <b>Accueil</b> de la barre d'outils supérieure et sélectionnez une des options disponibles :<ul>                    
                     <li><b>Aligner sur la diapositive</b> pour répartir les objets entre les bords de la diapositive,</li>
                     <li><b>Aligner les objets sélectionnés</b> (cette option est sélectionnée par défaut) pour distribuer les objets entre les deux objets les plus externes sélectionnés,</li>
                 </ul>
             </li>
-            <li>Cliquez à nouveau sur l'icône <b>Aligner la forme</b> <img alt="icône Aligner une forme" src="../images/alignshape.png" /> et sélectionnez le type de distribution nécessaire dans la liste :<ul>
-                    <li><b>Distribuer horizontalement</b> <img alt="icône Distribuer horizontalement" src="../images/distributehorizontally.png" /> - pour répartir uniformément les objets entre les bords gauche et droit des objets sélectionnés et les bords gauche et droit de la diapositive<!--to align the selected objects by their centers (from right to left edges) to the horizontal center of the page-->.</li>
-                    <li><b>Distribuer verticalement</b> <img alt="icône Distribuer verticalement" src="../images/distributevertically.png" /> - pour répartir uniformément les objets entre les bords supérieurs et inférieurs des objets sélectionnés et les bords supérieurs et inférieurs de la diapositive.<!--to align the selected objects by their centers (from top to bottom edges) to the vertical center of the page-->.</li>
+            <li>Cliquez à nouveau sur l'icône <b>Aligner la forme</b> <div class = "icon icon-alignshape"></div> et sélectionnez le type de distribution nécessaire dans la liste :<ul>
+                    <li><b>Distribuer horizontalement</b> <div class = "icon icon-distributehorizontally"></div> - pour répartir uniformément les objets entre les bords gauche et droit des objets sélectionnés et les bords gauche et droit de la diapositive<!--to align the selected objects by their centers (from right to left edges) to the horizontal center of the page-->.</li>
+                    <li><b>Distribuer verticalement</b> <div class = "icon icon-distributevertically"></div> - pour répartir uniformément les objets entre les bords supérieurs et inférieurs des objets sélectionnés et les bords supérieurs et inférieurs de la diapositive.<!--to align the selected objects by their centers (from top to bottom edges) to the vertical center of the page-->.</li>
                 </ul>
             </li>
         </ol>
@@ -54,20 +55,20 @@
         <p class="note"><b>Remarque </b>: les options de distribution sont désactivées si vous sélectionnez moins de trois objets.</p>
         
         <h3>Grouper plusieurs objets</h3>
-        <p>Pour <b>grouper</b> <em>deux ou plusieurs</em> objets sélectionnés ou les <b>dissocier</b>, cliquez sur l'icône <b>Organiser une forme</b> <img alt="icône Organiser une forme" src="../images/arrangeshape.png" /> dans l'onglet <b>Accueil</b> de la barre d'outils supérieure et sélectionnez l'option nécessaire depuis la liste :</p>
+        <p>Pour <b>grouper</b> <em>deux ou plusieurs</em> objets sélectionnés ou les <b>dissocier</b>, cliquez sur l'icône <b>Organiser une forme</b> <div class = "icon icon-arrangeshape"></div> dans l'onglet <b>Accueil</b> de la barre d'outils supérieure et sélectionnez l'option nécessaire depuis la liste :</p>
         <ul>
-            <li><b>Grouper</b> <img alt="icône Grouper" src="../images/group.png" /> - pour combiner plusieurs objets de sorte que vous puissiez les faire pivoter, déplacer, redimensionner, aligner, organiser, copier, coller, mettre en forme simultanément comme un objet unique.</li>
-            <li><b>Dissocier</b> <img alt="icône Dissocier" src="../images/ungroup.png" /> - pour dissocier le groupe sélectionné d'objets préalablement combinés.</li>
+            <li><b>Grouper</b> <div class = "icon icon-group"></div> - pour combiner plusieurs objets de sorte que vous puissiez les faire pivoter, déplacer, redimensionner, aligner, organiser, copier, coller, mettre en forme simultanément comme un objet unique.</li>
+            <li><b>Dissocier</b> <div class = "icon icon-ungroup"></div> - pour dissocier le groupe sélectionné d'objets préalablement combinés.</li>
         </ul>
         <p>Vous pouvez également cliquer avec le bouton droit sur les objets sélectionnés, choisir l'option <b>Ordonner</b> dans le menu contextuel, puis utiliser l'option <b>Grouper</b> ou <b>Dissocier</b>.</p>
         <p class="note"><b>Remarque </b>: l'option <b>Grouper</b> est désactivée si vous sélectionnez moins de deux objets. L'option <b>Dégrouper</b> n'est disponible que lorsqu'un groupe des objets précédemment joints est sélectionné.</p>
         <h3>Organiser plusieurs objets</h3>
-        <p>Pour <b>organiser</b> les objets sélectionnés (c'est à dire pour modifier leur ordre lorsque plusieurs objets se chevauchent), cliquez sur l'icône <b>Organiser une forme</b> <img alt="icône Organiser une forme" src="../images/arrangeshape.png" /> dans l'onglet <b>Accueil</b> de la barre d'outils supérieure et sélectionnez le type nécessaire depuis la liste.</p>
+        <p>Pour <b>organiser</b> les objets sélectionnés (c'est à dire pour modifier leur ordre lorsque plusieurs objets se chevauchent), cliquez sur l'icône <b>Organiser une forme</b> <div class = "icon icon-arrangeshape"></div> dans l'onglet <b>Accueil</b> de la barre d'outils supérieure et sélectionnez le type nécessaire depuis la liste.</p>
         <ul>
-            <li><b>Mettre au premier plan</b> <img alt="icône Mettre au premier plan" src="../images/bringtofront.png" /> - pour déplacer les objets devant tous les autres objets,</li>
-            <li><b>Avancer d'un plan</b> <img alt="icône Avancer d'un plan" src="../images/bringforward.png" /> - pour déplacer les objets d'un niveau en avant par rapport à d'autres objets.</li>
-            <li><b>Mettre en arrière-plan</b> <img alt="icône Mettre en arrière-plan" src="../images/sendtoback.png" /> - pour déplacer les objets derrière tous les autres objets,</li>
-            <li><b>Reculer d'un plan</b> <img alt="Send Backward icon" src="../images/sendbackward.png" /> - pour déplacer les objets d'un niveau en arrière par rapport à d'autres objets.</li>
+            <li><b>Mettre au premier plan</b> <div class = "icon icon-bringtofront"></div> - pour déplacer les objets devant tous les autres objets,</li>
+            <li><b>Avancer d'un plan</b> <div class = "icon icon-bringforward"></div> - pour déplacer les objets d'un niveau en avant par rapport à d'autres objets.</li>
+            <li><b>Mettre en arrière-plan</b> <div class = "icon icon-sendtoback"></div> - pour déplacer les objets derrière tous les autres objets,</li>
+            <li><b>Reculer d'un plan</b> <div class = "icon icon-sendbackward"></div> - pour déplacer les objets d'un niveau en arrière par rapport à d'autres objets.</li>
         </ul>        
         <p>Vous pouvez également cliquer avec le bouton droit sur les objets sélectionnés, choisir l'option <b>Organiser</b> dans le menu contextuel, puis utiliser une des options de rangement disponibles.</p>
         </div>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/ApplyTransitions.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/ApplyTransitions.htm
index 6f7b5d5849..b3fea6a43b 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/ApplyTransitions.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/ApplyTransitions.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Ajouter des effets d'animation entre deux diapositives" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<p>Pour appliquer une transition à une seule diapositive ou à plusieurs diapositives sélectionnées:</p>
 			<p><img class="floatleft"alt="Slide settings tab" src="../images/slidesettingstab.png" /></p>
 			<ol style="margin-left: 280px;">
-				<li>Sélectionnez une diapositive nécessaire (ou plusieurs diapositives de la liste) à laquelle vous voulez appliquer une transition. L'onglet <B>Paramètres de la diapositive</B> sera activé sur la barre latérale droite. Pour l'ouvrir, cliquez sur l'icône <B>Paramètres de la diapositive</B> <img alt="Paramètres de la diapositive" src="../images/slide_settings_icon.png" /> à droite. Vous pouvez également cliquer avec le bouton droit sur une diapositive dans la zone d'édition de diapositives et sélectionner l'option <B>Paramètres de diapositive</B> dans le menu contextuel.
+				<li>Sélectionnez une diapositive nécessaire (ou plusieurs diapositives de la liste) à laquelle vous voulez appliquer une transition. L'onglet <B>Paramètres de la diapositive</B> sera activé sur la barre latérale droite. Pour l'ouvrir, cliquez sur l'icône <B>Paramètres de la diapositive</B> <div class = "icon icon-slide_settings_icon"></div> à droite. Vous pouvez également cliquer avec le bouton droit sur une diapositive dans la zone d'édition de diapositives et sélectionner l'option <B>Paramètres de diapositive</B> dans le menu contextuel.
 				</li>
 				<li>Sélectionnez une transition de la liste déroulante <B>Effet</B>.
 				<p>Les transitions disponibles sont les suivantes: <I>Fondu</I>, <I>Expulsion</I>, <I>Effacement</I>, <I>Diviser</I>, <I>Découvrir</I>, <I>Couvrir</I>, <I>Horloge</I>, <I>Zoom</I>.</p>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/CopyClearFormatting.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/CopyClearFormatting.htm
index 473f4a523d..618709e2c8 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/CopyClearFormatting.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/CopyClearFormatting.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Copier/effacer la mise en forme de votre présentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,20 +18,20 @@
 			<p>Pour copier une certaine mise en forme du texte dans <a target="_blank" href="https://www.onlyoffice.com/fr/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>,</p>
 			<ol>
 				<li>sélectionnez le fragment du texte contenant la mise en forme à copier en utilisant la souris ou <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">le clavier</a>,</li>
-				<li>cliquez sur l'icône <b>Copier le style</b> <img alt="Copier le style" src="../images/copystyle.png" /> dans l'onglet <b>Accueil</b> de la barre d'outils supérieure ( le pointeur de la souris aura la forme suivante <img alt="Pointeur de la souris lors du collage du style" src="../images/paste_style.png" />),</li>
+				<li>cliquez sur l'icône <b>Copier le style</b> <div class = "icon icon-copystyle"></div> dans l'onglet <b>Accueil</b> de la barre d'outils supérieure ( le pointeur de la souris aura la forme suivante <div class = "icon icon-paste_style"></div>),</li>
 				<li>sélectionnez le fragment de texte à mettre en forme.</li>
 			</ol>
             <p>Pour appliquer la mise en forme copiée aux plusieurs fragments du texte,</p>
             <ol>
                 <li>sélectionnez le fragment du texte contenant la mise en forme à copier en utilisant la souris ou <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">le clavier</a>,</li>
-                <li>double-cliquez sur l'icône <b>Copier le style</b> <img alt="Copier le style" src="../images/copystyle.png" /> dans l'onglet <b>Accueil</b> de la barre d'outils supérieure (le pointeur de la souris ressemblera à ceci <img alt="Pointeur de la souris lors du collage du style" src="../images/paste_style.png" /> et l'icône <b>Copier le style</b> restera sélectionnée : <img alt="Multiples copies de styles" src="../images/copystyle_selected.png" />),</li>
+                <li>double-cliquez sur l'icône <b>Copier le style</b> <div class = "icon icon-copystyle"></div> dans l'onglet <b>Accueil</b> de la barre d'outils supérieure (le pointeur de la souris ressemblera à ceci <div class = "icon icon-paste_style"></div> et l'icône <b>Copier le style</b> restera sélectionnée : <div class = "icon icon-copystyle_selected"></div>),</li>
                 <li>sélectionnez les fragments du texte nécessaires un par un pour appliquer la même mise en forme pour chacun d'eux,</li>
-                <li>pour quitter ce mode, cliquez à nouveau sur l'icône <b>Copier le style</b> <img alt="Multiples copies de styles" src="../images/copystyle_selected.png" /> ou appuyez sur la touche <b>Échap</b> du clavier.</li>
+                <li>pour quitter ce mode, cliquez à nouveau sur l'icône <b>Copier le style</b> <div class = "icon icon-copystyle_selected"></div> ou appuyez sur la touche <b>Échap</b> du clavier.</li>
             </ol>
 			<p>Pour effacer la mise en forme appliquée de votre texte,</p>
 			<ol>
 				<li>sélectionnez le fragment de texte dont vous souhaitez supprimer la mise en forme,</li>
-				<li>cliquez sur l'icône <b>Effacer le style</b> <img alt="Effacer le style" src="../images/clearstyle.png" /> dans l'onglet <b>Accueil</b> de la barre d'outils supérieure.</li>
+				<li>cliquez sur l'icône <b>Effacer le style</b> <div class = "icon icon-clearstyle"></div> dans l'onglet <b>Accueil</b> de la barre d'outils supérieure.</li>
 			</ol>
 		</div>
 	</body>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/CopyPasteUndoRedo.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/CopyPasteUndoRedo.htm
index a304e6425b..7cd05f3990 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/CopyPasteUndoRedo.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/CopyPasteUndoRedo.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Utiliser les opérations de base dans la présentation: copier, coller, annuler, rétablir" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,8 +19,8 @@
 			<p>Pour couper, copier et coller les objets sélectionnés (diapositives, passages de texte, formes automatiques) dans <a target="_blank" href="https://www.onlyoffice.com/fr/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a> ou annuler/rétablir vos actions, utilisez les icônes correspondantes sur la barre d'outils supérieure :</p>
             <ul>
                 <li><b>Couper</b> – sélectionnez un objet et utilisez l'option <b>Couper</b> du menu contextuel pour effacer la sélection et l'envoyer dans le presse-papiers de l'ordinateur. <span class="onlineDocumentFeatures">Les données coupées peuvent être insérées ensuite à un autre endroit de la même présentation</span></li>
-                <li><b>Copier</b> – sélectionnez un objet et utilisez l'option <b>Copier</b> dans le menu contextuel, ou l'icône <b>Copier</b> <img alt="Icône Copier" src="../images/copy.png" /> de la barre d'outils supérieure pour copier la sélection dans le presse-papiers de l'ordinateur. <span class="onlineDocumentFeatures">L'objet copié peut être inséré ensuite à un autre endroit dans la même présentation.</span></li>
-                <li><b>Coller</b> – trouvez l'endroit dans votre présentation où vous voulez coller l'objet précédemment copié et utilisez l'option <b>Coller</b> du menu contextuel ou l'icône <b>Coller</b> <img alt="Icône Coller" src="../images/paste.png" /> de la barre d'outils supérieure. L'objet sera inséré à la position actuelle du curseur. <span class="onlineDocumentFeatures">L'objet peut être copié depuis la même présentation.</span></li>
+                <li><b>Copier</b> – sélectionnez un objet et utilisez l'option <b>Copier</b> dans le menu contextuel, ou l'icône <b>Copier</b> <div class = "icon icon-copy"></div> de la barre d'outils supérieure pour copier la sélection dans le presse-papiers de l'ordinateur. <span class="onlineDocumentFeatures">L'objet copié peut être inséré ensuite à un autre endroit dans la même présentation.</span></li>
+                <li><b>Coller</b> – trouvez l'endroit dans votre présentation où vous voulez coller l'objet précédemment copié et utilisez l'option <b>Coller</b> du menu contextuel ou l'icône <b>Coller</b> <div class = "icon icon-paste"></div> de la barre d'outils supérieure. L'objet sera inséré à la position actuelle du curseur. <span class="onlineDocumentFeatures">L'objet peut être copié depuis la même présentation.</span></li>
             </ul>    
             <p><span class="onlineDocumentFeatures">Dans la <em>version en ligne</em>, les combinaisons de touches suivantes ne sont utilisées que pour copier ou coller des données de/vers une autre présentation ou un autre programme,</span> <span class="desktopDocumentFeatures">dans la <em>version de bureau</em>, les boutons/options de menu et les combinaisons de touches correspondantes peuvent être utilisées pour toute opération copier/coller :</span></p>
                     <ul>
@@ -28,7 +29,7 @@
                         <li><b>Ctrl+X</b> pour couper.</li>
                     </ul>
             <h3>Utiliser la fonctionnalité Collage spécial</h3>
-            <p>Une fois le texte copié collé, le bouton <b>Collage spécial</b> <img alt="Collage spécial" src="../images/pastespecialbutton.png" /> apparaît à côté du passage de texte inséré. Cliquez sur ce bouton pour sélectionner l'option de collage requise.</p>
+            <p>Une fois le texte copié collé, le bouton <b>Collage spécial</b> <div class = "icon icon-pastespecialbutton"></div> apparaît à côté du passage de texte inséré. Cliquez sur ce bouton pour sélectionner l'option de collage requise.</p>
             <p>Lors du collage de passages de texte, les options suivantes sont disponibles:</p>
             <ul>
                 <li><em>Utiliser le thème de destination</em> - permet d'appliquer la mise en forme spécifiée par le thème de la présentation en cours. Cette option est utilisée par défaut.</li>
@@ -46,8 +47,8 @@
             <h3>Utiliser les opérations Annuler/Rétablir</h3>
             <p>Pour effectuer les opérations annuler/rétablir, utilisez les icônes correspondantes dans la partie gauche de l'en-tête de l'éditeur ou les raccourcis clavier :</p>
             <ul>
-                <li><b>Annuler</b> – utilisez l'icône <b>Annuler</b> <img alt="Icône Annuler" src="../images/undo.png" /> pour annuler la dernière action effectuée.</li>
-                <li><b>Rétablir</b> – utilisez l'icône <b>Rétablir</b> <img alt="Icône Rétablir" src="../images/redo.png" /> pour rétablir la dernière action annulée.<p>Vous pouvez aussi utiliser la combinaison de touches <b>Ctrl+Z</b> pour annuler ou pour rétablir <b>Ctrl+Y</b>.</p>
+                <li><b>Annuler</b> – utilisez l'icône <b>Annuler</b> <div class = "icon icon-undo"></div> pour annuler la dernière action effectuée.</li>
+                <li><b>Rétablir</b> – utilisez l'icône <b>Rétablir</b> <div class = "icon icon-redo"></div> pour rétablir la dernière action annulée.<p>Vous pouvez aussi utiliser la combinaison de touches <b>Ctrl+Z</b> pour annuler ou pour rétablir <b>Ctrl+Y</b>.</p>
                 </li>
             </ul>
             <p class="note"><b>Remarque</b> : lorsque vous co-éditez une présentation en mode <b>Rapide</b>, la possibilité de <b>Rétablir</b> la dernière opération annulée n'est pas disponible.</p>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/CreateLists.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/CreateLists.htm
index 9734538407..2f2f066807 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/CreateLists.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/CreateLists.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Créer des listes à puces et des listes numérotées" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -21,23 +22,23 @@
                 <li>
                     sélectionnez le type de liste à créer :
                     <ul>
-                        <li><b>Liste non ordonnée</b> avec des marqueurs est créée à l'aide de l'icône <b>Puces</b> <img alt="L'icône Liste non ordonnée" src="../images/bullets.png" /> de la barre c</li>
+                        <li><b>Liste non ordonnée</b> avec des marqueurs est créée à l'aide de l'icône <b>Puces</b> <div class = "icon icon-bullets"></div> de la barre c</li>
                         <li>
-                            <b>Liste ordonnée</b> avec numérotage spécial est créée à l'aide de l'icône <b>Numérotation</b> <img alt="L'icône Liste ordonnée" src="../images/numbering.png" /> de la barre d'outils supérieure.
+                            <b>Liste ordonnée</b> avec numérotage spécial est créée à l'aide de l'icône <b>Numérotation</b> <div class = "icon icon-numbering"></div> de la barre d'outils supérieure.
                             <p class="note"><b>Remarque</b>: cliquez sur la flèche vers le bas à côté de l'icône <b>Puces</b> ou <b>Numérotation</b> pour sélectionner le format de puces ou de numérotation souhaité.</p>
                         </li>
                     </ul>
                 </li>
                 <li>appuyez sur la touche <b>Entrée</b> à la fin de la ligne pour ajouter un nouvel élément à la liste. Pour terminer la liste, appuyez sur la touche <b>Retour arrière</b> et continuez le travail.</li>
             </ol>
-            <p>Il est aussi possible de modifier le retrait et l'imbrication des listes en utilisant des icônes <b>Diminuer le retrait</b> <img alt="L'icône Diminuer le retrait" src="../images/decreaseindent.png" /> et <b>Augmenter le retrait</b> <img alt="L'icône Augmenter le retrait" src="../images/increaseindent.png" /> sous l'onglet <b>Acceuil</b> de la barre barre d'outils supérieure.</p>
+            <p>Il est aussi possible de modifier le retrait et l'imbrication des listes en utilisant des icônes <b>Diminuer le retrait</b> <div class = "icon icon-decreaseindent"></div> et <b>Augmenter le retrait</b> <div class = "icon icon-increaseindent"></div> sous l'onglet <b>Acceuil</b> de la barre barre d'outils supérieure.</p>
             <p class="note"><b>Remarque</b>: on peut configurer les paramètres du retrait et de l'espacement supplémentaire sur la barre latérale droite dans la fenêtre Paramètres avancés. Pour en savoir plus, consultez <a href="InsertText.htm" onclick="onhyperlinkclick(this)">Insertion en mise en forme du texte</a> .</p>
 
             <h3>Configurer les paramètres de la liste</h3>
             <p>Pour configurer les paramètres de la liste comme la puce, la taille et la couleur:</p>
             <ol>
                 <li>cliquez sur l'élément de la liste actuelle ou sélectionnez le texte à partir duquel vous souhaitez créer une liste,</li>
-                <li>cliquez sur l'icône <b>Puces</b> <img alt="L'icône Liste non ordonnée" src="../images/bullets.png" /> ou <b>Numérotation</b> <img alt="L'icône Liste ordonnée" src="../images/numbering.png" /> sous l'onglet <b>Accueil</b> dans la barre d'outils en haut,</li>
+                <li>cliquez sur l'icône <b>Puces</b> <div class = "icon icon-bullets"></div> ou <b>Numérotation</b> <div class = "icon icon-numbering"></div> sous l'onglet <b>Accueil</b> dans la barre d'outils en haut,</li>
                 <li>sélectionnez l'option <b>Paramètres de la liste</b>,</li>
                 <li>
                     la fenêtre <b>Paramètres de la liste</b> s'affiche. La fenêtre Paramètres de la liste à puces se présente sous cet aspect:
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/FillObjectsSelectColor.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/FillObjectsSelectColor.htm
index d470ded931..7bc7393189 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/FillObjectsSelectColor.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/FillObjectsSelectColor.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Remplir des objets en utilisant des couleurs, des images ou des modèles, sélectionner les couleurs en tant que l'arrière-plan de la diapositive, le remplissage de la forme, le trait et la police." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,9 +19,9 @@
 			<ol>
 			<li>Sélectionnez un objet.
                 <ul>
-                    <li>Pour modifier le remplissage de l'arrière-plan de la diapositive, sélectionnez les diapositives voulues dans la liste des diapositives. L'onglet <img alt="Icône Paramètres de la diapositive" src="../images/slide_settings_icon.png" /> <b>Paramètres de la diapositive</b> sera activé sur la barre latérale droite.</li>
-                    <li>Pour modifier le remplissage de la forme automatique, cliquez avec le bouton gauche de la souris la forme automatique concernée. L'onglet <img alt="L'icône Paramètres de la forme" src="../images/shape_settings_icon.png" /> <b>Paramètres de la forme</b> sera activé sur la barre latérale droite.</li>
-                    <li>Pour modifier le remplissage de la police Text Art, cliquez avec le bouton gauche sur l'objet texte concerné. L'onglet <img alt="L'icône Paramètres de Text Art" src="../images/textart_settings_icon.png" /> <b>Paramètres Text Art</b> sera activé sur la barre latérale droite.</li>
+                    <li>Pour modifier le remplissage de l'arrière-plan de la diapositive, sélectionnez les diapositives voulues dans la liste des diapositives. L'onglet <div class = "icon icon-slide_settings_icon"></div> <b>Paramètres de la diapositive</b> sera activé sur la barre latérale droite.</li>
+                    <li>Pour modifier le remplissage de la forme automatique, cliquez avec le bouton gauche de la souris la forme automatique concernée. L'onglet <div class = "icon icon-shape_settings_icon"></div> <b>Paramètres de la forme</b> sera activé sur la barre latérale droite.</li>
+                    <li>Pour modifier le remplissage de la police Text Art, cliquez avec le bouton gauche sur l'objet texte concerné. L'onglet <div class = "icon icon-textart_settings_icon"></div> <b>Paramètres Text Art</b> sera activé sur la barre latérale droite.</li>
                 </ul>
 			</li>
 			<li>Définissez le type de remplissage nécessaire.</li>
@@ -48,7 +49,7 @@
 				<hr />
 			<ul>				
 				<li>
-					<b>Dégradé</b> - sélectionnez cette option pour spécifier deux couleurs pour créer une transition douce entre elles et remplir la forme. Cliquez sur l'icône <img alt="L'icône Paramètres de la forme" src="../images/shape_settings_icon.png" /> <b>Paramètres de la forme</b> pour ouvrir le menu de <b>Remplissage</b>:
+					<b>Dégradé</b> - sélectionnez cette option pour spécifier deux couleurs pour créer une transition douce entre elles et remplir la forme. Cliquez sur l'icône <div class = "icon icon-shape_settings_icon"></div> <b>Paramètres de la forme</b> pour ouvrir le menu de <b>Remplissage</b>:
 					<p><img class="floatleft" alt="Remplissage en dégradé" src="../images/fill_gradient.png" /></p>
 					<ul style="margin-left: 280px;">
 						<li><b>Style</b> - choisissez une des options disponibles: <b>Linéaire</b> (la transition se fait selon un axe horizontal/vertical ou en diagonale, sous l'angle de 45 degrés) ou <b>Radial</b> (la transition se fait autour d'un point, les couleurs se fondent progressivement du centre aux bords en formant un cercle).</li>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/HighlightedCode.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/HighlightedCode.htm
index c63b189c28..4b26bc034e 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/HighlightedCode.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/HighlightedCode.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="Description de l'extension Code en surbrillance pour les éditeurs ONLYOFFICE permettant d'intégrer dans une présentation le code auquel le style est déjà appliqué" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -17,7 +18,7 @@
         <p>Dans <a target="_blank" href="https://www.onlyoffice.com/fr/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>, vous pouvez intégrer votre code mis en surbrillance auquel le style est déjà appliqué à correspondre avec le langage de programmation et le style de coloration dans le programme choisi.</p>
         <ol>
             <li>Accédez à votre présentation et placez le curseur à l'endroit où le code doit être inséré.</li>
-            <li>Passez à l'onglet <b>Modules complémentaires</b> et choisissez <img alt="L'icône de l'extension Code en surbrillance" src="../images/highlight.png" /> <b>Code en surbrillance</b>.</li>
+            <li>Passez à l'onglet <b>Modules complémentaires</b> et choisissez <div class = "icon icon-highlight"></div> <b>Code en surbrillance</b>.</li>
             <li>Spécifiez la <b>Langue</b> de programmation.</li>
             <li>Choisissez le <b>Style</b> du code pour qu'il apparaisse de manière à sembler celui dans le programme.</li>
             <li>Spécifiez si on va remplacer les tabulations par des espaces.</li>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertAutoshapes.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertAutoshapes.htm
index bb7479dc20..9272dea724 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertAutoshapes.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertAutoshapes.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Insérer les formes automatiques et modifier ses paramètres." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<p>Pour <b>ajouter</b> une forme automatique à une diapositive dans <a target="_blank" href="https://www.onlyoffice.com/fr/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>,</p>
 			<ol>
 				<li>sélectionnez la diapositive à laquelle vous voulez ajouter une forme automatique dans la liste des diapositives à gauche.</li>
-				<li>cliquez sur l'icône <img alt="Insérer une forme automatique" src="../images/insertautoshape.png" /> <b>Forme</b> dans l'onglet <b>Accueil</b> ou <b>Insertion</b> de la barre d'outils supérieure,</li>
+				<li>cliquez sur l'icône <div class = "icon icon-insertautoshape"></div> <b>Forme</b> dans l'onglet <b>Accueil</b> ou <b>Insertion</b> de la barre d'outils supérieure,</li>
 				<li>sélectionnez l'un des groupes de formes automatiques disponibles : Formes de base, Flèches figurées, Mathématiques, Graphiques, Étoiles et rubans, Légendes, Boutons, Rectangles, Lignes,</li>
 				<li>cliquez sur la forme automatique voulue du groupe sélectionné,</li>
 				<li>dans la zone d'édition de la diapositive, placez le curseur de la souris là où vous voulez insérer la forme,<p class="note"><b>Remarque</b> : vous pouvez cliquer et faire glisser pour étirer la forme.</p>
@@ -30,7 +31,7 @@
 
 			<hr />
             <h3>Modifier les paramètres de la forme automatique</h3>
-			<p>Certains paramètres de la forme automatique peuvent être modifiés en utilisant l'onglet <b>Paramètres de la forme</b> de la barre latérale droite. Pour l'activer, sélectionnez la forme ajoutée avec la souris et sélectionnez l'icône <b>Paramètres de la forme</b> <img alt="Paramètres de la forme" src="../images/shape_settings_icon.png" /> à droite. Vous pouvez y modifier les paramètres suivants :</p>
+			<p>Certains paramètres de la forme automatique peuvent être modifiés en utilisant l'onglet <b>Paramètres de la forme</b> de la barre latérale droite. Pour l'activer, sélectionnez la forme ajoutée avec la souris et sélectionnez l'icône <b>Paramètres de la forme</b> <div class = "icon icon-shape_settings_icon"></div> à droite. Vous pouvez y modifier les paramètres suivants :</p>
 			<p><img class="floatleft"alt="Onglet Paramètres de la forme" src="../images/shapesettingstab.png" /></p>
 			<ul  style="margin-left: 280px;">
 			<li><b>Remplissage</b> - utilisez cette section pour sélectionner le remplissage de la forme automatique. Les options disponibles sont les suivantes :<ul>
@@ -49,10 +50,10 @@
     			</ul>
 			</li>
                 <li><b>Rotation</b> permet de faire pivoter la forme de 90 degrés dans le sens des aiguilles d'une montre ou dans le sens inverse des aiguilles d'une montre, ainsi que de retourner la forme horizontalement ou verticalement. Cliquez sur l'un des boutons :<ul>
-                        <li><img alt="icône Pivoter dans le sens inverse des aiguilles d'une montre" src="../images/rotatecounterclockwise.png" /> pour faire pivoter la forme de 90 degrés dans le sens inverse des aiguilles d'une montre</li>
-                        <li><img alt="icône Pivoter dans le sens des aiguilles d'une montre" src="../images/rotateclockwise.png" /> pour faire pivoter la forme de 90 degrés dans le sens des aiguilles d'une montre</li>
-                        <li><img alt="icône Retourner horizontalement" src="../images/fliplefttoright.png" /> pour retourner la forme horizontalement (de gauche à droite)</li>
-                        <li><img alt="icône Retourner verticalement" src="../images/flipupsidedown.png" /> pour retourner la forme verticalement (à l'envers)</li>
+                        <li><div class = "icon icon-rotatecounterclockwise"></div> pour faire pivoter la forme de 90 degrés dans le sens inverse des aiguilles d'une montre</li>
+                        <li><div class = "icon icon-rotateclockwise"></div> pour faire pivoter la forme de 90 degrés dans le sens des aiguilles d'une montre</li>
+                        <li><div class = "icon icon-fliplefttoright"></div> pour retourner la forme horizontalement (de gauche à droite)</li>
+                        <li><div class = "icon icon-flipupsidedown"></div> pour retourner la forme verticalement (à l'envers)</li>
                     </ul>
                 </li>
 			</ul>
@@ -62,7 +63,7 @@
 			<hr />
 			<p>Pour changer les <b>paramètres avancés</b> de la forme automatique, cliquez sur la forme avec le bouton droit et sélectionnez l'option <b>Paramètres avancés</b> dans le menu contextuel ou cliquez avec le bouton gauche et utilisez le lien <b>Afficher paramètres avancés</b> sur la barre latérale droite. La fenêtre Propriétés de la forme s'ouvre :</p>
             <p><img alt="Paramètres de la forme - onglet Taille" src="../images/shape_properties1.png" /></p>
-			<p>L'onglet <b>Taille</b> vous permet de modifier la <b>Largeur</b> et/ou la <b>Hauteur</b> de la forme automatique. Si le bouton <b>Proportions constantes</b> <img alt="Icône Proportions constantes" src="../images/constantproportions.png" /> est activé (auquel cas il ressemble à ceci <img alt="Icône Proportions constantes activée" src="../images/constantproportionsactivated.png" />), la largeur et la hauteur seront changées en même temps et le ratio d'aspect de la forme automatique originale sera préservé.</p>
+			<p>L'onglet <b>Taille</b> vous permet de modifier la <b>Largeur</b> et/ou la <b>Hauteur</b> de la forme automatique. Si le bouton <b>Proportions constantes</b> <div class = "icon icon-constantproportions"></div> est activé (auquel cas il ressemble à ceci <div class = "icon icon-constantproportionsactivated"></div>), la largeur et la hauteur seront changées en même temps et le ratio d'aspect de la forme automatique originale sera préservé.</p>
             <p><img alt="Forme - Paramètres avancés" src="../images/shape_properties5.png" /></p>
             <p>L'onglet <b>Rotation</b> comporte les paramètres suivants :</p>
             <ul>
@@ -105,17 +106,17 @@
             <h3>Joindre des formes automatiques à l'aide de connecteurs</h3>
             <p>Vous pouvez connecter des formes automatiques à l'aide de lignes munies de points de connexion pour démontrer les dépendances entre les objets (par exemple, si vous souhaitez créer un diagramme). Pour le faire,</p>
             <ol>
-                <li>cliquez sur l'icône <img alt="Insérer une forme automatique" src="../images/insertautoshape.png" /> <b>Forme</b> dans l'onglet <b>Accueil</b> ou <b>Insertion</b> de la barre d'outils supérieure,</li>
+                <li>cliquez sur l'icône <div class = "icon icon-insertautoshape"></div> <b>Forme</b> dans l'onglet <b>Accueil</b> ou <b>Insertion</b> de la barre d'outils supérieure,</li>
                 <li>sélectionnez le groupe <b>Lignes</b> dans le menu,<p><img alt="Formes - Lignes" src="../images/connectors.png" /></p>
                 </li>
                 <li>cliquez sur la forme souhaitée dans le groupe sélectionné (à l'exception des trois dernières formes qui ne sont pas des connecteurs, à savoir les formes <em>Courbe</em>, <em>Dessin à main levée</em> et <em>Forme libre</em>),</li>
-                <li>passez le curseur de la souris sur la première forme automatique et cliquez sur l'un des points de connexions <img alt="Icône Point de connexion" src="../images/connectionpoint.png" /> apparaissant sur le contour,<p><img alt="Utiliser des connecteurs" src="../images/connectors_firstshape.png" /></p>
+                <li>passez le curseur de la souris sur la première forme automatique et cliquez sur l'un des points de connexions <div class = "icon icon-connectionpoint"></div> apparaissant sur le contour,<p><div class = "big big-connectors_firstshape"></div></p>
                 </li>
-                <li>faites glisser le curseur de la souris vers la deuxième forme automatique et cliquez sur le point de connexion voulu sur son contour.<p><img alt="Utiliser des connecteurs" src="../images/connectors_secondshape.png" /></p>
+                <li>faites glisser le curseur de la souris vers la deuxième forme automatique et cliquez sur le point de connexion voulu sur son contour.<p><div class = "big big-connectors_secondshape"></div></p>
                 </li>
             </ol>
             <p>Si vous déplacez les formes automatiques jointes, le connecteur reste attaché aux formes et se déplace avec elles.</p>
-            <p><img alt="Déplacer des formes jointes" src="../images/connectors_moveshape.png" /></p>
+            <p><div class = "big big-connectors_moveshape"></div></p>
             <p>Vous pouvez également détacher le connecteur des formes, puis l'attacher à d'autres points de connexion.</p>
 		</div>
 	</body>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertCharts.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertCharts.htm
index d3ec5cf0c2..c4553d2812 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertCharts.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertCharts.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Insérer un graphique dans votre présentation et configurer ses paramètres" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,7 +20,7 @@
             <ol>
                 <li>placez le curseur à l'endroit où vous voulez insérer un graphique,</li>
                 <li>passez à l'onglet <b>Insertion</b> de la barre d'outils supérieure,</li>
-                <li>cliquez sur l'icône <b>Graphique</b> <img alt="L'icône Insérer un graphique" src="../images/insertchart.png" /> de la barre d'outils supérieure,</li>
+                <li>cliquez sur l'icône <b>Graphique</b> <div class = "icon icon-insertchart"></div> de la barre d'outils supérieure,</li>
 				<li>choisissez le type de graphique approprié: <details class="details-example"><summary>Graphique à colonnes</summary>
                 <ul>
                     <li>Histogramme groupé</li>
@@ -82,10 +83,10 @@
                 <li>
                     lorsque la fenêtre <b>Éditeur du graphique</b> s'affiche, vous pouvez saisir les données à en utilisant des boutons suivants:
                     <ul>
-                        <li><img alt="Copier" src="../images/copy.png" /> et <img alt="Coller" src="../images/paste.png" /> pour copier et coller des données</li>
-                        <li><img alt="Annuler" src="../images/undo1.png" /> et <img alt="Rétablir" src="../images/redo1.png" /> pour annuler et rétablir une action</li>
-                        <li><img alt="Insérer une fonction" src="../images/insertfunction.png" /> pour insérer une fonction,</li>
-                        <li><img alt="Réduire les décimales" src="../images/decreasedec.png" /> et <img alt="Ajouter une décimale" src="../images/increasedec.png" /> pour réduire et ajouter une décimale</li>
+                        <li><div class = "icon icon-copy"></div> et <div class = "icon icon-paste"></div> pour copier et coller des données</li>
+                        <li><div class = "icon icon-undo1"></div> et <div class = "icon icon-redo1"></div> pour annuler et rétablir une action</li>
+                        <li><div class = "icon icon-insertfunction"></div> pour insérer une fonction,</li>
+                        <li><div class = "icon icon-decreasedec"></div> et <div class = "icon icon-increasedec"></div> pour réduire et ajouter une décimale</li>
                         <li><img alt="Format numérique" src="../images/numberformat.png" /> modifier le format de nombre, c'est à dire l'apparence d'un nombre saisi</li>
                         <li><img alt="Type de graphique" src="../images/charttypebutton.png" /> pour modifier le type de graphique.</li>
                     </ul>
@@ -101,7 +102,7 @@
                                     <b><b>Plage de données du graphique</b></b> - sélectionnez les données pour votre graphique.
                                     <ul>
                                         <li>
-                                            Cliquez sur l'icône <img alt="Plage de données source" src="../images/changerange.png" /> à droite de la boîte <b>Plage de données du graphique</b> pour sélectionner la plage de données.
+                                            Cliquez sur l'icône <div class = "icon icon-changerange"></div> à droite de la boîte <b>Plage de données du graphique</b> pour sélectionner la plage de données.
                                             <p><img alt="La fenêtre Sélectionner une plage de données" src="../images/selectdata.png" /></p>
                                         </li>
                                     </ul>
@@ -111,7 +112,7 @@
                                     <ul>
                                         <li>Dans la <b>Série de la légende</b>, cliquez sur le bouton <b>Ajouter</b>.</li>
                                         <li>
-                                            Dans la fenêtre <b>Modifier la série</b> saisissez une nouvelle entrée de légende ou cliquez sur l'icône <img alt="Plage de données source" src="../images/changerange.png" /> à droite de la boîte <b>Nom de la série</b>.
+                                            Dans la fenêtre <b>Modifier la série</b> saisissez une nouvelle entrée de légende ou cliquez sur l'icône <div class = "icon icon-changerange"></div> à droite de la boîte <b>Nom de la série</b>.
                                             <p><img alt="La fenêtre Modifier la série" src="../images/editseries.png" /></p>
                                         </li>
                                     </ul>
@@ -121,7 +122,7 @@
                                     <ul>
                                         <li>Dans la fenêtre<b> Nom de l'axe horizontal</b> cliquez sur <b>Modifier</b>.</li>
                                         <li>
-                                            Dans la fenêtre <b>Étiquette de l'axe</b>, saisissez les étiquettes que vous souhaitez ajouter ou cliquez sur l'icône <img alt="Plage de données source" src="../images/changerange.png" /> à droite de la boîte <b>Plage de données de l'étiquette de l'axe</b> pour sélectionner la plage de données.
+                                            Dans la fenêtre <b>Étiquette de l'axe</b>, saisissez les étiquettes que vous souhaitez ajouter ou cliquez sur l'icône <div class = "icon icon-changerange"></div> à droite de la boîte <b>Plage de données de l'étiquette de l'axe</b> pour sélectionner la plage de données.
                                             <p><img alt="La fenêtre Étiquettes de l'axe" src="../images/axislabels.png" /></p>
                                         </li>
                                     </ul>
@@ -311,30 +312,30 @@
                     <p>Vous pouvez définir <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">la position du graphique</a> sur la diapositive en le faisant glisser à l'horizontale/verticale.</p>
                 </li>
             </ol>
-            <p>On peut ajouter un graphique dans l'espace réservé en cliquant sur l'icône Insérer un graphique <img alt="L'icône Insérer un graphique" src="../images/placeholder_chart.png" /> à l'intérieur de l'espace et sélectionnant le type du graphique approprié:</p>
+            <p>On peut ajouter un graphique dans l'espace réservé en cliquant sur l'icône Insérer un graphique <div class = "icon icon-placeholder_chart"></div> à l'intérieur de l'espace et sélectionnant le type du graphique approprié:</p>
             <p><img alt="Ajouter un graphique dans l'espace réservé" src="../images/placeholder_object.png" /></p>	
             <p>On peut aussi ajouter un graphique à la disposition de diapositive.  Pour en savoir plus, veuillez consulter <a href="../UsageInstructions/SetSlideParameters.htm#addtolayout" onclick="onhyperlinkclick(this)">cet article</a>.</p>					
 			<hr />
             <h3>Modifier les éléments de graphique</h3>
             <p>Pour modifier le <b>Titre</b> du graphique, sélectionnez le texte par défaut à l'aide de la souris et saisissez le vôtre à la place.</p>
             <p>Pour modifier la mise en forme de la police dans les éléments de texte, tels que le titre du graphique, les titres des axes, les entrées de légende, les étiquettes de données, etc., sélectionnez l'élément de texte nécessaire en cliquant dessus. Utilisez ensuite les icônes de l'onglet <b>Accueil</b> de la barre d'outils supérieure pour modifier <a href="../UsageInstructions/InsertText.htm#formatfont" onclick="onhyperlinkclick(this)">le type de police, la taille, la couleur</a>.</p>
-            <p>Une fois le graphique sélectionné, l'icône <b>Paramètres de la forme</b> <img alt="L'icône Paramètres de la forme" src="../images/shape_settings_icon.png" /> est aussi disponible à la droite car une forme est utilisé en arrière plan du graphique. Vous pouvez appuyer sur cette icône pour accéder l'onglet <b>Paramètres de la forme</b> dans la barre latérale droite et configurer <a href="../UsageInstructions/InsertAutoshapes.htm#shape_fill" onclick="onhyperlinkclick(this)">le Remplissage</a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)">le Trait</a> et le <b>Style d'habillage</b> de la forme. Veuillez noter qu'on ne peut pas modifier le type de la forme.</p>
+            <p>Une fois le graphique sélectionné, l'icône <b>Paramètres de la forme</b> <div class = "icon icon-shape_settings_icon"></div> est aussi disponible à la droite car une forme est utilisé en arrière plan du graphique. Vous pouvez appuyer sur cette icône pour accéder l'onglet <b>Paramètres de la forme</b> dans la barre latérale droite et configurer <a href="../UsageInstructions/InsertAutoshapes.htm#shape_fill" onclick="onhyperlinkclick(this)">le Remplissage</a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)">le Trait</a> et le <b>Style d'habillage</b> de la forme. Veuillez noter qu'on ne peut pas modifier le type de la forme.</p>
             <p>
                 Sous l'onglet <b>Paramètres de la forme</b> dans le panneau droit, vous pouvez configurer la zone du graphique là-même aussi que les éléments du graphique tels que la <I>zone de tracé</I>, <I>la série de données</I>, <I>le titre du graphique</I>, <I>la légende</I> et les autres et ajouter les différents types de remplissage. Sélectionnez l'élément du graphique nécessaire en cliquant sur le bouton gauche de la souris et choisissez le type de remplissage approprié: <em>couleur de remplissage</em>, <I>remplissage en dégradé</I>,<I> image ou texture</I>, <I>modèle</I>. Configurez les paramètres du remplissage et spécifier le niveau <em>d'opacité </em> si nécessaire. Lorsque vous sélectionnez l'axe vertical ou horizontal ou le quadrillage, vous pouvez configurer le paramètres du trait seulement sous l'onglet <b>Paramètres de la forme</b>: <I>couleur</I>, <I>taille</I> et <I>type</I>. Pour plus de détails sur utilisation des couleurs de la forme, du remplissage et du trait veuillez accéder à <a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">cet page</a>.
             </p>
             <p class="note"><b>Remarque</b>: l'option <b>Ajouter un ombre</b> est aussi disponible sous l'onglet <b>Paramètres de la forme</b>, mais elle est désactivée pour les éléments du graphique.</p>
-            <p>Si vous voulez redimensionner les éléments du graphique, sélectionnez l'élément nécessaire en cliquant sur le bouton gauche de la souris et faites glisser un des huit carreaux blancs <img alt="L'icône Carreaux" src="../images/resize_square.png" /> le long du périmètre de l'élément.</p>
-            <p><img alt="Redimensionnement des éléments du graphique" src="../images/resizeelement.png" /></p>
-            <p>Pour modifier la position d'un élément, cliquez sur cet élément avec le bouton gauche de souris,  <img alt="Flèche" src="../images/arrow.png" />, maintenir le bouton gauche de la souris enfoncé et faites-le glisser avers la position souhaité.</p>
-            <p><img alt="Déplacer les éléments du graphique" src="../images/moveelement.png" /></p>
+            <p>Si vous voulez redimensionner les éléments du graphique, sélectionnez l'élément nécessaire en cliquant sur le bouton gauche de la souris et faites glisser un des huit carreaux blancs <div class = "icon icon-resize_square"></div> le long du périmètre de l'élément.</p>
+            <p><div class = "big big-resizeelement"></div></p>
+            <p>Pour modifier la position d'un élément, cliquez sur cet élément avec le bouton gauche de souris,  <div class = "icon icon-arrow"></div>, maintenir le bouton gauche de la souris enfoncé et faites-le glisser avers la position souhaité.</p>
+            <p><div class = "big big-moveelement"></div></p>
             <p>Pour supprimer un élément de graphique, sélectionnez-le en cliquant sur le bouton gauche et appuyez sur la touche <b>Suppr</b>.</p>
             <p>Vous pouvez également faire pivoter les graphiques 3D à l'aide de la souris. Faites un clic gauche dans la zone de tracé et maintenez le bouton de la souris enfoncé. Faites glisser le curseur sans relâcher le bouton de la souris pour modifier l'orientation du graphique 3D.</p>
             <p><img alt="Graphique 3D" src="../images/3dchart.png" /></p>
             <hr />
             <h3>Ajuster les paramètres du graphique</h3>
 			<img alt="L'onglet Graphique" src="../images/charttab.png" />
-			<p>Modifiez la taille, le type et le style du graphique aussi que les données utilisés pour créer un graphique sur la barre latérale droite. Pour l'activer, cliquez sur le graphique et sélectionne l'icône <b>Paramètres du graphique</b> <img alt="L'icône Paramètres du graphique" src="../images/chart_settings_icon.png" /> à droite.</p>
-			<p>La section <b>Taille</b> vous permet de modifier la largeur et/ou la hauteur du graphique.  Lorsque le bouton <b>Proportions constantes</b> <img alt="L'icône Proportions constantes" src="../images/constantproportions.png" /> est activé (dans ce cas, il ressemble à ceci <img alt="L'icône Proportions constantes activée" src="../images/constantproportionsactivated.png" />), la largeur et la hauteur seront changées en même temps, le ratio d'aspect du graphique original sera préservé.</p>
+			<p>Modifiez la taille, le type et le style du graphique aussi que les données utilisés pour créer un graphique sur la barre latérale droite. Pour l'activer, cliquez sur le graphique et sélectionne l'icône <b>Paramètres du graphique</b> <div class = "icon icon-chart_settings_icon"></div> à droite.</p>
+			<p>La section <b>Taille</b> vous permet de modifier la largeur et/ou la hauteur du graphique.  Lorsque le bouton <b>Proportions constantes</b> <div class = "icon icon-constantproportions"></div> est activé (dans ce cas, il ressemble à ceci <div class = "icon icon-constantproportionsactivated"></div>), la largeur et la hauteur seront changées en même temps, le ratio d'aspect du graphique original sera préservé.</p>
 			<p>La section <b>Modifier le type de graphique</b> vous permet de modifier le type et/ou le style de graphique sélectionné à l'aide du menu déroulant correspondant. </p>
 			<p>Pour sélectionner le <b>Style</b> de graphique nécessaire, utilisez le deuxième menu déroulant de la section <b>Modifier le type de graphique</b>.</p>            
             <p>Le bouton <b>Modifier les données</b> vous permet d'ouvrir la fenêtre <b>Éditeur de graphique</b> et d'éditer les données comme décrit ci-dessus.</p>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertEquation.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertEquation.htm
index 5fde538501..177416639e 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertEquation.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertEquation.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Ajouter des équations et symboles mathématiques." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,26 +20,26 @@
             <p>Pour insérer une équation depuis la galerie,</p>
 			<ol>
                 <li>passez à l'onglet <b>Insertion</b> de la barre d'outils supérieure,</li>
-				<li>cliquez sur la flèche vers le bas à côté de l'icône <img alt="L'icône Équation" src="../images/insertequationicon.png" /> <b>Équation</b> sur la barre d'outils supérieure,</li>
+				<li>cliquez sur la flèche vers le bas à côté de l'icône <div class = "icon icon-insertequationicon"></div> <b>Équation</b> sur la barre d'outils supérieure,</li>
 				<li>sélectionnez la catégorie d'équation souhaitée dans la liste déroulante: Les catégories suivantes sont actuellement disponibles: <I>Symboles, Fractions, Scripts, Radicaux, Intégrales, Grands opérateurs, Crochets, Fonctions, Accentuations, Limites et logarithmes, Opérateurs, Matrices,</I></li>
                 <li>cliquez sur le symbole/l'équation voulu(e) dans l'ensemble de modèles correspondant.</li>
 			</ol>
             <p>La boîte de symbole/équation sélectionnée sera insérée au centre de la diapositive actuelle.</p>
-            <img alt="Équation Insérée" src="../images/insertedequation.png" />
+            <div class = "big big-insertedequation"></div>
             <p>Si vous ne voyez pas la bordure de la boîte d'équations, cliquez n'importe où dans l'équation - la bordure sera affichée en pointillé. La boîte d'équation peut être librement <b>déplacée</b>, <b>redimensionnée</b> ou <b>pivotée</b> sur la diapositive. Pour ce faire, cliquez sur la bordure de la boîte d'équation (elle sera affichée en trait plein) et utilisez <a href="ManipulateObjects.htm" onclick="onhyperlinkclick(this)">les poignées correspondantes</a>.</p>
-            <img alt="Équation sélectionnée" src="../images/selectedequation.png" />
-            <p>Chaque modèle d'équation comporte un ensemble d'emplacements. Un emplacement est une position pour chaque élément qui compose l'équation. Un emplacement vide (également appelé un espace réservé) a un contour en pointillé <img alt="Espace Réservé" src="../images/equationplaceholder.png" />. Vous devez remplir tous les espaces réservés en spécifiant les valeurs nécessaires.</p>
+            <div class = "big big-selectedequation"></div>
+            <p>Chaque modèle d'équation comporte un ensemble d'emplacements. Un emplacement est une position pour chaque élément qui compose l'équation. Un emplacement vide (également appelé un espace réservé) a un contour en pointillé <div class = "icon icon-equationplaceholder"></div>. Vous devez remplir tous les espaces réservés en spécifiant les valeurs nécessaires.</p>
             <h3>Entrer des valeurs</h3>
             <p>Le <b>point d'insertion</b> spécifie où le prochain caractère que vous entrez apparaîtra. Pour positionner le point d'insertion avec précision, cliquez dans un espace réservé et utilisez les flèches du clavier pour déplacer le point d'insertion d'un caractère vers la gauche/la droite.</p>
-            <img alt="Équation éditée" src="../images/newslot.png" />
+            <div class = "big big-newslot"></div>
             <p>Une fois le point d'insertion positionné, vous pouvez remplir l'espace réservé:
             <ul>
                 <li>entrez la valeur numérique/littérale souhaitée à l'aide du clavier,</li>
-                <li>insérer un caractère spécial à l'aide de la palette <b>Symboles</b> dans le menu <img alt="L'icône Équation" src="../images/insertequationicon.png" /> <b>Équation</b> sous l'onglet <b>Insertion</b> de la barre d'outils supérieure ou saisissez les à l'aide du clavier (consultez la description de l'option <a href="../UsageInstructions/MathAutoCorrect.htm" onclick="onhyperlinkclick(this)"><b>AutoMaths </b></a> ),</li>
+                <li>insérer un caractère spécial à l'aide de la palette <b>Symboles</b> dans le menu <div class = "icon icon-insertequationicon"></div> <b>Équation</b> sous l'onglet <b>Insertion</b> de la barre d'outils supérieure ou saisissez les à l'aide du clavier (consultez la description de l'option <a href="../UsageInstructions/MathAutoCorrect.htm" onclick="onhyperlinkclick(this)"><b>AutoMaths </b></a> ),</li>
                 <li>ajoutez un autre modèle d'équation à partir de la palette pour créer une équation imbriquée complexe. La taille de l'équation primaire sera automatiquement ajustée pour s'adapter à son contenu. La taille des éléments de l'équation imbriquée dépend de la taille de l'espace réservé de l'équation primaire, mais elle ne peut pas être inférieure à la taille de sous-indice.</li>                
             </ul>
             </p>
-            <p><img alt="Équation éditée" src="../images/nestedfraction.png" /></p>
+            <p><div class = "big big-nestedfraction"></div></p>
             <p>Pour ajouter de nouveaux éléments d'équation, vous pouvez également utiliser<b> les options du menu contextuel</b>:</p>
             <ul>
                 <li>Pour ajouter un nouvel argument avant ou après celui existant dans les <I>Crochets</I>, vous pouvez cliquer avec le bouton droit sur l'argument existant et sélectionner l'option <b>Insérer un argument avant/après</b> dans le menu.</li>
@@ -52,7 +53,7 @@
             <p>Par défaut, l'équation dans la zone de texte est centrée horizontalement et alignée verticalement au haut de la zone de texte. Pour modifier son alignement horizontal/vertical, placez le curseur dans la boîte d'équation (les bordures de la zone de texte seront affichées en pointillés) et utilisez <a href="../UsageInstructions/InsertText.htm#formattext" onclick="onhyperlinkclick(this)">les icônes correspondantes</a> dans l'onglet <b><b>Accuei</b>l</b> de la barre d'outils supérieure.</p>
             <p>Pour augmenter ou diminuer <b>la taille de la police</b> d'équation, cliquez n'importe où dans la boîte d'équation et sélectionnez la taille de police nécessaire dans la liste de l'onglet <b>Accueil</b> de la barre d'outils supérieure. Tous les éléments d'équation changeront en conséquence.</p>
             <p>Les lettres de l'équation sont en italique par défaut. Si nécessaire, vous pouvez changer le <b>style de police</b> (<I>gras, italique, barré</I>) ou la <b>couleur</b> pour une équation entière ou une portion. Le style <I>souligné</I> peut être appliqué uniquement à l'équation entière et non aux caractères individuels. Sélectionnez la partie de l'équation voulue en cliquant et en faisant glisser. La partie sélectionnée sera surlignée en bleu. Utilisez ensuite les boutons nécessaires dans l'onglet <b>Accueil</b> de la barre d'outils supérieure pour formater la sélection. Par exemple, vous pouvez supprimer le format italique pour les mots ordinaires qui ne sont pas des variables ou des constantes.</p>
-            <img alt="Équation éditée" src="../images/formatastext.png" />
+            <div class = "big big-formatastext"></div>
             <p>Pour modifier certains éléments d'équation, vous pouvez également utiliser les <b>options du menu contextuel</b>:</p>
             <ul><li>Pour modifier le format des <I>Fractions</I>, vous pouvez cliquer sur une fraction avec le bouton droit de la souris et sélectionner l'option <b>Changer en fraction en biais/linéaire/empilée</b> dans le menu (les options disponibles varient en fonction du type de fraction sélectionné). <!--The <b>Remove/Add fraction bar</b> option is also available for stacked fractions.--></li>
                 <li>Pour modifier la position des <I>Scripts</I> par rapport au texte, vous pouvez faire un clic droit sur l'équation contenant des scripts et sélectionner l'option <b>Scripts avant/après le texte</b> dans le menu.</li>
@@ -77,7 +78,7 @@
             <p>Pour supprimer une partie de l'équation, sélectionnez la partie que vous souhaitez supprimer en faisant glisser la souris ou en maintenant la touche <b>Maj</b> enfoncée et en utilisant les boutons fléchés, puis appuyez sur la touche <b>Suppr</b>.</p>
             <p>Un emplacement ne peut être supprimé qu'avec le modèle auquel il appartient.</p>
             <p>Pour ce faire, cliquez sur la bordure de la boîte d'équation (elle sera affichée en trait plein) et utilisez appuyez sur la touche <b>Suppr</b>.</p>
-            <img alt="Supprimer l'équation" src="../images/deleteequation.png" />
+            <div class = "big big-deleteequation"></div>
             <p>Pour supprimer certains éléments d'équation, vous pouvez également utiliser les <b>options du menu contextuel</b>:</p>
             <ul>
                 <li>Pour supprimer un <I>Radical</I>, vous pouvez faire un clic droit dessus et sélectionner l'option <b>Supprimer radical</b> dans le menu.</li>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertHeadersFooters.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertHeadersFooters.htm
index 35845fde2b..290e05b247 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertHeadersFooters.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertHeadersFooters.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Insérer les en-têtes et les pieds de page dans votre présentation, ajouter la date et l'heure, les numéros de diapositives." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<p>Pour insérer un pied de page dans <a target="_blank" href="https://www.onlyoffice.com/fr/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>:</p>
 			<ol>
 			<li>Passez à l'onglet <b>Insertion</b></li>
-			<li>Cliquez sur le bouton <img alt="Modifier le pied de page" src="../images/header_footer_icon.png" /> <b>Modifier le pied de page</b> dans la barre d'outils supérieure,</li>
+			<li>Cliquez sur le bouton <div class = "icon icon-header_footer_icon"></div> <b>Modifier le pied de page</b> dans la barre d'outils supérieure,</li>
             <li>La fenêtre<b> Paramètres des pieds de page</b> s'ouvre. Cochez le type de données que vous souhaitez ajouter dans le pied de page. Les modifications sont affichées dans la fenêtre d'aperçu à droite.
                 <ul>
                     <li>Cochez la case<b> Date et heure</b> pour insérer une date ou une heure dans un format sélectionné. La date sélectionnée sera ajoutée au champ gauche du pied de page de la diapositive.
@@ -39,14 +40,14 @@
             <li>Cliquez sur le bouton <b>Appliquer à tous</b> pour appliquer les modifications à toutes les diapositives ou utilisez le bouton <b>Appliquer</b> pour appliquer les modifications à la diapositive actuelle uniquement.</li>
 			</ol>
             <p>Pour insérer rapidement une date ou un numéro de diapositive dans le pied de page de la diapositive sélectionnée, vous pouvez utiliser les options <b>Afficher le numéro de diapositive</b> et <b>Afficher la date et l'heure</b> dans l'onglet <b>Paramètres de la diapositive</b> de la barre latérale droite. Dans ce cas, les paramètres sélectionnés seront appliqués à la diapositive actuelle uniquement. La date et l'heure ou le numéro de diapositive ajoutés de cette manière peuvent être ajustés ultérieurement à l'aide de la fenêtre <b>Paramètres de pied de page</b></p>
-            <p>Pour modifier le pied de page ajouté, cliquez sur le <img alt="Modifier le pied de page" src="../images/header_footer_icon.png" /> bouton <b>Modifier le pied de page</b> dans la barre d'outils supérieure, apportez les modifications nécessaires dans la fenêtre <b>Paramètres de pied de page</b>, puis cliquez sur le bouton <b>Appliquer</b> ou <b>Appliquer à tous</b> pour enregistrer les modifications.</p>
+            <p>Pour modifier le pied de page ajouté, cliquez sur le <div class = "icon icon-header_footer_icon"></div> bouton <b>Modifier le pied de page</b> dans la barre d'outils supérieure, apportez les modifications nécessaires dans la fenêtre <b>Paramètres de pied de page</b>, puis cliquez sur le bouton <b>Appliquer</b> ou <b>Appliquer à tous</b> pour enregistrer les modifications.</p>
             <h3>Insérer la date et l'heure et le numéro de diapositive dans la zone de texte</h3>
             <p>Il est également possible d'insérer la date et l'heure ou le numéro de diapositive dans la zone de texte sélectionnée à l'aide des boutons correspondants de l'onglet <b>Insertion</b> de la barre d'outils supérieure.</p>
             <h5>Insérer la date et l'heure</h5>
             <ol>
                 <li>Placez le curseur de la souris dans la zone de texte où vous souhaitez insérer la date et l'heure,
 </li>
-                <li>Cliquez sur le bouton <img alt="L'icône Date &amp; Heure" src="../images/date_time_icon.png" /> <b>Date &amp; Heure</b> dans l'onglet <b>Insertion</b> de la barre d'outils supérieure,</li>
+                <li>Cliquez sur le bouton <div class = "icon icon-date_time_icon"></div> <b>Date &amp; Heure</b> dans l'onglet <b>Insertion</b> de la barre d'outils supérieure,</li>
                 <li>Sélectionnez la <b>Langue</b> nécessaire dans la liste et choisissez le <b>Format</b> de date et d'heure nécessaire dans la fenêtre <b>Date &amp; Heure</b>,
                 <p><img alt="Paramètres de Date &amp; heure" src="../images/date_time_settings.png" /></p>
                 </li>
@@ -56,14 +57,14 @@
             <p>La date et l'heure seront insérées à la position actuelle du curseur. Pour modifier la date et l'heure insérées,</p>
             <ol>
                 <li>sélectionnez la date et l'heure insérées dans la zone de texte,</li>
-                <li>cliquez sur le bouton <img alt="L'icône Date &amp; Heure" src="../images/date_time_icon.png" /> <b>Date &amp; Heure</b> dans l'onglet <b>Insertion</b> de la barre d'outils supérieure,</li>
+                <li>cliquez sur le bouton <div class = "icon icon-date_time_icon"></div> <b>Date &amp; Heure</b> dans l'onglet <b>Insertion</b> de la barre d'outils supérieure,</li>
                 <li>Choisissez le format nécessaire dans la fenêtre <b>Date &amp; Heure</b>,</li>
                 <li>Cliquez sur <b>OK</b>.</li>
             </ol>
             <h5>Insérer un numéro de diapositive</h5>
             <ol>
                 <li>Placez le curseur de la souris dans la zone de texte ou vous souhaitez insérer le numéro de diapositive,</li>
-                <li>Cliquez sur le bouton <img alt="Icône Numéro de diapositive" src="../images/slide_number_icon.png" /> <b>Numéro de diapositive</b> dans l'onglet <b>Insertion</b> de la barre d'outils supérieure,</li>
+                <li>Cliquez sur le bouton <div class = "icon icon-slide_number_icon"></div> <b>Numéro de diapositive</b> dans l'onglet <b>Insertion</b> de la barre d'outils supérieure,</li>
                 <li>Cochez la case <b>Numéro de diapositive</b> dans la fenêtre <b>Paramètres de pied de page</b>,</li>
                 <li>Cliquez sur le bouton <b>OK</b> pour appliquer les modifications.</li>
             </ol>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertImages.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertImages.htm
index ae2280a2b7..7f6d082b50 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertImages.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertImages.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Ajouter une image à votre présentation et configurer sa taille et position." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,7 +20,7 @@
 			<p>Pour ajouter une image à une diapositive,</p>
 			<ol>
 				<li>sélectionnez la diapositive à laquelle vous voulez ajouter une image dans la liste des diapositives à gauche,</li>
-				<li>cliquez sur l'icône <img alt="L'icône Image" src="../images/image.png" /> <b>Image</b> dans l'onglet <b>Accueil</b> ou <b>Insertion</b> de la barre d'outils supérieure,</li>
+				<li>cliquez sur l'icône <div class = "icon icon-image"></div> <b>Image</b> dans l'onglet <b>Accueil</b> ou <b>Insertion</b> de la barre d'outils supérieure,</li>
 				<li>sélectionnez l'une des options suivantes pour charger l'image:
 					<ul>
                         <li>l'option <b>Image à partir d'un fichier</b> ouvre la fenêtre de dialogue standard pour sélectionner le fichier. Sélectionnez le fichier de votre choix sur le disque dur de votre ordinateur et cliquez sur le bouton <b>Ouvrir</b>
@@ -31,16 +32,16 @@
 				</li>
 				<li>après avoir ajouté l'image, vous pouvez modifier sa <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">taille, ses paramètres et sa position</a>.</li>
 			</ol>
-            <p>On peut ajouter une image dans l'espace réservé en cliquant sur l'icône <img alt="L'icône Image à partir d'un fichier" src="../images/placeholder_imagefromfile.png" /> <b>Image à partir d'un fichier</b> à l'intérieur de l'espace et sélectionner l'image stockée sur votre ordinateur, ou utiliser le bouton <img alt="L'icône Image à partir d'une URL" src="../images/placeholder_imagefromurl.png" /> <b>Image à partir d'une URL</b> et saisissez l'adresse URL de l'image:</p>
+            <p>On peut ajouter une image dans l'espace réservé en cliquant sur l'icône <div class = "icon icon-placeholder_imagefromfile"></div> <b>Image à partir d'un fichier</b> à l'intérieur de l'espace et sélectionner l'image stockée sur votre ordinateur, ou utiliser le bouton <div class = "icon icon-placeholder_imagefromurl"></div> <b>Image à partir d'une URL</b> et saisissez l'adresse URL de l'image:</p>
             <p><img alt="Ajouter une image dans l'espace réservé" src="../images/placeholder_object.png" /></p>	
             <p>On peut aussi ajouter une image à la disposition de diapositive. Pour en savoir plus, veuillez consulter <a href="../UsageInstructions/SetSlideParameters.htm#addtolayout" onclick="onhyperlinkclick(this)">cet article</a>.</p>
 			<hr />
             <h3>Ajuster les paramètres de l'image</h3>
-			<p>La barre latérale droite est activée lorsque vous cliquez avec le bouton gauche sur une image et sélectionnez l'icône <img alt="L'icône Paramètres de l'image" src="../images/image_settings_icon.png" /> <b>Paramètres de l'image</b> à droite. Elle comporte les sections suivantes:</p>
+			<p>La barre latérale droite est activée lorsque vous cliquez avec le bouton gauche sur une image et sélectionnez l'icône <div class = "icon icon-image_settings_icon"></div> <b>Paramètres de l'image</b> à droite. Elle comporte les sections suivantes:</p>
             <img alt="L'onglet Paramètres de l'image" src="../images/imagesettingstab.png" />
             <p><b>Taille</b> - permet d'afficher la <b>Largeur</b> et la <b>Hauteur</b> de l'image actuelle ou de restaurer la <b>Taille par défaut</b> de l'image si nécessaire.</p>
 			
-            <p>Le bouton <b>Rogner</b> sert à recadrer l'image. Cliquez sur le bouton <b>Rogner</b> pour activer les poignées de recadrage qui appairaient par chaque coin et sur les côtés. Faites glisser manuellement les pognées pour définir la zone de recadrage. Vous pouvez positionner le curseur sur la bordure de la zone de recadrage  lorsque il se transforme en <img alt="Flèche" src="../images/arrow.png" /> et faites la glisser. </p>
+            <p>Le bouton <b>Rogner</b> sert à recadrer l'image. Cliquez sur le bouton <b>Rogner</b> pour activer les poignées de recadrage qui appairaient par chaque coin et sur les côtés. Faites glisser manuellement les pognées pour définir la zone de recadrage. Vous pouvez positionner le curseur sur la bordure de la zone de recadrage  lorsque il se transforme en <div class = "icon icon-arrow"></div> et faites la glisser. </p>
             <ul>
                 <li>Pour rogner un seul côté, faites glisser la poignée située au milieu de ce côté.</li>
                 <li>Pour rogner simultanément deux côtés adjacents, faites glisser l'une des poignées d'angle.</li>
@@ -56,12 +57,12 @@
             <p><b>Remplacer l'image</b> - est utilisé pour charger une autre image à la place de celle en cours en sélectionnant la source désirée. Vous pouvez choisir parmi les options suivantes: <b>A partir du fichier</b>, <b>Image de stockage</b> ou <b>A partir de l'URL</b>. L'option Remplacer l'image est également disponible dans le menu contextuel.</p>
             <p><b>Rotation</b> permet de faire pivoter l'image de 90 degrés dans le sens des aiguilles d'une montre ou dans le sens inverse des aiguilles d'une montre, ainsi que de retourner l'image horizontalement ou verticalement. Cliquez sur l'un des boutons:</p>
             <ul>
-                <li><img alt="Icône Pivoter dans le sens inverse des aiguilles d'une montre" src="../images/rotatecounterclockwise.png" /> pour faire pivoter l'image de 90 degrés dans le sens inverse des aiguilles d'une montre</li>
-                <li><img alt="Icône Pivoter dans le sens des aiguilles d'une montre" src="../images/rotateclockwise.png" /> pour faire pivoter l'image de 90 degrés dans le sens des aiguilles d'une montre</li>
-                <li><img alt="Icône Retourner horizontalement" src="../images/fliplefttoright.png" /> pour retourner l'image horizontalement (de gauche à droite)</li>
-                <li><img alt="Icône Retourner verticalement" src="../images/flipupsidedown.png" /> pour retourner l'image verticalement (à l'envers)</li>
+                <li><div class = "icon icon-rotatecounterclockwise"></div> pour faire pivoter l'image de 90 degrés dans le sens inverse des aiguilles d'une montre</li>
+                <li><div class = "icon icon-rotateclockwise"></div> pour faire pivoter l'image de 90 degrés dans le sens des aiguilles d'une montre</li>
+                <li><div class = "icon icon-fliplefttoright"></div> pour retourner l'image horizontalement (de gauche à droite)</li>
+                <li><div class = "icon icon-flipupsidedown"></div> pour retourner l'image verticalement (à l'envers)</li>
             </ul>
-            <p>Lorsque l'image est sélectionnée, l'icône <b>Paramètres de la forme</b> <img alt="L'icône Paramètres de la forme" src="../images/shape_settings_icon.png" /> est également disponible sur la droite. Vous pouvez cliquer sur cette icône pour ouvrir l'onglet <b>Paramètres de la forme </b>dans la barre latérale droite et ajuster le type du <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>Ligne</b></a> la taille et la couleur de la forme ainsi que le type de forme en sélectionnant une autre forme dans le menu <b>Modifier la forme automatique</b>. La forme de l'image changera en conséquence.</p>
+            <p>Lorsque l'image est sélectionnée, l'icône <b>Paramètres de la forme</b> <div class = "icon icon-shape_settings_icon"></div> est également disponible sur la droite. Vous pouvez cliquer sur cette icône pour ouvrir l'onglet <b>Paramètres de la forme </b>dans la barre latérale droite et ajuster le type du <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>Ligne</b></a> la taille et la couleur de la forme ainsi que le type de forme en sélectionnant une autre forme dans le menu <b>Modifier la forme automatique</b>. La forme de l'image changera en conséquence.</p>
             <p>Sous l'onglet Paramètres de la forme, vous pouvez utiliser l'option Ajouter une ombre pour créer une zone ombrée autour de l'image.</p>
             <p><img alt="L'onglet Paramètres de la forme" src="../images/right_image_shape.png" /></p>
 			<hr />
@@ -69,7 +70,7 @@
             <p><img alt="Paramètres de l'image" src="../images/image_properties.png" /></p>
 			<p>L'onglet <b>Placement</b> vous permet de régler les paramètres suivants:</p>
 			<ul>
-				<li><b>Taille</b> - utilisez cette options pour modifier la largeur/hauteur de l'image. Lorsque le bouton <b><b>Proportions constantes  </b></b> <img alt="L'icône Proportions constantes" src="../images/constantproportions.png" /> est activé (Ajouter un ombre) <img alt="L'icône Proportions constantes activée" src="../images/constantproportionsactivated.png" />), le rapport largeur/hauteur d'origine s'ajuste proportionnellement. Pour rétablir la taille par défaut de l'image ajoutée, cliquez sur le bouton <b>Taille actuelle</b>.</li>
+				<li><b>Taille</b> - utilisez cette options pour modifier la largeur/hauteur de l'image. Lorsque le bouton <b><b>Proportions constantes  </b></b> <div class = "icon icon-constantproportions"></div> est activé (Ajouter un ombre) <div class = "icon icon-constantproportionsactivated"></div>), le rapport largeur/hauteur d'origine s'ajuste proportionnellement. Pour rétablir la taille par défaut de l'image ajoutée, cliquez sur le bouton <b>Taille actuelle</b>.</li>
 				<li><b>Position</b> - utilisez cette option pour modifier la position de l'image sur la diapositive (la position est calculée à partir des côtés supérieur et gauche de la diapositive).</li>
 			</ul>
             <p><img alt="Paramètres de l'image: Rotation" src="../images/image_properties2.png" /></p>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertSymbols.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertSymbols.htm
index 5b9aa430ab..e014c0a90f 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertSymbols.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertSymbols.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="Insérer des symboles et des caractères" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -14,12 +15,12 @@
             <input id="search" class="searchBar" placeholder="Rechercher" type="text" onkeypress="doSearch(event)">
         </div>
         <h1>Insérer des symboles et des caractères</h1>
-        <p>Pendant le processus de travail dans <a target="_blank" href="https://www.onlyoffice.com/fr/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>, vous devrez peut-être insérer un symbole qui n'est pas sur votre clavier. Pour insérer de tels symboles dans votre présentation, utilisez l'option <b>Insérer un symbole</b> <img alt="L'icône Tableau des symboles" src="../images/insert_symbol_icon.png" /> et suivez ces étapes simples:</p>
+        <p>Pendant le processus de travail dans <a target="_blank" href="https://www.onlyoffice.com/fr/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>, vous devrez peut-être insérer un symbole qui n'est pas sur votre clavier. Pour insérer de tels symboles dans votre présentation, utilisez l'option <b>Insérer un symbole</b> <div class = "icon icon-insert_symbol_icon"></div> et suivez ces étapes simples:</p>
         <ul>
             <li>placez le curseur là où vous souhaitez ajouter un symbole spécifique,</li>
             <li>passez à l'onglet <b>Insertion</b> de la barre d'outils supérieure,</li>
             <li>
-                cliquez sur <img alt="L'icône Tableau des symboles" src="../images/insert_symbol_icon.png" /> <b>Symbole</b>,
+                cliquez sur <div class = "icon icon-insert_symbol_icon"></div> <b>Symbole</b>,
                 <p><img alt="La barre latérale Insérer des symboles " src="../images/insert_symbol_window.png" /></p>
             </li>
             <li>De la fenêtre <b>Symbole</b> qui apparaît sélectionnez le symbole approprié,</li>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertTables.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertTables.htm
index 4624a9a578..86e4b02d90 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertTables.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertTables.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Ajouter un tableau à votre présentation et configurer ses paramètres"/>
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,7 +20,7 @@
 			<ol>
 				<li>sélectionnez la diapositive où le tableau sera ajouté,</li>
                 <li>passez à l'onglet <b>Insertion</b> de la barre d'outils supérieure,</li>
-				<li>cliquez sur l'icône <img alt="L'icône Tableau" src="../images/inserttable.png" /> <b>Tableau</b> sur la la barre d'outils supérieure,</li>
+				<li>cliquez sur l'icône <div class = "icon icon-inserttable"></div> <b>Tableau</b> sur la la barre d'outils supérieure,</li>
 				<li>sélectionnez l'une des options suivantes pour créer le tableau:
 					<ul>
 						<li><p>soit un tableau avec le nombre prédéfini de cellules (10 par 8 cellules maximum)</p>
@@ -30,11 +31,11 @@
 				</li>
 				<li>après avoir ajouté le tableau, vous pouvez modifier ses paramètres et son position.</li>
 			</ol>
-            <p>On peut aussi ajouter un tableau dans l'espace réservé en cliquant sur l'icône <img alt="L'icône Tableau" src="../images/placeholder_table.png" /> <b>Tableau</b> à l'intérieur de l'espace et spécifier le nombre de cellules ou en utilisant l'option <b>Insérer un tableau personnalisé</b>:</p>
+            <p>On peut aussi ajouter un tableau dans l'espace réservé en cliquant sur l'icône <div class = "icon icon-placeholder_table"></div> <b>Tableau</b> à l'intérieur de l'espace et spécifier le nombre de cellules ou en utilisant l'option <b>Insérer un tableau personnalisé</b>:</p>
             <p><img alt="Ajouter un tableau dans l'espace réservé" src="../images/placeholder_object.png" /></p>
-            <p>Pour déplacer une tableau, faites glisser les poignées <img alt="L'icône Carreaux" src="../images/resize_square.png" />  situés sur ses bords jusqu'à ce que la taille du tableau soit atteinte.</p>
-            <p><img alt="Redimensionner le tableau" src="../images/resizetable.png" /></p>
-            <p>Vous pouvez également modifier manuellement la largeur d'une certaine colonne ou la hauteur d'une ligne. Déplacez le curseur de la souris sur la bordure droite de la colonne de sorte que le curseur se transforme en flèche bidirectionnelle <img alt="Curseur de la souris lors de la modification de la largeur d'une colonne" src="../images/changecolumnwidth.png" /> et faites glisser la bordure vers la gauche ou la droite pour définir la largeur nécessaire. Pour modifier manuellement la hauteur d'une seule ligne, déplacez le curseur de la souris sur la bordure inférieure de la ligne afin que le curseur devienne la flèche bidirectionnelle <img alt="Curseur de la souris lors de la modification de la hauteur d'une ligne" src="../images/changerowheight.png" /> et déplacez la bordure vers le haut ou le bas.</p>
+            <p>Pour déplacer une tableau, faites glisser les poignées <div class = "icon icon-resize_square"></div>  situés sur ses bords jusqu'à ce que la taille du tableau soit atteinte.</p>
+            <p><div class = "big big-resizetable"></div></p>
+            <p>Vous pouvez également modifier manuellement la largeur d'une certaine colonne ou la hauteur d'une ligne. Déplacez le curseur de la souris sur la bordure droite de la colonne de sorte que le curseur se transforme en flèche bidirectionnelle <div class = "icon icon-changecolumnwidth"></div> et faites glisser la bordure vers la gauche ou la droite pour définir la largeur nécessaire. Pour modifier manuellement la hauteur d'une seule ligne, déplacez le curseur de la souris sur la bordure inférieure de la ligne afin que le curseur devienne la flèche bidirectionnelle <div class = "icon icon-changerowheight"></div> et déplacez la bordure vers le haut ou le bas.</p>
 			<p>Vous pouvez définir <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">la position du tableau</a> sur la diapositive en le faisant glisser horizontalement ou verticalement.</p>
             <p class="note">
                 <b>Remarque</b>: pour vous déplacer dans un tableau, vous pouvez utiliser <a href="../HelpfulHints/KeyboardShortcuts.htm#workwithtables" onclick="onhyperlinkclick(this)">des raccourcis clavier</a>.
@@ -43,7 +44,7 @@
 			<hr />
             <h3>Ajuster les paramètres du tableau</h3>
 			<img class="floatleft"alt="Table settings tab" src="../images/tablesettingstab.png" />
-			<p>Plusieurs paramètres du tableau ainsi que sa structure peuvent être modifiés à l'aide de la barre latérale droite. Pour l'activer, cliquez sur le tableau et sélectionnez l'icône <b>Paramètres du graphique </b><img alt="L'icône Paramètres du tableau" src="../images/table_settings_icon.png" /> à droite.</p>
+			<p>Plusieurs paramètres du tableau ainsi que sa structure peuvent être modifiés à l'aide de la barre latérale droite. Pour l'activer, cliquez sur le tableau et sélectionnez l'icône <b>Paramètres du graphique </b><div class = "icon icon-table_settings_icon"></div> à droite.</p>
 			<p>Les sections <b>Lignes</b> et <b>Colonnes</b> en haut vous permettent de mettre en évidence certaines lignes/colonnes en leur appliquant une mise en forme spécifique ou de mettre en évidence différentes lignes/colonnes avec les différentes couleurs d'arrière-plan pour les distinguer clairement. Les options suivantes sont disponibles:</p>
 			<ul style="margin-left: 280px;">
 				<li><b>En-tête</b> - accentue la ligne la plus haute du tableau avec un formatage spécial.</li>
@@ -54,15 +55,15 @@
 				<li><b>Bordé</b> - permet l'alternance des couleurs d'arrière-plan pour les colonnes paires et impaires.</li>
 			</ul>
 			<p>La section <b>Sélectionner à partir d'un modèle</b> vous permet de choisir l'un des styles de tableaux prédéfinis. Chaque modèle combine certains paramètres de formatage, tels qu'une couleur d'arrière-plan, un style de bordure, des lignes/colonnes en bandes, etc. Selon les options cochées dans les sections <b>Lignes</b> et/ou <b>Colonnes ci-dessus</b>, l'ensemble de modèles sera affiché différemment. Par exemple, si vous avez coché l'option <b>En-tête</b> dans la section <b>Lignes</b> et l'option <b>Bordé</b> dans la section <b>Colonnes</b>, la liste des modèles affichés inclura uniquement les modèles avec la ligne d'en-tête et les colonnes en bandes activées:</p>
-			<p><img alt="La liste des modèles" src="../images/templateslist.png" /></p>
+			<p><div class = "big big-templateslist"></div></p>
 			<p>La section <b>Style de bordure</b> vous permet de modifier la mise en forme appliquée qui correspond au modèle sélectionné. Vous pouvez sélectionner toute la table ou une certaine plage de cellules dont vous souhaitez modifier la mise en forme et définir tous les paramètres manuellement.</p>
 			<ul>
-				<li>Paramètres de <b>Bordure</b> - définissez la largeur de la bordure en utilisant la liste <img alt="Liste des tailles de la bordure" src="../images/bordersize.png" /> (ou choisissez l'option <b>Aucune bordure</b>), sélectionnez sa <b>Couleur</b> dans les palettes disponibles et déterminez la façon dont elle sera affichée dans les cellules en cliquant sur les icônes: 
-				<p><img alt="Icônes Type de bordure" src="../images/bordertype.png" /></p>
+				<li>Paramètres de <b>Bordure</b> - définissez la largeur de la bordure en utilisant la liste <div class = "big big-bordersize"></div> (ou choisissez l'option <b>Aucune bordure</b>), sélectionnez sa <b>Couleur</b> dans les palettes disponibles et déterminez la façon dont elle sera affichée dans les cellules en cliquant sur les icônes: 
+				<p><div class = "big big-bordertype"></div></p>
 				</li>
 				<li><b>Couleur d'arrière-plan</b> - sélectionnez la couleur de l'arrière-plan dans les cellules sélectionnées.</li>
 			</ul>
-			<p>La section <b>Lignes et colonnes</b> <img alt="Lignes et colonnes" src="../images/rowsandcolumns.png" /> vous permet d'effectuer les opérations suivantes:</p>
+			<p>La section <b>Lignes et colonnes</b> <div class = "icon icon-rowsandcolumns"></div> vous permet d'effectuer les opérations suivantes:</p>
 			<ul>
 				<li><b>Sélectionner</b> une ligne, une colonne, une cellule (en fonction de la position du curseur) ou la totalité du tableau.</li>
 				<li><b>Insérer</b> une nouvelle ligne au-dessus ou en dessous de celle sélectionnée ainsi qu'une nouvelle colonne à gauche ou à droite de celle sélectionnée.</li>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertText.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertText.htm
index 558083f54c..0df5b82eba 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertText.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/InsertText.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Insérer et mettre en forme votre textet" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -21,10 +22,10 @@
 			        <li>Ajoutez un passage de texte n'importe où sur une diapositive. Vous pouvez insérer une zone de texte (un cadre rectangulaire qui permet de saisir du texte) ou un objet Text Art (une zone de texte avec un style de police et une couleur prédéfinis permettant d'appliquer certains effets de texte). Selon le type d'objet textuel voulu, vous pouvez effectuer les opérations suivantes:
 			                    <ul>
                                     <li>
-                                        Pour ajouter une zone de texte, cliquez sur l'icône <b>Zone de texte </b><img alt="L'icône Zone de texte" src="../images/inserttexticon.png" /> dans l'onglet <b>Accueil</b> ou <b>Insertion</b> de la barre d'outils supérieure, puis cliquez sur l'emplacement où vous souhaitez insérer la zone de texte, maintenez le bouton de la souris enfoncé et faites glisser la bordure pour définir sa taille. Lorsque vous relâchez le bouton de la souris, le point d'insertion apparaîtra dans la zone de texte ajoutée, vous permettant d'entrer votre texte.
-                                        <p class="note">Il est également possible d'insérer une zone de texte en cliquant sur l'icône <b>Forme</b> <img alt="L'icône Forme" src="../images/insertautoshape.png" /> dans la barre d'outils supérieure et en sélectionnant la forme <img alt="Insérer une forme automatique textuelle" src="../images/text_autoshape.png" /> dans le groupe <b>Formes de base</b>.</p>
+                                        Pour ajouter une zone de texte, cliquez sur l'icône <b>Zone de texte </b><div class = "icon icon-inserttexticon"></div> dans l'onglet <b>Accueil</b> ou <b>Insertion</b> de la barre d'outils supérieure, puis cliquez sur l'emplacement où vous souhaitez insérer la zone de texte, maintenez le bouton de la souris enfoncé et faites glisser la bordure pour définir sa taille. Lorsque vous relâchez le bouton de la souris, le point d'insertion apparaîtra dans la zone de texte ajoutée, vous permettant d'entrer votre texte.
+                                        <p class="note">Il est également possible d'insérer une zone de texte en cliquant sur l'icône <b>Forme</b> <div class = "icon icon-insertautoshape"></div> dans la barre d'outils supérieure et en sélectionnant la forme <div class = "icon icon-text_autoshape"></div> dans le groupe <b>Formes de base</b>.</p>
                                     </li>
-                                    <li>Pour ajouter un objet Text Art, cliquez sur l'icône <b>Text Art</b> <img alt="L'icône Text Art" src="../images/inserttextarticon.png" /> sous l'onglet <b>Insertion</b> dans la barre d'outils supérieure, puis cliquez sur le modèle de style souhaité - l'objet Text Art sera ajouté à la position actuelle du curseur. Sélectionnez le texte par défaut dans la zone de texte avec la souris et remplacez-le par votre propre texte.</li>
+                                    <li>Pour ajouter un objet Text Art, cliquez sur l'icône <b>Text Art</b> <div class = "icon icon-inserttextarticon"></div> sous l'onglet <b>Insertion</b> dans la barre d'outils supérieure, puis cliquez sur le modèle de style souhaité - l'objet Text Art sera ajouté à la position actuelle du curseur. Sélectionnez le texte par défaut dans la zone de texte avec la souris et remplacez-le par votre propre texte.</li>
                                 </ul>
 			        </li>
                     <li>Ajouter un passage de texte dans une forme automatique. Sélectionnez une forme et commencez à taper votre texte.</li>
@@ -38,9 +39,9 @@
             <p><img alt="Zone de texte sélectionnée" src="../images/textbox_boxselected.png" /></p>
 			<ul>
                 <li>Pour <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">redimensionner, déplacer, faire pivoter</a> la zone de texte, utilisez les poignées spéciales sur les bords de la forme.</li>
-                <li>Pour modifier <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">le remplissage</a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">le contour</a>ou <b>remplacer</b> la boîte rectangulaire par une forme différente, cliquez sur l'icône <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">Paramèteres avancés de forme</a>, cliquez sur l'icône <b>Paramètres de forme</b> <img alt="L'icône Paramètres de la forme" src="../images/shape_settings_icon.png" /> dans la barre latérale de droite et utilisez les options correspondantes.</li>
+                <li>Pour modifier <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">le remplissage</a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">le contour</a>ou <b>remplacer</b> la boîte rectangulaire par une forme différente, cliquez sur l'icône <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">Paramèteres avancés de forme</a>, cliquez sur l'icône <b>Paramètres de forme</b> <div class = "icon icon-shape_settings_icon"></div> dans la barre latérale de droite et utilisez les options correspondantes.</li>
                 <li>pour <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">aligner une zone de texte sur la diapositive, la faire pivoter ou la retourner, organiser des zones de texte</a> par rapport à d'autres objets, cliquez avec le bouton droit sur la bordure de la zone de texte et utilisez les options de menu contextuel.</li>
-				<li>pour créer des <b>colonnes de texte</b> dans la zone de texte, cliquez sur l'icône appropriée <img alt="L'icône ajouter des colonnes" src="../images/insert_columns.png" /> de la barre de mise en forme du texte et choisissez l'option appropriée, ou cliquez avec le bouton droit sur la bordure de la zone de texte, cliquez sur <b>Paramètres avancés de forme</b> et passez à l'onglet <a href="../UsageInstructions/InsertAutoshapes.htm#columns" onclick="onhyperlinkclick(this)">Colonnes</a> de la fenêtre <b>Forme - Paramètres avancés</b>.</li>
+				<li>pour créer des <b>colonnes de texte</b> dans la zone de texte, cliquez sur l'icône appropriée <div class = "icon icon-insert_columns"></div> de la barre de mise en forme du texte et choisissez l'option appropriée, ou cliquez avec le bouton droit sur la bordure de la zone de texte, cliquez sur <b>Paramètres avancés de forme</b> et passez à l'onglet <a href="../UsageInstructions/InsertAutoshapes.htm#columns" onclick="onhyperlinkclick(this)">Colonnes</a> de la fenêtre <b>Forme - Paramètres avancés</b>.</li>
             </ul>
             <h3 id="formattext">Mettre en forme le texte dans la zone de texte</h3>
             <p>Cliquez sur le texte dans la zone de texte pour pouvoir modifier ses propriétés. Lorsque le texte est sélectionné, les bordures de la zone de texte sont affichées en lignes pointillées.</p>
@@ -50,13 +51,13 @@
 			<p>Le texte peut être aligné horizontalement de quatre façons : aligné à gauche, centré, aligné à droite et justifié. Pour le faire:</p>
 			<ol>
 				<li>placez le curseur à la position où vous voulez appliquer l'alignement (une nouvelle ligne ou le texte déjà saisi),</li>
-				<li>faites dérouler la liste <b>Alignement horizontal</b> <img alt="L'icône Alignement horizontal" src="../images/horizontalalign.png" />dans l'onglet <b>Accueil</b> de la barre d'outils supérieure,</li>
+				<li>faites dérouler la liste <b>Alignement horizontal</b> <div class = "icon icon-horizontalalign"></div>dans l'onglet <b>Accueil</b> de la barre d'outils supérieure,</li>
 				<li>sélectionnez le type d'alignement que vous allez appliquer:
 					<ul>
-						<li>l'option <b>Aligner le texte à gauche</b> <img alt="L'icône Aligner à gauche" src="../images/alignleft.png" /> vous permet d'aligner votre texte sur le côté gauche de la zone de texte (le côté droit reste non aligné).</li>
-						<li>l'option <b>Aligner le texte au centre</b> <img alt="L'icône Aligner au centre" src="../images/aligncenter.png" /> vous permet d'aligner votre texte au centre de la zone de texte (les côtés droit et gauche ne sont pas alignés).</li>
-						<li>l'option <b>Aligner le texte à droite</b> <img alt="L'icône Aligner à droite" src="../images/alignright.png" /> vous permet d'aligner votre texte sur le côté droit de la zone de texte (le côté gauche reste non aligné).</li>
-						<li>l'option <b>Justifier</b> <img alt="L'icône Justifié" src="../images/justify.png" /> vous permet d'aligner votre texte par les côtés gauche et droit de la zone de texte (l'espacement supplémentaire est ajouté si nécessaire pour garder l'alignement).</li>
+						<li>l'option <b>Aligner le texte à gauche</b> <div class = "icon icon-alignleft"></div> vous permet d'aligner votre texte sur le côté gauche de la zone de texte (le côté droit reste non aligné).</li>
+						<li>l'option <b>Aligner le texte au centre</b> <div class = "icon icon-aligncenter"></div> vous permet d'aligner votre texte au centre de la zone de texte (les côtés droit et gauche ne sont pas alignés).</li>
+						<li>l'option <b>Aligner le texte à droite</b> <div class = "icon icon-alignright"></div> vous permet d'aligner votre texte sur le côté droit de la zone de texte (le côté gauche reste non aligné).</li>
+						<li>l'option <b>Justifier</b> <div class = "icon icon-justify"></div> vous permet d'aligner votre texte par les côtés gauche et droit de la zone de texte (l'espacement supplémentaire est ajouté si nécessaire pour garder l'alignement).</li>
 					</ul>
 				</li>
 			</ol>
@@ -64,12 +65,12 @@
 			<p>Le texte peut être aligné verticalement de trois façons: haut, milieu ou bas. Pour le faire:</p>
 			<ol>
 				<li>placez le curseur à la position où vous voulez appliquer l'alignement (une nouvelle ligne ou le texte déjà saisi),</li>
-				<li>faites dérouler la liste <b>Alignement vertical</b>  <img alt="L'icône Alignement vertical" src="../images/verticalalign.png" />dans l'onglet <b>Accueil</b> de la barre d'outils supérieure,</li>
+				<li>faites dérouler la liste <b>Alignement vertical</b>  <div class = "icon icon-verticalalign"></div>dans l'onglet <b>Accueil</b> de la barre d'outils supérieure,</li>
 				<li>sélectionnez le type d'alignement que vous allez appliquer:
 					<ul>
-						<li>l'option <b>Aligner le texte en haut</b> <img alt="L'icône Aligner en haut" src="../images/aligntop.png" /> vous permet d'aligner votre texte sur le haut de la zone de texte.</li>
-						<li>l'option <b>Aligner le texte au milieu</b> <img alt="L'icône Aligner au milieu" src="../images/alignmiddle.png" /> vous permet d'aligner votre texte au centre de la zone de texte.</li>
-						<li>l'option <b>Aligner le texte en bas</b> <img alt="L'icône Aligner en bas" src="../images/alignbottom.png" /> vous permet d'aligner votre texte au bas de la zone de texte.</li>
+						<li>l'option <b>Aligner le texte en haut</b> <div class = "icon icon-aligntop"></div> vous permet d'aligner votre texte sur le haut de la zone de texte.</li>
+						<li>l'option <b>Aligner le texte au milieu</b> <div class = "icon icon-alignmiddle"></div> vous permet d'aligner votre texte au centre de la zone de texte.</li>
+						<li>l'option <b>Aligner le texte en bas</b> <div class = "icon icon-alignbottom"></div> vous permet d'aligner votre texte au bas de la zone de texte.</li>
 					</ul>
 				</li>
 			</ol>
@@ -83,68 +84,68 @@
 			<table>
 				<tr>
 					<td width="10%">Police</td>
-					<td width="15%"><img alt="Police" src="../images/fontfamily.png" /></td>
+					<td width="15%"><div class = "big big-fontfamily"></div></td>
 					<td>Sert à sélectionner l'une des polices disponibles dans la liste. <span class="desktopDocumentFeatures">Si une police requise n'est pas disponible dans la liste, vous pouvez la télécharger et l'installer sur votre système d'exploitation, après quoi la police sera disponible pour utilisation dans la <I>version de bureau</I>.</span></td>
 				</tr>
 				<tr>
 					<td>Taille de la police</td>
-					<td><img alt="Taille de la police" src="../images/fontsize.png" /></td>
+					<td><div class = "icon icon-fontsize"></div></td>
 					<td>Sert à sélectionner la taille de la police parmi les valeurs disponibles dans la liste déroulante, les valeurs par défaut sont: 8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26, 28, 36, 48, 72 et 96).  Il est également possible d'entrer manuellement une valeur personnalisée dans le champ de taille de police jusqu'à 300 pt. Appuyer sur la touche Entrée pour confirmer</td>
 				</tr>
 				<tr>
 					<td>Augmenter la taille de la police</td>
-					<td><img alt="Augmenter la taille de la police" src="../images/larger.png" /></td>
+					<td><div class = "icon icon-larger"></div></td>
 					<td>Sert à modifier la taille de la police en la rendant plus grande à un point chaque fois que vous appuyez sur le bouton.</td>
 				</tr>
 				<tr>
 					<td>Diminuer la taille de la police</td>
-					<td><img alt="Diminuer la taille de la police" src="../images/smaller.png" /></td>
+					<td><div class = "icon icon-smaller"></div></td>
 					<td>Sert à modifier la taille de la police en la rendant plus petite à un point chaque fois que vous appuyez sur le bouton.</td>
 				</tr>
 				<tr>
 					<td>Modifier la casse</td>
-					<td><img alt="Modifier la casse" src="../images/change_case.png" /></td>
+					<td><div class = "icon icon-change_case"></div></td>
 					<td>Sert à modifier la casse du texte. <em>Majuscule en début de phrase</em> - la casse à correspondre la casse de la proposition ordinaire. <em>minuscule</em> - mettre en minuscule toutes les lettres. <em>MAJUSCULES</em> - mettre en majuscule toutes les lettres. <em>Mettre en majuscule chaque mot</em> - mettre en majuscule la première lettre de chaque mot. <em>Inverser la casse</em> - basculer entre d'affichages de la casse du texte ou le mot sur lequel le curseur de la souris est positionné.</td>
 				</tr>
 				<tr>
 					<td>Couleur de surlignage</td>
-					<td><img alt="Couleur de surlignage" src="../images/highlightcolor.png" /></td>
+					<td><div class = "icon icon-highlightcolor"></div></td>
 					<td>Est utilisé pour marquer des phrases, des fragments, des mots ou même des caractères séparés en ajoutant une bande de couleur qui imite l'effet du surligneur sur le texte. Vous pouvez sélectionner la partie voulue du texte, puis cliquer sur la flèche vers le bas à côté de l'icône pour sélectionner une couleur dans la palette (cet ensemble de couleurs ne dépend pas du <b>Jeux de couleurs</b> sélectionné et comprend 16 couleurs).
-La couleur sera appliquée à la sélection. Alternativement, vous pouvez d'abord choisir une couleur de surbrillance et ensuite commencer à sélectionner le texte avec la souris - le pointeur de la souris ressemblera à ceci <img alt="Pointeur de la souris pendant le surlignage" src="../images/highlight_color_mouse_pointer.png" /> et vous serez en mesure de surligner plusieurs parties différentes de votre texte de manière séquentielle. Pour enlever la mise en surbrillance, cliquez à nouveau sur l'icône. Pour effacer la couleur de surbrillance, choisissez l'option <b>Pas de remplissage</b>.</td>
+La couleur sera appliquée à la sélection. Alternativement, vous pouvez d'abord choisir une couleur de surbrillance et ensuite commencer à sélectionner le texte avec la souris - le pointeur de la souris ressemblera à ceci <div class = "icon icon-highlight_color_mouse_pointer"></div> et vous serez en mesure de surligner plusieurs parties différentes de votre texte de manière séquentielle. Pour enlever la mise en surbrillance, cliquez à nouveau sur l'icône. Pour effacer la couleur de surbrillance, choisissez l'option <b>Pas de remplissage</b>.</td>
 				</tr>
 				<tr>
 					<td>Couleur de police</td>
-					<td><img alt="Couleur de police" src="../images/fontcolor.png" /></td>
+					<td><div class = "icon icon-fontcolor"></div></td>
 					<td>Sert à changer la couleur des lettres /caractères dans le texte. Cliquez sur la flèche vers le bas à côté de l'icône pour <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">sélectionner la couleur</a>.</td>
 				</tr>
 				<tr>
 					<td>Gras</td>
-					<td><img alt="Gras" src="../images/bold.png" /></td>
+					<td><div class = "icon icon-bold"></div></td>
 					<td>Sert à mettre la police en gras pour lui donner plus de poids.</td>
 				</tr>
 				<tr>
 					<td>Italique</td>
-					<td><img alt="Italique" src="../images/italic.png" /></td>
+					<td><div class = "icon icon-italic"></div></td>
 					<td>Sert à mettre la police en italique pour lui donner une certaine inclinaison à droite.</td>
 				</tr>
 				<tr>
 					<td>Souligné</td>
-					<td><img alt="Souligné" src="../images/underline.png" /></td>
+					<td><div class = "icon icon-underline"></div></td>
 					<td>Sert à souligner le texte avec la ligne qui passe sous les lettres.</td>
 				</tr>
 				<tr>
 					<td>Barré</td>
-					<td><img alt="Barré" src="../images/strike.png" /></td>
+					<td><div class = "icon icon-strike"></div></td>
 					<td>Sert à barrer le texte par la ligne passant par les lettres.</td>
 				</tr>
 				<tr>
 					<td>Exposant</td>
-					<td><img alt="Exposant" src="../images/sup.png" /></td>
+					<td><div class = "icon icon-sup"></div></td>
 					<td>Sert à rendre le texte plus petit et le déplacer vers la partie supérieure de la ligne du texte, par exemple comme dans les fractions.</td>
 				</tr>
 				<tr>
 					<td>Indice</td>
-					<td><img alt="Indice" src="../images/sub.png" /></td>
+					<td><div class = "icon icon-sub"></div></td>
 					<td>Sert à rendre le texte plus petit et le déplacer vers la partie inférieure de la ligne du texte, par exemple comme dans les formules chimiques.</td>
 				</tr>
 			</table>
@@ -154,7 +155,7 @@ La couleur sera appliquée à la sélection. Alternativement, vous pouvez d'abor
 			<p>Pour ce faire,</p>
 			<ol style="margin-left: 280px;">
 				<li>placez le curseur dans le paragraphe de votre choix ou sélectionnez plusieurs paragraphes avec la souris,</li>
-				<li>utilisez les champs correspondants de l'onglet Paramètres de texte <img alt="L'icône Paramètres du texte" src="../images/text_settings_icon.png" /> dans la barre latérale droite pour obtenir les résultats nécessaires:
+				<li>utilisez les champs correspondants de l'onglet Paramètres de texte <div class = "icon icon-text_settings_icon"></div> dans la barre latérale droite pour obtenir les résultats nécessaires:
 					<ul>
 						<li><b>Interligne</b> - réglez la hauteur de la ligne pour les lignes de texte dans le paragraphe. Vous pouvez choisir parmi deux options: <b>Multiple</b> (sert à régler l'interligne exprimée en nombre supérieur à 1), <b>Exactement</b> (sert à définir l'interligne fixe). Spécifiez la valeur nécessaire dans le champ situé à droite.</li>
 						<li><b>Espacement de paragraphe</b> - définissez l'espace entre les paragraphes.
@@ -167,10 +168,10 @@ La couleur sera appliquée à la sélection. Alternativement, vous pouvez d'abor
 				</li>
 			</ol>
             <p class="note"><b>Remarque</b>: on peut configurer les mêmes paramètres dans la fenêtre <a href="../UsageInstructions/InsertText.htm#textadvancedsettings" onclick="onhyperlinkclick(this)"><b>Paragraphe - Paramètres avancés</b></a> .</p>
-			<p>Pour modifier rapidement l'interligne du paragraphe actuel, vous pouvez aussi cliquer sur l'icône <b>Interligne</b> <img alt="Interligne" src="../images/linespacing.png" /> sous l'onglet <b>Accueil</b> de la barre d'outils supérieure et sélectionnez la valeur nécessaire dans la liste: 1.0, 1.15, 1.5, 2.0, 2.5, ou 3.0 lignes.</p>
-		    <p>Pour modifier le décalage de paragraphe du côté gauche de la zone de texte, placez le curseur dans le paragraphe de votre choix ou sélectionnez plusieurs paragraphes à l'aide de la souris et utilisez les icônes correspondantes dans l'onglet <b>Accueil</b> de la barre d'outils supérieure: Réduire le retrait <img alt="Réduire le retrait" src="../images/decreaseindent.png" /> et Augmenter le retrait <img alt="Augmenter le retrait" src="../images/increaseindent.png" />.</p>
+			<p>Pour modifier rapidement l'interligne du paragraphe actuel, vous pouvez aussi cliquer sur l'icône <b>Interligne</b> <div class = "icon icon-linespacing"></div> sous l'onglet <b>Accueil</b> de la barre d'outils supérieure et sélectionnez la valeur nécessaire dans la liste: 1.0, 1.15, 1.5, 2.0, 2.5, ou 3.0 lignes.</p>
+		    <p>Pour modifier le décalage de paragraphe du côté gauche de la zone de texte, placez le curseur dans le paragraphe de votre choix ou sélectionnez plusieurs paragraphes à l'aide de la souris et utilisez les icônes correspondantes dans l'onglet <b>Accueil</b> de la barre d'outils supérieure: Réduire le retrait <div class = "icon icon-decreaseindent"></div> et Augmenter le retrait <div class = "icon icon-increaseindent"></div>.</p>
             <h3 id="textadvancedsettings">Configurer les paramètres avancés du paragraphe</h3>
-		    <p>Pour ouvrir la fenêtre<b> Paragraphe - Paramètres avancés</b>, cliquer avec le bouton droit sur le texte et sélectionnez l'option <b>Paramètres avancés du texte</b> dans le menu. Il est également possible de placer le curseur dans le paragraphe de votre choix - l'onglet Paramètres du texte <img alt="L'icône Paramètres du texte" src="../images/text_settings_icon.png" /> devient actif sur la barre latérale droite. Appuyez sur le lien <b>Afficher les paramètres avancés</b>. La fenêtre paramètres du paragraphe s'ouvre:</p>
+		    <p>Pour ouvrir la fenêtre<b> Paragraphe - Paramètres avancés</b>, cliquer avec le bouton droit sur le texte et sélectionnez l'option <b>Paramètres avancés du texte</b> dans le menu. Il est également possible de placer le curseur dans le paragraphe de votre choix - l'onglet Paramètres du texte <div class = "icon icon-text_settings_icon"></div> devient actif sur la barre latérale droite. Appuyez sur le lien <b>Afficher les paramètres avancés</b>. La fenêtre paramètres du paragraphe s'ouvre:</p>
 			<img alt="Paramètres du paragraphe - Retraits et espacement" src="../images/textadvancedsettings1.png" />
 			<p>L'onglet<b> Retrait et emplacement</b> permet de:</p>
             <ul>
@@ -185,15 +186,15 @@ La couleur sera appliquée à la sélection. Alternativement, vous pouvez d'abor
                 <li>modifiez l'<b>interligne</b> du paragraphe.</li>
             </ul>
             <p>Vous pouvez également utilisez la <b>règle</b> horizontale pour changer les retraits.</p>
-            <img alt="Règle - Marqueurs des retraits" src="../images/indents_ruler.png" />
+            <div class = "big big-indents_ruler"></div>
             <p>Sélectionnez le(s) paragraphe(s) et faites glisser les marqueurs tout au long de la règle </p>
             <ul>
-                <li>Le marqueur <b>Retrait de première ligne</b> <img alt="Retrait de première ligne" src="../images/firstline_indent.png" /> sert à définir le décalage de la marge interne gauche de la zone de texte pour la première ligne du paragraphe.</li>
-                <li>Le marqueur <b>Retrait suspendu </b> <img alt="Le marqueur retrait suspendu" src="../images/hanging.png" /> sert à définir le décalage de la marge interne gauche de la zone de texte pour la deuxième ligne et toutes les lignes suivantes du paragraphe.</li>
-                <li>Le marqueur <b>Retrait de gauche</b> <img alt="Le marqueur retrait de gauche" src="../images/leftindent.png" /> sert à définir le décalage du paragraphe de la marge interne gauche de la zone de texte.</li>
-                <li>Le marqueur Retrait de droite <img alt="Le marqueur retrait de droite" src="../images/right_indent.png" /> sert à définir le décalage du paragraphe de la marge interne droite de la zone de texte.</li>
+                <li>Le marqueur <b>Retrait de première ligne</b> <div class = "icon icon-firstline_indent"></div> sert à définir le décalage de la marge interne gauche de la zone de texte pour la première ligne du paragraphe.</li>
+                <li>Le marqueur <b>Retrait suspendu </b> <div class = "icon icon-hanging"></div> sert à définir le décalage de la marge interne gauche de la zone de texte pour la deuxième ligne et toutes les lignes suivantes du paragraphe.</li>
+                <li>Le marqueur <b>Retrait de gauche</b> <div class = "icon icon-leftindent"></div> sert à définir le décalage du paragraphe de la marge interne gauche de la zone de texte.</li>
+                <li>Le marqueur Retrait de droite <div class = "icon icon-right_indent"></div> sert à définir le décalage du paragraphe de la marge interne droite de la zone de texte.</li>
             </ul>
-            <p class="note"><b>Remarque</b>: si vous ne voyez pas les règles, passez à l'onglet <b>Accueil</b> de la barre d'outils supérieure, cliquez sur l'icône <b>Paramètres d'affichage</b> <img alt="L'icône Paramètres d'affichage" src="../images/viewsettingsicon.png" /> dans le coin supérieur droit et décochez l'option <b>Masquer les règles</b> pour les afficher.</p>
+            <p class="note"><b>Remarque</b>: si vous ne voyez pas les règles, passez à l'onglet <b>Accueil</b> de la barre d'outils supérieure, cliquez sur l'icône <b>Paramètres d'affichage</b> <div class = "icon icon-viewsettingsicon"></div> dans le coin supérieur droit et décochez l'option <b>Masquer les règles</b> pour les afficher.</p>
             <img alt="Paramètres du paragraphe - l'onglet Police" src="../images/textadvancedsettings2.png" />
 			<p>L'onglet <b>Police</b> comporte les paramètres suivants:</p>
 			<ul>
@@ -214,23 +215,23 @@ La couleur sera appliquée à la sélection. Alternativement, vous pouvez d'abor
                 <li><b>Position</b> sert à personnaliser les taquets de tabulation. Saisissez la valeur nécessaire dans ce champ, réglez-la en utilisant les boutons à flèche et cliquez sur le bouton <b>Spécifier</b>. La position du taquet de tabulation personnalisée sera ajoutée à la liste dans le champ au-dessous.</li>
 			    <li><b>Alignement</b> sert à définir le type d'alignement pour chaque taquet de tabulation de la liste. Sélectionnez le taquet nécessaire dans la liste, choisissez l'option <b>De gauche</b>, <b>De centre</b> ou <b>De droite</b> dans la liste déroulante <b>Alignement</b> et cliquez sur le bouton <b>Spécifier</b>.
 			        <ul>
-			            <li><b>De gauche</b> sert à aligner le texte sur le côté gauche du taquet de tabulation; le texte se déplace à droite du taquet de tabulation quand vous saisissez le texte. Le taquet de tabulation sera indiqué sur la règle horizontale par le marqueur de tabulation <img alt="Marqueur de taquet de tabulation de gauche" src="../images/tabstopleft_marker.png" /> .</li>
-			            <li><b>Du centre</b> - sert à centrer le texte à l'emplacement du taquet de tabulation. Le taquet de tabulation sera indiqué sur la règle horizontale par le marqueur <img alt="Marqueur de taquet de tabulation centré" src="../images/tabstopcenter_marker.png" /> .</li>
-			            <li><b>De droite</b> - sert à aligner le texte sur le côté droit du taquet de tabulation; le texte se déplace à gauche du taquet de tabulation quand vous saisissez le texte. Le taquet de tabulation sera indiqué sur la règle horizontale par le marqueur <img alt="Marqueur de taquet de tabulation de droite" src="../images/tabstopright_marker.png" /> .</li>
+			            <li><b>De gauche</b> sert à aligner le texte sur le côté gauche du taquet de tabulation; le texte se déplace à droite du taquet de tabulation quand vous saisissez le texte. Le taquet de tabulation sera indiqué sur la règle horizontale par le marqueur de tabulation <div class = "icon icon-tabstopleft_marker"></div> .</li>
+			            <li><b>Du centre</b> - sert à centrer le texte à l'emplacement du taquet de tabulation. Le taquet de tabulation sera indiqué sur la règle horizontale par le marqueur <div class = "icon icon-tabstopcenter_marker"></div> .</li>
+			            <li><b>De droite</b> - sert à aligner le texte sur le côté droit du taquet de tabulation; le texte se déplace à gauche du taquet de tabulation quand vous saisissez le texte. Le taquet de tabulation sera indiqué sur la règle horizontale par le marqueur <div class = "icon icon-tabstopright_marker"></div> .</li>
 			        </ul>
 			        <p>Pour supprimer un taquet de tabulation de la liste sélectionnez-le et cliquez sur le bouton <b>Supprimer</b> ou utilisez le bouton <b>Supprimer tout</b> pour vider la liste.</p>
 			    </li>
 			</ul>
             <p>Pour définir les taquets de tabulation vous pouvez utiliser la règle horizontale:</p>
             <ol>
-                <li>Cliquez sur le bouton de sélection de tabulation <img alt="Bouton de taquet de tabulation de gauche" src="../images/tabstopleft.png" /> dans le coin supérieur gauche de la zone de travail pour choisir le type d'arrêt de tabulation requis: <b>À gauche</b> <img alt="Bouton de taquet de tabulation de gauche" src="../images/tabstopleft.png" />, <b>Au centre </b>  <img alt="Bouton de taquet de tabulation centré" src="../images/tabstopcenter.png" />, <b>À droite </b> <img alt="Bouton de taquet de tabulation de droite" src="../images/tabstopright.png" />.</li>
+                <li>Cliquez sur le bouton de sélection de tabulation <div class = "icon icon-tabstopleft"></div> dans le coin supérieur gauche de la zone de travail pour choisir le type d'arrêt de tabulation requis: <b>À gauche</b> <div class = "icon icon-tabstopleft"></div>, <b>Au centre </b>  <div class = "icon icon-tabstopcenter"></div>, <b>À droite </b> <div class = "icon icon-tabstopright"></div>.</li>
                 <li>Cliquez sur le bord inférieur de la règle là où vous voulez positionner le taquet de tabulation. Faites-le glisser tout au long de la règle pour changer son emplacement. Pour supprimer le taquet de tabulation ajouté faites-le glisser en dehors de la règle.
-                    <p><img alt="Règle horizontale avec les taquets de tabulation ajoutés" src="../images/tabstops_ruler.png" /></p>
-                    <p class="note"><b>Remarque</b>: si vous ne voyez pas les règles, passez à l'onglet <b>Accueil</b> de la barre d'outils supérieure, cliquez sur l'icône <b>Paramètres d'affichage</b> <img alt="L'icône Paramètres d'affichage" src="../images/viewsettingsicon.png" /> dans le coin supérieur droit et décochez l'option <b>Masquer les règles</b> pour les afficher.</p>
+                    <p><div class = "big big-tabstops_ruler"></div></p>
+                    <p class="note"><b>Remarque</b>: si vous ne voyez pas les règles, passez à l'onglet <b>Accueil</b> de la barre d'outils supérieure, cliquez sur l'icône <b>Paramètres d'affichage</b> <div class = "icon icon-viewsettingsicon"></div> dans le coin supérieur droit et décochez l'option <b>Masquer les règles</b> pour les afficher.</p>
                 </li>
             </ol>
             <h3>Modifier un style Text Art</h3>
-            <p>Sélectionnez un objet texte et cliquez sur l'icône des <b>Paramètres de Text Art</b> <img alt="L'icône Paramètres de Text Art" src="../images/textart_settings_icon.png" /> dans la barre latérale de droite.</p>
+            <p>Sélectionnez un objet texte et cliquez sur l'icône des <b>Paramètres de Text Art</b> <div class = "icon icon-textart_settings_icon"></div> dans la barre latérale de droite.</p>
             <p><img alt="Onglet Paramètres de Text Art" src="../images/right_textart.png" /></p>
             <ul>
                 <li>Modifiez le style de texte appliqué en sélectionnant un nouveau <b>Modèle</b> dans la galerie. Vous pouvez également modifier le style de base en sélectionnant un type de police différent, une autre taille, etc.</li>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/ManageSlides.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/ManageSlides.htm
index 668b8b3842..8d91472165 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/ManageSlides.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/ManageSlides.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Ajouter de nouvelles diapositives, copier, déplacer ou supprimer-les" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,13 +18,13 @@
 			<p>Par défaut, une présentation nouvellement créée a une <em>diapositive titre</em>. Dans <a target="_blank" href="https://www.onlyoffice.com/fr/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>, vous pouvez créer de nouvelles diapositives, copier une diapositive pour pouvoir la coller à un autre endroit de la liste, dupliquer des diapositives, déplacer des diapositives pour modifier leur ordre dans la liste des diapositives, supprimer des diapositives inutiles, marquer certaines diapositives comme masquées. </p>
 			<p><b>Pour créer une nouvelle diapositive Titre et Contenu:</b></p>
 			<ul>
-				<li>cliquez sur l'icône <img alt="L'icône Ajouter une diapositive" src="../images/addslide.png" /> <B>Ajouter une diapositive</B> dans l'onglet <B>Accueil</B> ou <B>Insertion</B> de la barre d'outils supérieure, ou</li>
+				<li>cliquez sur l'icône <div class = "icon icon-addslide"></div> <B>Ajouter une diapositive</B> dans l'onglet <B>Accueil</B> ou <B>Insertion</B> de la barre d'outils supérieure, ou</li>
 				<li>cliquez avec le bouton droit sur une diapositive de la liste et sélectionnez l'option <B>Nouvelle diapositive</B> dans le menu contextuel, ou</li>
                 <li>appuyez sur la combinaison de touches <B>Ctrl+M</B>.</li>
 			</ul>
             <p><b>Pour créer une nouvelle diapositive avec une mise en page différente:</b></p>
             <ol>
-                <li>cliquez sur la flèche à côté de l'icône <img alt="L'icône Ajouter une diapositive" src="../images/addslide.png" /> <B>Ajouter une diapositive</B> dans l'onglet <B>Accueil</B> ou <B>Insertion</B> de la barre d'outils supérieure,</li>
+                <li>cliquez sur la flèche à côté de l'icône <div class = "icon icon-addslide"></div> <B>Ajouter une diapositive</B> dans l'onglet <B>Accueil</B> ou <B>Insertion</B> de la barre d'outils supérieure,</li>
                 <li>
                     sélectionnez une diapositive avec la mise en page nécessaire de la liste.
                     <p class="note"><B>Remarque</B>: vous pouvez modifier la mise en page de la diapositive ajoutée à tout moment. Pour en savoir plus consultez le chapitre <a href="../UsageInstructions/SetSlideParameters.htm#changelayout" onclick="onhyperlinkclick(this)">Définir les paramètres de la diapositive</a> .</p>
@@ -59,7 +60,7 @@
                 <li>sélectionnez l'option <B>Masquer la diapositive</B> du menu contextuel.</li>
             </ol>
             <p>Le numéro qui correspond à la diapositive cachée dans la liste à gauche sera barré. Pour afficher la diapositive cachée comme une diapositive normale dans la liste des diapositives, cliquez à nouveau sur l'option <B>Masquer la diapositive</B>.</p>
-            <p><img alt="Diapositive masquée" src="../images/hidden_slide.png" /></p>
+            <p><div class = "big big-hidden_slide"></div></p>
             <p class="note"><B>Remarque</B>: utilisez cette option si vous ne souhaitez pas montrer certaines diapositives à votre audience, mais souhaitez pouvoir y accéder si nécessaire. Lorsque vous lancez le diaporama en <a href="../UsageInstructions/PreviewPresentation.htm#presenter" onclick="onhyperlinkclick(this)">mode Présentateur</a>, vous pouvez voir toutes les diapositives existantes dans la liste à gauche, tandis que les numéros de diapositives masquées sont barrés. Si vous souhaitez afficher une diapositive masquée aux autres, il suffit de cliquer dessus dans la liste à gauche - la diapositive s'affichera.</p>
             <p><b>Pour sélectionner toutes les diapositives existantes à la fois:</b></p>
 			<ol>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/ManipulateObjects.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/ManipulateObjects.htm
index 49f194328c..3c571b7d77 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/ManipulateObjects.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/ManipulateObjects.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Déplacer, faire pivoter, redimentionner et remodeler des formes automatiques, des images, des graphiques." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,25 +20,25 @@
                 <b>Remarque</b>: la liste des raccourcis clavier qui peuvent être utilisés lorsque vous travaillez avec des objets est disponible <a href="../HelpfulHints/KeyboardShortcuts.htm#workwithobjects" onclick="onhyperlinkclick(this)">ici</a>.
             </p>
             <h3>Redimensionner des objets</h3>
-			<p>Pour changer la taille d'une <b>forme automatique/image/graphique/zone de texte</b>, faites glisser les petits carreaux <img alt="Icône Carreaux" src="../images/resize_square.png" /> situés sur les bords de l'objet. Pour garder les proportions de l'objet sélectionné lors du redimensionnement, maintenez la touche <b>Maj</b> enfoncée et faites glisser l'une des icônes de coin.</p>
-			<p><img alt="Conserver les proportions" src="../images/maintain_proportions.png" /></p>
+			<p>Pour changer la taille d'une <b>forme automatique/image/graphique/zone de texte</b>, faites glisser les petits carreaux <div class = "icon icon-resize_square"></div> situés sur les bords de l'objet. Pour garder les proportions de l'objet sélectionné lors du redimensionnement, maintenez la touche <b>Maj</b> enfoncée et faites glisser l'une des icônes de coin.</p>
+			<p><div class = "big big-maintain_proportions"></div></p>
 			<p>Pour spécifier la largeur et la hauteur précise d'un <b>graphique</b>, sélectionnez-le avec la souris et utilisez la section <b>Taille</b> de la barre latérale droite activée.</p>
 			<p>Pour spécifier les dimensions précises d'une <b>image</b> ou d'une <b>forme automatique</b>, cliquez avec le bouton droit de la souris sur l'objet nécessaire et sélectionnez l'option <b>Paramètres avancés de l'image/forme automatique</b> du menu contextuel. Réglez les valeurs nécessaires dans l'onglet <b>Taille</b> de la fenêtre <b>Paramètres avancés</b> et cliquez sur le bouton <b>OK</b>.</p>
 			<h3>Modifier des formes automatiques</h3>
-			<p>Lors de la modification des formes, par exemple des Flèches figurées ou les Légendes, l'icône jaune en forme de diamant <img alt="Icône jaune en forme de diamant" src="../images/yellowdiamond.png" /> est aussi disponible. Elle vous permet d'ajuster certains aspects de la forme, par exemple, la longueur de la pointe d'une flèche.</p>
-			<p><img alt="Modifier les formes automatiques" src="../images/reshaping.png" /></p>
+			<p>Lors de la modification des formes, par exemple des Flèches figurées ou les Légendes, l'icône jaune en forme de diamant <div class = "icon icon-yellowdiamond"></div> est aussi disponible. Elle vous permet d'ajuster certains aspects de la forme, par exemple, la longueur de la pointe d'une flèche.</p>
+			<p><div class = "big big-reshaping"></div></p>
 			<h3>Déplacer des objets</h3>
-			<p>Pour modifier la position d'une <b>forme automatique/image/tableau/graphique/bloc de texte</b>, utilisez l'icône <img alt="Flèche" src="../images/arrow.png" /> qui apparaît si vous placez le curseur de votre souris sur l'objet. Faites glisser l'objet vers la position nécessaire sans relâcher le bouton de la souris. Pour déplacer l'objet par incrément équivaut à un pixel, maintenez la touche <b>Ctrl</b> enfoncée et utilisez les flèches du clavier. Pour déplacer l'objet strictement à l'horizontale/verticale et l'empêcher de se déplacer dans une direction perpendiculaire, maintenez la touche <b>Maj</b> enfoncée lors du glissement.</p>
+			<p>Pour modifier la position d'une <b>forme automatique/image/tableau/graphique/bloc de texte</b>, utilisez l'icône <div class = "icon icon-arrow"></div> qui apparaît si vous placez le curseur de votre souris sur l'objet. Faites glisser l'objet vers la position nécessaire sans relâcher le bouton de la souris. Pour déplacer l'objet par incrément équivaut à un pixel, maintenez la touche <b>Ctrl</b> enfoncée et utilisez les flèches du clavier. Pour déplacer l'objet strictement à l'horizontale/verticale et l'empêcher de se déplacer dans une direction perpendiculaire, maintenez la touche <b>Maj</b> enfoncée lors du glissement.</p>
 			<p>Pour spécifier les dimensions précises d'une <b>image</b>, cliquez avec le bouton droit de la souris sur l'objet nécessaire et sélectionnez l'option <b>Paramètres avancés de l'image</b> du menu contextuel. Réglez les valeurs nécessaires dans l'onglet <b>Taille</b> de la fenêtre <b>Paramètres avancés</b> et cliquez sur le bouton <b>OK</b>.</p>
 			<h3>Faire pivoter des objets</h3>
-			<p>Pour faire pivoter manuellement une <b>forme automatique/image/bloc de texte</b>, placez le curseur de la souris sur la poignée de rotation <img alt="Poignée de rotation" src="../images/greencircle.png" /> et faites-la glisser vers la droite ou vers la gauche.
+			<p>Pour faire pivoter manuellement une <b>forme automatique/image/bloc de texte</b>, placez le curseur de la souris sur la poignée de rotation <div class = "icon icon-greencircle"></div> et faites-la glisser vers la droite ou vers la gauche.
 			Pour limiter la rotation de l'angle à des incréments de 15 degrés, maintenez la touche Maj enfoncée. Pour faire pivoter par incréments de 15 degrés, maintenez enfoncée la touche <b>Maj</b> tout en faisant pivoter.</p>
-            <p>Pour faire pivoter l'objet de 90 degrés dans le sens inverse des aiguilles d'une montre/dans le sens des aiguilles d'une montre ou le retourner horizontalement/verticalement, vous pouvez utiliser la section <b>Rotation</b> de la barre latérale droite qui sera activée lorsque vous aurez sélectionné l'objet nécessaire. Pour l'ouvrir, cliquez sur l'icône <b>Paramètres de la forme</b> <img alt="L'icône Paramètres de la forme" src="../images/shape_settings_icon.png" /> ou <b>Paramètres de l'image</b> <img alt="L'icône Paramètres de l'image" src="../images/image_settings_icon.png" /> à droite. Cliquez sur l'un des boutons:</p>
+            <p>Pour faire pivoter l'objet de 90 degrés dans le sens inverse des aiguilles d'une montre/dans le sens des aiguilles d'une montre ou le retourner horizontalement/verticalement, vous pouvez utiliser la section <b>Rotation</b> de la barre latérale droite qui sera activée lorsque vous aurez sélectionné l'objet nécessaire. Pour l'ouvrir, cliquez sur l'icône <b>Paramètres de la forme</b> <div class = "icon icon-shape_settings_icon"></div> ou <b>Paramètres de l'image</b> <div class = "icon icon-image_settings_icon"></div> à droite. Cliquez sur l'un des boutons:</p>
             <ul>
-                <li><img alt="Icône Pivoter dans le sens inverse des aiguilles d'une montre" src="../images/rotatecounterclockwise.png" /> pour faire pivoter l'objet de 90 degrés dans le sens inverse des aiguilles d'une montre</li>
-                <li><img alt="Icône Pivoter dans le sens des aiguilles d'une montre" src="../images/rotateclockwise.png" /> pour faire pivoter l'objet de 90 degrés dans le sens des aiguilles d'une montre</li>
-                <li><img alt="Icône Retourner horizontalement" src="../images/fliplefttoright.png" /> pour retourner l'objet horizontalement (de gauche à droite)</li>
-                <li><img alt="Icône Retourner verticalement" src="../images/flipupsidedown.png" /> pour retourner l'objet verticalement (à l'envers)</li>
+                <li><div class = "icon icon-rotatecounterclockwise"></div> pour faire pivoter l'objet de 90 degrés dans le sens inverse des aiguilles d'une montre</li>
+                <li><div class = "icon icon-rotateclockwise"></div> pour faire pivoter l'objet de 90 degrés dans le sens des aiguilles d'une montre</li>
+                <li><div class = "icon icon-fliplefttoright"></div> pour retourner l'objet horizontalement (de gauche à droite)</li>
+                <li><div class = "icon icon-flipupsidedown"></div> pour retourner l'objet verticalement (à l'envers)</li>
             </ul>
             <p>Il est également possible de cliquer avec le bouton droit de la souris sur l'objet, de choisir l'option <b>Faire pivoter</b> dans le menu contextuel, puis d'utiliser une des options de rotation disponibles.</p>
             <p>Pour faire pivoter l'objet selon un angle exactement spécifié, cliquez sur le lien <b>Afficher les paramètres avancés</b> dans la barre latérale droite et utilisez l'onglet <b>Rotation</b> de la fenêtre <b>Paramètres avancés</b>. Spécifiez la valeur nécessaire mesurée en degrés dans le champ <b>Angle </b>et cliquez sur <b>OK</b>.</p>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/MathAutoCorrect.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/MathAutoCorrect.htm
index 6d3acf66d6..503f45e4e2 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/MathAutoCorrect.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/MathAutoCorrect.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Les fonctionnalités de correction automatique servent à définir les éléments à mettre en forme automatiquement ou insérer des symboles mathématiques." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -59,722 +60,722 @@
                     </tr>
                     <tr>
                         <td>!!</td>
-                        <td><img alt="Double factorielle" src="../images/symbols/doublefactorial.png" /></td>
+                        <td><div class = "smb smb-doublefactorial"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>...</td>
-                        <td><img alt="Horizontal ellipsis" src="../images/symbols/horizontalellipsis.png" /></td>
+                        <td><div class = "smb smb-horizontalellipsis"></div></td>
                         <td>Dots</td>
                     </tr>
                     <tr>
                         <td>::</td>
-                        <td><img alt="Double colon" src="../images/symbols/doublecolon.png" /></td>
+                        <td><div class = "smb smb-doublecolon"></div></td>
                         <td>Opérateurs</td>
                     </tr>
                     <tr>
                         <td>:=</td>
-                        <td><img alt="Colon equal" src="../images/symbols/colonequal.png" /></td>
+                        <td><div class = "smb smb-colonequal"></div></td>
                         <td>Opérateurs</td>
                     </tr>
                     <tr>
                         <td>/&lt;&lt;/td&gt;
-                        <td><img alt="Not less than" src="../images/symbols/notlessthan.png" /></td>
+                        <td><div class = "smb smb-notlessthan"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>/></td>
-                        <td><img alt="Not greater than" src="../images/symbols/notgreaterthan.png" /></td>
+                        <td><div class = "smb smb-notgreaterthan"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>/=</td>
-                        <td><img alt="Not equal" src="../images/symbols/notequal.png" /></td>
+                        <td><div class = "smb smb-notequal"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\above</td>
-                        <td><img alt="Symbole" src="../images/symbols/above.png" /></td>
+                        <td><div class = "smb smb-above"></div></td>
                         <td>Indices et exposants</td>
                     </tr>
                     <tr>
                         <td>\acute</td>
-                        <td><img alt="Symbole" src="../images/symbols/acute.png" /></td>
+                        <td><div class = "smb smb-acute"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\aleph</td>
-                        <td><img alt="Symbole" src="../images/symbols/aleph.png" /></td>
+                        <td><div class = "smb smb-aleph"></div></td>
                         <td>Lettres hébra&iuml;ques</td>
                     </tr>
                     <tr>
                         <td>\alpha</td>
-                        <td><img alt="Symbole" src="../images/symbols/alpha.png" /></td>
+                        <td><div class = "smb smb-alpha"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Alpha</td>
-                        <td><img alt="Symbole" src="../images/symbols/alpha2.png" /></td>
+                        <td><div class = "smb smb-alpha2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\amalg</td>
-                        <td><img alt="Symbole" src="../images/symbols/amalg.png" /></td>
+                        <td><div class = "smb smb-amalg"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\angle</td>
-                        <td><img alt="Symbole" src="../images/symbols/angle.png" /></td>
+                        <td><div class = "smb smb-angle"></div></td>
                         <td>Notation de géométrie</td>
                     </tr>
                     <tr>
                         <td>\aoint</td>
-                        <td><img alt="Symbole" src="../images/symbols/aoint.png" /></td>
+                        <td><div class = "smb smb-aoint"></div></td>
                         <td>Intégrales</td>
                     </tr>
                     <tr>
                         <td>\approx</td>
-                        <td><img alt="Symbole" src="../images/symbols/approx.png" /></td>
+                        <td><div class = "smb smb-approx"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\asmash</td>
-                        <td><img alt="Symbole" src="../images/symbols/asmash.png" /></td>
+                        <td><div class = "smb smb-asmash"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\ast</td>
-                        <td><img alt="Asterisk" src="../images/symbols/ast.png" /></td>
+                        <td><div class = "smb smb-ast"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\asymp</td>
-                        <td><img alt="Symbole" src="../images/symbols/asymp.png" /></td>
+                        <td><div class = "smb smb-asymp"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\atop</td>
-                        <td><img alt="Symbole" src="../images/symbols/atop.png" /></td>
+                        <td><div class = "smb smb-atop"></div></td>
                         <td>Opérateurs</td>
                     </tr>
                     <tr>
                         <td>\bar</td>
-                        <td><img alt="Symbole" src="../images/symbols/bar.png" /></td>
+                        <td><div class = "smb smb-bar"></div></td>
                         <td>Trait suscrit/souscrit</td>
                     </tr>
                     <tr>
                         <td>\Bar</td>
-                        <td><img alt="Symbole" src="../images/symbols/bar2.png" /></td>
+                        <td><div class = "smb smb-bar2"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\because</td>
-                        <td><img alt="Symbole" src="../images/symbols/because.png" /></td>
+                        <td><div class = "smb smb-because"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\begin</td>
-                        <td><img alt="Symbole" src="../images/symbols/begin.png" /></td>
+                        <td><div class = "smb smb-begin"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\below</td>
-                        <td><img alt="Symbole" src="../images/symbols/below.png" /></td>
+                        <td><div class = "smb smb-below"></div></td>
                         <td>Indices et exposants</td>
                     </tr>
                     <tr>
                         <td>\bet</td>
-                        <td><img alt="Symbole" src="../images/symbols/bet.png" /></td>
+                        <td><div class = "smb smb-bet"></div></td>
                         <td>Lettres hébra&iuml;ques</td>
                     </tr>
                     <tr>
                         <td>\beta</td>
-                        <td><img alt="Symbole" src="../images/symbols/beta.png" /></td>
+                        <td><div class = "smb smb-beta"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Beta</td>
-                        <td><img alt="Symbole" src="../images/symbols/beta2.png" /></td>
+                        <td><div class = "smb smb-beta2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\beth</td>
-                        <td><img alt="Symbole" src="../images/symbols/beth.png" /></td>
+                        <td><div class = "smb smb-beth"></div></td>
                         <td>Lettres hébra&iuml;ques</td>
                     </tr>
                     <tr>
                         <td>\bigcap</td>
-                        <td><img alt="Symbole" src="../images/symbols/bigcap.png" /></td>
+                        <td><div class = "smb smb-bigcap"></div></td>
                         <td>Grands opérateurs</td>
                     </tr>
                     <tr>
                         <td>\bigcup</td>
-                        <td><img alt="Symbole" src="../images/symbols/bigcup.png" /></td>
+                        <td><div class = "smb smb-bigcup"></div></td>
                         <td>Grands opérateurs</td>
                     </tr>
                     <tr>
                         <td>\bigodot</td>
-                        <td><img alt="Symbole" src="../images/symbols/bigodot.png" /></td>
+                        <td><div class = "smb smb-bigodot"></div></td>
                         <td>Grands opérateurs</td>
                     </tr>
                     <tr>
                         <td>\bigoplus</td>
-                        <td><img alt="Symbole" src="../images/symbols/bigoplus.png" /></td>
+                        <td><div class = "smb smb-bigoplus"></div></td>
                         <td>Grands opérateurs</td>
                     </tr>
                     <tr>
                         <td>\bigotimes</td>
-                        <td><img alt="Symbole" src="../images/symbols/bigotimes.png" /></td>
+                        <td><div class = "smb smb-bigotimes"></div></td>
                         <td>Grands opérateurs</td>
                     </tr>
                     <tr>
                         <td>\bigsqcup</td>
-                        <td><img alt="Symbole" src="../images/symbols/bigsqcup.png" /></td>
+                        <td><div class = "smb smb-bigsqcup"></div></td>
                         <td>Grands opérateurs</td>
                     </tr>
                     <tr>
                         <td>\biguplus</td>
-                        <td><img alt="Symbole" src="../images/symbols/biguplus.png" /></td>
+                        <td><div class = "smb smb-biguplus"></div></td>
                         <td>Grands opérateurs</td>
                     </tr>
                     <tr>
                         <td>\bigvee</td>
-                        <td><img alt="Symbole" src="../images/symbols/bigvee.png" /></td>
+                        <td><div class = "smb smb-bigvee"></div></td>
                         <td>Grands opérateurs</td>
                     </tr>
                     <tr>
                         <td>\bigwedge</td>
-                        <td><img alt="Symbole" src="../images/symbols/bigwedge.png" /></td>
+                        <td><div class = "smb smb-bigwedge"></div></td>
                         <td>Grands opérateurs</td>
                     </tr>
                     <tr>
                         <td>\binomial</td>
-                        <td><img alt="Symbole" src="../images/symbols/binomial.png" /></td>
+                        <td><div class = "smb smb-binomial"></div></td>
                         <td>Équations</td>
                     </tr>
                     <tr>
                         <td>\bot</td>
-                        <td><img alt="Symbole" src="../images/symbols/bot.png" /></td>
+                        <td><div class = "smb smb-bot"></div></td>
                         <td>Notations logiques</td>
                     </tr>
                     <tr>
                         <td>\bowtie</td>
-                        <td><img alt="Symbole" src="../images/symbols/bowtie.png" /></td>
+                        <td><div class = "smb smb-bowtie"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\box</td>
-                        <td><img alt="Symbole" src="../images/symbols/box.png" /></td>
+                        <td><div class = "smb smb-box"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\boxdot</td>
-                        <td><img alt="Symbole" src="../images/symbols/boxdot.png" /></td>
+                        <td><div class = "smb smb-boxdot"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\boxminus</td>
-                        <td><img alt="Symbole" src="../images/symbols/boxminus.png" /></td>
+                        <td><div class = "smb smb-boxminus"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\boxplus</td>
-                        <td><img alt="Symbole" src="../images/symbols/boxplus.png" /></td>
+                        <td><div class = "smb smb-boxplus"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\bra</td>
-                        <td><img alt="Symbole" src="../images/symbols/bra.png" /></td>
+                        <td><div class = "smb smb-bra"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\break</td>
-                        <td><img alt="Symbole" src="../images/symbols/break.png" /></td>
+                        <td><div class = "smb smb-break"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\breve</td>
-                        <td><img alt="Symbole" src="../images/symbols/breve.png" /></td>
+                        <td><div class = "smb smb-breve"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\bullet</td>
-                        <td><img alt="Symbole" src="../images/symbols/bullet.png" /></td>
+                        <td><div class = "smb smb-bullet"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\cap</td>
-                        <td><img alt="Symbole" src="../images/symbols/cap.png" /></td>
+                        <td><div class = "smb smb-cap"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\cbrt</td>
-                        <td><img alt="Symbole" src="../images/symbols/cbrt.png" /></td>
+                        <td><div class = "smb smb-cbrt"></div></td>
                         <td>Racine carrée et radicaux</td>
                     </tr>
                     <tr>
                         <td>\cases</td>
-                        <td><img alt="Symbole" src="../images/symbols/cases.png" /></td>
+                        <td><div class = "smb smb-cases"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\cdot</td>
-                        <td><img alt="Symbole" src="../images/symbols/cdot.png" /></td>
+                        <td><div class = "smb smb-cdot"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\cdots</td>
-                        <td><img alt="Symbole" src="../images/symbols/cdots.png" /></td>
+                        <td><div class = "smb smb-cdots"></div></td>
                         <td>Dots</td>
                     </tr>
                     <tr>
                         <td>\check</td>
-                        <td><img alt="Symbole" src="../images/symbols/check.png" /></td>
+                        <td><div class = "smb smb-check"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\chi</td>
-                        <td><img alt="Symbole" src="../images/symbols/chi.png" /></td>
+                        <td><div class = "smb smb-chi"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Chi</td>
-                        <td><img alt="Symbole" src="../images/symbols/chi2.png" /></td>
+                        <td><div class = "smb smb-chi2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\circ</td>
-                        <td><img alt="Symbole" src="../images/symbols/circ.png" /></td>
+                        <td><div class = "smb smb-circ"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\close</td>
-                        <td><img alt="Symbole" src="../images/symbols/close.png" /></td>
+                        <td><div class = "smb smb-close"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\clubsuit</td>
-                        <td><img alt="Symbole" src="../images/symbols/clubsuit.png" /></td>
+                        <td><div class = "smb smb-clubsuit"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\coint</td>
-                        <td><img alt="Symbole" src="../images/symbols/coint.png" /></td>
+                        <td><div class = "smb smb-coint"></div></td>
                         <td>Intégrales</td>
                     </tr>
                     <tr>
                         <td>\cong</td>
-                        <td><img alt="Symbole" src="../images/symbols/cong.png" /></td>
+                        <td><div class = "smb smb-cong"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\coprod</td>
-                        <td><img alt="Symbole" src="../images/symbols/coprod.png" /></td>
+                        <td><div class = "smb smb-coprod"></div></td>
                         <td>Opérateurs mathématiques</td>
                     </tr>
                     <tr>
                         <td>\cup</td>
-                        <td><img alt="Symbole" src="../images/symbols/cup.png" /></td>
+                        <td><div class = "smb smb-cup"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\dalet</td>
-                        <td><img alt="Symbole" src="../images/symbols/dalet.png" /></td>
+                        <td><div class = "smb smb-dalet"></div></td>
                         <td>Lettres hébra&iuml;ques</td>
                     </tr>
                     <tr>
                         <td>\daleth</td>
-                        <td><img alt="Symbole" src="../images/symbols/daleth.png" /></td>
+                        <td><div class = "smb smb-daleth"></div></td>
                         <td>Lettres hébra&iuml;ques</td>
                     </tr>
                     <tr>
                         <td>\dashv</td>
-                        <td><img alt="Symbole" src="../images/symbols/dashv.png" /></td>
+                        <td><div class = "smb smb-dashv"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\dd</td>
-                        <td><img alt="Symbole" src="../images/symbols/dd.png" /></td>
+                        <td><div class = "smb smb-dd"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\Dd</td>
-                        <td><img alt="Symbole" src="../images/symbols/dd2.png" /></td>
+                        <td><div class = "smb smb-dd2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\ddddot</td>
-                        <td><img alt="Symbole" src="../images/symbols/ddddot.png" /></td>
+                        <td><div class = "smb smb-ddddot"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\dddot</td>
-                        <td><img alt="Symbole" src="../images/symbols/dddot.png" /></td>
+                        <td><div class = "smb smb-dddot"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\ddot</td>
-                        <td><img alt="Symbole" src="../images/symbols/ddot.png" /></td>
+                        <td><div class = "smb smb-ddot"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\ddots</td>
-                        <td><img alt="Symbole" src="../images/symbols/ddots.png" /></td>
+                        <td><div class = "smb smb-ddots"></div></td>
                         <td>Dots</td>
                     </tr>
                     <tr>
                         <td>\defeq</td>
-                        <td><img alt="Symbole" src="../images/symbols/defeq.png" /></td>
+                        <td><div class = "smb smb-defeq"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\degc</td>
-                        <td><img alt="Symbole" src="../images/symbols/degc.png" /></td>
+                        <td><div class = "smb smb-degc"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\degf</td>
-                        <td><img alt="Symbole" src="../images/symbols/degf.png" /></td>
+                        <td><div class = "smb smb-degf"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\degree</td>
-                        <td><img alt="Symbole" src="../images/symbols/degree.png" /></td>
+                        <td><div class = "smb smb-degree"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\delta</td>
-                        <td><img alt="Symbole" src="../images/symbols/delta.png" /></td>
+                        <td><div class = "smb smb-delta"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Delta</td>
-                        <td><img alt="Symbole" src="../images/symbols/delta2.png" /></td>
+                        <td><div class = "smb smb-delta2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Deltaeq</td>
-                        <td><img alt="Symbole" src="../images/symbols/deltaeq.png" /></td>
+                        <td><div class = "smb smb-deltaeq"></div></td>
                         <td>Opérateurs</td>
                     </tr>
                     <tr>
                         <td>\diamond</td>
-                        <td><img alt="Symbole" src="../images/symbols/diamond.png" /></td>
+                        <td><div class = "smb smb-diamond"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\diamondsuit</td>
-                        <td><img alt="Symbole" src="../images/symbols/diamondsuit.png" /></td>
+                        <td><div class = "smb smb-diamondsuit"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\div</td>
-                        <td><img alt="Symbole" src="../images/symbols/div.png" /></td>
+                        <td><div class = "smb smb-div"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\dot</td>
-                        <td><img alt="Symbole" src="../images/symbols/dot.png" /></td>
+                        <td><div class = "smb smb-dot"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\doteq</td>
-                        <td><img alt="Symbole" src="../images/symbols/doteq.png" /></td>
+                        <td><div class = "smb smb-doteq"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\dots</td>
-                        <td><img alt="Symbole" src="../images/symbols/dots.png" /></td>
+                        <td><div class = "smb smb-dots"></div></td>
                         <td>Dots</td>
                     </tr>
                     <tr>
                         <td>\doublea</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublea.png" /></td>
+                        <td><div class = "smb smb-doublea"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleA</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublea2.png" /></td>
+                        <td><div class = "smb smb-doublea2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleb</td>
-                        <td><img alt="Symbole" src="../images/symbols/doubleb.png" /></td>
+                        <td><div class = "smb smb-doubleb"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleB</td>
-                        <td><img alt="Symbole" src="../images/symbols/doubleb2.png" /></td>
+                        <td><div class = "smb smb-doubleb2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doublec</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublec.png" /></td>
+                        <td><div class = "smb smb-doublec"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleC</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublec2.png" /></td>
+                        <td><div class = "smb smb-doublec2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubled</td>
-                        <td><img alt="Symbole" src="../images/symbols/doubled.png" /></td>
+                        <td><div class = "smb smb-doubled"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleD</td>
-                        <td><img alt="Symbole" src="../images/symbols/doubled2.png" /></td>
+                        <td><div class = "smb smb-doubled2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doublee</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublee.png" /></td>
+                        <td><div class = "smb smb-doublee"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleE</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublee2.png" /></td>
+                        <td><div class = "smb smb-doublee2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doublef</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublef.png" /></td>
+                        <td><div class = "smb smb-doublef"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleF</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublef2.png" /></td>
+                        <td><div class = "smb smb-doublef2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleg</td>
-                        <td><img alt="Symbole" src="../images/symbols/doubleg.png" /></td>
+                        <td><div class = "smb smb-doubleg"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleG</td>
-                        <td><img alt="Symbole" src="../images/symbols/doubleg2.png" /></td>
+                        <td><div class = "smb smb-doubleg2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleh</td>
-                        <td><img alt="Symbole" src="../images/symbols/doubleh.png" /></td>
+                        <td><div class = "smb smb-doubleh"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleH</td>
-                        <td><img alt="Symbole" src="../images/symbols/doubleh2.png" /></td>
+                        <td><div class = "smb smb-doubleh2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doublei</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublei.png" /></td>
+                        <td><div class = "smb smb-doublei"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleI</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublei2.png" /></td>
+                        <td><div class = "smb smb-doublei2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doublej</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublej.png" /></td>
+                        <td><div class = "smb smb-doublej"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleJ</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublej2.png" /></td>
+                        <td><div class = "smb smb-doublej2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doublek</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublek.png" /></td>
+                        <td><div class = "smb smb-doublek"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleK</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublek2.png" /></td>
+                        <td><div class = "smb smb-doublek2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doublel</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublel.png" /></td>
+                        <td><div class = "smb smb-doublel"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleL</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublel2.png" /></td>
+                        <td><div class = "smb smb-doublel2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doublem</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublem.png" /></td>
+                        <td><div class = "smb smb-doublem"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleM</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublem2.png" /></td>
+                        <td><div class = "smb smb-doublem2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doublen</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublen.png" /></td>
+                        <td><div class = "smb smb-doublen"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleN</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublen2.png" /></td>
+                        <td><div class = "smb smb-doublen2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleo</td>
-                        <td><img alt="Symbole" src="../images/symbols/doubleo.png" /></td>
+                        <td><div class = "smb smb-doubleo"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleO</td>
-                        <td><img alt="Symbole" src="../images/symbols/doubleo2.png" /></td>
+                        <td><div class = "smb smb-doubleo2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doublep</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublep.png" /></td>
+                        <td><div class = "smb smb-doublep"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleP</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublep2.png" /></td>
+                        <td><div class = "smb smb-doublep2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleq</td>
-                        <td><img alt="Symbole" src="../images/symbols/doubleq.png" /></td>
+                        <td><div class = "smb smb-doubleq"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleQ</td>
-                        <td><img alt="Symbole" src="../images/symbols/doubleq2.png" /></td>
+                        <td><div class = "smb smb-doubleq2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubler</td>
-                        <td><img alt="Symbole" src="../images/symbols/doubler.png" /></td>
+                        <td><div class = "smb smb-doubler"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleR</td>
-                        <td><img alt="Symbole" src="../images/symbols/doubler2.png" /></td>
+                        <td><div class = "smb smb-doubler2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubles</td>
-                        <td><img alt="Symbole" src="../images/symbols/doubles.png" /></td>
+                        <td><div class = "smb smb-doubles"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleS</td>
-                        <td><img alt="Symbole" src="../images/symbols/doubles2.png" /></td>
+                        <td><div class = "smb smb-doubles2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doublet</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublet.png" /></td>
+                        <td><div class = "smb smb-doublet"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleT</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublet2.png" /></td>
+                        <td><div class = "smb smb-doublet2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleu</td>
-                        <td><img alt="Symbole" src="../images/symbols/doubleu.png" /></td>
+                        <td><div class = "smb smb-doubleu"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleU</td>
-                        <td><img alt="Symbole" src="../images/symbols/doubleu2.png" /></td>
+                        <td><div class = "smb smb-doubleu2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doublev</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublev.png" /></td>
+                        <td><div class = "smb smb-doublev"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleV</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublev2.png" /></td>
+                        <td><div class = "smb smb-doublev2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doublew</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublew.png" /></td>
+                        <td><div class = "smb smb-doublew"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleW</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublew2.png" /></td>
+                        <td><div class = "smb smb-doublew2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doublex</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublex.png" /></td>
+                        <td><div class = "smb smb-doublex"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleX</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublex2.png" /></td>
+                        <td><div class = "smb smb-doublex2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubley</td>
-                        <td><img alt="Symbole" src="../images/symbols/doubley.png" /></td>
+                        <td><div class = "smb smb-doubley"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleY</td>
-                        <td><img alt="Symbole" src="../images/symbols/doubley2.png" /></td>
+                        <td><div class = "smb smb-doubley2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doublez</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublez.png" /></td>
+                        <td><div class = "smb smb-doublez"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\doubleZ</td>
-                        <td><img alt="Symbole" src="../images/symbols/doublez2.png" /></td>
+                        <td><div class = "smb smb-doublez2"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\downarrow</td>
-                        <td><img alt="Symbole" src="../images/symbols/downarrow.png" /></td>
+                        <td><div class = "smb smb-downarrow"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\Downarrow</td>
-                        <td><img alt="Symbole" src="../images/symbols/downarrow2.png" /></td>
+                        <td><div class = "smb smb-downarrow2"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\dsmash</td>
-                        <td><img alt="Symbole" src="../images/symbols/dsmash.png" /></td>
+                        <td><div class = "smb smb-dsmash"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\ee</td>
-                        <td><img alt="Symbole" src="../images/symbols/ee.png" /></td>
+                        <td><div class = "smb smb-ee"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\ell</td>
-                        <td><img alt="Symbole" src="../images/symbols/ell.png" /></td>
+                        <td><div class = "smb smb-ell"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\emptyset</td>
-                        <td><img alt="Symbole" src="../images/symbols/emptyset.png" /></td>
+                        <td><div class = "smb smb-emptyset"></div></td>
                         <td>Ensemble de notations</td>
                     </tr>
                     <tr>
@@ -784,7 +785,7 @@
                     </tr>
                     <tr>
                         <td>\end</td>
-                        <td><img alt="Symbole" src="../images/symbols/end.png" /></td>
+                        <td><div class = "smb smb-end"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
@@ -794,297 +795,297 @@
                     </tr>
                     <tr>
                         <td>\epsilon</td>
-                        <td><img alt="Symbole" src="../images/symbols/epsilon.png" /></td>
+                        <td><div class = "smb smb-epsilon"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Epsilon</td>
-                        <td><img alt="Symbole" src="../images/symbols/epsilon2.png" /></td>
+                        <td><div class = "smb smb-epsilon2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\eqarray</td>
-                        <td><img alt="Symbole" src="../images/symbols/eqarray.png" /></td>
+                        <td><div class = "smb smb-eqarray"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\equiv</td>
-                        <td><img alt="Symbole" src="../images/symbols/equiv.png" /></td>
+                        <td><div class = "smb smb-equiv"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\eta</td>
-                        <td><img alt="Symbole" src="../images/symbols/eta.png" /></td>
+                        <td><div class = "smb smb-eta"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Eta</td>
-                        <td><img alt="Symbole" src="../images/symbols/eta2.png" /></td>
+                        <td><div class = "smb smb-eta2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\exists</td>
-                        <td><img alt="Symbole" src="../images/symbols/exists.png" /></td>
+                        <td><div class = "smb smb-exists"></div></td>
                         <td>Notations logiques</td>
                     </tr>
                     <tr>
                         <td>\forall</td>
-                        <td><img alt="Symbole" src="../images/symbols/forall.png" /></td>
+                        <td><div class = "smb smb-forall"></div></td>
                         <td>Notations logiques</td>
                     </tr>
                     <tr>
                         <td>\fraktura</td>
-                        <td><img alt="Symbole" src="../images/symbols/fraktura.png" /></td>
+                        <td><div class = "smb smb-fraktura"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturA</td>
-                        <td><img alt="Symbole" src="../images/symbols/fraktura2.png" /></td>
+                        <td><div class = "smb smb-fraktura2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturb</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturb.png" /></td>
+                        <td><div class = "smb smb-frakturb"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturB</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturb2.png" /></td>
+                        <td><div class = "smb smb-frakturb2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturc</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturc.png" /></td>
+                        <td><div class = "smb smb-frakturc"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturC</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturc2.png" /></td>
+                        <td><div class = "smb smb-frakturc2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturd</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturd.png" /></td>
+                        <td><div class = "smb smb-frakturd"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturD</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturd2.png" /></td>
+                        <td><div class = "smb smb-frakturd2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakture</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakture.png" /></td>
+                        <td><div class = "smb smb-frakture"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturE</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakture2.png" /></td>
+                        <td><div class = "smb smb-frakture2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturf</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturf.png" /></td>
+                        <td><div class = "smb smb-frakturf"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturF</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturf2.png" /></td>
+                        <td><div class = "smb smb-frakturf2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturg</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturg.png" /></td>
+                        <td><div class = "smb smb-frakturg"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturG</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturg2.png" /></td>
+                        <td><div class = "smb smb-frakturg2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturh</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturh.png" /></td>
+                        <td><div class = "smb smb-frakturh"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturH</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturh2.png" /></td>
+                        <td><div class = "smb smb-frakturh2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturi</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturi.png" /></td>
+                        <td><div class = "smb smb-frakturi"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturI</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturi2.png" /></td>
+                        <td><div class = "smb smb-frakturi2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturk</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturk.png" /></td>
+                        <td><div class = "smb smb-frakturk"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturK</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturk2.png" /></td>
+                        <td><div class = "smb smb-frakturk2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturl</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturl.png" /></td>
+                        <td><div class = "smb smb-frakturl"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturL</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturl2.png" /></td>
+                        <td><div class = "smb smb-frakturl2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturm</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturm.png" /></td>
+                        <td><div class = "smb smb-frakturm"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturM</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturm2.png" /></td>
+                        <td><div class = "smb smb-frakturm2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturn</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturn.png" /></td>
+                        <td><div class = "smb smb-frakturn"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturN</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturn2.png" /></td>
+                        <td><div class = "smb smb-frakturn2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturo</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturo.png" /></td>
+                        <td><div class = "smb smb-frakturo"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturO</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturo2.png" /></td>
+                        <td><div class = "smb smb-frakturo2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturp</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturp.png" /></td>
+                        <td><div class = "smb smb-frakturp"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturP</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturp2.png" /></td>
+                        <td><div class = "smb smb-frakturp2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturq</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturq.png" /></td>
+                        <td><div class = "smb smb-frakturq"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturQ</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturq2.png" /></td>
+                        <td><div class = "smb smb-frakturq2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturr</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturr.png" /></td>
+                        <td><div class = "smb smb-frakturr"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturR</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturr2.png" /></td>
+                        <td><div class = "smb smb-frakturr2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturs</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturs.png" /></td>
+                        <td><div class = "smb smb-frakturs"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturS</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturs2.png" /></td>
+                        <td><div class = "smb smb-frakturs2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturt</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturt.png" /></td>
+                        <td><div class = "smb smb-frakturt"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturT</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturt2.png" /></td>
+                        <td><div class = "smb smb-frakturt2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturu</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturu.png" /></td>
+                        <td><div class = "smb smb-frakturu"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturU</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturu2.png" /></td>
+                        <td><div class = "smb smb-frakturu2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturv</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturv.png" /></td>
+                        <td><div class = "smb smb-frakturv"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturV</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturv2.png" /></td>
+                        <td><div class = "smb smb-frakturv2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturw</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturw.png" /></td>
+                        <td><div class = "smb smb-frakturw"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturW</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturw2.png" /></td>
+                        <td><div class = "smb smb-frakturw2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturx</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturx.png" /></td>
+                        <td><div class = "smb smb-frakturx"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturX</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturx2.png" /></td>
+                        <td><div class = "smb smb-frakturx2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\fraktury</td>
-                        <td><img alt="Symbole" src="../images/symbols/fraktury.png" /></td>
+                        <td><div class = "smb smb-fraktury"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturY</td>
-                        <td><img alt="Symbole" src="../images/symbols/fraktury2.png" /></td>
+                        <td><div class = "smb smb-fraktury2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturz</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturz.png" /></td>
+                        <td><div class = "smb smb-frakturz"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frakturZ</td>
-                        <td><img alt="Symbole" src="../images/symbols/frakturz2.png" /></td>
+                        <td><div class = "smb smb-frakturz2"></div></td>
                         <td>Fraktur</td>
                     </tr>
                     <tr>
                         <td>\frown</td>
-                        <td><img alt="Symbole" src="../images/symbols/frown.png" /></td>
+                        <td><div class = "smb smb-frown"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
@@ -1094,47 +1095,47 @@
                     </tr>
                     <tr>
                         <td>\G</td>
-                        <td><img alt="Symbole" src="../images/symbols/g.png" /></td>
+                        <td><div class = "smb smb-g"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\gamma</td>
-                        <td><img alt="Symbole" src="../images/symbols/gamma.png" /></td>
+                        <td><div class = "smb smb-gamma"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Gamma</td>
-                        <td><img alt="Symbole" src="../images/symbols/gamma2.png" /></td>
+                        <td><div class = "smb smb-gamma2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\ge</td>
-                        <td><img alt="Symbole" src="../images/symbols/ge.png" /></td>
+                        <td><div class = "smb smb-ge"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\geq</td>
-                        <td><img alt="Symbole" src="../images/symbols/geq.png" /></td>
+                        <td><div class = "smb smb-geq"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\gets</td>
-                        <td><img alt="Symbole" src="../images/symbols/gets.png" /></td>
+                        <td><div class = "smb smb-gets"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\gg</td>
-                        <td><img alt="Symbole" src="../images/symbols/gg.png" /></td>
+                        <td><div class = "smb smb-gg"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\gimel</td>
-                        <td><img alt="Symbole" src="../images/symbols/gimel.png" /></td>
+                        <td><div class = "smb smb-gimel"></div></td>
                         <td>Lettres hébra&iuml;ques</td>
                     </tr>
                     <tr>
                         <td>\grave</td>
-                        <td><img alt="Symbole" src="../images/symbols/grave.png" /></td>
+                        <td><div class = "smb smb-grave"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
@@ -1144,112 +1145,112 @@
                     </tr>
                     <tr>
                         <td>\hat</td>
-                        <td><img alt="Symbole" src="../images/symbols/hat.png" /></td>
+                        <td><div class = "smb smb-hat"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\hbar</td>
-                        <td><img alt="Symbole" src="../images/symbols/hbar.png" /></td>
+                        <td><div class = "smb smb-hbar"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\heartsuit</td>
-                        <td><img alt="Symbole" src="../images/symbols/heartsuit.png" /></td>
+                        <td><div class = "smb smb-heartsuit"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\hookleftarrow</td>
-                        <td><img alt="Symbole" src="../images/symbols/hookleftarrow.png" /></td>
+                        <td><div class = "smb smb-hookleftarrow"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\hookrightarrow</td>
-                        <td><img alt="Symbole" src="../images/symbols/hookrightarrow.png" /></td>
+                        <td><div class = "smb smb-hookrightarrow"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\hphantom</td>
-                        <td><img alt="Symbole" src="../images/symbols/hphantom.png" /></td>
+                        <td><div class = "smb smb-hphantom"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\hsmash</td>
-                        <td><img alt="Symbole" src="../images/symbols/hsmash.png" /></td>
+                        <td><div class = "smb smb-hsmash"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\hvec</td>
-                        <td><img alt="Symbole" src="../images/symbols/hvec.png" /></td>
+                        <td><div class = "smb smb-hvec"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\identitymatrix</td>
-                        <td><img alt="Symbole" src="../images/symbols/identitymatrix.png" /></td>
+                        <td><div class = "smb smb-identitymatrix"></div></td>
                         <td>Matrices</td>
                     </tr>
                     <tr>
                         <td>\ii</td>
-                        <td><img alt="Symbole" src="../images/symbols/ii.png" /></td>
+                        <td><div class = "smb smb-ii"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\iiint</td>
-                        <td><img alt="Symbole" src="../images/symbols/iiint.png" /></td>
+                        <td><div class = "smb smb-iiint"></div></td>
                         <td>Intégrales</td>
                     </tr>
                     <tr>
                         <td>\iint</td>
-                        <td><img alt="Symbole" src="../images/symbols/iint.png" /></td>
+                        <td><div class = "smb smb-iint"></div></td>
                         <td>Intégrales</td>
                     </tr>
                     <tr>
                         <td>\iiiint</td>
-                        <td><img alt="Symbole" src="../images/symbols/iiiint.png" /></td>
+                        <td><div class = "smb smb-iiiint"></div></td>
                         <td>Intégrales</td>
                     </tr>
                     <tr>
                         <td>\Im</td>
-                        <td><img alt="Symbole" src="../images/symbols/im.png" /></td>
+                        <td><div class = "smb smb-im"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\imath</td>
-                        <td><img alt="Symbole" src="../images/symbols/imath.png" /></td>
+                        <td><div class = "smb smb-imath"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\in</td>
-                        <td><img alt="Symbole" src="../images/symbols/in.png" /></td>
+                        <td><div class = "smb smb-in"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\inc</td>
-                        <td><img alt="Symbole" src="../images/symbols/inc.png" /></td>
+                        <td><div class = "smb smb-inc"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\infty</td>
-                        <td><img alt="Symbole" src="../images/symbols/infty.png" /></td>
+                        <td><div class = "smb smb-infty"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\int</td>
-                        <td><img alt="Symbole" src="../images/symbols/int.png" /></td>
+                        <td><div class = "smb smb-int"></div></td>
                         <td>Intégrales</td>
                     </tr>
                     <tr>
                         <td>\integral</td>
-                        <td><img alt="Symbole" src="../images/symbols/integral.png" /></td>
+                        <td><div class = "smb smb-integral"></div></td>
                         <td>Intégrales</td>
                     </tr>
                     <tr>
                         <td>\iota</td>
-                        <td><img alt="Symbole" src="../images/symbols/iota.png" /></td>
+                        <td><div class = "smb smb-iota"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Iota</td>
-                        <td><img alt="Symbole" src="../images/symbols/iota2.png" /></td>
+                        <td><div class = "smb smb-iota2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
@@ -1259,187 +1260,187 @@
                     </tr>
                     <tr>
                         <td>\j</td>
-                        <td><img alt="Symbole" src="../images/symbols/j.png" /></td>
+                        <td><div class = "smb smb-j"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\jj</td>
-                        <td><img alt="Symbole" src="../images/symbols/jj.png" /></td>
+                        <td><div class = "smb smb-jj"></div></td>
                         <td>Lettres avec double barres</td>
                     </tr>
                     <tr>
                         <td>\jmath</td>
-                        <td><img alt="Symbole" src="../images/symbols/jmath.png" /></td>
+                        <td><div class = "smb smb-jmath"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\kappa</td>
-                        <td><img alt="Symbole" src="../images/symbols/kappa.png" /></td>
+                        <td><div class = "smb smb-kappa"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Kappa</td>
-                        <td><img alt="Symbole" src="../images/symbols/kappa2.png" /></td>
+                        <td><div class = "smb smb-kappa2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\ket</td>
-                        <td><img alt="Symbole" src="../images/symbols/ket.png" /></td>
+                        <td><div class = "smb smb-ket"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\lambda</td>
-                        <td><img alt="Symbole" src="../images/symbols/lambda.png" /></td>
+                        <td><div class = "smb smb-lambda"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Lambda</td>
-                        <td><img alt="Symbole" src="../images/symbols/lambda2.png" /></td>
+                        <td><div class = "smb smb-lambda2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\langle</td>
-                        <td><img alt="Symbole" src="../images/symbols/langle.png" /></td>
+                        <td><div class = "smb smb-langle"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\lbbrack</td>
-                        <td><img alt="Symbole" src="../images/symbols/lbbrack.png" /></td>
+                        <td><div class = "smb smb-lbbrack"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\lbrace</td>
-                        <td><img alt="Symbole" src="../images/symbols/lbrace.png" /></td>
+                        <td><div class = "smb smb-lbrace"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\lbrack</td>
-                        <td><img alt="Symbole" src="../images/symbols/lbrack.png" /></td>
+                        <td><div class = "smb smb-lbrack"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\lceil</td>
-                        <td><img alt="Symbole" src="../images/symbols/lceil.png" /></td>
+                        <td><div class = "smb smb-lceil"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\ldiv</td>
-                        <td><img alt="Symbole" src="../images/symbols/ldiv.png" /></td>
+                        <td><div class = "smb smb-ldiv"></div></td>
                         <td>Barres obliques</td>
                     </tr>
                     <tr>
                         <td>\ldivide</td>
-                        <td><img alt="Symbole" src="../images/symbols/ldivide.png" /></td>
+                        <td><div class = "smb smb-ldivide"></div></td>
                         <td>Barres obliques</td>
                     </tr>
                     <tr>
                         <td>\ldots</td>
-                        <td><img alt="Symbole" src="../images/symbols/ldots.png" /></td>
+                        <td><div class = "smb smb-ldots"></div></td>
                         <td>Dots</td>
                     </tr>
                     <tr>
                         <td>\le</td>
-                        <td><img alt="Symbole" src="../images/symbols/le.png" /></td>
+                        <td><div class = "smb smb-le"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\left</td>
-                        <td><img alt="Symbole" src="../images/symbols/left.png" /></td>
+                        <td><div class = "smb smb-left"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\leftarrow</td>
-                        <td><img alt="Symbole" src="../images/symbols/leftarrow.png" /></td>
+                        <td><div class = "smb smb-leftarrow"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\Leftarrow</td>
-                        <td><img alt="Symbole" src="../images/symbols/leftarrow2.png" /></td>
+                        <td><div class = "smb smb-leftarrow2"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\leftharpoondown</td>
-                        <td><img alt="Symbole" src="../images/symbols/leftharpoondown.png" /></td>
+                        <td><div class = "smb smb-leftharpoondown"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\leftharpoonup</td>
-                        <td><img alt="Symbole" src="../images/symbols/leftharpoonup.png" /></td>
+                        <td><div class = "smb smb-leftharpoonup"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\leftrightarrow</td>
-                        <td><img alt="Symbole" src="../images/symbols/leftrightarrow.png" /></td>
+                        <td><div class = "smb smb-leftrightarrow"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\Leftrightarrow</td>
-                        <td><img alt="Symbole" src="../images/symbols/leftrightarrow2.png" /></td>
+                        <td><div class = "smb smb-leftrightarrow2"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\leq</td>
-                        <td><img alt="Symbole" src="../images/symbols/leq.png" /></td>
+                        <td><div class = "smb smb-leq"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\lfloor</td>
-                        <td><img alt="Symbole" src="../images/symbols/lfloor.png" /></td>
+                        <td><div class = "smb smb-lfloor"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\lhvec</td>
-                        <td><img alt="Symbole" src="../images/symbols/lhvec.png" /></td>
+                        <td><div class = "smb smb-lhvec"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\limit</td>
-                        <td><img alt="Symbole" src="../images/symbols/limit.png" /></td>
+                        <td><div class = "smb smb-limit"></div></td>
                         <td>Limites</td>
                     </tr>
                     <tr>
                         <td>\ll</td>
-                        <td><img alt="Symbole" src="../images/symbols/ll.png" /></td>
+                        <td><div class = "smb smb-ll"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\lmoust</td>
-                        <td><img alt="Symbole" src="../images/symbols/lmoust.png" /></td>
+                        <td><div class = "smb smb-lmoust"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\Longleftarrow</td>
-                        <td><img alt="Symbole" src="../images/symbols/longleftarrow.png" /></td>
+                        <td><div class = "smb smb-longleftarrow"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\Longleftrightarrow</td>
-                        <td><img alt="Symbole" src="../images/symbols/longleftrightarrow.png" /></td>
+                        <td><div class = "smb smb-longleftrightarrow"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\Longrightarrow</td>
-                        <td><img alt="Symbole" src="../images/symbols/longrightarrow.png" /></td>
+                        <td><div class = "smb smb-longrightarrow"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\lrhar</td>
-                        <td><img alt="Symbole" src="../images/symbols/lrhar.png" /></td>
+                        <td><div class = "smb smb-lrhar"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\lvec</td>
-                        <td><img alt="Symbole" src="../images/symbols/lvec.png" /></td>
+                        <td><div class = "smb smb-lvec"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\mapsto</td>
-                        <td><img alt="Symbole" src="../images/symbols/mapsto.png" /></td>
+                        <td><div class = "smb smb-mapsto"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\matrix</td>
-                        <td><img alt="Symbole" src="../images/symbols/matrix.png" /></td>
+                        <td><div class = "smb smb-matrix"></div></td>
                         <td>Matrices</td>
                     </tr>
                     <tr>
@@ -1449,42 +1450,42 @@
                     </tr>
                     <tr>
                         <td>\mid</td>
-                        <td><img alt="Symbole" src="../images/symbols/mid.png" /></td>
+                        <td><div class = "smb smb-mid"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\middle</td>
-                        <td><img alt="Symbole" src="../images/symbols/middle.png" /></td>
+                        <td><div class = "smb smb-middle"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\models</td>
-                        <td><img alt="Symbole" src="../images/symbols/models.png" /></td>
+                        <td><div class = "smb smb-models"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\mp</td>
-                        <td><img alt="Symbole" src="../images/symbols/mp.png" /></td>
+                        <td><div class = "smb smb-mp"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\mu</td>
-                        <td><img alt="Symbole" src="../images/symbols/mu.png" /></td>
+                        <td><div class = "smb smb-mu"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Mu</td>
-                        <td><img alt="Symbole" src="../images/symbols/mu2.png" /></td>
+                        <td><div class = "smb smb-mu2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\nabla</td>
-                        <td><img alt="Symbole" src="../images/symbols/nabla.png" /></td>
+                        <td><div class = "smb smb-nabla"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\naryand</td>
-                        <td><img alt="Symbole" src="../images/symbols/naryand.png" /></td>
+                        <td><div class = "smb smb-naryand"></div></td>
                         <td>Opérateurs</td>
                     </tr>
                     <tr>
@@ -1494,772 +1495,772 @@
                     </tr>
                     <tr>
                         <td>\ne</td>
-                        <td><img alt="Symbole" src="../images/symbols/ne.png" /></td>
+                        <td><div class = "smb smb-ne"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\nearrow</td>
-                        <td><img alt="Symbole" src="../images/symbols/nearrow.png" /></td>
+                        <td><div class = "smb smb-nearrow"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\neq</td>
-                        <td><img alt="Symbole" src="../images/symbols/neq.png" /></td>
+                        <td><div class = "smb smb-neq"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\ni</td>
-                        <td><img alt="Symbole" src="../images/symbols/ni.png" /></td>
+                        <td><div class = "smb smb-ni"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\norm</td>
-                        <td><img alt="Symbole" src="../images/symbols/norm.png" /></td>
+                        <td><div class = "smb smb-norm"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\notcontain</td>
-                        <td><img alt="Symbole" src="../images/symbols/notcontain.png" /></td>
+                        <td><div class = "smb smb-notcontain"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\notelement</td>
-                        <td><img alt="Symbole" src="../images/symbols/notelement.png" /></td>
+                        <td><div class = "smb smb-notelement"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\notin</td>
-                        <td><img alt="Symbole" src="../images/symbols/notin.png" /></td>
+                        <td><div class = "smb smb-notin"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\nu</td>
-                        <td><img alt="Symbole" src="../images/symbols/nu.png" /></td>
+                        <td><div class = "smb smb-nu"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Nu</td>
-                        <td><img alt="Symbole" src="../images/symbols/nu2.png" /></td>
+                        <td><div class = "smb smb-nu2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\nwarrow</td>
-                        <td><img alt="Symbole" src="../images/symbols/nwarrow.png" /></td>
+                        <td><div class = "smb smb-nwarrow"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\o</td>
-                        <td><img alt="Symbole" src="../images/symbols/o.png" /></td>
+                        <td><div class = "smb smb-o"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\O</td>
-                        <td><img alt="Symbole" src="../images/symbols/o2.png" /></td>
+                        <td><div class = "smb smb-o2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\odot</td>
-                        <td><img alt="Symbole" src="../images/symbols/odot.png" /></td>
+                        <td><div class = "smb smb-odot"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\of</td>
-                        <td><img alt="Symbole" src="../images/symbols/of.png" /></td>
+                        <td><div class = "smb smb-of"></div></td>
                         <td>Opérateurs</td>
                     </tr>
                     <tr>
                         <td>\oiiint</td>
-                        <td><img alt="Symbole" src="../images/symbols/oiiint.png" /></td>
+                        <td><div class = "smb smb-oiiint"></div></td>
                         <td>Intégrales</td>
                     </tr>
                     <tr>
                         <td>\oiint</td>
-                        <td><img alt="Symbole" src="../images/symbols/oiint.png" /></td>
+                        <td><div class = "smb smb-oiint"></div></td>
                         <td>Intégrales</td>
                     </tr>
                     <tr>
                         <td>\oint</td>
-                        <td><img alt="Symbole" src="../images/symbols/oint.png" /></td>
+                        <td><div class = "smb smb-oint"></div></td>
                         <td>Intégrales</td>
                     </tr>
                     <tr>
                         <td>\omega</td>
-                        <td><img alt="Symbole" src="../images/symbols/omega.png" /></td>
+                        <td><div class = "smb smb-omega"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Omega</td>
-                        <td><img alt="Symbole" src="../images/symbols/omega2.png" /></td>
+                        <td><div class = "smb smb-omega2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\ominus</td>
-                        <td><img alt="Symbole" src="../images/symbols/ominus.png" /></td>
+                        <td><div class = "smb smb-ominus"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\open</td>
-                        <td><img alt="Symbole" src="../images/symbols/open.png" /></td>
+                        <td><div class = "smb smb-open"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\oplus</td>
-                        <td><img alt="Symbole" src="../images/symbols/oplus.png" /></td>
+                        <td><div class = "smb smb-oplus"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\otimes</td>
-                        <td><img alt="Symbole" src="../images/symbols/otimes.png" /></td>
+                        <td><div class = "smb smb-otimes"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\over</td>
-                        <td><img alt="Symbole" src="../images/symbols/over.png" /></td>
+                        <td><div class = "smb smb-over"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\overbar</td>
-                        <td><img alt="Symbole" src="../images/symbols/overbar.png" /></td>
+                        <td><div class = "smb smb-overbar"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\overbrace</td>
-                        <td><img alt="Symbole" src="../images/symbols/overbrace.png" /></td>
+                        <td><div class = "smb smb-overbrace"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\overbracket</td>
-                        <td><img alt="Symbole" src="../images/symbols/overbracket.png" /></td>
+                        <td><div class = "smb smb-overbracket"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\overline</td>
-                        <td><img alt="Symbole" src="../images/symbols/overline.png" /></td>
+                        <td><div class = "smb smb-overline"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\overparen</td>
-                        <td><img alt="Symbole" src="../images/symbols/overparen.png" /></td>
+                        <td><div class = "smb smb-overparen"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\overshell</td>
-                        <td><img alt="Symbole" src="../images/symbols/overshell.png" /></td>
+                        <td><div class = "smb smb-overshell"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\parallel</td>
-                        <td><img alt="Symbole" src="../images/symbols/parallel.png" /></td>
+                        <td><div class = "smb smb-parallel"></div></td>
                         <td>Notation de géométrie</td>
                     </tr>
                     <tr>
                         <td>\partial</td>
-                        <td><img alt="Symbole" src="../images/symbols/partial.png" /></td>
+                        <td><div class = "smb smb-partial"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\pmatrix</td>
-                        <td><img alt="Symbole" src="../images/symbols/pmatrix.png" /></td>
+                        <td><div class = "smb smb-pmatrix"></div></td>
                         <td>Matrices</td>
                     </tr>
                     <tr>
                         <td>\perp</td>
-                        <td><img alt="Symbole" src="../images/symbols/perp.png" /></td>
+                        <td><div class = "smb smb-perp"></div></td>
                         <td>Notation de géométrie</td>
                     </tr>
                     <tr>
                         <td>\phantom</td>
-                        <td><img alt="Symbole" src="../images/symbols/phantom.png" /></td>
+                        <td><div class = "smb smb-phantom"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\phi</td>
-                        <td><img alt="Symbole" src="../images/symbols/phi.png" /></td>
+                        <td><div class = "smb smb-phi"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Phi</td>
-                        <td><img alt="Symbole" src="../images/symbols/phi2.png" /></td>
+                        <td><div class = "smb smb-phi2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\pi</td>
-                        <td><img alt="Symbole" src="../images/symbols/pi.png" /></td>
+                        <td><div class = "smb smb-pi"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Pi</td>
-                        <td><img alt="Symbole" src="../images/symbols/pi2.png" /></td>
+                        <td><div class = "smb smb-pi2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\pm</td>
-                        <td><img alt="Symbole" src="../images/symbols/pm.png" /></td>
+                        <td><div class = "smb smb-pm"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\pppprime</td>
-                        <td><img alt="Symbole" src="../images/symbols/pppprime.png" /></td>
+                        <td><div class = "smb smb-pppprime"></div></td>
                         <td>Nombres premiers</td>
                     </tr>
                     <tr>
                         <td>\ppprime</td>
-                        <td><img alt="Symbole" src="../images/symbols/ppprime.png" /></td>
+                        <td><div class = "smb smb-ppprime"></div></td>
                         <td>Nombres premiers</td>
                     </tr>
                     <tr>
                         <td>\pprime</td>
-                        <td><img alt="Symbole" src="../images/symbols/pprime.png" /></td>
+                        <td><div class = "smb smb-pprime"></div></td>
                         <td>Nombres premiers</td>
                     </tr>
                     <tr>
                         <td>\prec</td>
-                        <td><img alt="Symbole" src="../images/symbols/prec.png" /></td>
+                        <td><div class = "smb smb-prec"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\preceq</td>
-                        <td><img alt="Symbole" src="../images/symbols/preceq.png" /></td>
+                        <td><div class = "smb smb-preceq"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\prime</td>
-                        <td><img alt="Symbole" src="../images/symbols/prime.png" /></td>
+                        <td><div class = "smb smb-prime"></div></td>
                         <td>Nombres premiers</td>
                     </tr>
                     <tr>
                         <td>\prod</td>
-                        <td><img alt="Symbole" src="../images/symbols/prod.png" /></td>
+                        <td><div class = "smb smb-prod"></div></td>
                         <td>Opérateurs mathématiques</td>
                     </tr>
                     <tr>
                         <td>\propto</td>
-                        <td><img alt="Symbole" src="../images/symbols/propto.png" /></td>
+                        <td><div class = "smb smb-propto"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\psi</td>
-                        <td><img alt="Symbole" src="../images/symbols/psi.png" /></td>
+                        <td><div class = "smb smb-psi"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Psi</td>
-                        <td><img alt="Symbole" src="../images/symbols/psi2.png" /></td>
+                        <td><div class = "smb smb-psi2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\qdrt</td>
-                        <td><img alt="Symbole" src="../images/symbols/qdrt.png" /></td>
+                        <td><div class = "smb smb-qdrt"></div></td>
                         <td>Racine carrée et radicaux</td>
                     </tr>
                     <tr>
                         <td>\quadratic</td>
-                        <td><img alt="Symbole" src="../images/symbols/quadratic.png" /></td>
+                        <td><div class = "smb smb-quadratic"></div></td>
                         <td>Racine carrée et radicaux</td>
                     </tr>
                     <tr>
                         <td>\rangle</td>
-                        <td><img alt="Symbole" src="../images/symbols/rangle.png" /></td>
+                        <td><div class = "smb smb-rangle"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\Rangle</td>
-                        <td><img alt="Symbole" src="../images/symbols/rangle2.png" /></td>
+                        <td><div class = "smb smb-rangle2"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\ratio</td>
-                        <td><img alt="Symbole" src="../images/symbols/ratio.png" /></td>
+                        <td><div class = "smb smb-ratio"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\rbrace</td>
-                        <td><img alt="Symbole" src="../images/symbols/rbrace.png" /></td>
+                        <td><div class = "smb smb-rbrace"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\rbrack</td>
-                        <td><img alt="Symbole" src="../images/symbols/rbrack.png" /></td>
+                        <td><div class = "smb smb-rbrack"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\Rbrack</td>
-                        <td><img alt="Symbole" src="../images/symbols/rbrack2.png" /></td>
+                        <td><div class = "smb smb-rbrack2"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\rceil</td>
-                        <td><img alt="Symbole" src="../images/symbols/rceil.png" /></td>
+                        <td><div class = "smb smb-rceil"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\rddots</td>
-                        <td><img alt="Symbole" src="../images/symbols/rddots.png" /></td>
+                        <td><div class = "smb smb-rddots"></div></td>
                         <td>Dots</td>
                     </tr>
                     <tr>
                         <td>\Re</td>
-                        <td><img alt="Symbole" src="../images/symbols/re.png" /></td>
+                        <td><div class = "smb smb-re"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\rect</td>
-                        <td><img alt="Symbole" src="../images/symbols/rect.png" /></td>
+                        <td><div class = "smb smb-rect"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\rfloor</td>
-                        <td><img alt="Symbole" src="../images/symbols/rfloor.png" /></td>
+                        <td><div class = "smb smb-rfloor"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\rho</td>
-                        <td><img alt="Symbole" src="../images/symbols/rho.png" /></td>
+                        <td><div class = "smb smb-rho"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Rho</td>
-                        <td><img alt="Symbole" src="../images/symbols/rho2.png" /></td>
+                        <td><div class = "smb smb-rho2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\rhvec</td>
-                        <td><img alt="Symbole" src="../images/symbols/rhvec.png" /></td>
+                        <td><div class = "smb smb-rhvec"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\right</td>
-                        <td><img alt="Symbole" src="../images/symbols/right.png" /></td>
+                        <td><div class = "smb smb-right"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\rightarrow</td>
-                        <td><img alt="Symbole" src="../images/symbols/rightarrow.png" /></td>
+                        <td><div class = "smb smb-rightarrow"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\Rightarrow</td>
-                        <td><img alt="Symbole" src="../images/symbols/rightarrow2.png" /></td>
+                        <td><div class = "smb smb-rightarrow2"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\rightharpoondown</td>
-                        <td><img alt="Symbole" src="../images/symbols/rightharpoondown.png" /></td>
+                        <td><div class = "smb smb-rightharpoondown"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\rightharpoonup</td>
-                        <td><img alt="Symbole" src="../images/symbols/rightharpoonup.png" /></td>
+                        <td><div class = "smb smb-rightharpoonup"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\rmoust</td>
-                        <td><img alt="Symbole" src="../images/symbols/rmoust.png" /></td>
+                        <td><div class = "smb smb-rmoust"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\root</td>
-                        <td><img alt="Symbole" src="../images/symbols/root.png" /></td>
+                        <td><div class = "smb smb-root"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\scripta</td>
-                        <td><img alt="Symbole" src="../images/symbols/scripta.png" /></td>
+                        <td><div class = "smb smb-scripta"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptA</td>
-                        <td><img alt="Symbole" src="../images/symbols/scripta2.png" /></td>
+                        <td><div class = "smb smb-scripta2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptb</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptb.png" /></td>
+                        <td><div class = "smb smb-scriptb"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptB</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptb2.png" /></td>
+                        <td><div class = "smb smb-scriptb2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptc</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptc.png" /></td>
+                        <td><div class = "smb smb-scriptc"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptC</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptc2.png" /></td>
+                        <td><div class = "smb smb-scriptc2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptd</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptd.png" /></td>
+                        <td><div class = "smb smb-scriptd"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptD</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptd2.png" /></td>
+                        <td><div class = "smb smb-scriptd2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scripte</td>
-                        <td><img alt="Symbole" src="../images/symbols/scripte.png" /></td>
+                        <td><div class = "smb smb-scripte"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptE</td>
-                        <td><img alt="Symbole" src="../images/symbols/scripte2.png" /></td>
+                        <td><div class = "smb smb-scripte2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptf</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptf.png" /></td>
+                        <td><div class = "smb smb-scriptf"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptF</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptf2.png" /></td>
+                        <td><div class = "smb smb-scriptf2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptg</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptg.png" /></td>
+                        <td><div class = "smb smb-scriptg"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptG</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptg2.png" /></td>
+                        <td><div class = "smb smb-scriptg2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scripth</td>
-                        <td><img alt="Symbole" src="../images/symbols/scripth.png" /></td>
+                        <td><div class = "smb smb-scripth"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptH</td>
-                        <td><img alt="Symbole" src="../images/symbols/scripth2.png" /></td>
+                        <td><div class = "smb smb-scripth2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scripti</td>
-                        <td><img alt="Symbole" src="../images/symbols/scripti.png" /></td>
+                        <td><div class = "smb smb-scripti"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptI</td>
-                        <td><img alt="Symbole" src="../images/symbols/scripti2.png" /></td>
+                        <td><div class = "smb smb-scripti2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptk</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptk.png" /></td>
+                        <td><div class = "smb smb-scriptk"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptK</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptk2.png" /></td>
+                        <td><div class = "smb smb-scriptk2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptl</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptl.png" /></td>
+                        <td><div class = "smb smb-scriptl"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptL</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptl2.png" /></td>
+                        <td><div class = "smb smb-scriptl2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptm</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptm.png" /></td>
+                        <td><div class = "smb smb-scriptm"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptM</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptm2.png" /></td>
+                        <td><div class = "smb smb-scriptm2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptn</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptn.png" /></td>
+                        <td><div class = "smb smb-scriptn"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptN</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptn2.png" /></td>
+                        <td><div class = "smb smb-scriptn2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scripto</td>
-                        <td><img alt="Symbole" src="../images/symbols/scripto.png" /></td>
+                        <td><div class = "smb smb-scripto"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptO</td>
-                        <td><img alt="Symbole" src="../images/symbols/scripto2.png" /></td>
+                        <td><div class = "smb smb-scripto2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptp</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptp.png" /></td>
+                        <td><div class = "smb smb-scriptp"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptP</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptp2.png" /></td>
+                        <td><div class = "smb smb-scriptp2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptq</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptq.png" /></td>
+                        <td><div class = "smb smb-scriptq"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptQ</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptq2.png" /></td>
+                        <td><div class = "smb smb-scriptq2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptr</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptr.png" /></td>
+                        <td><div class = "smb smb-scriptr"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptR</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptr2.png" /></td>
+                        <td><div class = "smb smb-scriptr2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scripts</td>
-                        <td><img alt="Symbole" src="../images/symbols/scripts.png" /></td>
+                        <td><div class = "smb smb-scripts"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptS</td>
-                        <td><img alt="Symbole" src="../images/symbols/scripts2.png" /></td>
+                        <td><div class = "smb smb-scripts2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptt</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptt.png" /></td>
+                        <td><div class = "smb smb-scriptt"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptT</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptt2.png" /></td>
+                        <td><div class = "smb smb-scriptt2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptu</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptu.png" /></td>
+                        <td><div class = "smb smb-scriptu"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptU</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptu2.png" /></td>
+                        <td><div class = "smb smb-scriptu2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptv</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptv.png" /></td>
+                        <td><div class = "smb smb-scriptv"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptV</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptv2.png" /></td>
+                        <td><div class = "smb smb-scriptv2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptw</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptw.png" /></td>
+                        <td><div class = "smb smb-scriptw"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptW</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptw2.png" /></td>
+                        <td><div class = "smb smb-scriptw2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptx</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptx.png" /></td>
+                        <td><div class = "smb smb-scriptx"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptX</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptx2.png" /></td>
+                        <td><div class = "smb smb-scriptx2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scripty</td>
-                        <td><img alt="Symbole" src="../images/symbols/scripty.png" /></td>
+                        <td><div class = "smb smb-scripty"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptY</td>
-                        <td><img alt="Symbole" src="../images/symbols/scripty2.png" /></td>
+                        <td><div class = "smb smb-scripty2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptz</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptz.png" /></td>
+                        <td><div class = "smb smb-scriptz"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\scriptZ</td>
-                        <td><img alt="Symbole" src="../images/symbols/scriptz2.png" /></td>
+                        <td><div class = "smb smb-scriptz2"></div></td>
                         <td>Scripts</td>
                     </tr>
                     <tr>
                         <td>\sdiv</td>
-                        <td><img alt="Symbole" src="../images/symbols/sdiv.png" /></td>
+                        <td><div class = "smb smb-sdiv"></div></td>
                         <td>Barres obliques</td>
                     </tr>
                     <tr>
                         <td>\sdivide</td>
-                        <td><img alt="Symbole" src="../images/symbols/sdivide.png" /></td>
+                        <td><div class = "smb smb-sdivide"></div></td>
                         <td>Barres obliques</td>
                     </tr>
                     <tr>
                         <td>\searrow</td>
-                        <td><img alt="Symbole" src="../images/symbols/searrow.png" /></td>
+                        <td><div class = "smb smb-searrow"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\setminus</td>
-                        <td><img alt="Symbole" src="../images/symbols/setminus.png" /></td>
+                        <td><div class = "smb smb-setminus"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\sigma</td>
-                        <td><img alt="Symbole" src="../images/symbols/sigma.png" /></td>
+                        <td><div class = "smb smb-sigma"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Sigma</td>
-                        <td><img alt="Symbole" src="../images/symbols/sigma2.png" /></td>
+                        <td><div class = "smb smb-sigma2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\sim</td>
-                        <td><img alt="Symbole" src="../images/symbols/sim.png" /></td>
+                        <td><div class = "smb smb-sim"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\simeq</td>
-                        <td><img alt="Symbole" src="../images/symbols/simeq.png" /></td>
+                        <td><div class = "smb smb-simeq"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\smash</td>
-                        <td><img alt="Symbole" src="../images/symbols/smash.png" /></td>
+                        <td><div class = "smb smb-smash"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\smile</td>
-                        <td><img alt="Symbole" src="../images/symbols/smile.png" /></td>
+                        <td><div class = "smb smb-smile"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\spadesuit</td>
-                        <td><img alt="Symbole" src="../images/symbols/spadesuit.png" /></td>
+                        <td><div class = "smb smb-spadesuit"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\sqcap</td>
-                        <td><img alt="Symbole" src="../images/symbols/sqcap.png" /></td>
+                        <td><div class = "smb smb-sqcap"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\sqcup</td>
-                        <td><img alt="Symbole" src="../images/symbols/sqcup.png" /></td>
+                        <td><div class = "smb smb-sqcup"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\sqrt</td>
-                        <td><img alt="Symbole" src="../images/symbols/sqrt.png" /></td>
+                        <td><div class = "smb smb-sqrt"></div></td>
                         <td>Racine carrée et radicaux</td>
                     </tr>
                     <tr>
                         <td>\sqsubseteq</td>
-                        <td><img alt="Symbole" src="../images/symbols/sqsubseteq.png" /></td>
+                        <td><div class = "smb smb-sqsubseteq"></div></td>
                         <td>Ensemble de notations</td>
                     </tr>
                     <tr>
                         <td>\sqsuperseteq</td>
-                        <td><img alt="Symbole" src="../images/symbols/sqsuperseteq.png" /></td>
+                        <td><div class = "smb smb-sqsuperseteq"></div></td>
                         <td>Ensemble de notations</td>
                     </tr>
                     <tr>
                         <td>\star</td>
-                        <td><img alt="Symbole" src="../images/symbols/star.png" /></td>
+                        <td><div class = "smb smb-star"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\subset</td>
-                        <td><img alt="Symbole" src="../images/symbols/subset.png" /></td>
+                        <td><div class = "smb smb-subset"></div></td>
                         <td>Ensemble de notations</td>
                     </tr>
                     <tr>
                         <td>\subseteq</td>
-                        <td><img alt="Symbole" src="../images/symbols/subseteq.png" /></td>
+                        <td><div class = "smb smb-subseteq"></div></td>
                         <td>Ensemble de notations</td>
                     </tr>
                     <tr>
                         <td>\succ</td>
-                        <td><img alt="Symbole" src="../images/symbols/succ.png" /></td>
+                        <td><div class = "smb smb-succ"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\succeq</td>
-                        <td><img alt="Symbole" src="../images/symbols/succeq.png" /></td>
+                        <td><div class = "smb smb-succeq"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\sum</td>
-                        <td><img alt="Symbole" src="../images/symbols/sum.png" /></td>
+                        <td><div class = "smb smb-sum"></div></td>
                         <td>Opérateurs mathématiques</td>
                     </tr>
                     <tr>
                         <td>\superset</td>
-                        <td><img alt="Symbole" src="../images/symbols/superset.png" /></td>
+                        <td><div class = "smb smb-superset"></div></td>
                         <td>Ensemble de notations</td>
                     </tr>
                     <tr>
                         <td>\superseteq</td>
-                        <td><img alt="Symbole" src="../images/symbols/superseteq.png" /></td>
+                        <td><div class = "smb smb-superseteq"></div></td>
                         <td>Ensemble de notations</td>
                     </tr>
                     <tr>
                         <td>\swarrow</td>
-                        <td><img alt="Symbole" src="../images/symbols/swarrow.png" /></td>
+                        <td><div class = "smb smb-swarrow"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\tau</td>
-                        <td><img alt="Symbole" src="../images/symbols/tau.png" /></td>
+                        <td><div class = "smb smb-tau"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Tau</td>
-                        <td><img alt="Symbole" src="../images/symbols/tau2.png" /></td>
+                        <td><div class = "smb smb-tau2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\therefore</td>
-                        <td><img alt="Symbole" src="../images/symbols/therefore.png" /></td>
+                        <td><div class = "smb smb-therefore"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\theta</td>
-                        <td><img alt="Symbole" src="../images/symbols/theta.png" /></td>
+                        <td><div class = "smb smb-theta"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Theta</td>
-                        <td><img alt="Symbole" src="../images/symbols/theta2.png" /></td>
+                        <td><div class = "smb smb-theta2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
@@ -2274,172 +2275,172 @@
                     </tr>
                     <tr>
                         <td>\tilde</td>
-                        <td><img alt="Symbole" src="../images/symbols/tilde.png" /></td>
+                        <td><div class = "smb smb-tilde"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\times</td>
-                        <td><img alt="Symbole" src="../images/symbols/times.png" /></td>
+                        <td><div class = "smb smb-times"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\to</td>
-                        <td><img alt="Symbole" src="../images/symbols/to.png" /></td>
+                        <td><div class = "smb smb-to"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\top</td>
-                        <td><img alt="Symbole" src="../images/symbols/top.png" /></td>
+                        <td><div class = "smb smb-top"></div></td>
                         <td>Notations logiques</td>
                     </tr>
                     <tr>
                         <td>\tvec</td>
-                        <td><img alt="Symbole" src="../images/symbols/tvec.png" /></td>
+                        <td><div class = "smb smb-tvec"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\ubar</td>
-                        <td><img alt="Symbole" src="../images/symbols/ubar.png" /></td>
+                        <td><div class = "smb smb-ubar"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\Ubar</td>
-                        <td><img alt="Symbole" src="../images/symbols/ubar2.png" /></td>
+                        <td><div class = "smb smb-ubar2"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\underbar</td>
-                        <td><img alt="Symbole" src="../images/symbols/underbar.png" /></td>
+                        <td><div class = "smb smb-underbar"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\underbrace</td>
-                        <td><img alt="Symbole" src="../images/symbols/underbrace.png" /></td>
+                        <td><div class = "smb smb-underbrace"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\underbracket</td>
-                        <td><img alt="Symbole" src="../images/symbols/underbracket.png" /></td>
+                        <td><div class = "smb smb-underbracket"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\underline</td>
-                        <td><img alt="Symbole" src="../images/symbols/underline.png" /></td>
+                        <td><div class = "icon icon-underline"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\underparen</td>
-                        <td><img alt="Symbole" src="../images/symbols/underparen.png" /></td>
+                        <td><div class = "smb smb-underparen"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\uparrow</td>
-                        <td><img alt="Symbole" src="../images/symbols/uparrow.png" /></td>
+                        <td><div class = "smb smb-uparrow"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\Uparrow</td>
-                        <td><img alt="Symbole" src="../images/symbols/uparrow2.png" /></td>
+                        <td><div class = "smb smb-uparrow2"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\updownarrow</td>
-                        <td><img alt="Symbole" src="../images/symbols/updownarrow.png" /></td>
+                        <td><div class = "smb smb-updownarrow"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\Updownarrow</td>
-                        <td><img alt="Symbole" src="../images/symbols/updownarrow2.png" /></td>
+                        <td><div class = "smb smb-updownarrow2"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>\uplus</td>
-                        <td><img alt="Symbole" src="../images/symbols/uplus.png" /></td>
+                        <td><div class = "smb smb-uplus"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\upsilon</td>
-                        <td><img alt="Symbole" src="../images/symbols/upsilon.png" /></td>
+                        <td><div class = "smb smb-upsilon"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Upsilon</td>
-                        <td><img alt="Symbole" src="../images/symbols/upsilon2.png" /></td>
+                        <td><div class = "smb smb-upsilon2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\varepsilon</td>
-                        <td><img alt="Symbole" src="../images/symbols/varepsilon.png" /></td>
+                        <td><div class = "smb smb-varepsilon"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\varphi</td>
-                        <td><img alt="Symbole" src="../images/symbols/varphi.png" /></td>
+                        <td><div class = "smb smb-varphi"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\varpi</td>
-                        <td><img alt="Symbole" src="../images/symbols/varpi.png" /></td>
+                        <td><div class = "smb smb-varpi"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\varrho</td>
-                        <td><img alt="Symbole" src="../images/symbols/varrho.png" /></td>
+                        <td><div class = "smb smb-varrho"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\varsigma</td>
-                        <td><img alt="Symbole" src="../images/symbols/varsigma.png" /></td>
+                        <td><div class = "smb smb-varsigma"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\vartheta</td>
-                        <td><img alt="Symbole" src="../images/symbols/vartheta.png" /></td>
+                        <td><div class = "smb smb-vartheta"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\vbar</td>
-                        <td><img alt="Symbole" src="../images/symbols/vbar.png" /></td>
+                        <td><div class = "smb smb-vbar"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\vdash</td>
-                        <td><img alt="Symbole" src="../images/symbols/vdash.png" /></td>
+                        <td><div class = "smb smb-vdash"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>\vdots</td>
-                        <td><img alt="Symbole" src="../images/symbols/vdots.png" /></td>
+                        <td><div class = "smb smb-vdots"></div></td>
                         <td>Dots</td>
                     </tr>
                     <tr>
                         <td>\vec</td>
-                        <td><img alt="Symbole" src="../images/symbols/vec.png" /></td>
+                        <td><div class = "smb smb-vec"></div></td>
                         <td>Accentuation</td>
                     </tr>
                     <tr>
                         <td>\vee</td>
-                        <td><img alt="Symbole" src="../images/symbols/vee.png" /></td>
+                        <td><div class = "smb smb-vee"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\vert</td>
-                        <td><img alt="Symbole" src="../images/symbols/vert.png" /></td>
+                        <td><div class = "smb smb-vert"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\Vert</td>
-                        <td><img alt="Symbole" src="../images/symbols/vert2.png" /></td>
+                        <td><div class = "smb smb-vert2"></div></td>
                         <td>Séparateurs</td>
                     </tr>
                     <tr>
                         <td>\Vmatrix</td>
-                        <td><img alt="Symbole" src="../images/symbols/vmatrix.png" /></td>
+                        <td><div class = "smb smb-vmatrix"></div></td>
                         <td>Matrices</td>
                     </tr>
                     <tr>
                         <td>\vphantom</td>
-                        <td><img alt="Symbole" src="../images/symbols/vphantom.png" /></td>
+                        <td><div class = "smb smb-vphantom"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
@@ -2449,37 +2450,37 @@
                     </tr>
                     <tr>
                         <td>\wedge</td>
-                        <td><img alt="Symbole" src="../images/symbols/wedge.png" /></td>
+                        <td><div class = "smb smb-wedge"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\wp</td>
-                        <td><img alt="Symbole" src="../images/symbols/wp.png" /></td>
+                        <td><div class = "smb smb-wp"></div></td>
                         <td>Symboles</td>
                     </tr>
                     <tr>
                         <td>\wr</td>
-                        <td><img alt="Symbole" src="../images/symbols/wr.png" /></td>
+                        <td><div class = "smb smb-wr"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>\xi</td>
-                        <td><img alt="Symbole" src="../images/symbols/xi.png" /></td>
+                        <td><div class = "smb smb-xi"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Xi</td>
-                        <td><img alt="Symbole" src="../images/symbols/xi2.png" /></td>
+                        <td><div class = "smb smb-xi2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\zeta</td>
-                        <td><img alt="Symbole" src="../images/symbols/zeta.png" /></td>
+                        <td><div class = "smb smb-zeta"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
                         <td>\Zeta</td>
-                        <td><img alt="Symbole" src="../images/symbols/zeta2.png" /></td>
+                        <td><div class = "smb smb-zeta2"></div></td>
                         <td>Lettres grecques</td>
                     </tr>
                     <tr>
@@ -2494,42 +2495,42 @@
                     </tr>
                     <tr>
                         <td>~=</td>
-                        <td><img alt="Is congruent to" src="../images/symbols/cong.png" /></td>
+                        <td><div class = "smb smb-cong"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>-+</td>
-                        <td><img alt="Minus or plus" src="../images/symbols/mp.png" /></td>
+                        <td><div class = "smb smb-mp"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>+-</td>
-                        <td><img alt="Plus or minus" src="../images/symbols/pm.png" /></td>
+                        <td><div class = "smb smb-pm"></div></td>
                         <td>Opérateurs binaires</td>
                     </tr>
                     <tr>
                         <td>&lt;&lt;</td>
-                        <td><img alt="Symbole" src="../images/symbols/ll.png" /></td>
+                        <td><div class = "smb smb-ll"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>&lt;=</td>
-                        <td><img alt="Less than or equal to" src="../images/symbols/lessthanorequalto.png" /></td>
+                        <td><div class = "smb smb-lessthanorequalto"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>-&gt;</td>
-                        <td><img alt="Symbole" src="../images/symbols/arrow.png" /></td>
+                        <td><div class = "icon icon-arrow"></div></td>
                         <td>Flèches</td>
                     </tr>
                     <tr>
                         <td>&gt;=</td>
-                        <td><img alt="Greater than or equal to" src="../images/symbols/greaterthanorequalto.png" /></td>
+                        <td><div class = "smb smb-greaterthanorequalto"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                     <tr>
                         <td>&gt;&gt;</td>
-                        <td><img alt="Symbole" src="../images/symbols/gg.png" /></td>
+                        <td><div class = "smb smb-gg"></div></td>
                         <td>Opérateurs relationnels</td>
                     </tr>
                 </table>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/OpenCreateNew.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/OpenCreateNew.htm
index 8f420f2e1a..44f3308bb7 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/OpenCreateNew.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/OpenCreateNew.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="Ouvrir une présentation existante, créer une nouvelle présentation ou revenir à la liste de présentations existantes" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -27,7 +28,7 @@
             <p>Dans <I>l'éditeur de bureau</I></p>
             <ol>
                 <li>dans la fenêtre principale du programme, sélectionnez l'élément de menu <B>Présentation</B> dans la section <B>Créer nouveau</B> de la barre latérale gauche - un nouveau fichier s'ouvrira dans un nouvel onglet,</li>
-                <li>une fois tous les changements nécessaires effectués, cliquez sur l'icône <B>Enregistrer</B> <img alt="L'icône Enregistrer" src="../images/save.png" /> dans le coin supérieur gauche ou passez à l'onglet <B>Fichier</B> et choisissez l'élément de menu <B>Enregistrer sous</B>. </li>
+                <li>une fois tous les changements nécessaires effectués, cliquez sur l'icône <B>Enregistrer</B> <div class = "icon icon-save"></div> dans le coin supérieur gauche ou passez à l'onglet <B>Fichier</B> et choisissez l'élément de menu <B>Enregistrer sous</B>. </li>
                 <li>dans la fenêtre du gestionnaire de fichiers, sélectionnez l'emplacement du fichier, spécifiez son nom, choisissez le format dans lequel vous souhaitez enregistrer la présentation (PPTX, Modèle de présentation (POTX), ODP, OTP, PDF ou PDFA) et cliquez sur le bouton <B>Enregistrer</B>.</li>
             </ol>
         </div>
@@ -60,7 +61,7 @@
             </ol>
         </div>
 
-        <p>Pour ouvrir le dossier dans lequel le fichier est stocké dans <span class="onlineDocumentFeatures"> un nouvel onglet du navigateur de la <I>version en ligne</I>, </span> <span class="desktopDocumentFeatures">dans la fenêtre de l'explorateur de fichiers de la version de bureau,</span> cliquez sur l'icône <img alt="Ouvrir l'emplacement du fichier" src="../images/gotodocuments.png" /> <B>Ouvrir l'emplacement du fichier</B> à droite de l'en-tête de l'éditeur. Vous pouvez aussi passer à l'onglet <B>Fichier</B> sur la barre d'outils supérieure et sélectionner l'option <B>Ouvrir l'emplacement du fichier</B>.</p>
+        <p>Pour ouvrir le dossier dans lequel le fichier est stocké dans <span class="onlineDocumentFeatures"> un nouvel onglet du navigateur de la <I>version en ligne</I>, </span> <span class="desktopDocumentFeatures">dans la fenêtre de l'explorateur de fichiers de la version de bureau,</span> cliquez sur l'icône <div class = "icon icon-gotodocuments"></div> <B>Ouvrir l'emplacement du fichier</B> à droite de l'en-tête de l'éditeur. Vous pouvez aussi passer à l'onglet <B>Fichier</B> sur la barre d'outils supérieure et sélectionner l'option <B>Ouvrir l'emplacement du fichier</B>.</p>
     </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/PhotoEditor.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/PhotoEditor.htm
index 1220175900..bebdae6a6a 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/PhotoEditor.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/PhotoEditor.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="Description de l'extension Photo Editor pour les éditeurs ONLYOFFICE permettant de modifier les images" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -18,7 +19,7 @@
         <ol>
             <li>Sélectionnez une image incorporée dans votre présentation.</li>
             <li>
-                Passez à l'onglet <b>Modules complémentaires</b> et choisissez <img alt="L'icône de l'extension Photo Editor" src="../images/photoeditor.png" /> <b>Photo Editor</b>.<br /> Vous êtes dans l'environnement de traitement des images.
+                Passez à l'onglet <b>Modules complémentaires</b> et choisissez <div class = "icon icon-photoeditor"></div> <b>Photo Editor</b>.<br /> Vous êtes dans l'environnement de traitement des images.
                 <ul>
                     <li>
                         Au-dessous de l'image il y a les cases à cocher et les filtres en curseur suivants:
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/PreviewPresentation.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/PreviewPresentation.htm
index 469ab597ee..ea70b9a73d 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/PreviewPresentation.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/PreviewPresentation.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Afficher un aperçu de la présentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,11 +18,11 @@
             <h3>Démarrer l'aperçu</h3>
 			<p>Pour afficher un aperçu de la présentation en cours de l'édition dans <a target="_blank" href="https://www.onlyoffice.com/fr/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>:</p>
             <ul>
-                <li>cliquez sur l'icône Démarrer le diaporama <img alt="L'icône Démarrer le diaporama" src="../images/startpreview.png" /> dans l'onglet <b>Accueil</b> de la barre d'outils supérieure ou sur le côté gauche de la barre d'état, ou</li>
+                <li>cliquez sur l'icône Démarrer le diaporama <div class = "icon icon-startpreview"></div> dans l'onglet <b>Accueil</b> de la barre d'outils supérieure ou sur le côté gauche de la barre d'état, ou</li>
                 <li>sélectionnez une diapositive dans la liste à gauche, cliquez dessus avec le bouton droit de la souris et choisissez l'option <b>Démarrer le diaporama</b> dans le menu contextuel.</li>
             </ul>
             <p>L'aperçu commencera à partir de la diapositive actuellement sélectionnée. </p>
-            <p>Vous pouvez également cliquer sur la flèche à côté de l'icône Démarrer le diaporama <img alt="L'icône Démarrer le diaporama" src="../images/startpreview.png" /> dans l'onglet <b>Accueil</b> de la barre d'outils supérieure et sélectionner l'une des options disponibles:</p>
+            <p>Vous pouvez également cliquer sur la flèche à côté de l'icône Démarrer le diaporama <div class = "icon icon-startpreview"></div> dans l'onglet <b>Accueil</b> de la barre d'outils supérieure et sélectionner l'une des options disponibles:</p>
             <ul>
                 <li><b>Afficher depuis le début</b> - pour commencer l'aperçu à partir de la toute première diapositive,</li>
                 <li><b>Afficher à partir de la diapositive actuelle</b> - pour démarrer l'aperçu depuis la diapositive actuellement sélectionnée,</li>
@@ -34,31 +35,31 @@
             <p>En mode <b>Aperçu</b>, vous pouvez utiliser les contrôles suivants dans le coin inférieur gauche:</p>
             <p><img alt="Contrôles du mode Aperçu" src="../images/preview_mode.png" /></p>
             <ul>
-                <li>le bouton <b>Diapositive précédente</b> <img alt="L'icône Diapositive précédente" src="../images/previousslide.png" /> vous permet de revenir à la diapositive précédente.</li>
-                <li>le bouton <b>Mettre en pause la présentation</b> <img alt="L'icône Mettre en pause la présentation" src="../images/pausepresentation.png" /> vous permet d'arrêter l'aperçu. Lorsque le bouton est enfoncé, il devient le bouton <img alt="L'icône Démarrer la présentation" src="../images/startpresentation.png" /> .</li>
-                <li>le bouton <b>Démarrer la présentation</b> <img alt="L'icône Démarrer la présentation" src="../images/startpresentation.png" /> vous permet de reprendre l'aperçu. Lorsque le bouton est enfoncé, il devient le bouton <img alt="L'icône Mettre en pause la présentation" src="../images/pausepresentation.png" /> .</li>
-                <li>le bouton <b>Diapositive suivante</b> <img alt="L'icône Diapositive suivante" src="../images/nextslide.png" /> vous permet d'avancer à la diapositive suivante.</li>
+                <li>le bouton <b>Diapositive précédente</b> <div class = "icon icon-previousslide"></div> vous permet de revenir à la diapositive précédente.</li>
+                <li>le bouton <b>Mettre en pause la présentation</b> <div class = "icon icon-pausepresentation"></div> vous permet d'arrêter l'aperçu. Lorsque le bouton est enfoncé, il devient le bouton <div class = "icon icon-startpresentation"></div> .</li>
+                <li>le bouton <b>Démarrer la présentation</b> <div class = "icon icon-startpresentation"></div> vous permet de reprendre l'aperçu. Lorsque le bouton est enfoncé, il devient le bouton <div class = "icon icon-pausepresentation"></div> .</li>
+                <li>le bouton <b>Diapositive suivante</b> <div class = "icon icon-nextslide"></div> vous permet d'avancer à la diapositive suivante.</li>
                 <li><b>l'Indicateur de numéro de diapositive</b> affiche le numéro de diapositive en cours ainsi que le nombre total de diapositives dans la présentation. Pour aller à une certaine diapositive en mode aperçu, cliquez sur l<b>'Indicateur de numéro de diapositive</b>, entrez le numéro de diapositive nécessaire dans la fenêtre ouverte et appuyez sur <b>Entrée</b>.</li>
-                <li>le bouton <b>Plein écran</b> <img alt="Icône Plein écran" src="../images/fullscreen.png" /> vous permet de passer en mode plein écran.</li>
-                <li>Le bouton <b>Quitter le plein écran</b> <img alt="L'icône Quitter le plein écran" src="../images/exitfullscreen.png" /> vous permet de quitter le mode plein écran.</li>
-                <li>le bouton <b>Fermer le diaporama</b> <img alt="L'icône Fermer le diaporama" src="../images/closepreview.png" /> vous permet de quitter le mode aperçu.</li>
+                <li>le bouton <b>Plein écran</b> <div class = "icon icon-fullscreen"></div> vous permet de passer en mode plein écran.</li>
+                <li>Le bouton <b>Quitter le plein écran</b> <div class = "icon icon-exitfullscreen"></div> vous permet de quitter le mode plein écran.</li>
+                <li>le bouton <b>Fermer le diaporama</b> <div class = "icon icon-closepreview"></div> vous permet de quitter le mode aperçu.</li>
             </ul>
 			<p>Vous pouvez également utiliser les <a href="../HelpfulHints/KeyboardShortcuts.htm#preview" onclick="onhyperlinkclick(this)">raccourcis clavier</a> pour naviguer entre les diapositives en mode Aperçu.</p>
             <h3 id="presenter">Utiliser le mode Présentateur</h3>
             <p class="note"><b>Remarque</b>: dans <em>l'édition de bureau</em>, le mode Présentateur n'est disponible lorsque le deuxième moniteur est connecté.</p>
             <p>En mode <b>Présentateur</b>, vous pouvez afficher vos présentations avec des notes de diapositives dans une fenêtre séparée, tout en les affichant sans notes sur un moniteur différent. Les notes de chaque diapositive s'affichent sous la zone d'aperçu de la diapositive.</p>
-            <p>Pour naviguer entre les diapositives, vous pouvez utiliser les boutons <img alt="L'icône Diapositive précédente" src="../images/previousslide.png" /> et <img alt="L'icône Diapositive suivante" src="../images/nextslide.png" /> ou cliquer sur les diapositives dans la liste à gauche. Les numéros de diapositives masquées sont barrés dans la liste à gauche. Si vous souhaitez afficher une diapositive masquée aux autres, il suffit de cliquer dessus dans la liste à gauche - la diapositive s'affichera.</p>
+            <p>Pour naviguer entre les diapositives, vous pouvez utiliser les boutons <div class = "icon icon-previousslide"></div> et <div class = "icon icon-nextslide"></div> ou cliquer sur les diapositives dans la liste à gauche. Les numéros de diapositives masquées sont barrés dans la liste à gauche. Si vous souhaitez afficher une diapositive masquée aux autres, il suffit de cliquer dessus dans la liste à gauche - la diapositive s'affichera.</p>
             <p>Vous pouvez utiliser les contrôles suivants sous la zone d'aperçu de diapositive:</p>
             <p><img alt="Commandes du mode Présentateur" src="../images/presenter_mode.png" /></p>
             <ul>
                 <li>le <b>Chronomètre</b> affiche le temps écoulé de la présentation au format <I>hh.mm.ss</I>.</li>
-                <li>le bouton Mettre en pause la présentation <img alt="L'icône Mettre en pause la présentation" src="../images/presenter_pausepresentation.png" /> vous permet d'arrêter l'aperçu. Lorsque le bouton est enfoncé, il devient le bouton <img alt="L'icône Démarrer la présentation" src="../images/presenter_startpresentation.png" /> .</li>
-                <li>le bouton <b>Démarrer la présentation</b> <img alt="L'icône Démarrer la présentation" src="../images/presenter_startpresentation.png" /> vous permet de reprendre l'aperçu. Lorsque le bouton est enfoncé, il devient le bouton <img alt="L'icône Mettre en pause la présentation" src="../images/presenter_pausepresentation.png" /> .</li>
+                <li>le bouton Mettre en pause la présentation <div class = "icon icon-presenter_pausepresentation"></div> vous permet d'arrêter l'aperçu. Lorsque le bouton est enfoncé, il devient le bouton <div class = "icon icon-presenter_startpresentation"></div> .</li>
+                <li>le bouton <b>Démarrer la présentation</b> <div class = "icon icon-presenter_startpresentation"></div> vous permet de reprendre l'aperçu. Lorsque le bouton est enfoncé, il devient le bouton <div class = "icon icon-presenter_pausepresentation"></div> .</li>
                 <li>le bouton <b>Réinitialiser</b> permet de réinitialiser le temps écoulé de la présentation.</li>
-                <li>le bouton Diapositive précédente <img alt="L'icône Diapositive précédente" src="../images/presenter_previousslide.png" /> vous permet de revenir à la diapositive précédente.</li>
-                <li>le bouton Diapositive suivante <img alt="L'icône Diapositive suivante" src="../images/presenter_nextslide.png" /> vous permet d'avancer à la diapositive suivante.</li>
+                <li>le bouton Diapositive précédente <div class = "icon icon-presenter_previousslide"></div> vous permet de revenir à la diapositive précédente.</li>
+                <li>le bouton Diapositive suivante <div class = "icon icon-presenter_nextslide"></div> vous permet d'avancer à la diapositive suivante.</li>
                 <li><b>l'Indicateur de numéro de diapositive</b> affiche le numéro de diapositive en cours ainsi que le nombre total de diapositives dans la présentation.</li>
-                <li>le bouton <b>Pointeur</b> <img alt="L'icône Pointeur" src="../images/pointer.png" /> vous permet de mettre en évidence quelque chose sur l'écran lors de l'affichage de la présentation. Lorsque cette option est activée, le bouton ressemble à ceci: <img alt="L'icône Pointeur" src="../images/pointer_enabled.png" />. Pour pointer vers certains objets, placez le pointeur de votre souris sur la zone d'aperçu de la diapositive et déplacez le pointeur sur la diapositive. Le pointeur aura l'apparence suivante: <img alt="L'icône Pointeur" src="../images/pointer_screen.png" />. Pour désactiver cette option, cliquez à nouveau sur le bouton <img alt="L'icône Pointeur" src="../images/pointer_enabled.png" /> .</li>
+                <li>le bouton <b>Pointeur</b> <div class = "icon icon-pointer"></div> vous permet de mettre en évidence quelque chose sur l'écran lors de l'affichage de la présentation. Lorsque cette option est activée, le bouton ressemble à ceci: <div class = "icon icon-pointer_enabled"></div>. Pour pointer vers certains objets, placez le pointeur de votre souris sur la zone d'aperçu de la diapositive et déplacez le pointeur sur la diapositive. Le pointeur aura l'apparence suivante: <div class = "icon icon-pointer_screen"></div>. Pour désactiver cette option, cliquez à nouveau sur le bouton <div class = "icon icon-pointer_enabled"></div> .</li>
                 <li>le bouton <b>Fin du diaporama</b> vous permet de quitter le mode <b>Présentateur</b>.</li>
             </ul>			
 		</div>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/SavePrintDownload.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/SavePrintDownload.htm
index 4bf222cc92..e8bce01fc0 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/SavePrintDownload.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/SavePrintDownload.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Enregistrer, imprimer télécharger votre présentation à des formats différents" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
             <p class="onlineDocumentFeatures">Par défaut, <a target="_blank" href="https://www.onlyoffice.com/fr/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a> en ligne enregistre automatiquement votre fichier toutes les 2 secondes afin de prévenir la perte des données en cas de fermeture inattendue de l'éditeur. Si vous co-éditez le fichier en mode<b> Rapide</b>, le minuteur récupère les mises à jour 25 fois par seconde et enregistre les modifications si elles ont été effectuées. Lorsque le fichier est co-édité en mode <b>Strict</b>, les modifications sont automatiquement sauvegardées à des intervalles de 10 minutes. Si nécessaire, vous pouvez facilement changer la périodicité de <b>l'enregistrement automatique</b> ou même désactiver cette fonction sur la page <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Paramètres avancés</a> .</p>
             <p>Pour enregistrer manuellement votre présentation actuelle dans le format et l'emplacement actuels,</p>
             <ul>
-                <li>cliquez sur l'icône <b>Enregistrer</b> <img alt="L'icône Enregistrer" src="../images/save.png" /> dans la partie gauche de l'en-tête de l'éditeur, ou</li>
+                <li>cliquez sur l'icône <b>Enregistrer</b> <div class = "icon icon-save"></div> dans la partie gauche de l'en-tête de l'éditeur, ou</li>
                 <li>utilisez la combinaison des touches <b>Ctrl+S</b>, ou</li>
                 <li>cliquez sur l'onglet <b>Fichier</b> de la barre d'outils supérieure et sélectionnez l'option <b>Enregistrer</b>.</li>
             </ul>
@@ -51,7 +52,7 @@
             <h3 id="print">Impression</h3>
             <p>Pour imprimer la présentation active,</p>
             <ul>
-                <li>cliquez sur l'icône <b>Imprimer</b> <img alt="L'icône Imprimer" src="../images/print.png" /> dans la partie gauche de l'en-tête de l'éditeur, ou</li>
+                <li>cliquez sur l'icône <b>Imprimer</b> <div class = "icon icon-print"></div> dans la partie gauche de l'en-tête de l'éditeur, ou</li>
                 <li>utilisez la combinaison des touches <b>Ctrl+P</b>, ou</li>
                 <li>cliquez sur l'onglet <b>Fichier</b> de la barre d'outils supérieure et sélectionnez l'option <b>Imprimer</b>.</li>
             </ul>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/SetSlideParameters.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/SetSlideParameters.htm
index 364bc0a949..adef8d20f2 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/SetSlideParameters.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/SetSlideParameters.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Configurer les paramètres de diapositive: sélectionner le remplissage de l'arrière-plan, le thèmes, les jeux de couleurs, la disposition de diapositive" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,15 +19,15 @@
             <ul>
                 <li>
                     Les <b>Thèmes</b> vous permettent de changer rapidement la conception de présentation, notamment l'apparence d'arrière-plan de diapositives, les polices prédéfinies pour les titres et les textes, la palette de couleurs qui est utilisée pour les éléments de présentation. <b>Pour sélectionner un thème</b> pour la présentation, cliquez sur le thème prédéfini voulu dans la galerie de thèmes sur le côté droit de l'onglet <b>Accueil</b> de la barre d'outils supérieure. Le thème choisi sera appliqué à toutes les diapositives à moins que vous n'en ayez choisi quelques-unes pour appliquer le thème.
-                    <p><img alt="Galerie de thèmes" src="../images/themes.png" /></p>
+                    <p><div class = "big big-themes"></div></p>
                     <p>Pour modifier le thème sélectionné pour une ou plusieurs diapositives, vous pouvez cliquer avec le bouton droit sur les diapositives sélectionnées dans la liste de gauche (ou cliquer avec le bouton droit sur une diapositive dans la zone d'édition), sélectionner l'option <b>Changer de thème</b> dans le menu contextuel et choisir le thème voulu.</p>
                 </li>
                 <li>
-                    Les <b>Jeux de couleurs</b> servent à définir des couleurs prédéfinies utilisées pour les éléments de présentation (polices, lignes, remplissages etc.) et vous permettent de maintenir la cohérence des couleurs dans toute la présentation. <b>Pour changer de jeu de couleurs</b>, cliquez sur l'icône Modifier le jeu de couleurs <img alt="L'icône Modifier le jeu de couleurs" src="../images/changecolorscheme.png" /> dans l'onglet <b>Accueil </b>de la barre d'outils supérieure et sélectionnez le jeu nécessaire de la liste déroulante. Le jeu de couleurs sélectionné sera appliqué à toutes les diapositives.
+                    Les <b>Jeux de couleurs</b> servent à définir des couleurs prédéfinies utilisées pour les éléments de présentation (polices, lignes, remplissages etc.) et vous permettent de maintenir la cohérence des couleurs dans toute la présentation. <b>Pour changer de jeu de couleurs</b>, cliquez sur l'icône Modifier le jeu de couleurs <div class = "icon icon-changecolorscheme"></div> dans l'onglet <b>Accueil </b>de la barre d'outils supérieure et sélectionnez le jeu nécessaire de la liste déroulante. Le jeu de couleurs sélectionné sera appliqué à toutes les diapositives.
                     <p><img alt="Jeux de couleurs" src="../images/colorscheme.png" /></p>
                 </li>
                 <li>
-                    <b>Pour changer la taille</b> de toutes les diapositives de la présentation, cliquez sur l'icône <b>Sélectionner la taille de la diapositive</b> <img alt="L'icône Sélectionner la taille de la diapositive" src="../images/selectslidesizeicon.png" /> sous l'onglet <b>Accueil</b> de la barre d'outils supérieure et sélectionnez l'option nécessaire depuis la liste déroulante. Vous pouvez sélectionner:
+                    <b>Pour changer la taille</b> de toutes les diapositives de la présentation, cliquez sur l'icône <b>Sélectionner la taille de la diapositive</b> <div class = "icon icon-selectslidesizeicon"></div> sous l'onglet <b>Accueil</b> de la barre d'outils supérieure et sélectionnez l'option nécessaire depuis la liste déroulante. Vous pouvez sélectionner:
                     <ul>
                         <li>l'un des deux paramètres prédéfinis - <b>Standard (4:3)</b> ou <b>Écran large (16:9)</b>,</li>
                         <li>
@@ -61,7 +62,7 @@
                         <li>sélectionnez les diapositives auxquelles vous voulez appliquer la transition de la liste de diapositives à gauche,</li>
                         <li>
                             sélectionnez une transition de la liste déroulante <b>Effet</b> de l'onglet <b>Paramètres de la diapositive</b>,
-                            <p class="note">Pour ouvrir l'onglet <b>Paramètres de la diapositive</b>, vous pouvez cliquer sur l'icône <b>Paramètres de la diapositive</b> <img alt="Icône Paramètres de la diapositive" src="../images/slide_settings_icon.png" /> à droite ou cliquer avec le bouton droit sur la diapositive dans la zone d'édition de la diapositive et sélectionner l'option <b>Paramètres de la diapositive</b> dans le menu contextuel.</p>
+                            <p class="note">Pour ouvrir l'onglet <b>Paramètres de la diapositive</b>, vous pouvez cliquer sur l'icône <b>Paramètres de la diapositive</b> <div class = "icon icon-slide_settings_icon"></div> à droite ou cliquer avec le bouton droit sur la diapositive dans la zone d'édition de la diapositive et sélectionner l'option <b>Paramètres de la diapositive</b> dans le menu contextuel.</p>
                         </li>
                         <li>réglez les paramètres de la transition: choisissez le type de la transition, la durée et le mode de l'avancement des diapositives,</li>
                         <li>
@@ -74,7 +75,7 @@
                     <a id="changelayout"></a><b>Pour appliquer une mise en page:</b>
                     <ol>
                         <li>sélectionnez les diapositives auxquelles vous voulez appliquer une nouvelle mise en page de la liste de diapositives à gauche,</li>
-                        <li>cliquez sur l'icône <b>Modifier la disposition de la diapositive</b> <img alt="L'icône Modifier la disposition de diapositive" src="../images/changelayout.png" /> dans l'onglet <b>Accueil</b> de la barre d'outils supérieure,</li>
+                        <li>cliquez sur l'icône <b>Modifier la disposition de la diapositive</b> <div class = "icon icon-changelayout"></div> dans l'onglet <b>Accueil</b> de la barre d'outils supérieure,</li>
                         <li>
                             sélectionnez une mise en page nécessaire de la liste déroulante.
                             <p>Vous pouvez également cliquer avec le bouton droit sur la diapositive nécessaire dans la liste située à gauche, sélectionnez l'option <b>Modifier la disposition de diapositive</b> depuis le menu contextuel et sélectionnez la mise en page nécessaire.</p>
@@ -85,12 +86,12 @@
                 <li>
                     <a id="addtolayout"></a><b>Pour ajouter des objets à la disposition d'une diapositive:</b>
                     <ol>
-                        <li>cliquez sur l'icône <b>Modifier la disposition de diapositive</b> <img alt="L'icône Modifier la disposition de diapositive" src="../images/changelayout.png" /> et sélectionnez la disposition pour laquelle vous souhaitez ajouter un objet,</li>
+                        <li>cliquez sur l'icône <b>Modifier la disposition de diapositive</b> <div class = "icon icon-changelayout"></div> et sélectionnez la disposition pour laquelle vous souhaitez ajouter un objet,</li>
                         <li>
                             ajoutez les objets appropriés à la diapositive (<I>image, tableau, graphique, forme</I>) sous l'onglet <b>Insertion </b>dans la barre d'outil supérieure, ensuite cliquez <b>avec le bouton droit de la souris</b> sur cet objet et sélectionnez l'option <b>Ajouter dans une mise en page</b>, <br /><img alt="Ajouter dans une mise en page" src="../images/addtolayout.png" />
                         </li>
                         <li>
-                            cliquez sur <b>Modifier la disposition de diapositive</b> <img alt="L'icône Modifier la disposition de diapositive" src="../images/changelayout.png" /> sous l'onglet <b>Accueil</b> et sélectionnez la disposition modifiée.
+                            cliquez sur <b>Modifier la disposition de diapositive</b> <div class = "icon icon-changelayout"></div> sous l'onglet <b>Accueil</b> et sélectionnez la disposition modifiée.
                             <p><img alt="Appliquez la disposition" src="../images/applylayout.png" /></p>
                             <p>Les objets sélectionnés seront ajoutés à la disposition du thème actuel.</p>
                             <p class="note">Il n'est pas possible de sélectionner, redimensionner ou déplacer des objets que vous ajoutez d'une telle façon.</p>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/Thesaurus.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/Thesaurus.htm
index 99431dbefc..d0d3de9216 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/Thesaurus.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/Thesaurus.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="Description de l'extension Thésaurus pour les éditeurs ONLYOFFICE permettant de chercher les synonymes" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -19,7 +20,7 @@
         </p>
         <ol>
             <li>Sélectionnez le mot dans votre présentation.</li>
-            <li>Passez à l'onglet <b>Modules complémentaires</b> et choisissez <img alt="L'icône de l'extension Thésaurus" src="../images/thesaurus_icon.png" /> <b>Thésaurus</b>.</li>
+            <li>Passez à l'onglet <b>Modules complémentaires</b> et choisissez <div class = "icon icon-thesaurus_icon"></div> <b>Thésaurus</b>.</li>
             <li>Le panneau gauche liste les synonymes et les antonymes.</li>
             <li>Cliquez sur le mot à remplacer dans votre document.</li>
         </ol>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/Translator.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/Translator.htm
index 04daab0d16..746586315f 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/Translator.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/Translator.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="Description de l'extension Traducteur por les éditeurs ONLYOFFICE permettant de traduire un texte dans de nombreuses langues disponibles" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -17,7 +18,7 @@
         <p>Dans <a target="_blank" href="https://www.onlyoffice.com/fr/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>, vous pouvez traduire votre présentation dans de nombreuses langues disponibles.</p>
         <ol>
             <li>Sélectionnez le texte à traduire.</li>
-            <li>Passez à l'onglet <b>Modules complémentaires</b> et choisissez <img alt="L'icône de l'extension Traducteur" src="../images/translator.png" /> <b>Traducteur</b>, l'application de traduction fait son apparition dans le panneau de gauche.</li>
+            <li>Passez à l'onglet <b>Modules complémentaires</b> et choisissez <div class = "icon icon-translator"></div> <b>Traducteur</b>, l'application de traduction fait son apparition dans le panneau de gauche.</li>
         </ol>
         <p>La langue du texte choisie est détectée automatiquement et le texte est traduit dans la langue par défaut.</p>
         <img class="gif" alt="Gif de l'extension Traducteur" src="../images/translator_plugin.gif" width="600" />
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/ViewPresentationInfo.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/ViewPresentationInfo.htm
index cbb2bfdfec..e0925bd1c6 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/ViewPresentationInfo.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/ViewPresentationInfo.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Afficher le titre, l'auteur, l'emplacement, la date de création, les permissions d'affichage et modification d'une présentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -38,7 +39,7 @@
             <h3>Historique des versions </h3>
             <p>Dans la <em>version en ligne</em>, il est possible d’afficher l’historique des fichiers stockés dans le nuage.</p>
             <p class="note">Cette option n’est pas disponible pour les utilisateurs qui ont accès en <b>Lecture seule</b>.</p>
-            <p>Pour afficher toutes les modifications qui ont été apportées à la présentation, sélectionnez l’option <b>Historique des versions</b> sur la barre latérale gauche. Il est également possible de parcourir l’historique des versions en utilisant l’icône <img alt="Version History icon" src="../images/versionhistoryicon.png" /> <b>Historique des versions</b> sous l’onglet <b>Collaboration</b> de la barre d’outils supérieure. Vous voyez la liste des versions (modifications majeures) et des révisions (modifications mineures) de la présentation, le nom de la personne ayant modifié la présentation, la date et l’heure de la modification. Pour les versions de présentations, le numéro de la version s’affiche aussi (par ex. <em>ver. 2</em>). Pour afficher les modifications apportées à chaque version/révision, cliquez sur la version/révision appropriée sur la barre latérale gauche. Les modifications apportées par chaque auteur apparaissent dans la couleur associée à son nom qui s’affiche à côté de chaque nom sur la barre latérale gauche. Vous pouvez utiliser l’option <b>Restaurer</b> au-dessous de la version sélectionnée pour la restaurer. <!--Pour masquer la liste de révisions dans une version, utilisez l’icône <img alt="Collapse icon" src="../images/collapse.png" /> à côté de la version. Pour afficher de nouveau les révisions, utilisez l’icône <img alt="Expand icon" src="../images/expand.png" />.--> </p>
+            <p>Pour afficher toutes les modifications qui ont été apportées à la présentation, sélectionnez l’option <b>Historique des versions</b> sur la barre latérale gauche. Il est également possible de parcourir l’historique des versions en utilisant l’icône <div class = "icon icon-versionhistoryicon"></div> <b>Historique des versions</b> sous l’onglet <b>Collaboration</b> de la barre d’outils supérieure. Vous voyez la liste des versions (modifications majeures) et des révisions (modifications mineures) de la présentation, le nom de la personne ayant modifié la présentation, la date et l’heure de la modification. Pour les versions de présentations, le numéro de la version s’affiche aussi (par ex. <em>ver. 2</em>). Pour afficher les modifications apportées à chaque version/révision, cliquez sur la version/révision appropriée sur la barre latérale gauche. Les modifications apportées par chaque auteur apparaissent dans la couleur associée à son nom qui s’affiche à côté de chaque nom sur la barre latérale gauche. Vous pouvez utiliser l’option <b>Restaurer</b> au-dessous de la version sélectionnée pour la restaurer. <!--Pour masquer la liste de révisions dans une version, utilisez l’icône <img alt="Collapse icon" src="../images/collapse.png" /> à côté de la version. Pour afficher de nouveau les révisions, utilisez l’icône <img alt="Expand icon" src="../images/expand.png" />.--> </p>
             <p><img alt="Version History" src="../images/versionhistory.png" /></p>
             <p>Pour revenir à la version actuelle de la présentation, utilisez l’option <b>Fermer l’historique</b> en haut de la liste des versions.</p>
             </div>
diff --git a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/YouTube.htm b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/YouTube.htm
index fa1763c5ed..13c9f0bf03 100644
--- a/apps/presentationeditor/main/resources/help/fr/UsageInstructions/YouTube.htm
+++ b/apps/presentationeditor/main/resources/help/fr/UsageInstructions/YouTube.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="Description de l'extension YouTube pour les éditeurs ONLYOFFICE permettant d'insérer les vidéos dans un document" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -20,7 +21,7 @@
                 Copier l'URL de la vidéo à insérer.<br /> (l'adresse complète dans la barre d'adresse du navigateur)
             </li>
             <li>Accédez à votre présentation et placez le curseur à l'endroit où le vidéo doit être inséré.</li>
-            <li>Passez à l'onglet <b>Modules complémentaires</b> et choisissez <img alt="L'icône de l'extension Youtube" src="../images/youtube.png" /> <b>YouTube</b>.</li>
+            <li>Passez à l'onglet <b>Modules complémentaires</b> et choisissez <div class = "icon icon-youtube"></div> <b>YouTube</b>.</li>
             <li>Collez <B>l'URL</B> et cliquez sur <B>OK</B>.</li>
             <li>Vérifiez si la vidéo est vrai et cliquez sur <B>OK</B> au-dessous la vidéo.</li>
         </ol>
diff --git a/apps/presentationeditor/main/resources/help/fr/search/js/jquery.min.js b/apps/presentationeditor/main/resources/help/fr/search/js/jquery.min.js
index 9a85bd3462..f7b56654c1 100644
--- a/apps/presentationeditor/main/resources/help/fr/search/js/jquery.min.js
+++ b/apps/presentationeditor/main/resources/help/fr/search/js/jquery.min.js
@@ -2,5 +2,5 @@
 //@ sourceMappingURL=jquery.min.map
 */
 (function(e,undefined){var t,n,r=typeof undefined,i=e.location,o=e.document,s=o.documentElement,a=e.jQuery,u=e.$,l={},c=[],p="2.0.3",f=c.concat,h=c.push,d=c.slice,g=c.indexOf,m=l.toString,y=l.hasOwnProperty,v=p.trim,x=function(e,n){return new x.fn.init(e,n,t)},b=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,w=/\S+/g,T=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,C=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,k=/^-ms-/,N=/-([\da-z])/gi,E=function(e,t){return t.toUpperCase()},S=function(){o.removeEventListener("DOMContentLoaded",S,!1),e.removeEventListener("load",S,!1),x.ready()};x.fn=x.prototype={jquery:p,constructor:x,init:function(e,t,n){var r,i;if(!e)return this;if("string"==typeof e){if(r="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:T.exec(e),!r||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof x?t[0]:t,x.merge(this,x.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:o,!0)),C.test(r[1])&&x.isPlainObject(t))for(r in t)x.isFunction(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return i=o.getElementById(r[2]),i&&i.parentNode&&(this.length=1,this[0]=i),this.context=o,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):x.isFunction(e)?n.ready(e):(e.selector!==undefined&&(this.selector=e.selector,this.context=e.context),x.makeArray(e,this))},selector:"",length:0,toArray:function(){return d.call(this)},get:function(e){return null==e?this.toArray():0>e?this[this.length+e]:this[e]},pushStack:function(e){var t=x.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e,t){return x.each(this,e,t)},ready:function(e){return x.ready.promise().done(e),this},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(0>e?t:0);return this.pushStack(n>=0&&t>n?[this[n]]:[])},map:function(e){return this.pushStack(x.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:h,sort:[].sort,splice:[].splice},x.fn.init.prototype=x.fn,x.extend=x.fn.extend=function(){var e,t,n,r,i,o,s=arguments[0]||{},a=1,u=arguments.length,l=!1;for("boolean"==typeof s&&(l=s,s=arguments[1]||{},a=2),"object"==typeof s||x.isFunction(s)||(s={}),u===a&&(s=this,--a);u>a;a++)if(null!=(e=arguments[a]))for(t in e)n=s[t],r=e[t],s!==r&&(l&&r&&(x.isPlainObject(r)||(i=x.isArray(r)))?(i?(i=!1,o=n&&x.isArray(n)?n:[]):o=n&&x.isPlainObject(n)?n:{},s[t]=x.extend(l,o,r)):r!==undefined&&(s[t]=r));return s},x.extend({expando:"jQuery"+(p+Math.random()).replace(/\D/g,""),noConflict:function(t){return e.$===x&&(e.$=u),t&&e.jQuery===x&&(e.jQuery=a),x},isReady:!1,readyWait:1,holdReady:function(e){e?x.readyWait++:x.ready(!0)},ready:function(e){(e===!0?--x.readyWait:x.isReady)||(x.isReady=!0,e!==!0&&--x.readyWait>0||(n.resolveWith(o,[x]),x.fn.trigger&&x(o).trigger("ready").off("ready")))},isFunction:function(e){return"function"===x.type(e)},isArray:Array.isArray,isWindow:function(e){return null!=e&&e===e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[m.call(e)]||"object":typeof e},isPlainObject:function(e){if("object"!==x.type(e)||e.nodeType||x.isWindow(e))return!1;try{if(e.constructor&&!y.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(t){return!1}return!0},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw Error(e)},parseHTML:function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||o;var r=C.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=x.buildFragment([e],t,i),i&&x(i).remove(),x.merge([],r.childNodes))},parseJSON:JSON.parse,parseXML:function(e){var t,n;if(!e||"string"!=typeof e)return null;try{n=new DOMParser,t=n.parseFromString(e,"text/xml")}catch(r){t=undefined}return(!t||t.getElementsByTagName("parsererror").length)&&x.error("Invalid XML: "+e),t},noop:function(){},globalEval:function(e){var t,n=eval;e=x.trim(e),e&&(1===e.indexOf("use strict")?(t=o.createElement("script"),t.text=e,o.head.appendChild(t).parentNode.removeChild(t)):n(e))},camelCase:function(e){return e.replace(k,"ms-").replace(N,E)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t,n){var r,i=0,o=e.length,s=j(e);if(n){if(s){for(;o>i;i++)if(r=t.apply(e[i],n),r===!1)break}else for(i in e)if(r=t.apply(e[i],n),r===!1)break}else if(s){for(;o>i;i++)if(r=t.call(e[i],i,e[i]),r===!1)break}else for(i in e)if(r=t.call(e[i],i,e[i]),r===!1)break;return e},trim:function(e){return null==e?"":v.call(e)},makeArray:function(e,t){var n=t||[];return null!=e&&(j(Object(e))?x.merge(n,"string"==typeof e?[e]:e):h.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:g.call(t,e,n)},merge:function(e,t){var n=t.length,r=e.length,i=0;if("number"==typeof n)for(;n>i;i++)e[r++]=t[i];else while(t[i]!==undefined)e[r++]=t[i++];return e.length=r,e},grep:function(e,t,n){var r,i=[],o=0,s=e.length;for(n=!!n;s>o;o++)r=!!t(e[o],o),n!==r&&i.push(e[o]);return i},map:function(e,t,n){var r,i=0,o=e.length,s=j(e),a=[];if(s)for(;o>i;i++)r=t(e[i],i,n),null!=r&&(a[a.length]=r);else for(i in e)r=t(e[i],i,n),null!=r&&(a[a.length]=r);return f.apply([],a)},guid:1,proxy:function(e,t){var n,r,i;return"string"==typeof t&&(n=e[t],t=e,e=n),x.isFunction(e)?(r=d.call(arguments,2),i=function(){return e.apply(t||this,r.concat(d.call(arguments)))},i.guid=e.guid=e.guid||x.guid++,i):undefined},access:function(e,t,n,r,i,o,s){var a=0,u=e.length,l=null==n;if("object"===x.type(n)){i=!0;for(a in n)x.access(e,t,a,n[a],!0,o,s)}else if(r!==undefined&&(i=!0,x.isFunction(r)||(s=!0),l&&(s?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(x(e),n)})),t))for(;u>a;a++)t(e[a],n,s?r:r.call(e[a],a,t(e[a],n)));return i?e:l?t.call(e):u?t(e[0],n):o},now:Date.now,swap:function(e,t,n,r){var i,o,s={};for(o in t)s[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=s[o];return i}}),x.ready.promise=function(t){return n||(n=x.Deferred(),"complete"===o.readyState?setTimeout(x.ready):(o.addEventListener("DOMContentLoaded",S,!1),e.addEventListener("load",S,!1))),n.promise(t)},x.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(e,t){l["[object "+t+"]"]=t.toLowerCase()});function j(e){var t=e.length,n=x.type(e);return x.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||"function"!==n&&(0===t||"number"==typeof t&&t>0&&t-1 in e)}t=x(o),function(e,undefined){var t,n,r,i,o,s,a,u,l,c,p,f,h,d,g,m,y,v="sizzle"+-new Date,b=e.document,w=0,T=0,C=st(),k=st(),N=st(),E=!1,S=function(e,t){return e===t?(E=!0,0):0},j=typeof undefined,D=1<<31,A={}.hasOwnProperty,L=[],q=L.pop,H=L.push,O=L.push,F=L.slice,P=L.indexOf||function(e){var t=0,n=this.length;for(;n>t;t++)if(this[t]===e)return t;return-1},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",W="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",$=W.replace("w","w#"),B="\\["+M+"*("+W+")"+M+"*(?:([*^$|!~]?=)"+M+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+$+")|)|)"+M+"*\\]",I=":("+W+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+B.replace(3,8)+")*)|.*)\\)|)",z=RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),_=RegExp("^"+M+"*,"+M+"*"),X=RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=RegExp(M+"*[+~]"),Y=RegExp("="+M+"*([^\\]'\"]*)"+M+"*\\]","g"),V=RegExp(I),G=RegExp("^"+$+"$"),J={ID:RegExp("^#("+W+")"),CLASS:RegExp("^\\.("+W+")"),TAG:RegExp("^("+W.replace("w","w*")+")"),ATTR:RegExp("^"+B),PSEUDO:RegExp("^"+I),CHILD:RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:RegExp("^(?:"+R+")$","i"),needsContext:RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Q=/^[^{]+\{\s*\[native \w/,K=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,Z=/^(?:input|select|textarea|button)$/i,et=/^h\d$/i,tt=/'|\\/g,nt=RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),rt=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:0>r?String.fromCharCode(r+65536):String.fromCharCode(55296|r>>10,56320|1023&r)};try{O.apply(L=F.call(b.childNodes),b.childNodes),L[b.childNodes.length].nodeType}catch(it){O={apply:L.length?function(e,t){H.apply(e,F.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function ot(e,t,r,i){var o,s,a,u,l,f,g,m,x,w;if((t?t.ownerDocument||t:b)!==p&&c(t),t=t||p,r=r||[],!e||"string"!=typeof e)return r;if(1!==(u=t.nodeType)&&9!==u)return[];if(h&&!i){if(o=K.exec(e))if(a=o[1]){if(9===u){if(s=t.getElementById(a),!s||!s.parentNode)return r;if(s.id===a)return r.push(s),r}else if(t.ownerDocument&&(s=t.ownerDocument.getElementById(a))&&y(t,s)&&s.id===a)return r.push(s),r}else{if(o[2])return O.apply(r,t.getElementsByTagName(e)),r;if((a=o[3])&&n.getElementsByClassName&&t.getElementsByClassName)return O.apply(r,t.getElementsByClassName(a)),r}if(n.qsa&&(!d||!d.test(e))){if(m=g=v,x=t,w=9===u&&e,1===u&&"object"!==t.nodeName.toLowerCase()){f=gt(e),(g=t.getAttribute("id"))?m=g.replace(tt,"\\$&"):t.setAttribute("id",m),m="[id='"+m+"'] ",l=f.length;while(l--)f[l]=m+mt(f[l]);x=U.test(e)&&t.parentNode||t,w=f.join(",")}if(w)try{return O.apply(r,x.querySelectorAll(w)),r}catch(T){}finally{g||t.removeAttribute("id")}}}return kt(e.replace(z,"$1"),t,r,i)}function st(){var e=[];function t(n,r){return e.push(n+=" ")>i.cacheLength&&delete t[e.shift()],t[n]=r}return t}function at(e){return e[v]=!0,e}function ut(e){var t=p.createElement("div");try{return!!e(t)}catch(n){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function lt(e,t){var n=e.split("|"),r=e.length;while(r--)i.attrHandle[n[r]]=t}function ct(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&(~t.sourceIndex||D)-(~e.sourceIndex||D);if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function pt(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function ft(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function ht(e){return at(function(t){return t=+t,at(function(n,r){var i,o=e([],n.length,t),s=o.length;while(s--)n[i=o[s]]&&(n[i]=!(r[i]=n[i]))})})}s=ot.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?"HTML"!==t.nodeName:!1},n=ot.support={},c=ot.setDocument=function(e){var t=e?e.ownerDocument||e:b,r=t.defaultView;return t!==p&&9===t.nodeType&&t.documentElement?(p=t,f=t.documentElement,h=!s(t),r&&r.attachEvent&&r!==r.top&&r.attachEvent("onbeforeunload",function(){c()}),n.attributes=ut(function(e){return e.className="i",!e.getAttribute("className")}),n.getElementsByTagName=ut(function(e){return e.appendChild(t.createComment("")),!e.getElementsByTagName("*").length}),n.getElementsByClassName=ut(function(e){return e.innerHTML="<div class='a'></div><div class='a i'></div>",e.firstChild.className="i",2===e.getElementsByClassName("i").length}),n.getById=ut(function(e){return f.appendChild(e).id=v,!t.getElementsByName||!t.getElementsByName(v).length}),n.getById?(i.find.ID=function(e,t){if(typeof t.getElementById!==j&&h){var n=t.getElementById(e);return n&&n.parentNode?[n]:[]}},i.filter.ID=function(e){var t=e.replace(nt,rt);return function(e){return e.getAttribute("id")===t}}):(delete i.find.ID,i.filter.ID=function(e){var t=e.replace(nt,rt);return function(e){var n=typeof e.getAttributeNode!==j&&e.getAttributeNode("id");return n&&n.value===t}}),i.find.TAG=n.getElementsByTagName?function(e,t){return typeof t.getElementsByTagName!==j?t.getElementsByTagName(e):undefined}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},i.find.CLASS=n.getElementsByClassName&&function(e,t){return typeof t.getElementsByClassName!==j&&h?t.getElementsByClassName(e):undefined},g=[],d=[],(n.qsa=Q.test(t.querySelectorAll))&&(ut(function(e){e.innerHTML="<select><option selected=''></option></select>",e.querySelectorAll("[selected]").length||d.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll(":checked").length||d.push(":checked")}),ut(function(e){var n=t.createElement("input");n.setAttribute("type","hidden"),e.appendChild(n).setAttribute("t",""),e.querySelectorAll("[t^='']").length&&d.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll(":enabled").length||d.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),d.push(",.*:")})),(n.matchesSelector=Q.test(m=f.webkitMatchesSelector||f.mozMatchesSelector||f.oMatchesSelector||f.msMatchesSelector))&&ut(function(e){n.disconnectedMatch=m.call(e,"div"),m.call(e,"[s!='']:x"),g.push("!=",I)}),d=d.length&&RegExp(d.join("|")),g=g.length&&RegExp(g.join("|")),y=Q.test(f.contains)||f.compareDocumentPosition?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},S=f.compareDocumentPosition?function(e,r){if(e===r)return E=!0,0;var i=r.compareDocumentPosition&&e.compareDocumentPosition&&e.compareDocumentPosition(r);return i?1&i||!n.sortDetached&&r.compareDocumentPosition(e)===i?e===t||y(b,e)?-1:r===t||y(b,r)?1:l?P.call(l,e)-P.call(l,r):0:4&i?-1:1:e.compareDocumentPosition?-1:1}:function(e,n){var r,i=0,o=e.parentNode,s=n.parentNode,a=[e],u=[n];if(e===n)return E=!0,0;if(!o||!s)return e===t?-1:n===t?1:o?-1:s?1:l?P.call(l,e)-P.call(l,n):0;if(o===s)return ct(e,n);r=e;while(r=r.parentNode)a.unshift(r);r=n;while(r=r.parentNode)u.unshift(r);while(a[i]===u[i])i++;return i?ct(a[i],u[i]):a[i]===b?-1:u[i]===b?1:0},t):p},ot.matches=function(e,t){return ot(e,null,null,t)},ot.matchesSelector=function(e,t){if((e.ownerDocument||e)!==p&&c(e),t=t.replace(Y,"='$1']"),!(!n.matchesSelector||!h||g&&g.test(t)||d&&d.test(t)))try{var r=m.call(e,t);if(r||n.disconnectedMatch||e.document&&11!==e.document.nodeType)return r}catch(i){}return ot(t,p,null,[e]).length>0},ot.contains=function(e,t){return(e.ownerDocument||e)!==p&&c(e),y(e,t)},ot.attr=function(e,t){(e.ownerDocument||e)!==p&&c(e);var r=i.attrHandle[t.toLowerCase()],o=r&&A.call(i.attrHandle,t.toLowerCase())?r(e,t,!h):undefined;return o===undefined?n.attributes||!h?e.getAttribute(t):(o=e.getAttributeNode(t))&&o.specified?o.value:null:o},ot.error=function(e){throw Error("Syntax error, unrecognized expression: "+e)},ot.uniqueSort=function(e){var t,r=[],i=0,o=0;if(E=!n.detectDuplicates,l=!n.sortStable&&e.slice(0),e.sort(S),E){while(t=e[o++])t===e[o]&&(i=r.push(o));while(i--)e.splice(r[i],1)}return e},o=ot.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r];r++)n+=o(t);return n},i=ot.selectors={cacheLength:50,createPseudo:at,match:J,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(nt,rt),e[3]=(e[4]||e[5]||"").replace(nt,rt),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||ot.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&ot.error(e[0]),e},PSEUDO:function(e){var t,n=!e[5]&&e[2];return J.CHILD.test(e[0])?null:(e[3]&&e[4]!==undefined?e[2]=e[4]:n&&V.test(n)&&(t=gt(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(nt,rt).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=C[e+" "];return t||(t=RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&C(e,function(e){return t.test("string"==typeof e.className&&e.className||typeof e.getAttribute!==j&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=ot.attr(r,e);return null==i?"!="===t:t?(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i+" ").indexOf(n)>-1:"|="===t?i===n||i.slice(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),s="last"!==e.slice(-4),a="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,p,f,h,d,g=o!==s?"nextSibling":"previousSibling",m=t.parentNode,y=a&&t.nodeName.toLowerCase(),x=!u&&!a;if(m){if(o){while(g){p=t;while(p=p[g])if(a?p.nodeName.toLowerCase()===y:1===p.nodeType)return!1;d=g="only"===e&&!d&&"nextSibling"}return!0}if(d=[s?m.firstChild:m.lastChild],s&&x){c=m[v]||(m[v]={}),l=c[e]||[],h=l[0]===w&&l[1],f=l[0]===w&&l[2],p=h&&m.childNodes[h];while(p=++h&&p&&p[g]||(f=h=0)||d.pop())if(1===p.nodeType&&++f&&p===t){c[e]=[w,h,f];break}}else if(x&&(l=(t[v]||(t[v]={}))[e])&&l[0]===w)f=l[1];else while(p=++h&&p&&p[g]||(f=h=0)||d.pop())if((a?p.nodeName.toLowerCase()===y:1===p.nodeType)&&++f&&(x&&((p[v]||(p[v]={}))[e]=[w,f]),p===t))break;return f-=i,f===r||0===f%r&&f/r>=0}}},PSEUDO:function(e,t){var n,r=i.pseudos[e]||i.setFilters[e.toLowerCase()]||ot.error("unsupported pseudo: "+e);return r[v]?r(t):r.length>1?(n=[e,e,"",t],i.setFilters.hasOwnProperty(e.toLowerCase())?at(function(e,n){var i,o=r(e,t),s=o.length;while(s--)i=P.call(e,o[s]),e[i]=!(n[i]=o[s])}):function(e){return r(e,0,n)}):r}},pseudos:{not:at(function(e){var t=[],n=[],r=a(e.replace(z,"$1"));return r[v]?at(function(e,t,n,i){var o,s=r(e,null,i,[]),a=e.length;while(a--)(o=s[a])&&(e[a]=!(t[a]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),!n.pop()}}),has:at(function(e){return function(t){return ot(e,t).length>0}}),contains:at(function(e){return function(t){return(t.textContent||t.innerText||o(t)).indexOf(e)>-1}}),lang:at(function(e){return G.test(e||"")||ot.error("unsupported lang: "+e),e=e.replace(nt,rt).toLowerCase(),function(t){var n;do if(n=h?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return n=n.toLowerCase(),n===e||0===n.indexOf(e+"-");while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===f},focus:function(e){return e===p.activeElement&&(!p.hasFocus||p.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeName>"@"||3===e.nodeType||4===e.nodeType)return!1;return!0},parent:function(e){return!i.pseudos.empty(e)},header:function(e){return et.test(e.nodeName)},input:function(e){return Z.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||t.toLowerCase()===e.type)},first:ht(function(){return[0]}),last:ht(function(e,t){return[t-1]}),eq:ht(function(e,t,n){return[0>n?n+t:n]}),even:ht(function(e,t){var n=0;for(;t>n;n+=2)e.push(n);return e}),odd:ht(function(e,t){var n=1;for(;t>n;n+=2)e.push(n);return e}),lt:ht(function(e,t,n){var r=0>n?n+t:n;for(;--r>=0;)e.push(r);return e}),gt:ht(function(e,t,n){var r=0>n?n+t:n;for(;t>++r;)e.push(r);return e})}},i.pseudos.nth=i.pseudos.eq;for(t in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})i.pseudos[t]=pt(t);for(t in{submit:!0,reset:!0})i.pseudos[t]=ft(t);function dt(){}dt.prototype=i.filters=i.pseudos,i.setFilters=new dt;function gt(e,t){var n,r,o,s,a,u,l,c=k[e+" "];if(c)return t?0:c.slice(0);a=e,u=[],l=i.preFilter;while(a){(!n||(r=_.exec(a)))&&(r&&(a=a.slice(r[0].length)||a),u.push(o=[])),n=!1,(r=X.exec(a))&&(n=r.shift(),o.push({value:n,type:r[0].replace(z," ")}),a=a.slice(n.length));for(s in i.filter)!(r=J[s].exec(a))||l[s]&&!(r=l[s](r))||(n=r.shift(),o.push({value:n,type:s,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?ot.error(e):k(e,u).slice(0)}function mt(e){var t=0,n=e.length,r="";for(;n>t;t++)r+=e[t].value;return r}function yt(e,t,n){var i=t.dir,o=n&&"parentNode"===i,s=T++;return t.first?function(t,n,r){while(t=t[i])if(1===t.nodeType||o)return e(t,n,r)}:function(t,n,a){var u,l,c,p=w+" "+s;if(a){while(t=t[i])if((1===t.nodeType||o)&&e(t,n,a))return!0}else while(t=t[i])if(1===t.nodeType||o)if(c=t[v]||(t[v]={}),(l=c[i])&&l[0]===p){if((u=l[1])===!0||u===r)return u===!0}else if(l=c[i]=[p],l[1]=e(t,n,a)||r,l[1]===!0)return!0}}function vt(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function xt(e,t,n,r,i){var o,s=[],a=0,u=e.length,l=null!=t;for(;u>a;a++)(o=e[a])&&(!n||n(o,r,i))&&(s.push(o),l&&t.push(a));return s}function bt(e,t,n,r,i,o){return r&&!r[v]&&(r=bt(r)),i&&!i[v]&&(i=bt(i,o)),at(function(o,s,a,u){var l,c,p,f=[],h=[],d=s.length,g=o||Ct(t||"*",a.nodeType?[a]:a,[]),m=!e||!o&&t?g:xt(g,f,e,a,u),y=n?i||(o?e:d||r)?[]:s:m;if(n&&n(m,y,a,u),r){l=xt(y,h),r(l,[],a,u),c=l.length;while(c--)(p=l[c])&&(y[h[c]]=!(m[h[c]]=p))}if(o){if(i||e){if(i){l=[],c=y.length;while(c--)(p=y[c])&&l.push(m[c]=p);i(null,y=[],l,u)}c=y.length;while(c--)(p=y[c])&&(l=i?P.call(o,p):f[c])>-1&&(o[l]=!(s[l]=p))}}else y=xt(y===s?y.splice(d,y.length):y),i?i(null,s,y,u):O.apply(s,y)})}function wt(e){var t,n,r,o=e.length,s=i.relative[e[0].type],a=s||i.relative[" "],l=s?1:0,c=yt(function(e){return e===t},a,!0),p=yt(function(e){return P.call(t,e)>-1},a,!0),f=[function(e,n,r){return!s&&(r||n!==u)||((t=n).nodeType?c(e,n,r):p(e,n,r))}];for(;o>l;l++)if(n=i.relative[e[l].type])f=[yt(vt(f),n)];else{if(n=i.filter[e[l].type].apply(null,e[l].matches),n[v]){for(r=++l;o>r;r++)if(i.relative[e[r].type])break;return bt(l>1&&vt(f),l>1&&mt(e.slice(0,l-1).concat({value:" "===e[l-2].type?"*":""})).replace(z,"$1"),n,r>l&&wt(e.slice(l,r)),o>r&&wt(e=e.slice(r)),o>r&&mt(e))}f.push(n)}return vt(f)}function Tt(e,t){var n=0,o=t.length>0,s=e.length>0,a=function(a,l,c,f,h){var d,g,m,y=[],v=0,x="0",b=a&&[],T=null!=h,C=u,k=a||s&&i.find.TAG("*",h&&l.parentNode||l),N=w+=null==C?1:Math.random()||.1;for(T&&(u=l!==p&&l,r=n);null!=(d=k[x]);x++){if(s&&d){g=0;while(m=e[g++])if(m(d,l,c)){f.push(d);break}T&&(w=N,r=++n)}o&&((d=!m&&d)&&v--,a&&b.push(d))}if(v+=x,o&&x!==v){g=0;while(m=t[g++])m(b,y,l,c);if(a){if(v>0)while(x--)b[x]||y[x]||(y[x]=q.call(f));y=xt(y)}O.apply(f,y),T&&!a&&y.length>0&&v+t.length>1&&ot.uniqueSort(f)}return T&&(w=N,u=C),b};return o?at(a):a}a=ot.compile=function(e,t){var n,r=[],i=[],o=N[e+" "];if(!o){t||(t=gt(e)),n=t.length;while(n--)o=wt(t[n]),o[v]?r.push(o):i.push(o);o=N(e,Tt(i,r))}return o};function Ct(e,t,n){var r=0,i=t.length;for(;i>r;r++)ot(e,t[r],n);return n}function kt(e,t,r,o){var s,u,l,c,p,f=gt(e);if(!o&&1===f.length){if(u=f[0]=f[0].slice(0),u.length>2&&"ID"===(l=u[0]).type&&n.getById&&9===t.nodeType&&h&&i.relative[u[1].type]){if(t=(i.find.ID(l.matches[0].replace(nt,rt),t)||[])[0],!t)return r;e=e.slice(u.shift().value.length)}s=J.needsContext.test(e)?0:u.length;while(s--){if(l=u[s],i.relative[c=l.type])break;if((p=i.find[c])&&(o=p(l.matches[0].replace(nt,rt),U.test(u[0].type)&&t.parentNode||t))){if(u.splice(s,1),e=o.length&&mt(u),!e)return O.apply(r,o),r;break}}}return a(e,f)(o,t,!h,r,U.test(e)),r}n.sortStable=v.split("").sort(S).join("")===v,n.detectDuplicates=E,c(),n.sortDetached=ut(function(e){return 1&e.compareDocumentPosition(p.createElement("div"))}),ut(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||lt("type|href|height|width",function(e,t,n){return n?undefined:e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),n.attributes&&ut(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||lt("value",function(e,t,n){return n||"input"!==e.nodeName.toLowerCase()?undefined:e.defaultValue}),ut(function(e){return null==e.getAttribute("disabled")})||lt(R,function(e,t,n){var r;return n?undefined:(r=e.getAttributeNode(t))&&r.specified?r.value:e[t]===!0?t.toLowerCase():null}),x.find=ot,x.expr=ot.selectors,x.expr[":"]=x.expr.pseudos,x.unique=ot.uniqueSort,x.text=ot.getText,x.isXMLDoc=ot.isXML,x.contains=ot.contains}(e);var D={};function A(e){var t=D[e]={};return x.each(e.match(w)||[],function(e,n){t[n]=!0}),t}x.Callbacks=function(e){e="string"==typeof e?D[e]||A(e):x.extend({},e);var t,n,r,i,o,s,a=[],u=!e.once&&[],l=function(p){for(t=e.memory&&p,n=!0,s=i||0,i=0,o=a.length,r=!0;a&&o>s;s++)if(a[s].apply(p[0],p[1])===!1&&e.stopOnFalse){t=!1;break}r=!1,a&&(u?u.length&&l(u.shift()):t?a=[]:c.disable())},c={add:function(){if(a){var n=a.length;(function s(t){x.each(t,function(t,n){var r=x.type(n);"function"===r?e.unique&&c.has(n)||a.push(n):n&&n.length&&"string"!==r&&s(n)})})(arguments),r?o=a.length:t&&(i=n,l(t))}return this},remove:function(){return a&&x.each(arguments,function(e,t){var n;while((n=x.inArray(t,a,n))>-1)a.splice(n,1),r&&(o>=n&&o--,s>=n&&s--)}),this},has:function(e){return e?x.inArray(e,a)>-1:!(!a||!a.length)},empty:function(){return a=[],o=0,this},disable:function(){return a=u=t=undefined,this},disabled:function(){return!a},lock:function(){return u=undefined,t||c.disable(),this},locked:function(){return!u},fireWith:function(e,t){return!a||n&&!u||(t=t||[],t=[e,t.slice?t.slice():t],r?u.push(t):l(t)),this},fire:function(){return c.fireWith(this,arguments),this},fired:function(){return!!n}};return c},x.extend({Deferred:function(e){var t=[["resolve","done",x.Callbacks("once memory"),"resolved"],["reject","fail",x.Callbacks("once memory"),"rejected"],["notify","progress",x.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return x.Deferred(function(n){x.each(t,function(t,o){var s=o[0],a=x.isFunction(e[t])&&e[t];i[o[1]](function(){var e=a&&a.apply(this,arguments);e&&x.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[s+"With"](this===r?n.promise():this,a?[e]:arguments)})}),e=null}).promise()},promise:function(e){return null!=e?x.extend(e,r):r}},i={};return r.pipe=r.then,x.each(t,function(e,o){var s=o[2],a=o[3];r[o[1]]=s.add,a&&s.add(function(){n=a},t[1^e][2].disable,t[2][2].lock),i[o[0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=s.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t=0,n=d.call(arguments),r=n.length,i=1!==r||e&&x.isFunction(e.promise)?r:0,o=1===i?e:x.Deferred(),s=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?d.call(arguments):r,n===a?o.notifyWith(t,n):--i||o.resolveWith(t,n)}},a,u,l;if(r>1)for(a=Array(r),u=Array(r),l=Array(r);r>t;t++)n[t]&&x.isFunction(n[t].promise)?n[t].promise().done(s(t,l,n)).fail(o.reject).progress(s(t,u,a)):--i;return i||o.resolveWith(l,n),o.promise()}}),x.support=function(t){var n=o.createElement("input"),r=o.createDocumentFragment(),i=o.createElement("div"),s=o.createElement("select"),a=s.appendChild(o.createElement("option"));return n.type?(n.type="checkbox",t.checkOn=""!==n.value,t.optSelected=a.selected,t.reliableMarginRight=!0,t.boxSizingReliable=!0,t.pixelPosition=!1,n.checked=!0,t.noCloneChecked=n.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!a.disabled,n=o.createElement("input"),n.value="t",n.type="radio",t.radioValue="t"===n.value,n.setAttribute("checked","t"),n.setAttribute("name","t"),r.appendChild(n),t.checkClone=r.cloneNode(!0).cloneNode(!0).lastChild.checked,t.focusinBubbles="onfocusin"in e,i.style.backgroundClip="content-box",i.cloneNode(!0).style.backgroundClip="",t.clearCloneStyle="content-box"===i.style.backgroundClip,x(function(){var n,r,s="padding:0;margin:0;border:0;display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box",a=o.getElementsByTagName("body")[0];a&&(n=o.createElement("div"),n.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",a.appendChild(n).appendChild(i),i.innerHTML="",i.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%",x.swap(a,null!=a.style.zoom?{zoom:1}:{},function(){t.boxSizing=4===i.offsetWidth}),e.getComputedStyle&&(t.pixelPosition="1%"!==(e.getComputedStyle(i,null)||{}).top,t.boxSizingReliable="4px"===(e.getComputedStyle(i,null)||{width:"4px"}).width,r=i.appendChild(o.createElement("div")),r.style.cssText=i.style.cssText=s,r.style.marginRight=r.style.width="0",i.style.width="1px",t.reliableMarginRight=!parseFloat((e.getComputedStyle(r,null)||{}).marginRight)),a.removeChild(n))}),t):t}({});var L,q,H=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,O=/([A-Z])/g;function F(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=x.expando+Math.random()}F.uid=1,F.accepts=function(e){return e.nodeType?1===e.nodeType||9===e.nodeType:!0},F.prototype={key:function(e){if(!F.accepts(e))return 0;var t={},n=e[this.expando];if(!n){n=F.uid++;try{t[this.expando]={value:n},Object.defineProperties(e,t)}catch(r){t[this.expando]=n,x.extend(e,t)}}return this.cache[n]||(this.cache[n]={}),n},set:function(e,t,n){var r,i=this.key(e),o=this.cache[i];if("string"==typeof t)o[t]=n;else if(x.isEmptyObject(o))x.extend(this.cache[i],t);else for(r in t)o[r]=t[r];return o},get:function(e,t){var n=this.cache[this.key(e)];return t===undefined?n:n[t]},access:function(e,t,n){var r;return t===undefined||t&&"string"==typeof t&&n===undefined?(r=this.get(e,t),r!==undefined?r:this.get(e,x.camelCase(t))):(this.set(e,t,n),n!==undefined?n:t)},remove:function(e,t){var n,r,i,o=this.key(e),s=this.cache[o];if(t===undefined)this.cache[o]={};else{x.isArray(t)?r=t.concat(t.map(x.camelCase)):(i=x.camelCase(t),t in s?r=[t,i]:(r=i,r=r in s?[r]:r.match(w)||[])),n=r.length;while(n--)delete s[r[n]]}},hasData:function(e){return!x.isEmptyObject(this.cache[e[this.expando]]||{})},discard:function(e){e[this.expando]&&delete this.cache[e[this.expando]]}},L=new F,q=new F,x.extend({acceptData:F.accepts,hasData:function(e){return L.hasData(e)||q.hasData(e)},data:function(e,t,n){return L.access(e,t,n)},removeData:function(e,t){L.remove(e,t)},_data:function(e,t,n){return q.access(e,t,n)},_removeData:function(e,t){q.remove(e,t)}}),x.fn.extend({data:function(e,t){var n,r,i=this[0],o=0,s=null;if(e===undefined){if(this.length&&(s=L.get(i),1===i.nodeType&&!q.get(i,"hasDataAttrs"))){for(n=i.attributes;n.length>o;o++)r=n[o].name,0===r.indexOf("data-")&&(r=x.camelCase(r.slice(5)),P(i,r,s[r]));q.set(i,"hasDataAttrs",!0)}return s}return"object"==typeof e?this.each(function(){L.set(this,e)}):x.access(this,function(t){var n,r=x.camelCase(e);if(i&&t===undefined){if(n=L.get(i,e),n!==undefined)return n;if(n=L.get(i,r),n!==undefined)return n;if(n=P(i,r,undefined),n!==undefined)return n}else this.each(function(){var n=L.get(this,r);L.set(this,r,t),-1!==e.indexOf("-")&&n!==undefined&&L.set(this,e,t)})},null,t,arguments.length>1,null,!0)},removeData:function(e){return this.each(function(){L.remove(this,e)})}});function P(e,t,n){var r;if(n===undefined&&1===e.nodeType)if(r="data-"+t.replace(O,"-$1").toLowerCase(),n=e.getAttribute(r),"string"==typeof n){try{n="true"===n?!0:"false"===n?!1:"null"===n?null:+n+""===n?+n:H.test(n)?JSON.parse(n):n}catch(i){}L.set(e,t,n)}else n=undefined;return n}x.extend({queue:function(e,t,n){var r;return e?(t=(t||"fx")+"queue",r=q.get(e,t),n&&(!r||x.isArray(n)?r=q.access(e,t,x.makeArray(n)):r.push(n)),r||[]):undefined},dequeue:function(e,t){t=t||"fx";var n=x.queue(e,t),r=n.length,i=n.shift(),o=x._queueHooks(e,t),s=function(){x.dequeue(e,t)
-};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,s,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return q.get(e,n)||q.access(e,n,{empty:x.Callbacks("once memory").add(function(){q.remove(e,[t+"queue",n])})})}}),x.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),n>arguments.length?x.queue(this[0],e):t===undefined?this:this.each(function(){var n=x.queue(this,e,t);x._queueHooks(this,e),"fx"===e&&"inprogress"!==n[0]&&x.dequeue(this,e)})},dequeue:function(e){return this.each(function(){x.dequeue(this,e)})},delay:function(e,t){return e=x.fx?x.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=x.Deferred(),o=this,s=this.length,a=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=undefined),e=e||"fx";while(s--)n=q.get(o[s],e+"queueHooks"),n&&n.empty&&(r++,n.empty.add(a));return a(),i.promise(t)}});var R,M,W=/[\t\r\n\f]/g,$=/\r/g,B=/^(?:input|select|textarea|button)$/i;x.fn.extend({attr:function(e,t){return x.access(this,x.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){x.removeAttr(this,e)})},prop:function(e,t){return x.access(this,x.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[x.propFix[e]||e]})},addClass:function(e){var t,n,r,i,o,s=0,a=this.length,u="string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).addClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=x.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,s=0,a=this.length,u=0===arguments.length||"string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).removeClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?x.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):x.isFunction(e)?this.each(function(n){x(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var t,i=0,o=x(this),s=e.match(w)||[];while(t=s[i++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else(n===r||"boolean"===n)&&(this.className&&q.set(this,"__className__",this.className),this.className=this.className||e===!1?"":q.get(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(W," ").indexOf(t)>=0)return!0;return!1},val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=x.isFunction(e),this.each(function(n){var i;1===this.nodeType&&(i=r?e.call(this,n,x(this).val()):e,null==i?i="":"number"==typeof i?i+="":x.isArray(i)&&(i=x.map(i,function(e){return null==e?"":e+""})),t=x.valHooks[this.type]||x.valHooks[this.nodeName.toLowerCase()],t&&"set"in t&&t.set(this,i,"value")!==undefined||(this.value=i))});if(i)return t=x.valHooks[i.type]||x.valHooks[i.nodeName.toLowerCase()],t&&"get"in t&&(n=t.get(i,"value"))!==undefined?n:(n=i.value,"string"==typeof n?n.replace($,""):null==n?"":n)}}}),x.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,s=o?null:[],a=o?i+1:r.length,u=0>i?a:o?i:0;for(;a>u;u++)if(n=r[u],!(!n.selected&&u!==i||(x.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&x.nodeName(n.parentNode,"optgroup"))){if(t=x(n).val(),o)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=x.makeArray(t),s=i.length;while(s--)r=i[s],(r.selected=x.inArray(x(r).val(),o)>=0)&&(n=!0);return n||(e.selectedIndex=-1),o}}},attr:function(e,t,n){var i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return typeof e.getAttribute===r?x.prop(e,t,n):(1===s&&x.isXMLDoc(e)||(t=t.toLowerCase(),i=x.attrHooks[t]||(x.expr.match.bool.test(t)?M:R)),n===undefined?i&&"get"in i&&null!==(o=i.get(e,t))?o:(o=x.find.attr(e,t),null==o?undefined:o):null!==n?i&&"set"in i&&(o=i.set(e,n,t))!==undefined?o:(e.setAttribute(t,n+""),n):(x.removeAttr(e,t),undefined))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(w);if(o&&1===e.nodeType)while(n=o[i++])r=x.propFix[n]||n,x.expr.match.bool.test(n)&&(e[r]=!1),e.removeAttribute(n)},attrHooks:{type:{set:function(e,t){if(!x.support.radioValue&&"radio"===t&&x.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{"for":"htmlFor","class":"className"},prop:function(e,t,n){var r,i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return o=1!==s||!x.isXMLDoc(e),o&&(t=x.propFix[t]||t,i=x.propHooks[t]),n!==undefined?i&&"set"in i&&(r=i.set(e,n,t))!==undefined?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){return e.hasAttribute("tabindex")||B.test(e.nodeName)||e.href?e.tabIndex:-1}}}}),M={set:function(e,t,n){return t===!1?x.removeAttr(e,n):e.setAttribute(n,n),n}},x.each(x.expr.match.bool.source.match(/\w+/g),function(e,t){var n=x.expr.attrHandle[t]||x.find.attr;x.expr.attrHandle[t]=function(e,t,r){var i=x.expr.attrHandle[t],o=r?undefined:(x.expr.attrHandle[t]=undefined)!=n(e,t,r)?t.toLowerCase():null;return x.expr.attrHandle[t]=i,o}}),x.support.optSelected||(x.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null}}),x.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){x.propFix[this.toLowerCase()]=this}),x.each(["radio","checkbox"],function(){x.valHooks[this]={set:function(e,t){return x.isArray(t)?e.checked=x.inArray(x(e).val(),t)>=0:undefined}},x.support.checkOn||(x.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var I=/^key/,z=/^(?:mouse|contextmenu)|click/,_=/^(?:focusinfocus|focusoutblur)$/,X=/^([^.]*)(?:\.(.+)|)$/;function U(){return!0}function Y(){return!1}function V(){try{return o.activeElement}catch(e){}}x.event={global:{},add:function(e,t,n,i,o){var s,a,u,l,c,p,f,h,d,g,m,y=q.get(e);if(y){n.handler&&(s=n,n=s.handler,o=s.selector),n.guid||(n.guid=x.guid++),(l=y.events)||(l=y.events={}),(a=y.handle)||(a=y.handle=function(e){return typeof x===r||e&&x.event.triggered===e.type?undefined:x.event.dispatch.apply(a.elem,arguments)},a.elem=e),t=(t||"").match(w)||[""],c=t.length;while(c--)u=X.exec(t[c])||[],d=m=u[1],g=(u[2]||"").split(".").sort(),d&&(f=x.event.special[d]||{},d=(o?f.delegateType:f.bindType)||d,f=x.event.special[d]||{},p=x.extend({type:d,origType:m,data:i,handler:n,guid:n.guid,selector:o,needsContext:o&&x.expr.match.needsContext.test(o),namespace:g.join(".")},s),(h=l[d])||(h=l[d]=[],h.delegateCount=0,f.setup&&f.setup.call(e,i,g,a)!==!1||e.addEventListener&&e.addEventListener(d,a,!1)),f.add&&(f.add.call(e,p),p.handler.guid||(p.handler.guid=n.guid)),o?h.splice(h.delegateCount++,0,p):h.push(p),x.event.global[d]=!0);e=null}},remove:function(e,t,n,r,i){var o,s,a,u,l,c,p,f,h,d,g,m=q.hasData(e)&&q.get(e);if(m&&(u=m.events)){t=(t||"").match(w)||[""],l=t.length;while(l--)if(a=X.exec(t[l])||[],h=g=a[1],d=(a[2]||"").split(".").sort(),h){p=x.event.special[h]||{},h=(r?p.delegateType:p.bindType)||h,f=u[h]||[],a=a[2]&&RegExp("(^|\\.)"+d.join("\\.(?:.*\\.|)")+"(\\.|$)"),s=o=f.length;while(o--)c=f[o],!i&&g!==c.origType||n&&n.guid!==c.guid||a&&!a.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(f.splice(o,1),c.selector&&f.delegateCount--,p.remove&&p.remove.call(e,c));s&&!f.length&&(p.teardown&&p.teardown.call(e,d,m.handle)!==!1||x.removeEvent(e,h,m.handle),delete u[h])}else for(h in u)x.event.remove(e,h+t[l],n,r,!0);x.isEmptyObject(u)&&(delete m.handle,q.remove(e,"events"))}},trigger:function(t,n,r,i){var s,a,u,l,c,p,f,h=[r||o],d=y.call(t,"type")?t.type:t,g=y.call(t,"namespace")?t.namespace.split("."):[];if(a=u=r=r||o,3!==r.nodeType&&8!==r.nodeType&&!_.test(d+x.event.triggered)&&(d.indexOf(".")>=0&&(g=d.split("."),d=g.shift(),g.sort()),c=0>d.indexOf(":")&&"on"+d,t=t[x.expando]?t:new x.Event(d,"object"==typeof t&&t),t.isTrigger=i?2:3,t.namespace=g.join("."),t.namespace_re=t.namespace?RegExp("(^|\\.)"+g.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=undefined,t.target||(t.target=r),n=null==n?[t]:x.makeArray(n,[t]),f=x.event.special[d]||{},i||!f.trigger||f.trigger.apply(r,n)!==!1)){if(!i&&!f.noBubble&&!x.isWindow(r)){for(l=f.delegateType||d,_.test(l+d)||(a=a.parentNode);a;a=a.parentNode)h.push(a),u=a;u===(r.ownerDocument||o)&&h.push(u.defaultView||u.parentWindow||e)}s=0;while((a=h[s++])&&!t.isPropagationStopped())t.type=s>1?l:f.bindType||d,p=(q.get(a,"events")||{})[t.type]&&q.get(a,"handle"),p&&p.apply(a,n),p=c&&a[c],p&&x.acceptData(a)&&p.apply&&p.apply(a,n)===!1&&t.preventDefault();return t.type=d,i||t.isDefaultPrevented()||f._default&&f._default.apply(h.pop(),n)!==!1||!x.acceptData(r)||c&&x.isFunction(r[d])&&!x.isWindow(r)&&(u=r[c],u&&(r[c]=null),x.event.triggered=d,r[d](),x.event.triggered=undefined,u&&(r[c]=u)),t.result}},dispatch:function(e){e=x.event.fix(e);var t,n,r,i,o,s=[],a=d.call(arguments),u=(q.get(this,"events")||{})[e.type]||[],l=x.event.special[e.type]||{};if(a[0]=e,e.delegateTarget=this,!l.preDispatch||l.preDispatch.call(this,e)!==!1){s=x.event.handlers.call(this,e,u),t=0;while((i=s[t++])&&!e.isPropagationStopped()){e.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(o.namespace))&&(e.handleObj=o,e.data=o.data,r=((x.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,a),r!==undefined&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return l.postDispatch&&l.postDispatch.call(this,e),e.result}},handlers:function(e,t){var n,r,i,o,s=[],a=t.delegateCount,u=e.target;if(a&&u.nodeType&&(!e.button||"click"!==e.type))for(;u!==this;u=u.parentNode||this)if(u.disabled!==!0||"click"!==e.type){for(r=[],n=0;a>n;n++)o=t[n],i=o.selector+" ",r[i]===undefined&&(r[i]=o.needsContext?x(i,this).index(u)>=0:x.find(i,this,null,[u]).length),r[i]&&r.push(o);r.length&&s.push({elem:u,handlers:r})}return t.length>a&&s.push({elem:this,handlers:t.slice(a)}),s},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,t){var n,r,i,s=t.button;return null==e.pageX&&null!=t.clientX&&(n=e.target.ownerDocument||o,r=n.documentElement,i=n.body,e.pageX=t.clientX+(r&&r.scrollLeft||i&&i.scrollLeft||0)-(r&&r.clientLeft||i&&i.clientLeft||0),e.pageY=t.clientY+(r&&r.scrollTop||i&&i.scrollTop||0)-(r&&r.clientTop||i&&i.clientTop||0)),e.which||s===undefined||(e.which=1&s?1:2&s?3:4&s?2:0),e}},fix:function(e){if(e[x.expando])return e;var t,n,r,i=e.type,s=e,a=this.fixHooks[i];a||(this.fixHooks[i]=a=z.test(i)?this.mouseHooks:I.test(i)?this.keyHooks:{}),r=a.props?this.props.concat(a.props):this.props,e=new x.Event(s),t=r.length;while(t--)n=r[t],e[n]=s[n];return e.target||(e.target=o),3===e.target.nodeType&&(e.target=e.target.parentNode),a.filter?a.filter(e,s):e},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==V()&&this.focus?(this.focus(),!1):undefined},delegateType:"focusin"},blur:{trigger:function(){return this===V()&&this.blur?(this.blur(),!1):undefined},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&x.nodeName(this,"input")?(this.click(),!1):undefined},_default:function(e){return x.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){e.result!==undefined&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=x.extend(new x.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?x.event.trigger(i,null,t):x.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},x.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)},x.Event=function(e,t){return this instanceof x.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.getPreventDefault&&e.getPreventDefault()?U:Y):this.type=e,t&&x.extend(this,t),this.timeStamp=e&&e.timeStamp||x.now(),this[x.expando]=!0,undefined):new x.Event(e,t)},x.Event.prototype={isDefaultPrevented:Y,isPropagationStopped:Y,isImmediatePropagationStopped:Y,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=U,e&&e.preventDefault&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=U,e&&e.stopPropagation&&e.stopPropagation()},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=U,this.stopPropagation()}},x.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){x.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return(!i||i!==r&&!x.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),x.support.focusinBubbles||x.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){x.event.simulate(t,e.target,x.event.fix(e),!0)};x.event.special[t]={setup:function(){0===n++&&o.addEventListener(e,r,!0)},teardown:function(){0===--n&&o.removeEventListener(e,r,!0)}}}),x.fn.extend({on:function(e,t,n,r,i){var o,s;if("object"==typeof e){"string"!=typeof t&&(n=n||t,t=undefined);for(s in e)this.on(s,t,n,e[s],i);return this}if(null==n&&null==r?(r=t,n=t=undefined):null==r&&("string"==typeof t?(r=n,n=undefined):(r=n,n=t,t=undefined)),r===!1)r=Y;else if(!r)return this;return 1===i&&(o=r,r=function(e){return x().off(e),o.apply(this,arguments)},r.guid=o.guid||(o.guid=x.guid++)),this.each(function(){x.event.add(this,e,r,n,t)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,x(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return(t===!1||"function"==typeof t)&&(n=t,t=undefined),n===!1&&(n=Y),this.each(function(){x.event.remove(this,e,n,t)})},trigger:function(e,t){return this.each(function(){x.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];return n?x.event.trigger(e,t,n,!0):undefined}});var G=/^.[^:#\[\.,]*$/,J=/^(?:parents|prev(?:Until|All))/,Q=x.expr.match.needsContext,K={children:!0,contents:!0,next:!0,prev:!0};x.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(x(e).filter(function(){for(t=0;i>t;t++)if(x.contains(r[t],this))return!0}));for(t=0;i>t;t++)x.find(e,r[t],n);return n=this.pushStack(i>1?x.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},has:function(e){var t=x(e,this),n=t.length;return this.filter(function(){var e=0;for(;n>e;e++)if(x.contains(this,t[e]))return!0})},not:function(e){return this.pushStack(et(this,e||[],!0))},filter:function(e){return this.pushStack(et(this,e||[],!1))},is:function(e){return!!et(this,"string"==typeof e&&Q.test(e)?x(e):e||[],!1).length},closest:function(e,t){var n,r=0,i=this.length,o=[],s=Q.test(e)||"string"!=typeof e?x(e,t||this.context):0;for(;i>r;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(11>n.nodeType&&(s?s.index(n)>-1:1===n.nodeType&&x.find.matchesSelector(n,e))){n=o.push(n);break}return this.pushStack(o.length>1?x.unique(o):o)},index:function(e){return e?"string"==typeof e?g.call(x(e),this[0]):g.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?x(e,t):x.makeArray(e&&e.nodeType?[e]:e),r=x.merge(this.get(),n);return this.pushStack(x.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function Z(e,t){while((e=e[t])&&1!==e.nodeType);return e}x.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return x.dir(e,"parentNode")},parentsUntil:function(e,t,n){return x.dir(e,"parentNode",n)},next:function(e){return Z(e,"nextSibling")},prev:function(e){return Z(e,"previousSibling")},nextAll:function(e){return x.dir(e,"nextSibling")},prevAll:function(e){return x.dir(e,"previousSibling")},nextUntil:function(e,t,n){return x.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return x.dir(e,"previousSibling",n)},siblings:function(e){return x.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return x.sibling(e.firstChild)},contents:function(e){return e.contentDocument||x.merge([],e.childNodes)}},function(e,t){x.fn[e]=function(n,r){var i=x.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=x.filter(r,i)),this.length>1&&(K[e]||x.unique(i),J.test(e)&&i.reverse()),this.pushStack(i)}}),x.extend({filter:function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?x.find.matchesSelector(r,e)?[r]:[]:x.find.matches(e,x.grep(t,function(e){return 1===e.nodeType}))},dir:function(e,t,n){var r=[],i=n!==undefined;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&x(e).is(n))break;r.push(e)}return r},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function et(e,t,n){if(x.isFunction(t))return x.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return x.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(G.test(t))return x.filter(t,e,n);t=x.filter(t,e)}return x.grep(e,function(e){return g.call(t,e)>=0!==n})}var tt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,nt=/<([\w:]+)/,rt=/<|&#?\w+;/,it=/<(?:script|style|link)/i,ot=/^(?:checkbox|radio)$/i,st=/checked\s*(?:[^=]|=\s*.checked.)/i,at=/^$|\/(?:java|ecma)script/i,ut=/^true\/(.*)/,lt=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,ct={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};ct.optgroup=ct.option,ct.tbody=ct.tfoot=ct.colgroup=ct.caption=ct.thead,ct.th=ct.td,x.fn.extend({text:function(e){return x.access(this,function(e){return e===undefined?x.text(this):this.empty().append((this[0]&&this[0].ownerDocument||o).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.appendChild(e)}})},prepend:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=e?x.filter(e,this):this,i=0;for(;null!=(n=r[i]);i++)t||1!==n.nodeType||x.cleanData(mt(n)),n.parentNode&&(t&&x.contains(n.ownerDocument,n)&&dt(mt(n,"script")),n.parentNode.removeChild(n));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++)1===e.nodeType&&(x.cleanData(mt(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return x.clone(this,e,t)})},html:function(e){return x.access(this,function(e){var t=this[0]||{},n=0,r=this.length;if(e===undefined&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!it.test(e)&&!ct[(nt.exec(e)||["",""])[1].toLowerCase()]){e=e.replace(tt,"<$1></$2>");try{for(;r>n;n++)t=this[n]||{},1===t.nodeType&&(x.cleanData(mt(t,!1)),t.innerHTML=e);t=0}catch(i){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=x.map(this,function(e){return[e.nextSibling,e.parentNode]}),t=0;return this.domManip(arguments,function(n){var r=e[t++],i=e[t++];i&&(r&&r.parentNode!==i&&(r=this.nextSibling),x(this).remove(),i.insertBefore(n,r))},!0),t?this:this.remove()},detach:function(e){return this.remove(e,!0)},domManip:function(e,t,n){e=f.apply([],e);var r,i,o,s,a,u,l=0,c=this.length,p=this,h=c-1,d=e[0],g=x.isFunction(d);if(g||!(1>=c||"string"!=typeof d||x.support.checkClone)&&st.test(d))return this.each(function(r){var i=p.eq(r);g&&(e[0]=d.call(this,r,i.html())),i.domManip(e,t,n)});if(c&&(r=x.buildFragment(e,this[0].ownerDocument,!1,!n&&this),i=r.firstChild,1===r.childNodes.length&&(r=i),i)){for(o=x.map(mt(r,"script"),ft),s=o.length;c>l;l++)a=r,l!==h&&(a=x.clone(a,!0,!0),s&&x.merge(o,mt(a,"script"))),t.call(this[l],a,l);if(s)for(u=o[o.length-1].ownerDocument,x.map(o,ht),l=0;s>l;l++)a=o[l],at.test(a.type||"")&&!q.access(a,"globalEval")&&x.contains(u,a)&&(a.src?x._evalUrl(a.src):x.globalEval(a.textContent.replace(lt,"")))}return this}}),x.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){x.fn[e]=function(e){var n,r=[],i=x(e),o=i.length-1,s=0;for(;o>=s;s++)n=s===o?this:this.clone(!0),x(i[s])[t](n),h.apply(r,n.get());return this.pushStack(r)}}),x.extend({clone:function(e,t,n){var r,i,o,s,a=e.cloneNode(!0),u=x.contains(e.ownerDocument,e);if(!(x.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||x.isXMLDoc(e)))for(s=mt(a),o=mt(e),r=0,i=o.length;i>r;r++)yt(o[r],s[r]);if(t)if(n)for(o=o||mt(e),s=s||mt(a),r=0,i=o.length;i>r;r++)gt(o[r],s[r]);else gt(e,a);return s=mt(a,"script"),s.length>0&&dt(s,!u&&mt(e,"script")),a},buildFragment:function(e,t,n,r){var i,o,s,a,u,l,c=0,p=e.length,f=t.createDocumentFragment(),h=[];for(;p>c;c++)if(i=e[c],i||0===i)if("object"===x.type(i))x.merge(h,i.nodeType?[i]:i);else if(rt.test(i)){o=o||f.appendChild(t.createElement("div")),s=(nt.exec(i)||["",""])[1].toLowerCase(),a=ct[s]||ct._default,o.innerHTML=a[1]+i.replace(tt,"<$1></$2>")+a[2],l=a[0];while(l--)o=o.lastChild;x.merge(h,o.childNodes),o=f.firstChild,o.textContent=""}else h.push(t.createTextNode(i));f.textContent="",c=0;while(i=h[c++])if((!r||-1===x.inArray(i,r))&&(u=x.contains(i.ownerDocument,i),o=mt(f.appendChild(i),"script"),u&&dt(o),n)){l=0;while(i=o[l++])at.test(i.type||"")&&n.push(i)}return f},cleanData:function(e){var t,n,r,i,o,s,a=x.event.special,u=0;for(;(n=e[u])!==undefined;u++){if(F.accepts(n)&&(o=n[q.expando],o&&(t=q.cache[o]))){if(r=Object.keys(t.events||{}),r.length)for(s=0;(i=r[s])!==undefined;s++)a[i]?x.event.remove(n,i):x.removeEvent(n,i,t.handle);q.cache[o]&&delete q.cache[o]}delete L.cache[n[L.expando]]}},_evalUrl:function(e){return x.ajax({url:e,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})}});function pt(e,t){return x.nodeName(e,"table")&&x.nodeName(1===t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function ft(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function ht(e){var t=ut.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function dt(e,t){var n=e.length,r=0;for(;n>r;r++)q.set(e[r],"globalEval",!t||q.get(t[r],"globalEval"))}function gt(e,t){var n,r,i,o,s,a,u,l;if(1===t.nodeType){if(q.hasData(e)&&(o=q.access(e),s=q.set(t,o),l=o.events)){delete s.handle,s.events={};for(i in l)for(n=0,r=l[i].length;r>n;n++)x.event.add(t,i,l[i][n])}L.hasData(e)&&(a=L.access(e),u=x.extend({},a),L.set(t,u))}}function mt(e,t){var n=e.getElementsByTagName?e.getElementsByTagName(t||"*"):e.querySelectorAll?e.querySelectorAll(t||"*"):[];return t===undefined||t&&x.nodeName(e,t)?x.merge([e],n):n}function yt(e,t){var n=t.nodeName.toLowerCase();"input"===n&&ot.test(e.type)?t.checked=e.checked:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}x.fn.extend({wrapAll:function(e){var t;return x.isFunction(e)?this.each(function(t){x(this).wrapAll(e.call(this,t))}):(this[0]&&(t=x(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this)},wrapInner:function(e){return x.isFunction(e)?this.each(function(t){x(this).wrapInner(e.call(this,t))}):this.each(function(){var t=x(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=x.isFunction(e);return this.each(function(n){x(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){x.nodeName(this,"body")||x(this).replaceWith(this.childNodes)}).end()}});var vt,xt,bt=/^(none|table(?!-c[ea]).+)/,wt=/^margin/,Tt=RegExp("^("+b+")(.*)$","i"),Ct=RegExp("^("+b+")(?!px)[a-z%]+$","i"),kt=RegExp("^([+-])=("+b+")","i"),Nt={BODY:"block"},Et={position:"absolute",visibility:"hidden",display:"block"},St={letterSpacing:0,fontWeight:400},jt=["Top","Right","Bottom","Left"],Dt=["Webkit","O","Moz","ms"];function At(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=Dt.length;while(i--)if(t=Dt[i]+n,t in e)return t;return r}function Lt(e,t){return e=t||e,"none"===x.css(e,"display")||!x.contains(e.ownerDocument,e)}function qt(t){return e.getComputedStyle(t,null)}function Ht(e,t){var n,r,i,o=[],s=0,a=e.length;for(;a>s;s++)r=e[s],r.style&&(o[s]=q.get(r,"olddisplay"),n=r.style.display,t?(o[s]||"none"!==n||(r.style.display=""),""===r.style.display&&Lt(r)&&(o[s]=q.access(r,"olddisplay",Rt(r.nodeName)))):o[s]||(i=Lt(r),(n&&"none"!==n||!i)&&q.set(r,"olddisplay",i?n:x.css(r,"display"))));for(s=0;a>s;s++)r=e[s],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[s]||"":"none"));return e}x.fn.extend({css:function(e,t){return x.access(this,function(e,t,n){var r,i,o={},s=0;if(x.isArray(t)){for(r=qt(e),i=t.length;i>s;s++)o[t[s]]=x.css(e,t[s],!1,r);return o}return n!==undefined?x.style(e,t,n):x.css(e,t)},e,t,arguments.length>1)},show:function(){return Ht(this,!0)},hide:function(){return Ht(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){Lt(this)?x(this).show():x(this).hide()})}}),x.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=vt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,s,a=x.camelCase(t),u=e.style;return t=x.cssProps[a]||(x.cssProps[a]=At(u,a)),s=x.cssHooks[t]||x.cssHooks[a],n===undefined?s&&"get"in s&&(i=s.get(e,!1,r))!==undefined?i:u[t]:(o=typeof n,"string"===o&&(i=kt.exec(n))&&(n=(i[1]+1)*i[2]+parseFloat(x.css(e,t)),o="number"),null==n||"number"===o&&isNaN(n)||("number"!==o||x.cssNumber[a]||(n+="px"),x.support.clearCloneStyle||""!==n||0!==t.indexOf("background")||(u[t]="inherit"),s&&"set"in s&&(n=s.set(e,n,r))===undefined||(u[t]=n)),undefined)}},css:function(e,t,n,r){var i,o,s,a=x.camelCase(t);return t=x.cssProps[a]||(x.cssProps[a]=At(e.style,a)),s=x.cssHooks[t]||x.cssHooks[a],s&&"get"in s&&(i=s.get(e,!0,n)),i===undefined&&(i=vt(e,t,r)),"normal"===i&&t in St&&(i=St[t]),""===n||n?(o=parseFloat(i),n===!0||x.isNumeric(o)?o||0:i):i}}),vt=function(e,t,n){var r,i,o,s=n||qt(e),a=s?s.getPropertyValue(t)||s[t]:undefined,u=e.style;return s&&(""!==a||x.contains(e.ownerDocument,e)||(a=x.style(e,t)),Ct.test(a)&&wt.test(t)&&(r=u.width,i=u.minWidth,o=u.maxWidth,u.minWidth=u.maxWidth=u.width=a,a=s.width,u.width=r,u.minWidth=i,u.maxWidth=o)),a};function Ot(e,t,n){var r=Tt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function Ft(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,s=0;for(;4>o;o+=2)"margin"===n&&(s+=x.css(e,n+jt[o],!0,i)),r?("content"===n&&(s-=x.css(e,"padding"+jt[o],!0,i)),"margin"!==n&&(s-=x.css(e,"border"+jt[o]+"Width",!0,i))):(s+=x.css(e,"padding"+jt[o],!0,i),"padding"!==n&&(s+=x.css(e,"border"+jt[o]+"Width",!0,i)));return s}function Pt(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=qt(e),s=x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=vt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Ct.test(i))return i;r=s&&(x.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+Ft(e,t,n||(s?"border":"content"),r,o)+"px"}function Rt(e){var t=o,n=Nt[e];return n||(n=Mt(e,t),"none"!==n&&n||(xt=(xt||x("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(t.documentElement),t=(xt[0].contentWindow||xt[0].contentDocument).document,t.write("<!doctype html><html><body>"),t.close(),n=Mt(e,t),xt.detach()),Nt[e]=n),n}function Mt(e,t){var n=x(t.createElement(e)).appendTo(t.body),r=x.css(n[0],"display");return n.remove(),r}x.each(["height","width"],function(e,t){x.cssHooks[t]={get:function(e,n,r){return n?0===e.offsetWidth&&bt.test(x.css(e,"display"))?x.swap(e,Et,function(){return Pt(e,t,r)}):Pt(e,t,r):undefined},set:function(e,n,r){var i=r&&qt(e);return Ot(e,n,r?Ft(e,t,r,x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,i),i):0)}}}),x(function(){x.support.reliableMarginRight||(x.cssHooks.marginRight={get:function(e,t){return t?x.swap(e,{display:"inline-block"},vt,[e,"marginRight"]):undefined}}),!x.support.pixelPosition&&x.fn.position&&x.each(["top","left"],function(e,t){x.cssHooks[t]={get:function(e,n){return n?(n=vt(e,t),Ct.test(n)?x(e).position()[t]+"px":n):undefined}}})}),x.expr&&x.expr.filters&&(x.expr.filters.hidden=function(e){return 0>=e.offsetWidth&&0>=e.offsetHeight},x.expr.filters.visible=function(e){return!x.expr.filters.hidden(e)}),x.each({margin:"",padding:"",border:"Width"},function(e,t){x.cssHooks[e+t]={expand:function(n){var r=0,i={},o="string"==typeof n?n.split(" "):[n];for(;4>r;r++)i[e+jt[r]+t]=o[r]||o[r-2]||o[0];return i}},wt.test(e)||(x.cssHooks[e+t].set=Ot)});var Wt=/%20/g,$t=/\[\]$/,Bt=/\r?\n/g,It=/^(?:submit|button|image|reset|file)$/i,zt=/^(?:input|select|textarea|keygen)/i;x.fn.extend({serialize:function(){return x.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=x.prop(this,"elements");return e?x.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!x(this).is(":disabled")&&zt.test(this.nodeName)&&!It.test(e)&&(this.checked||!ot.test(e))}).map(function(e,t){var n=x(this).val();return null==n?null:x.isArray(n)?x.map(n,function(e){return{name:t.name,value:e.replace(Bt,"\r\n")}}):{name:t.name,value:n.replace(Bt,"\r\n")}}).get()}}),x.param=function(e,t){var n,r=[],i=function(e,t){t=x.isFunction(t)?t():null==t?"":t,r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(t===undefined&&(t=x.ajaxSettings&&x.ajaxSettings.traditional),x.isArray(e)||e.jquery&&!x.isPlainObject(e))x.each(e,function(){i(this.name,this.value)});else for(n in e)_t(n,e[n],t,i);return r.join("&").replace(Wt,"+")};function _t(e,t,n,r){var i;if(x.isArray(t))x.each(t,function(t,i){n||$t.test(e)?r(e,i):_t(e+"["+("object"==typeof i?t:"")+"]",i,n,r)});else if(n||"object"!==x.type(t))r(e,t);else for(i in t)_t(e+"["+i+"]",t[i],n,r)}x.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){x.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),x.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)
+};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,s,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return q.get(e,n)||q.access(e,n,{empty:x.Callbacks("once memory").add(function(){q.remove(e,[t+"queue",n])})})}}),x.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),n>arguments.length?x.queue(this[0],e):t===undefined?this:this.each(function(){var n=x.queue(this,e,t);x._queueHooks(this,e),"fx"===e&&"inprogress"!==n[0]&&x.dequeue(this,e)})},dequeue:function(e){return this.each(function(){x.dequeue(this,e)})},delay:function(e,t){return e=x.fx?x.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=x.Deferred(),o=this,s=this.length,a=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=undefined),e=e||"fx";while(s--)n=q.get(o[s],e+"queueHooks"),n&&n.empty&&(r++,n.empty.add(a));return a(),i.promise(t)}});var R,M,W=/[\t\r\n\f]/g,$=/\r/g,B=/^(?:input|select|textarea|button)$/i;x.fn.extend({attr:function(e,t){return x.access(this,x.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){x.removeAttr(this,e)})},prop:function(e,t){return x.access(this,x.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[x.propFix[e]||e]})},addClass:function(e){var t,n,r,i,o,s=0,a=this.length,u="string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).addClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=x.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,s=0,a=this.length,u=0===arguments.length||"string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).removeClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?x.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):x.isFunction(e)?this.each(function(n){x(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var t,i=0,o=x(this),s=e.match(w)||[];while(t=s[i++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else(n===r||"boolean"===n)&&(this.className&&q.set(this,"__className__",this.className),this.className=this.className||e===!1?"":q.get(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(W," ").indexOf(t)>=0)return!0;return!1},val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=x.isFunction(e),this.each(function(n){var i;1===this.nodeType&&(i=r?e.call(this,n,x(this).val()):e,null==i?i="":"number"==typeof i?i+="":x.isArray(i)&&(i=x.map(i,function(e){return null==e?"":e+""})),t=x.valHooks[this.type]||x.valHooks[this.nodeName.toLowerCase()],t&&"set"in t&&t.set(this,i,"value")!==undefined||(this.value=i))});if(i)return t=x.valHooks[i.type]||x.valHooks[i.nodeName.toLowerCase()],t&&"get"in t&&(n=t.get(i,"value"))!==undefined?n:(n=i.value,"string"==typeof n?n.replace($,""):null==n?"":n)}}}),x.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,s=o?null:[],a=o?i+1:r.length,u=0>i?a:o?i:0;for(;a>u;u++)if(n=r[u],!(!n.selected&&u!==i||(x.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&x.nodeName(n.parentNode,"optgroup"))){if(t=x(n).val(),o)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=x.makeArray(t),s=i.length;while(s--)r=i[s],(r.selected=x.inArray(x(r).val(),o)>=0)&&(n=!0);return n||(e.selectedIndex=-1),o}}},attr:function(e,t,n){var i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return typeof e.getAttribute===r?x.prop(e,t,n):(1===s&&x.isXMLDoc(e)||(t=t.toLowerCase(),i=x.attrHooks[t]||(x.expr.match.bool.test(t)?M:R)),n===undefined?i&&"get"in i&&null!==(o=i.get(e,t))?o:(o=x.find.attr(e,t),null==o?undefined:o):null!==n?i&&"set"in i&&(o=i.set(e,n,t))!==undefined?o:(e.setAttribute(t,n+""),n):(x.removeAttr(e,t),undefined))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(w);if(o&&1===e.nodeType)while(n=o[i++])r=x.propFix[n]||n,x.expr.match.bool.test(n)&&(e[r]=!1),e.removeAttribute(n)},attrHooks:{type:{set:function(e,t){if(!x.support.radioValue&&"radio"===t&&x.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{"for":"htmlFor","class":"className"},prop:function(e,t,n){var r,i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return o=1!==s||!x.isXMLDoc(e),o&&(t=x.propFix[t]||t,i=x.propHooks[t]),n!==undefined?i&&"set"in i&&(r=i.set(e,n,t))!==undefined?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){return e.hasAttribute("tabindex")||B.test(e.nodeName)||e.href?e.tabIndex:-1}}}}),M={set:function(e,t,n){return t===!1?x.removeAttr(e,n):e.setAttribute(n,n),n}},x.each(x.expr.match.bool.source.match(/\w+/g),function(e,t){var n=x.expr.attrHandle[t]||x.find.attr;x.expr.attrHandle[t]=function(e,t,r){var i=x.expr.attrHandle[t],o=r?undefined:(x.expr.attrHandle[t]=undefined)!=n(e,t,r)?t.toLowerCase():null;return x.expr.attrHandle[t]=i,o}}),x.support.optSelected||(x.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null}}),x.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){x.propFix[this.toLowerCase()]=this}),x.each(["radio","checkbox"],function(){x.valHooks[this]={set:function(e,t){return x.isArray(t)?e.checked=x.inArray(x(e).val(),t)>=0:undefined}},x.support.checkOn||(x.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var I=/^key/,z=/^(?:mouse|contextmenu)|click/,_=/^(?:focusinfocus|focusoutblur)$/,X=/^([^.]*)(?:\.(.+)|)$/;function U(){return!0}function Y(){return!1}function V(){try{return o.activeElement}catch(e){}}x.event={global:{},add:function(e,t,n,i,o){var s,a,u,l,c,p,f,h,d,g,m,y=q.get(e);if(y){n.handler&&(s=n,n=s.handler,o=s.selector),n.guid||(n.guid=x.guid++),(l=y.events)||(l=y.events={}),(a=y.handle)||(a=y.handle=function(e){return typeof x===r||e&&x.event.triggered===e.type?undefined:x.event.dispatch.apply(a.elem,arguments)},a.elem=e),t=(t||"").match(w)||[""],c=t.length;while(c--)u=X.exec(t[c])||[],d=m=u[1],g=(u[2]||"").split(".").sort(),d&&(f=x.event.special[d]||{},d=(o?f.delegateType:f.bindType)||d,f=x.event.special[d]||{},p=x.extend({type:d,origType:m,data:i,handler:n,guid:n.guid,selector:o,needsContext:o&&x.expr.match.needsContext.test(o),namespace:g.join(".")},s),(h=l[d])||(h=l[d]=[],h.delegateCount=0,f.setup&&f.setup.call(e,i,g,a)!==!1||e.addEventListener&&e.addEventListener(d,a,!1)),f.add&&(f.add.call(e,p),p.handler.guid||(p.handler.guid=n.guid)),o?h.splice(h.delegateCount++,0,p):h.push(p),x.event.global[d]=!0);e=null}},remove:function(e,t,n,r,i){var o,s,a,u,l,c,p,f,h,d,g,m=q.hasData(e)&&q.get(e);if(m&&(u=m.events)){t=(t||"").match(w)||[""],l=t.length;while(l--)if(a=X.exec(t[l])||[],h=g=a[1],d=(a[2]||"").split(".").sort(),h){p=x.event.special[h]||{},h=(r?p.delegateType:p.bindType)||h,f=u[h]||[],a=a[2]&&RegExp("(^|\\.)"+d.join("\\.(?:.*\\.|)")+"(\\.|$)"),s=o=f.length;while(o--)c=f[o],!i&&g!==c.origType||n&&n.guid!==c.guid||a&&!a.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(f.splice(o,1),c.selector&&f.delegateCount--,p.remove&&p.remove.call(e,c));s&&!f.length&&(p.teardown&&p.teardown.call(e,d,m.handle)!==!1||x.removeEvent(e,h,m.handle),delete u[h])}else for(h in u)x.event.remove(e,h+t[l],n,r,!0);x.isEmptyObject(u)&&(delete m.handle,q.remove(e,"events"))}},trigger:function(t,n,r,i){var s,a,u,l,c,p,f,h=[r||o],d=y.call(t,"type")?t.type:t,g=y.call(t,"namespace")?t.namespace.split("."):[];if(a=u=r=r||o,3!==r.nodeType&&8!==r.nodeType&&!_.test(d+x.event.triggered)&&(d.indexOf(".")>=0&&(g=d.split("."),d=g.shift(),g.sort()),c=0>d.indexOf(":")&&"on"+d,t=t[x.expando]?t:new x.Event(d,"object"==typeof t&&t),t.isTrigger=i?2:3,t.namespace=g.join("."),t.namespace_re=t.namespace?RegExp("(^|\\.)"+g.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=undefined,t.target||(t.target=r),n=null==n?[t]:x.makeArray(n,[t]),f=x.event.special[d]||{},i||!f.trigger||f.trigger.apply(r,n)!==!1)){if(!i&&!f.noBubble&&!x.isWindow(r)){for(l=f.delegateType||d,_.test(l+d)||(a=a.parentNode);a;a=a.parentNode)h.push(a),u=a;u===(r.ownerDocument||o)&&h.push(u.defaultView||u.parentWindow||e)}s=0;while((a=h[s++])&&!t.isPropagationStopped())t.type=s>1?l:f.bindType||d,p=(q.get(a,"events")||{})[t.type]&&q.get(a,"handle"),p&&p.apply(a,n),p=c&&a[c],p&&x.acceptData(a)&&p.apply&&p.apply(a,n)===!1&&t.preventDefault();return t.type=d,i||t.isDefaultPrevented()||f._default&&f._default.apply(h.pop(),n)!==!1||!x.acceptData(r)||c&&x.isFunction(r[d])&&!x.isWindow(r)&&(u=r[c],u&&(r[c]=null),x.event.triggered=d,r[d](),x.event.triggered=undefined,u&&(r[c]=u)),t.result}},dispatch:function(e){e=x.event.fix(e);var t,n,r,i,o,s=[],a=d.call(arguments),u=(q.get(this,"events")||{})[e.type]||[],l=x.event.special[e.type]||{};if(a[0]=e,e.delegateTarget=this,!l.preDispatch||l.preDispatch.call(this,e)!==!1){s=x.event.handlers.call(this,e,u),t=0;while((i=s[t++])&&!e.isPropagationStopped()){e.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(o.namespace))&&(e.handleObj=o,e.data=o.data,r=((x.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,a),r!==undefined&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return l.postDispatch&&l.postDispatch.call(this,e),e.result}},handlers:function(e,t){var n,r,i,o,s=[],a=t.delegateCount,u=e.target;if(a&&u.nodeType&&(!e.button||"click"!==e.type))for(;u!==this;u=u.parentNode||this)if(u.disabled!==!0||"click"!==e.type){for(r=[],n=0;a>n;n++)o=t[n],i=o.selector+" ",r[i]===undefined&&(r[i]=o.needsContext?x(i,this).index(u)>=0:x.find(i,this,null,[u]).length),r[i]&&r.push(o);r.length&&s.push({elem:u,handlers:r})}return t.length>a&&s.push({elem:this,handlers:t.slice(a)}),s},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,t){var n,r,i,s=t.button;return null==e.pageX&&null!=t.clientX&&(n=e.target.ownerDocument||o,r=n.documentElement,i=n.body,e.pageX=t.clientX+(r&&r.scrollLeft||i&&i.scrollLeft||0)-(r&&r.clientLeft||i&&i.clientLeft||0),e.pageY=t.clientY+(r&&r.scrollTop||i&&i.scrollTop||0)-(r&&r.clientTop||i&&i.clientTop||0)),e.which||s===undefined||(e.which=1&s?1:2&s?3:4&s?2:0),e}},fix:function(e){if(e[x.expando])return e;var t,n,r,i=e.type,s=e,a=this.fixHooks[i];a||(this.fixHooks[i]=a=z.test(i)?this.mouseHooks:I.test(i)?this.keyHooks:{}),r=a.props?this.props.concat(a.props):this.props,e=new x.Event(s),t=r.length;while(t--)n=r[t],e[n]=s[n];return e.target||(e.target=o),3===e.target.nodeType&&(e.target=e.target.parentNode),a.filter?a.filter(e,s):e},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==V()&&this.focus?(this.focus(),!1):undefined},delegateType:"focusin"},blur:{trigger:function(){return this===V()&&this.blur?(this.blur(),!1):undefined},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&x.nodeName(this,"input")?(this.click(),!1):undefined},_default:function(e){return x.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){e.result!==undefined&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=x.extend(new x.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?x.event.trigger(i,null,t):x.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},x.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)},x.Event=function(e,t){return this instanceof x.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.getPreventDefault&&e.getPreventDefault()?U:Y):this.type=e,t&&x.extend(this,t),this.timeStamp=e&&e.timeStamp||x.now(),this[x.expando]=!0,undefined):new x.Event(e,t)},x.Event.prototype={isDefaultPrevented:Y,isPropagationStopped:Y,isImmediatePropagationStopped:Y,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=U,e&&e.preventDefault&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=U,e&&e.stopPropagation&&e.stopPropagation()},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=U,this.stopPropagation()}},x.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){x.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return(!i||i!==r&&!x.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),x.support.focusinBubbles||x.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){x.event.simulate(t,e.target,x.event.fix(e),!0)};x.event.special[t]={setup:function(){0===n++&&o.addEventListener(e,r,!0)},teardown:function(){0===--n&&o.removeEventListener(e,r,!0)}}}),x.fn.extend({on:function(e,t,n,r,i){var o,s;if("object"==typeof e){"string"!=typeof t&&(n=n||t,t=undefined);for(s in e)this.on(s,t,n,e[s],i);return this}if(null==n&&null==r?(r=t,n=t=undefined):null==r&&("string"==typeof t?(r=n,n=undefined):(r=n,n=t,t=undefined)),r===!1)r=Y;else if(!r)return this;return 1===i&&(o=r,r=function(e){return x().off(e),o.apply(this,arguments)},r.guid=o.guid||(o.guid=x.guid++)),this.each(function(){x.event.add(this,e,r,n,t)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,x(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return(t===!1||"function"==typeof t)&&(n=t,t=undefined),n===!1&&(n=Y),this.each(function(){x.event.remove(this,e,n,t)})},trigger:function(e,t){return this.each(function(){x.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];return n?x.event.trigger(e,t,n,!0):undefined}});var G=/^.[^:#\[\.,]*$/,J=/^(?:parents|prev(?:Until|All))/,Q=x.expr.match.needsContext,K={children:!0,contents:!0,next:!0,prev:!0};x.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(x(e).filter(function(){for(t=0;i>t;t++)if(x.contains(r[t],this))return!0}));for(t=0;i>t;t++)x.find(e,r[t],n);return n=this.pushStack(i>1?x.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},has:function(e){var t=x(e,this),n=t.length;return this.filter(function(){var e=0;for(;n>e;e++)if(x.contains(this,t[e]))return!0})},not:function(e){return this.pushStack(et(this,e||[],!0))},filter:function(e){return this.pushStack(et(this,e||[],!1))},is:function(e){return!!et(this,"string"==typeof e&&Q.test(e)?x(e):e||[],!1).length},closest:function(e,t){var n,r=0,i=this.length,o=[],s=Q.test(e)||"string"!=typeof e?x(e,t||this.context):0;for(;i>r;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(11>n.nodeType&&(s?s.index(n)>-1:1===n.nodeType&&x.find.matchesSelector(n,e))){n=o.push(n);break}return this.pushStack(o.length>1?x.unique(o):o)},index:function(e){return e?"string"==typeof e?g.call(x(e),this[0]):g.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?x(e,t):x.makeArray(e&&e.nodeType?[e]:e),r=x.merge(this.get(),n);return this.pushStack(x.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function Z(e,t){while((e=e[t])&&1!==e.nodeType);return e}x.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return x.dir(e,"parentNode")},parentsUntil:function(e,t,n){return x.dir(e,"parentNode",n)},next:function(e){return Z(e,"nextSibling")},prev:function(e){return Z(e,"previousSibling")},nextAll:function(e){return x.dir(e,"nextSibling")},prevAll:function(e){return x.dir(e,"previousSibling")},nextUntil:function(e,t,n){return x.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return x.dir(e,"previousSibling",n)},siblings:function(e){return x.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return x.sibling(e.firstChild)},contents:function(e){return e.contentDocument||x.merge([],e.childNodes)}},function(e,t){x.fn[e]=function(n,r){var i=x.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=x.filter(r,i)),this.length>1&&(K[e]||x.unique(i),J.test(e)&&i.reverse()),this.pushStack(i)}}),x.extend({filter:function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?x.find.matchesSelector(r,e)?[r]:[]:x.find.matches(e,x.grep(t,function(e){return 1===e.nodeType}))},dir:function(e,t,n){var r=[],i=n!==undefined;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&x(e).is(n))break;r.push(e)}return r},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function et(e,t,n){if(x.isFunction(t))return x.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return x.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(G.test(t))return x.filter(t,e,n);t=x.filter(t,e)}return x.grep(e,function(e){return g.call(t,e)>=0!==n})}var tt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,nt=/<([\w:]+)/,rt=/<|&#?\w+;/,it=/<(?:script|style|link)/i,ot=/^(?:checkbox|radio)$/i,st=/checked\s*(?:[^=]|=\s*.checked.)/i,at=/^$|\/(?:java|ecma)script/i,ut=/^true\/(.*)/,lt=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,ct={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};ct.optgroup=ct.option,ct.tbody=ct.tfoot=ct.colgroup=ct.caption=ct.thead,ct.th=ct.td,x.fn.extend({text:function(e){return x.access(this,function(e){return e===undefined?x.text(this):this.empty().append((this[0]&&this[0].ownerDocument||o).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.appendChild(e)}})},prepend:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=e?x.filter(e,this):this,i=0;for(;null!=(n=r[i]);i++)t||1!==n.nodeType||x.cleanData(mt(n)),n.parentNode&&(t&&x.contains(n.ownerDocument,n)&&dt(mt(n,"script")),n.parentNode.removeChild(n));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++)1===e.nodeType&&(x.cleanData(mt(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return x.clone(this,e,t)})},html:function(e){return x.access(this,function(e){var t=this[0]||{},n=0,r=this.length;if(e===undefined&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!it.test(e)&&!ct[(nt.exec(e)||["",""])[1].toLowerCase()]){e=e.replace(tt,"<$1></$2>");try{for(;r>n;n++)t=this[n]||{},1===t.nodeType&&(x.cleanData(mt(t,!1)),t.innerHTML=e);t=0}catch(i){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=x.map(this,function(e){return[e.nextSibling,e.parentNode]}),t=0;return this.domManip(arguments,function(n){var r=e[t++],i=e[t++];i&&(r&&r.parentNode!==i&&(r=this.nextSibling),x(this).remove(),i.insertBefore(n,r))},!0),t?this:this.remove()},detach:function(e){return this.remove(e,!0)},domManip:function(e,t,n){e=f.apply([],e);var r,i,o,s,a,u,l=0,c=this.length,p=this,h=c-1,d=e[0],g=x.isFunction(d);if(g||!(1>=c||"string"!=typeof d||x.support.checkClone)&&st.test(d))return this.each(function(r){var i=p.eq(r);g&&(e[0]=d.call(this,r,i.html())),i.domManip(e,t,n)});if(c&&(r=x.buildFragment(e,this[0].ownerDocument,!1,!n&&this),i=r.firstChild,1===r.childNodes.length&&(r=i),i)){for(o=x.map(mt(r,"script"),ft),s=o.length;c>l;l++)a=r,l!==h&&(a=x.clone(a,!0,!0),s&&x.merge(o,mt(a,"script"))),t.call(this[l],a,l);if(s)for(u=o[o.length-1].ownerDocument,x.map(o,ht),l=0;s>l;l++)a=o[l],at.test(a.type||"")&&!q.access(a,"globalEval")&&x.contains(u,a)&&(a.src?x._evalUrl(a.src):x.globalEval(a.textContent.replace(lt,"")))}return this}}),x.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){x.fn[e]=function(e){var n,r=[],i=x(e),o=i.length-1,s=0;for(;o>=s;s++)n=s===o?this:this.clone(!0),x(i[s])[t](n),h.apply(r,n.get());return this.pushStack(r)}}),x.extend({clone:function(e,t,n){var r,i,o,s,a=e.cloneNode(!0),u=x.contains(e.ownerDocument,e);if(!(x.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||x.isXMLDoc(e)))for(s=mt(a),o=mt(e),r=0,i=o.length;i>r;r++)yt(o[r],s[r]);if(t)if(n)for(o=o||mt(e),s=s||mt(a),r=0,i=o.length;i>r;r++)gt(o[r],s[r]);else gt(e,a);return s=mt(a,"script"),s.length>0&&dt(s,!u&&mt(e,"script")),a},buildFragment:function(e,t,n,r){var i,o,s,a,u,l,c=0,p=e.length,f=t.createDocumentFragment(),h=[];for(;p>c;c++)if(i=e[c],i||0===i)if("object"===x.type(i))x.merge(h,i.nodeType?[i]:i);else if(rt.test(i)){o=o||f.appendChild(t.createElement("div")),s=(nt.exec(i)||["",""])[1].toLowerCase(),a=ct[s]||ct._default,o.innerHTML=a[1]+i.replace(tt,"<$1></$2>")+a[2],l=a[0];while(l--)o=o.lastChild;x.merge(h,o.childNodes),o=f.firstChild,o.textContent=""}else h.push(t.createTextNode(i));f.textContent="",c=0;while(i=h[c++])if((!r||-1===x.inArray(i,r))&&(u=x.contains(i.ownerDocument,i),o=mt(f.appendChild(i),"script"),u&&dt(o),n)){l=0;while(i=o[l++])at.test(i.type||"")&&n.push(i)}return f},cleanData:function(e){var t,n,r,i,o,s,a=x.event.special,u=0;for(;(n=e[u])!==undefined;u++){if(F.accepts(n)&&(o=n[q.expando],o&&(t=q.cache[o]))){if(r=Object.keys(t.events||{}),r.length)for(s=0;(i=r[s])!==undefined;s++)a[i]?x.event.remove(n,i):x.removeEvent(n,i,t.handle);q.cache[o]&&delete q.cache[o]}delete L.cache[n[L.expando]]}},_evalUrl:function(e){return x.ajax({url:e,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})}});function pt(e,t){return x.nodeName(e,"table")&&x.nodeName(1===t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function ft(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function ht(e){var t=ut.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function dt(e,t){var n=e.length,r=0;for(;n>r;r++)q.set(e[r],"globalEval",!t||q.get(t[r],"globalEval"))}function gt(e,t){var n,r,i,o,s,a,u,l;if(1===t.nodeType){if(q.hasData(e)&&(o=q.access(e),s=q.set(t,o),l=o.events)){delete s.handle,s.events={};for(i in l)for(n=0,r=l[i].length;r>n;n++)x.event.add(t,i,l[i][n])}L.hasData(e)&&(a=L.access(e),u=x.extend({},a),L.set(t,u))}}function mt(e,t){var n=e.getElementsByTagName?e.getElementsByTagName(t||"*"):e.querySelectorAll?e.querySelectorAll(t||"*"):[];return t===undefined||t&&x.nodeName(e,t)?x.merge([e],n):n}function yt(e,t){var n=t.nodeName.toLowerCase();"input"===n&&ot.test(e.type)?t.checked=e.checked:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}x.fn.extend({wrapAll:function(e){var t;return x.isFunction(e)?this.each(function(t){x(this).wrapAll(e.call(this,t))}):(this[0]&&(t=x(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this)},wrapInner:function(e){return x.isFunction(e)?this.each(function(t){x(this).wrapInner(e.call(this,t))}):this.each(function(){var t=x(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=x.isFunction(e);return this.each(function(n){x(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){x.nodeName(this,"body")||x(this).replaceWith(this.childNodes)}).end()}});var vt,xt,bt=/^(none|table(?!-c[ea]).+)/,wt=/^margin/,Tt=RegExp("^("+b+")(.*)$","i"),Ct=RegExp("^("+b+")(?!px)[a-z%]+$","i"),kt=RegExp("^([+-])=("+b+")","i"),Nt={BODY:"block"},Et={position:"absolute",visibility:"hidden",display:"block"},St={letterSpacing:0,fontWeight:400},jt=["Top","Right","Bottom","Left"],Dt=["Webkit","O","Moz","ms"];function At(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=Dt.length;while(i--)if(t=Dt[i]+n,t in e)return t;return r}function Lt(e,t){return e=t||e,"none"===x.css(e,"display")||!x.contains(e.ownerDocument,e)}function qt(t){return e.getComputedStyle(t,null)}function Ht(e,t){var n,r,i,o=[],s=0,a=e.length;for(;a>s;s++)r=e[s],r.style&&(o[s]=q.get(r,"olddisplay"),n=r.style.display,t?(o[s]||"none"!==n||(r.style.display=""),""===r.style.display&&Lt(r)&&(o[s]=q.access(r,"olddisplay",Rt(r.nodeName)))):o[s]||(i=Lt(r),(n&&"none"!==n||!i)&&q.set(r,"olddisplay",i?n:x.css(r,"display"))));for(s=0;a>s;s++)r=e[s],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[s]||"":"none"));return e}x.fn.extend({css:function(e,t){return x.access(this,function(e,t,n){var r,i,o={},s=0;if(x.isArray(t)){for(r=qt(e),i=t.length;i>s;s++)o[t[s]]=x.css(e,t[s],!1,r);return o}return n!==undefined?x.style(e,t,n):x.css(e,t)},e,t,arguments.length>1)},show:function(){return Ht(this,!0)},hide:function(){return Ht(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){Lt(this)?x(this).show():x(this).hide()})}}),x.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=vt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,s,a=x.camelCase(t),u=e.style;return t=x.cssProps[a]||(x.cssProps[a]=At(u,a)),s=x.cssHooks[t]||x.cssHooks[a],n===undefined?s&&"get"in s&&(i=s.get(e,!1,r))!==undefined?i:u[t]:(o=typeof n,"string"===o&&(i=kt.exec(n))&&(n=(i[1]+1)*i[2]+parseFloat(x.css(e,t)),o="number"),null==n||"number"===o&&isNaN(n)||("number"!==o||x.cssNumber[a]||(n+="px"),x.support.clearCloneStyle||""!==n||0!==t.indexOf("background")||(u[t]="inherit"),s&&"set"in s&&(n=s.set(e,n,r))===undefined||(u[t]=n)),undefined)}},css:function(e,t,n,r){var i,o,s,a=x.camelCase(t);return t=x.cssProps[a]||(x.cssProps[a]=At(e.style,a)),s=x.cssHooks[t]||x.cssHooks[a],s&&"get"in s&&(i=s.get(e,!0,n)),i===undefined&&(i=vt(e,t,r)),"normal"===i&&t in St&&(i=St[t]),""===n||n?(o=parseFloat(i),n===!0||x.isNumeric(o)?o||0:i):i}}),vt=function(e,t,n){var r,i,o,s=n||qt(e),a=s?s.getPropertyValue(t)||s[t]:undefined,u=e.style;return s&&(""!==a||x.contains(e.ownerDocument,e)||(a=x.style(e,t)),Ct.test(a)&&wt.test(t)&&(r=u.width,i=u.minWidth,o=u.maxWidth,u.minWidth=u.maxWidth=u.width=a,a=s.width,u.width=r,u.minWidth=i,u.maxWidth=o)),a};function Ot(e,t,n){var r=Tt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function Ft(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,s=0;for(;4>o;o+=2)"margin"===n&&(s+=x.css(e,n+jt[o],!0,i)),r?("content"===n&&(s-=x.css(e,"padding"+jt[o],!0,i)),"margin"!==n&&(s-=x.css(e,"border"+jt[o]+"Width",!0,i))):(s+=x.css(e,"padding"+jt[o],!0,i),"padding"!==n&&(s+=x.css(e,"border"+jt[o]+"Width",!0,i)));return s}function Pt(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=qt(e),s=x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=vt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Ct.test(i))return i;r=s&&(x.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+Ft(e,t,n||(s?"border":"content"),r,o)+"px"}function Rt(e){var t=o,n=Nt[e];return n||(n=Mt(e,t),"none"!==n&&n||(xt=(xt||x("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(t.documentElement),t=(xt[0].contentWindow||xt[0].contentDocument).document,t.write("<!DOCTYPE html><html><body>"),t.close(),n=Mt(e,t),xt.detach()),Nt[e]=n),n}function Mt(e,t){var n=x(t.createElement(e)).appendTo(t.body),r=x.css(n[0],"display");return n.remove(),r}x.each(["height","width"],function(e,t){x.cssHooks[t]={get:function(e,n,r){return n?0===e.offsetWidth&&bt.test(x.css(e,"display"))?x.swap(e,Et,function(){return Pt(e,t,r)}):Pt(e,t,r):undefined},set:function(e,n,r){var i=r&&qt(e);return Ot(e,n,r?Ft(e,t,r,x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,i),i):0)}}}),x(function(){x.support.reliableMarginRight||(x.cssHooks.marginRight={get:function(e,t){return t?x.swap(e,{display:"inline-block"},vt,[e,"marginRight"]):undefined}}),!x.support.pixelPosition&&x.fn.position&&x.each(["top","left"],function(e,t){x.cssHooks[t]={get:function(e,n){return n?(n=vt(e,t),Ct.test(n)?x(e).position()[t]+"px":n):undefined}}})}),x.expr&&x.expr.filters&&(x.expr.filters.hidden=function(e){return 0>=e.offsetWidth&&0>=e.offsetHeight},x.expr.filters.visible=function(e){return!x.expr.filters.hidden(e)}),x.each({margin:"",padding:"",border:"Width"},function(e,t){x.cssHooks[e+t]={expand:function(n){var r=0,i={},o="string"==typeof n?n.split(" "):[n];for(;4>r;r++)i[e+jt[r]+t]=o[r]||o[r-2]||o[0];return i}},wt.test(e)||(x.cssHooks[e+t].set=Ot)});var Wt=/%20/g,$t=/\[\]$/,Bt=/\r?\n/g,It=/^(?:submit|button|image|reset|file)$/i,zt=/^(?:input|select|textarea|keygen)/i;x.fn.extend({serialize:function(){return x.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=x.prop(this,"elements");return e?x.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!x(this).is(":disabled")&&zt.test(this.nodeName)&&!It.test(e)&&(this.checked||!ot.test(e))}).map(function(e,t){var n=x(this).val();return null==n?null:x.isArray(n)?x.map(n,function(e){return{name:t.name,value:e.replace(Bt,"\r\n")}}):{name:t.name,value:n.replace(Bt,"\r\n")}}).get()}}),x.param=function(e,t){var n,r=[],i=function(e,t){t=x.isFunction(t)?t():null==t?"":t,r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(t===undefined&&(t=x.ajaxSettings&&x.ajaxSettings.traditional),x.isArray(e)||e.jquery&&!x.isPlainObject(e))x.each(e,function(){i(this.name,this.value)});else for(n in e)_t(n,e[n],t,i);return r.join("&").replace(Wt,"+")};function _t(e,t,n,r){var i;if(x.isArray(t))x.each(t,function(t,i){n||$t.test(e)?r(e,i):_t(e+"["+("object"==typeof i?t:"")+"]",i,n,r)});else if(n||"object"!==x.type(t))r(e,t);else for(i in t)_t(e+"["+i+"]",t[i],n,r)}x.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){x.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),x.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)
 },delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)}});var Xt,Ut,Yt=x.now(),Vt=/\?/,Gt=/#.*$/,Jt=/([?&])_=[^&]*/,Qt=/^(.*?):[ \t]*([^\r\n]*)$/gm,Kt=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Zt=/^(?:GET|HEAD)$/,en=/^\/\//,tn=/^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,nn=x.fn.load,rn={},on={},sn="*/".concat("*");try{Ut=i.href}catch(an){Ut=o.createElement("a"),Ut.href="",Ut=Ut.href}Xt=tn.exec(Ut.toLowerCase())||[];function un(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(w)||[];if(x.isFunction(n))while(r=o[i++])"+"===r[0]?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function ln(e,t,n,r){var i={},o=e===on;function s(a){var u;return i[a]=!0,x.each(e[a]||[],function(e,a){var l=a(t,n,r);return"string"!=typeof l||o||i[l]?o?!(u=l):undefined:(t.dataTypes.unshift(l),s(l),!1)}),u}return s(t.dataTypes[0])||!i["*"]&&s("*")}function cn(e,t){var n,r,i=x.ajaxSettings.flatOptions||{};for(n in t)t[n]!==undefined&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&x.extend(!0,e,r),e}x.fn.load=function(e,t,n){if("string"!=typeof e&&nn)return nn.apply(this,arguments);var r,i,o,s=this,a=e.indexOf(" ");return a>=0&&(r=e.slice(a),e=e.slice(0,a)),x.isFunction(t)?(n=t,t=undefined):t&&"object"==typeof t&&(i="POST"),s.length>0&&x.ajax({url:e,type:i,dataType:"html",data:t}).done(function(e){o=arguments,s.html(r?x("<div>").append(x.parseHTML(e)).find(r):e)}).complete(n&&function(e,t){s.each(n,o||[e.responseText,t,e])}),this},x.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){x.fn[t]=function(e){return this.on(t,e)}}),x.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Ut,type:"GET",isLocal:Kt.test(Xt[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":sn,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":x.parseJSON,"text xml":x.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?cn(cn(e,x.ajaxSettings),t):cn(x.ajaxSettings,e)},ajaxPrefilter:un(rn),ajaxTransport:un(on),ajax:function(e,t){"object"==typeof e&&(t=e,e=undefined),t=t||{};var n,r,i,o,s,a,u,l,c=x.ajaxSetup({},t),p=c.context||c,f=c.context&&(p.nodeType||p.jquery)?x(p):x.event,h=x.Deferred(),d=x.Callbacks("once memory"),g=c.statusCode||{},m={},y={},v=0,b="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(2===v){if(!o){o={};while(t=Qt.exec(i))o[t[1].toLowerCase()]=t[2]}t=o[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return 2===v?i:null},setRequestHeader:function(e,t){var n=e.toLowerCase();return v||(e=y[n]=y[n]||e,m[e]=t),this},overrideMimeType:function(e){return v||(c.mimeType=e),this},statusCode:function(e){var t;if(e)if(2>v)for(t in e)g[t]=[g[t],e[t]];else T.always(e[T.status]);return this},abort:function(e){var t=e||b;return n&&n.abort(t),k(0,t),this}};if(h.promise(T).complete=d.add,T.success=T.done,T.error=T.fail,c.url=((e||c.url||Ut)+"").replace(Gt,"").replace(en,Xt[1]+"//"),c.type=t.method||t.type||c.method||c.type,c.dataTypes=x.trim(c.dataType||"*").toLowerCase().match(w)||[""],null==c.crossDomain&&(a=tn.exec(c.url.toLowerCase()),c.crossDomain=!(!a||a[1]===Xt[1]&&a[2]===Xt[2]&&(a[3]||("http:"===a[1]?"80":"443"))===(Xt[3]||("http:"===Xt[1]?"80":"443")))),c.data&&c.processData&&"string"!=typeof c.data&&(c.data=x.param(c.data,c.traditional)),ln(rn,c,t,T),2===v)return T;u=c.global,u&&0===x.active++&&x.event.trigger("ajaxStart"),c.type=c.type.toUpperCase(),c.hasContent=!Zt.test(c.type),r=c.url,c.hasContent||(c.data&&(r=c.url+=(Vt.test(r)?"&":"?")+c.data,delete c.data),c.cache===!1&&(c.url=Jt.test(r)?r.replace(Jt,"$1_="+Yt++):r+(Vt.test(r)?"&":"?")+"_="+Yt++)),c.ifModified&&(x.lastModified[r]&&T.setRequestHeader("If-Modified-Since",x.lastModified[r]),x.etag[r]&&T.setRequestHeader("If-None-Match",x.etag[r])),(c.data&&c.hasContent&&c.contentType!==!1||t.contentType)&&T.setRequestHeader("Content-Type",c.contentType),T.setRequestHeader("Accept",c.dataTypes[0]&&c.accepts[c.dataTypes[0]]?c.accepts[c.dataTypes[0]]+("*"!==c.dataTypes[0]?", "+sn+"; q=0.01":""):c.accepts["*"]);for(l in c.headers)T.setRequestHeader(l,c.headers[l]);if(c.beforeSend&&(c.beforeSend.call(p,T,c)===!1||2===v))return T.abort();b="abort";for(l in{success:1,error:1,complete:1})T[l](c[l]);if(n=ln(on,c,t,T)){T.readyState=1,u&&f.trigger("ajaxSend",[T,c]),c.async&&c.timeout>0&&(s=setTimeout(function(){T.abort("timeout")},c.timeout));try{v=1,n.send(m,k)}catch(C){if(!(2>v))throw C;k(-1,C)}}else k(-1,"No Transport");function k(e,t,o,a){var l,m,y,b,w,C=t;2!==v&&(v=2,s&&clearTimeout(s),n=undefined,i=a||"",T.readyState=e>0?4:0,l=e>=200&&300>e||304===e,o&&(b=pn(c,T,o)),b=fn(c,b,T,l),l?(c.ifModified&&(w=T.getResponseHeader("Last-Modified"),w&&(x.lastModified[r]=w),w=T.getResponseHeader("etag"),w&&(x.etag[r]=w)),204===e||"HEAD"===c.type?C="nocontent":304===e?C="notmodified":(C=b.state,m=b.data,y=b.error,l=!y)):(y=C,(e||!C)&&(C="error",0>e&&(e=0))),T.status=e,T.statusText=(t||C)+"",l?h.resolveWith(p,[m,C,T]):h.rejectWith(p,[T,C,y]),T.statusCode(g),g=undefined,u&&f.trigger(l?"ajaxSuccess":"ajaxError",[T,c,l?m:y]),d.fireWith(p,[T,C]),u&&(f.trigger("ajaxComplete",[T,c]),--x.active||x.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return x.get(e,t,n,"json")},getScript:function(e,t){return x.get(e,undefined,t,"script")}}),x.each(["get","post"],function(e,t){x[t]=function(e,n,r,i){return x.isFunction(n)&&(i=i||r,r=n,n=undefined),x.ajax({url:e,type:t,dataType:i,data:n,success:r})}});function pn(e,t,n){var r,i,o,s,a=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),r===undefined&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in a)if(a[i]&&a[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}s||(s=i)}o=o||s}return o?(o!==u[0]&&u.unshift(o),n[o]):undefined}function fn(e,t,n,r){var i,o,s,a,u,l={},c=e.dataTypes.slice();if(c[1])for(s in e.converters)l[s.toLowerCase()]=e.converters[s];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(s=l[u+" "+o]||l["* "+o],!s)for(i in l)if(a=i.split(" "),a[1]===o&&(s=l[u+" "+a[0]]||l["* "+a[0]])){s===!0?s=l[i]:l[i]!==!0&&(o=a[0],c.unshift(a[1]));break}if(s!==!0)if(s&&e["throws"])t=s(t);else try{t=s(t)}catch(p){return{state:"parsererror",error:s?p:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}x.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(e){return x.globalEval(e),e}}}),x.ajaxPrefilter("script",function(e){e.cache===undefined&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),x.ajaxTransport("script",function(e){if(e.crossDomain){var t,n;return{send:function(r,i){t=x("<script>").prop({async:!0,charset:e.scriptCharset,src:e.url}).on("load error",n=function(e){t.remove(),n=null,e&&i("error"===e.type?404:200,e.type)}),o.head.appendChild(t[0])},abort:function(){n&&n()}}}});var hn=[],dn=/(=)\?(?=&|$)|\?\?/;x.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=hn.pop()||x.expando+"_"+Yt++;return this[e]=!0,e}}),x.ajaxPrefilter("json jsonp",function(t,n,r){var i,o,s,a=t.jsonp!==!1&&(dn.test(t.url)?"url":"string"==typeof t.data&&!(t.contentType||"").indexOf("application/x-www-form-urlencoded")&&dn.test(t.data)&&"data");return a||"jsonp"===t.dataTypes[0]?(i=t.jsonpCallback=x.isFunction(t.jsonpCallback)?t.jsonpCallback():t.jsonpCallback,a?t[a]=t[a].replace(dn,"$1"+i):t.jsonp!==!1&&(t.url+=(Vt.test(t.url)?"&":"?")+t.jsonp+"="+i),t.converters["script json"]=function(){return s||x.error(i+" was not called"),s[0]},t.dataTypes[0]="json",o=e[i],e[i]=function(){s=arguments},r.always(function(){e[i]=o,t[i]&&(t.jsonpCallback=n.jsonpCallback,hn.push(i)),s&&x.isFunction(o)&&o(s[0]),s=o=undefined}),"script"):undefined}),x.ajaxSettings.xhr=function(){try{return new XMLHttpRequest}catch(e){}};var gn=x.ajaxSettings.xhr(),mn={0:200,1223:204},yn=0,vn={};e.ActiveXObject&&x(e).on("unload",function(){for(var e in vn)vn[e]();vn=undefined}),x.support.cors=!!gn&&"withCredentials"in gn,x.support.ajax=gn=!!gn,x.ajaxTransport(function(e){var t;return x.support.cors||gn&&!e.crossDomain?{send:function(n,r){var i,o,s=e.xhr();if(s.open(e.type,e.url,e.async,e.username,e.password),e.xhrFields)for(i in e.xhrFields)s[i]=e.xhrFields[i];e.mimeType&&s.overrideMimeType&&s.overrideMimeType(e.mimeType),e.crossDomain||n["X-Requested-With"]||(n["X-Requested-With"]="XMLHttpRequest");for(i in n)s.setRequestHeader(i,n[i]);t=function(e){return function(){t&&(delete vn[o],t=s.onload=s.onerror=null,"abort"===e?s.abort():"error"===e?r(s.status||404,s.statusText):r(mn[s.status]||s.status,s.statusText,"string"==typeof s.responseText?{text:s.responseText}:undefined,s.getAllResponseHeaders()))}},s.onload=t(),s.onerror=t("error"),t=vn[o=yn++]=t("abort"),s.send(e.hasContent&&e.data||null)},abort:function(){t&&t()}}:undefined});var xn,bn,wn=/^(?:toggle|show|hide)$/,Tn=RegExp("^(?:([+-])=|)("+b+")([a-z%]*)$","i"),Cn=/queueHooks$/,kn=[An],Nn={"*":[function(e,t){var n=this.createTween(e,t),r=n.cur(),i=Tn.exec(t),o=i&&i[3]||(x.cssNumber[e]?"":"px"),s=(x.cssNumber[e]||"px"!==o&&+r)&&Tn.exec(x.css(n.elem,e)),a=1,u=20;if(s&&s[3]!==o){o=o||s[3],i=i||[],s=+r||1;do a=a||".5",s/=a,x.style(n.elem,e,s+o);while(a!==(a=n.cur()/r)&&1!==a&&--u)}return i&&(s=n.start=+s||+r||0,n.unit=o,n.end=i[1]?s+(i[1]+1)*i[2]:+i[2]),n}]};function En(){return setTimeout(function(){xn=undefined}),xn=x.now()}function Sn(e,t,n){var r,i=(Nn[t]||[]).concat(Nn["*"]),o=0,s=i.length;for(;s>o;o++)if(r=i[o].call(n,t,e))return r}function jn(e,t,n){var r,i,o=0,s=kn.length,a=x.Deferred().always(function(){delete u.elem}),u=function(){if(i)return!1;var t=xn||En(),n=Math.max(0,l.startTime+l.duration-t),r=n/l.duration||0,o=1-r,s=0,u=l.tweens.length;for(;u>s;s++)l.tweens[s].run(o);return a.notifyWith(e,[l,o,n]),1>o&&u?n:(a.resolveWith(e,[l]),!1)},l=a.promise({elem:e,props:x.extend({},t),opts:x.extend(!0,{specialEasing:{}},n),originalProperties:t,originalOptions:n,startTime:xn||En(),duration:n.duration,tweens:[],createTween:function(t,n){var r=x.Tween(e,l.opts,t,n,l.opts.specialEasing[t]||l.opts.easing);return l.tweens.push(r),r},stop:function(t){var n=0,r=t?l.tweens.length:0;if(i)return this;for(i=!0;r>n;n++)l.tweens[n].run(1);return t?a.resolveWith(e,[l,t]):a.rejectWith(e,[l,t]),this}}),c=l.props;for(Dn(c,l.opts.specialEasing);s>o;o++)if(r=kn[o].call(l,e,c,l.opts))return r;return x.map(c,Sn,l),x.isFunction(l.opts.start)&&l.opts.start.call(e,l),x.fx.timer(x.extend(u,{elem:e,anim:l,queue:l.opts.queue})),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always)}function Dn(e,t){var n,r,i,o,s;for(n in e)if(r=x.camelCase(n),i=t[r],o=e[n],x.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),s=x.cssHooks[r],s&&"expand"in s){o=s.expand(o),delete e[r];for(n in o)n in e||(e[n]=o[n],t[n]=i)}else t[r]=i}x.Animation=x.extend(jn,{tweener:function(e,t){x.isFunction(e)?(t=e,e=["*"]):e=e.split(" ");var n,r=0,i=e.length;for(;i>r;r++)n=e[r],Nn[n]=Nn[n]||[],Nn[n].unshift(t)},prefilter:function(e,t){t?kn.unshift(e):kn.push(e)}});function An(e,t,n){var r,i,o,s,a,u,l=this,c={},p=e.style,f=e.nodeType&&Lt(e),h=q.get(e,"fxshow");n.queue||(a=x._queueHooks(e,"fx"),null==a.unqueued&&(a.unqueued=0,u=a.empty.fire,a.empty.fire=function(){a.unqueued||u()}),a.unqueued++,l.always(function(){l.always(function(){a.unqueued--,x.queue(e,"fx").length||a.empty.fire()})})),1===e.nodeType&&("height"in t||"width"in t)&&(n.overflow=[p.overflow,p.overflowX,p.overflowY],"inline"===x.css(e,"display")&&"none"===x.css(e,"float")&&(p.display="inline-block")),n.overflow&&(p.overflow="hidden",l.always(function(){p.overflow=n.overflow[0],p.overflowX=n.overflow[1],p.overflowY=n.overflow[2]}));for(r in t)if(i=t[r],wn.exec(i)){if(delete t[r],o=o||"toggle"===i,i===(f?"hide":"show")){if("show"!==i||!h||h[r]===undefined)continue;f=!0}c[r]=h&&h[r]||x.style(e,r)}if(!x.isEmptyObject(c)){h?"hidden"in h&&(f=h.hidden):h=q.access(e,"fxshow",{}),o&&(h.hidden=!f),f?x(e).show():l.done(function(){x(e).hide()}),l.done(function(){var t;q.remove(e,"fxshow");for(t in c)x.style(e,t,c[t])});for(r in c)s=Sn(f?h[r]:0,r,l),r in h||(h[r]=s.start,f&&(s.end=s.start,s.start="width"===r||"height"===r?1:0))}}function Ln(e,t,n,r,i){return new Ln.prototype.init(e,t,n,r,i)}x.Tween=Ln,Ln.prototype={constructor:Ln,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||"swing",this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(x.cssNumber[n]?"":"px")},cur:function(){var e=Ln.propHooks[this.prop];return e&&e.get?e.get(this):Ln.propHooks._default.get(this)},run:function(e){var t,n=Ln.propHooks[this.prop];return this.pos=t=this.options.duration?x.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):Ln.propHooks._default.set(this),this}},Ln.prototype.init.prototype=Ln.prototype,Ln.propHooks={_default:{get:function(e){var t;return null==e.elem[e.prop]||e.elem.style&&null!=e.elem.style[e.prop]?(t=x.css(e.elem,e.prop,""),t&&"auto"!==t?t:0):e.elem[e.prop]},set:function(e){x.fx.step[e.prop]?x.fx.step[e.prop](e):e.elem.style&&(null!=e.elem.style[x.cssProps[e.prop]]||x.cssHooks[e.prop])?x.style(e.elem,e.prop,e.now+e.unit):e.elem[e.prop]=e.now}}},Ln.propHooks.scrollTop=Ln.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},x.each(["toggle","show","hide"],function(e,t){var n=x.fn[t];x.fn[t]=function(e,r,i){return null==e||"boolean"==typeof e?n.apply(this,arguments):this.animate(qn(t,!0),e,r,i)}}),x.fn.extend({fadeTo:function(e,t,n,r){return this.filter(Lt).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(e,t,n,r){var i=x.isEmptyObject(e),o=x.speed(t,n,r),s=function(){var t=jn(this,x.extend({},e),o);(i||q.get(this,"finish"))&&t.stop(!0)};return s.finish=s,i||o.queue===!1?this.each(s):this.queue(o.queue,s)},stop:function(e,t,n){var r=function(e){var t=e.stop;delete e.stop,t(n)};return"string"!=typeof e&&(n=t,t=e,e=undefined),t&&e!==!1&&this.queue(e||"fx",[]),this.each(function(){var t=!0,i=null!=e&&e+"queueHooks",o=x.timers,s=q.get(this);if(i)s[i]&&s[i].stop&&r(s[i]);else for(i in s)s[i]&&s[i].stop&&Cn.test(i)&&r(s[i]);for(i=o.length;i--;)o[i].elem!==this||null!=e&&o[i].queue!==e||(o[i].anim.stop(n),t=!1,o.splice(i,1));(t||!n)&&x.dequeue(this,e)})},finish:function(e){return e!==!1&&(e=e||"fx"),this.each(function(){var t,n=q.get(this),r=n[e+"queue"],i=n[e+"queueHooks"],o=x.timers,s=r?r.length:0;for(n.finish=!0,x.queue(this,e,[]),i&&i.stop&&i.stop.call(this,!0),t=o.length;t--;)o[t].elem===this&&o[t].queue===e&&(o[t].anim.stop(!0),o.splice(t,1));for(t=0;s>t;t++)r[t]&&r[t].finish&&r[t].finish.call(this);delete n.finish})}});function qn(e,t){var n,r={height:e},i=0;for(t=t?1:0;4>i;i+=2-t)n=jt[i],r["margin"+n]=r["padding"+n]=e;return t&&(r.opacity=r.width=e),r}x.each({slideDown:qn("show"),slideUp:qn("hide"),slideToggle:qn("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,t){x.fn[e]=function(e,n,r){return this.animate(t,e,n,r)}}),x.speed=function(e,t,n){var r=e&&"object"==typeof e?x.extend({},e):{complete:n||!n&&t||x.isFunction(e)&&e,duration:e,easing:n&&t||t&&!x.isFunction(t)&&t};return r.duration=x.fx.off?0:"number"==typeof r.duration?r.duration:r.duration in x.fx.speeds?x.fx.speeds[r.duration]:x.fx.speeds._default,(null==r.queue||r.queue===!0)&&(r.queue="fx"),r.old=r.complete,r.complete=function(){x.isFunction(r.old)&&r.old.call(this),r.queue&&x.dequeue(this,r.queue)},r},x.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2}},x.timers=[],x.fx=Ln.prototype.init,x.fx.tick=function(){var e,t=x.timers,n=0;for(xn=x.now();t.length>n;n++)e=t[n],e()||t[n]!==e||t.splice(n--,1);t.length||x.fx.stop(),xn=undefined},x.fx.timer=function(e){e()&&x.timers.push(e)&&x.fx.start()},x.fx.interval=13,x.fx.start=function(){bn||(bn=setInterval(x.fx.tick,x.fx.interval))},x.fx.stop=function(){clearInterval(bn),bn=null},x.fx.speeds={slow:600,fast:200,_default:400},x.fx.step={},x.expr&&x.expr.filters&&(x.expr.filters.animated=function(e){return x.grep(x.timers,function(t){return e===t.elem}).length}),x.fn.offset=function(e){if(arguments.length)return e===undefined?this:this.each(function(t){x.offset.setOffset(this,e,t)});var t,n,i=this[0],o={top:0,left:0},s=i&&i.ownerDocument;if(s)return t=s.documentElement,x.contains(t,i)?(typeof i.getBoundingClientRect!==r&&(o=i.getBoundingClientRect()),n=Hn(s),{top:o.top+n.pageYOffset-t.clientTop,left:o.left+n.pageXOffset-t.clientLeft}):o},x.offset={setOffset:function(e,t,n){var r,i,o,s,a,u,l,c=x.css(e,"position"),p=x(e),f={};"static"===c&&(e.style.position="relative"),a=p.offset(),o=x.css(e,"top"),u=x.css(e,"left"),l=("absolute"===c||"fixed"===c)&&(o+u).indexOf("auto")>-1,l?(r=p.position(),s=r.top,i=r.left):(s=parseFloat(o)||0,i=parseFloat(u)||0),x.isFunction(t)&&(t=t.call(e,n,a)),null!=t.top&&(f.top=t.top-a.top+s),null!=t.left&&(f.left=t.left-a.left+i),"using"in t?t.using.call(e,f):p.css(f)}},x.fn.extend({position:function(){if(this[0]){var e,t,n=this[0],r={top:0,left:0};return"fixed"===x.css(n,"position")?t=n.getBoundingClientRect():(e=this.offsetParent(),t=this.offset(),x.nodeName(e[0],"html")||(r=e.offset()),r.top+=x.css(e[0],"borderTopWidth",!0),r.left+=x.css(e[0],"borderLeftWidth",!0)),{top:t.top-r.top-x.css(n,"marginTop",!0),left:t.left-r.left-x.css(n,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||s;while(e&&!x.nodeName(e,"html")&&"static"===x.css(e,"position"))e=e.offsetParent;return e||s})}}),x.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,n){var r="pageYOffset"===n;x.fn[t]=function(i){return x.access(this,function(t,i,o){var s=Hn(t);return o===undefined?s?s[n]:t[i]:(s?s.scrollTo(r?e.pageXOffset:o,r?o:e.pageYOffset):t[i]=o,undefined)},t,i,arguments.length,null)}});function Hn(e){return x.isWindow(e)?e:9===e.nodeType&&e.defaultView}x.each({Height:"height",Width:"width"},function(e,t){x.each({padding:"inner"+e,content:t,"":"outer"+e},function(n,r){x.fn[r]=function(r,i){var o=arguments.length&&(n||"boolean"!=typeof r),s=n||(r===!0||i===!0?"margin":"border");return x.access(this,function(t,n,r){var i;return x.isWindow(t)?t.document.documentElement["client"+e]:9===t.nodeType?(i=t.documentElement,Math.max(t.body["scroll"+e],i["scroll"+e],t.body["offset"+e],i["offset"+e],i["client"+e])):r===undefined?x.css(t,n,s):x.style(t,n,r,s)},t,o?r:undefined,o,null)}})}),x.fn.size=function(){return this.length},x.fn.andSelf=x.fn.addBack,"object"==typeof module&&module&&"object"==typeof module.exports?module.exports=x:"function"==typeof define&&define.amd&&define("jquery",[],function(){return x}),"object"==typeof e&&"object"==typeof e.document&&(e.jQuery=e.$=x)})(window);
diff --git a/apps/presentationeditor/main/resources/help/images/big.png b/apps/presentationeditor/main/resources/help/images/big.png
new file mode 100644
index 0000000000000000000000000000000000000000..34c955f6a1aa5be68da34533242038d27b1a11ad
GIT binary patch
literal 136578
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

literal 0
HcmV?d00001

diff --git a/apps/presentationeditor/main/resources/help/images/icons.png b/apps/presentationeditor/main/resources/help/images/icons.png
new file mode 100644
index 0000000000000000000000000000000000000000..b0367354ddc1cdb878b09b637192108c72d2e653
GIT binary patch
literal 56640
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

literal 0
HcmV?d00001

diff --git a/apps/presentationeditor/main/resources/help/images/sprite.css b/apps/presentationeditor/main/resources/help/images/sprite.css
new file mode 100644
index 0000000000..5ba2ead4c4
--- /dev/null
+++ b/apps/presentationeditor/main/resources/help/images/sprite.css
@@ -0,0 +1,4068 @@
+/*----------------------------------------------------------------
+big
+-----------------------------------------------------------------*/
+.big {
+  background-image: url(../images/big.png);
+  background-repeat: no-repeat;
+  display: inline-block;
+}
+
+.big-bordersize {
+  background-position: -445px -237px;
+  width: 93px;
+  height: 22px;
+}
+
+.big-bordertype {
+  background-position: -569px -579px;
+  width: 144px;
+  height: 48px;
+}
+
+.big-connectors_firstshape {
+  background-position: 0px -392px;
+  width: 272px;
+  height: 85px;
+}
+
+.big-connectors_moveshape {
+  background-position: 0px -91px;
+  width: 272px;
+  height: 176px;
+}
+
+.big-connectors_secondshape {
+  background-position: -272px -392px;
+  width: 272px;
+  height: 85px;
+}
+
+.big-deleteequation {
+  background-position: -553px 0px;
+  width: 200px;
+  height: 111px;
+}
+
+.big-fontfamily {
+  background-position: -371px -537px;
+  width: 87px;
+  height: 22px;
+}
+
+.big-formatastext {
+  background-position: 0px -267px;
+  width: 258px;
+  height: 125px;
+}
+
+.big-hidden_slide {
+  background-position: -272px -91px;
+  width: 247px;
+  height: 146px;
+}
+
+.big-indents_ruler {
+  background-position: -214px -477px;
+  width: 469px;
+  height: 30px;
+}
+
+.big-insertedequation {
+  background-position: -679px -111px;
+  width: 63px;
+  height: 47px;
+}
+
+.big-leftpart {
+  background-position: -214px -537px;
+  width: 157px;
+  height: 28px;
+}
+
+.big-maintain_proportions {
+  background-position: -553px -111px;
+  width: 126px;
+  height: 143px;
+}
+
+.big-moveelement {
+  background-position: -193px -579px;
+  width: 188px;
+  height: 60px;
+}
+
+.big-nestedfraction {
+  background-position: 0px -477px;
+  width: 214px;
+  height: 102px;
+}
+
+.big-newslot {
+  background-position: 0px -643px;
+  width: 123px;
+  height: 94px;
+}
+
+.big-reshaping {
+  background-position: -553px -254px;
+  width: 118px;
+  height: 139px;
+}
+
+.big-resizeelement {
+  background-position: -381px -579px;
+  width: 188px;
+  height: 60px;
+}
+
+.big-resizetable {
+  background-position: -258px -267px;
+  width: 254px;
+  height: 113px;
+}
+
+.big-rightpart {
+  background-position: -272px -237px;
+  width: 173px;
+  height: 28px;
+}
+
+.big-selectedequation {
+  background-position: -553px -393px;
+  width: 175px;
+  height: 83px;
+}
+
+.big-tabstops_ruler {
+  background-position: -214px -507px;
+  width: 465px;
+  height: 30px;
+}
+
+.big-templateslist {
+  background-position: 0px -579px;
+  width: 193px;
+  height: 64px;
+}
+
+.big-themes {
+  background-position: 0px 0px;
+  width: 553px;
+  height: 91px;
+}
+/*----------------------------------------------------------------
+icon
+-----------------------------------------------------------------*/
+.icon {
+  background-image: url(../images/icons.png);
+  background-repeat: no-repeat;
+  display: inline-block;
+}
+
+.icon-about {
+  width: 15px; height: 15px;
+  background-position: -405px -333px;
+}
+
+.icon-access_rights {
+  width: 29px; height: 16px;
+  background-position: -114px -184px;
+}
+
+.icon-added_comment_icon {
+  width: 16px; height: 15px;
+  background-position: -405px -263px;
+}
+
+.icon-addgradientpoint {
+  width: 12px; height: 17px;
+  background-position: -443px -183px;
+}
+
+.icon-addhyperlink {
+  width: 22px; height: 21px;
+  background-position: -278px -136px;
+}
+
+.icon-addslide {
+  width: 20px; height: 20px;
+  background-position: -50px -267px;
+}
+
+.icon-alignbottom {
+  width: 13px; height: 13px;
+  background-position: -478px -148px;
+}
+
+.icon-aligncenter {
+  width: 12px; height: 13px;
+  background-position: -511px -176px;
+}
+
+.icon-alignleft {
+  width: 12px; height: 13px;
+  background-position: -511px -209px;
+}
+
+.icon-alignmiddle {
+  width: 13px; height: 13px;
+  background-position: -478px -181px;
+}
+
+.icon-alignobjectbottom {
+  width: 13px; height: 13px;
+  background-position: -478px -214px;
+}
+
+.icon-alignobjectcenter {
+  width: 13px; height: 13px;
+  background-position: -478px -247px;
+}
+
+.icon-alignobjectleft {
+  width: 13px; height: 13px;
+  background-position: -478px -280px;
+}
+
+.icon-alignobjectmiddle {
+  width: 13px; height: 13px;
+  background-position: -478px -313px;
+}
+
+.icon-alignobjectright {
+  width: 13px; height: 13px;
+  background-position: -478px -346px;
+}
+
+.icon-alignobjecttop {
+  width: 13px; height: 13px;
+  background-position: -478px -379px;
+}
+
+.icon-alignright {
+  width: 12px; height: 13px;
+  background-position: -511px -242px;
+}
+
+.icon-alignshape {
+  width: 21px; height: 13px;
+  background-position: -144px -309px;
+}
+
+.icon-aligntop {
+  width: 13px; height: 13px;
+  background-position: -478px -412px;
+}
+
+.icon-arrangeshape {
+  width: 21px; height: 13px;
+  background-position: -185px -309px;
+}
+
+.icon-arrow {
+  width: 23px; height: 23px;
+  background-position: -234px -98px;
+}
+
+.icon-autoshape {
+  width: 14px; height: 14px;
+  background-position: -443px -257px;
+}
+
+.icon-back {
+  width: 12px; height: 15px;
+  background-position: -478px -113px;
+}
+
+.icon-bgcolor {
+  width: 16px; height: 15px;
+  background-position: -405px -298px;
+}
+
+.icon-bold {
+  width: 8px; height: 10px;
+  background-position: -544px -315px;
+}
+
+.icon-bringforward {
+  width: 13px; height: 13px;
+  background-position: -10px -449px;
+}
+
+.icon-bringtofront {
+  width: 13px; height: 13px;
+  background-position: -43px -449px;
+}
+
+.icon-bullets {
+  width: 22px; height: 11px;
+  background-position: -51px -346px;
+}
+
+.icon-cellrow {
+  width: 9px; height: 9px;
+  background-position: -544px -257px;
+}
+
+.icon-change_case {
+  width: 45px; height: 22px;
+  background-position: -10px -10px;
+}
+
+.icon-changecolorscheme {
+  width: 21px; height: 14px;
+  background-position: -10px -346px;
+}
+
+.icon-changecolumnwidth {
+  width: 21px; height: 17px;
+  background-position: -360px -122px;
+}
+
+.icon-changelayout {
+  width: 21px; height: 13px;
+  background-position: -226px -309px;
+}
+
+.icon-changerange {
+  width: 15px; height: 13px;
+  background-position: -327px -380px;
+}
+
+.icon-changerowheight {
+  width: 17px; height: 21px;
+  background-position: -360px -159px;
+}
+
+.icon-chart_settings_icon {
+  width: 13px; height: 13px;
+  background-position: -76px -449px;
+}
+
+.icon-chat_toptoolbar {
+  width: 24px; height: 19px;
+  background-position: -234px -184px;
+}
+
+.icon-chaticon {
+  width: 18px; height: 15px;
+  background-position: -405px -158px;
+}
+
+.icon-chaticon_new {
+  width: 19px; height: 17px;
+  background-position: -320px -253px;
+}
+
+.icon-circle {
+  width: 12px; height: 12px;
+  background-position: -511px -405px;
+}
+
+.icon-clearstyle {
+  width: 14px; height: 13px;
+  background-position: -79px -415px;
+}
+
+.icon-closepreview {
+  width: 11px; height: 11px;
+  background-position: -544px -10px;
+}
+
+.icon-coeditingmode {
+  width: 18px; height: 22px;
+  background-position: -320px -131px;
+}
+
+.icon-columnwidthmarker {
+  width: 15px; height: 14px;
+  background-position: -443px -10px;
+}
+
+.icon-comment_toptoolbar {
+  width: 22px; height: 19px;
+  background-position: -95px -223px;
+}
+
+.icon-commentsicon {
+  width: 14px; height: 14px;
+  background-position: -443px -291px;
+}
+
+.icon-connectionpoint {
+  width: 5px; height: 5px;
+  background-position: -428px -482px;
+}
+
+.icon-constantproportions {
+  width: 13px; height: 8px;
+  background-position: -234px -482px;
+}
+
+.icon-constantproportionsactivated {
+  width: 20px; height: 20px;
+  background-position: -90px -267px;
+}
+
+.icon-copy {
+  width: 14px; height: 13px;
+  background-position: -113px -415px;
+}
+
+.icon-copystyle {
+  width: 13px; height: 13px;
+  background-position: -109px -449px;
+}
+
+.icon-copystyle_selected {
+  width: 20px; height: 20px;
+  background-position: -130px -267px;
+}
+
+.icon-date_time_icon {
+  width: 22px; height: 20px;
+  background-position: -278px -177px;
+}
+
+.icon-decreasedec {
+  width: 12px; height: 11px;
+  background-position: -281px -415px;
+}
+
+.icon-decreaseindent {
+  width: 12px; height: 11px;
+  background-position: -313px -415px;
+}
+
+.icon-deletecommenticon {
+  width: 11px; height: 12px;
+  background-position: -10px -482px;
+}
+
+.icon-deleteicon {
+  width: 14px; height: 14px;
+  background-position: -443px -325px;
+}
+
+.icon-distributehorizontally {
+  width: 13px; height: 13px;
+  background-position: -142px -449px;
+}
+
+.icon-distributevertically {
+  width: 13px; height: 13px;
+  background-position: -175px -449px;
+}
+
+.icon-document_language {
+  width: 15px; height: 15px;
+  background-position: -10px -380px;
+}
+
+.icon-editcommenticon {
+  width: 12px; height: 13px;
+  background-position: -511px -275px;
+}
+
+.icon-equationplaceholder {
+  width: 18px; height: 18px;
+  background-position: -320px -215px;
+}
+
+.icon-exitfullscreen {
+  width: 13px; height: 13px;
+  background-position: -208px -449px;
+}
+
+.icon-favorites_icon {
+  width: 25px; height: 25px;
+  background-position: -188px -56px;
+}
+
+.icon-feedback {
+  width: 14px; height: 15px;
+  background-position: -443px -44px;
+}
+
+.icon-feedbackicon {
+  width: 15px; height: 13px;
+  background-position: -362px -380px;
+}
+
+.icon-file {
+  width: 13px; height: 15px;
+  background-position: -478px -10px;
+}
+
+.icon-firstline_indent {
+  width: 10px; height: 10px;
+  background-position: -544px -197px;
+}
+
+.icon-fitpage {
+  width: 14px; height: 15px;
+  background-position: -443px -79px;
+}
+
+.icon-fitslide {
+  width: 15px; height: 13px;
+  background-position: -397px -380px;
+}
+
+.icon-fitwidth {
+  width: 16px; height: 11px;
+  background-position: -258px -346px;
+}
+
+.icon-fliplefttoright {
+  width: 15px; height: 14px;
+  background-position: -443px -114px;
+}
+
+.icon-flipupsidedown {
+  width: 14px; height: 15px;
+  background-position: -443px -148px;
+}
+
+.icon-fontcolor {
+  width: 25px; height: 14px;
+  background-position: -360px -10px;
+}
+
+.icon-fontsize {
+  width: 45px; height: 22px;
+  background-position: -75px -10px;
+}
+
+.icon-fullscreen {
+  width: 13px; height: 13px;
+  background-position: -241px -449px;
+}
+
+.icon-gotodocuments {
+  width: 18px; height: 15px;
+  background-position: -405px -193px;
+}
+
+.icon-gradientslider {
+  width: 13px; height: 14px;
+  background-position: -478px -45px;
+}
+
+.icon-greencircle {
+  width: 15px; height: 13px;
+  background-position: -44px -415px;
+}
+
+.icon-group {
+  width: 15px; height: 15px;
+  background-position: -45px -380px;
+}
+
+.icon-hanging {
+  width: 10px; height: 8px;
+  background-position: -544px -345px;
+}
+
+.icon-hard {
+  width: 9px; height: 14px;
+  background-position: -159px -136px;
+}
+
+.icon-header_footer_icon {
+  width: 18px; height: 22px;
+  background-position: -320px -173px;
+}
+
+.icon-help {
+  width: 24px; height: 24px;
+  background-position: -188px -101px;
+}
+
+.icon-hiderulers {
+  width: 19px; height: 19px;
+  background-position: -360px -44px;
+}
+
+.icon-highlight {
+  width: 28px; height: 28px;
+  background-position: -140px -10px;
+}
+
+.icon-highlight_color_mouse_pointer {
+  width: 13px; height: 14px;
+  background-position: -478px -79px;
+}
+
+.icon-highlightcolor {
+  width: 27px; height: 13px;
+  background-position: -52px -309px;
+}
+
+.icon-horizontalalign {
+  width: 21px; height: 11px;
+  background-position: -135px -346px;
+}
+
+.icon-image {
+  width: 20px; height: 20px;
+  background-position: -170px -267px;
+}
+
+.icon-image_settings_icon {
+  width: 13px; height: 13px;
+  background-position: -274px -449px;
+}
+
+.icon-increasedec {
+  width: 12px; height: 11px;
+  background-position: -345px -415px;
+}
+
+.icon-increaseindent {
+  width: 12px; height: 11px;
+  background-position: -377px -415px;
+}
+
+.icon-insert_columns {
+  width: 25px; height: 17px;
+  background-position: -188px -145px;
+}
+
+.icon-insert_symbol_icon {
+  width: 20px; height: 20px;
+  background-position: -210px -267px;
+}
+
+.icon-insertautoshape {
+  width: 22px; height: 22px;
+  background-position: -278px -10px;
+}
+
+.icon-insertchart {
+  width: 22px; height: 19px;
+  background-position: -137px -223px;
+}
+
+.icon-insertequationicon {
+  width: 22px; height: 17px;
+  background-position: -221px -223px;
+}
+
+.icon-insertfunction {
+  width: 21px; height: 11px;
+  background-position: -176px -346px;
+}
+
+.icon-inserttable {
+  width: 22px; height: 17px;
+  background-position: -10px -309px;
+}
+
+.icon-inserttextarticon {
+  width: 19px; height: 21px;
+  background-position: -320px -90px;
+}
+
+.icon-inserttexticon {
+  width: 22px; height: 22px;
+  background-position: -278px -52px;
+}
+
+.icon-italic {
+  width: 7px; height: 10px;
+  background-position: -290px -267px;
+}
+
+.icon-justify {
+  width: 12px; height: 13px;
+  background-position: -511px -308px;
+}
+
+.icon-larger {
+  width: 14px; height: 11px;
+  background-position: -330px -346px;
+}
+
+.icon-leftindent {
+  width: 10px; height: 6px;
+  background-position: -398px -482px;
+}
+
+.icon-linespacing {
+  width: 21px; height: 11px;
+  background-position: -217px -346px;
+}
+
+.icon-nextpage {
+  width: 13px; height: 13px;
+  background-position: -307px -449px;
+}
+
+.icon-nextslide {
+  width: 12px; height: 10px;
+  background-position: -74px -482px;
+}
+
+.icon-noborders {
+  width: 19px; height: 19px;
+  background-position: -360px -83px;
+}
+
+.icon-nofill {
+  width: 12px; height: 12px;
+  background-position: -511px -437px;
+}
+
+.icon-numbering {
+  width: 23px; height: 11px;
+  background-position: -360px -315px;
+}
+
+.icon-orientation {
+  width: 17px; height: 13px;
+  background-position: -290px -380px;
+}
+
+.icon-outline {
+  width: 25px; height: 13px;
+  background-position: -99px -309px;
+}
+
+.icon-pagesize {
+  width: 15px; height: 15px;
+  background-position: -80px -380px;
+}
+
+.icon-paste {
+  width: 14px; height: 13px;
+  background-position: -147px -415px;
+}
+
+.icon-paste_style {
+  width: 16px; height: 17px;
+  background-position: -405px -85px;
+}
+
+.icon-pastespecialbutton {
+  width: 33px; height: 22px;
+  background-position: -58px -136px;
+}
+
+.icon-pausepresentation {
+  width: 8px; height: 10px;
+  background-position: -544px -373px;
+}
+
+.icon-photoeditor {
+  width: 28px; height: 28px;
+  background-position: -140px -58px;
+}
+
+.icon-placeholder_chart {
+  width: 22px; height: 19px;
+  background-position: -179px -223px;
+}
+
+.icon-placeholder_imagefromfile {
+  width: 20px; height: 20px;
+  background-position: -250px -267px;
+}
+
+.icon-placeholder_imagefromurl {
+  width: 23px; height: 23px;
+  background-position: -234px -141px;
+}
+
+.icon-placeholder_table {
+  width: 22px; height: 16px;
+  background-position: -360px -237px;
+}
+
+.icon-pointer {
+  width: 10px; height: 10px;
+  background-position: -544px -227px;
+}
+
+.icon-pointer_enabled {
+  width: 20px; height: 20px;
+  background-position: -320px -10px;
+}
+
+.icon-pointer_screen {
+  width: 22px; height: 20px;
+  background-position: -278px -217px;
+}
+
+.icon-presenter_nextslide {
+  width: 12px; height: 10px;
+  background-position: -106px -482px;
+}
+
+.icon-presenter_pausepresentation {
+  width: 8px; height: 10px;
+  background-position: -544px -403px;
+}
+
+.icon-presenter_previousslide {
+  width: 12px; height: 10px;
+  background-position: -138px -482px;
+}
+
+.icon-presenter_startpresentation {
+  width: 9px; height: 12px;
+  background-position: -544px -133px;
+}
+
+.icon-previouspage {
+  width: 13px; height: 13px;
+  background-position: -340px -449px;
+}
+
+.icon-previousslide {
+  width: 12px; height: 10px;
+  background-position: -170px -482px;
+}
+
+.icon-print {
+  width: 17px; height: 15px;
+  background-position: -405px -228px;
+}
+
+.icon-rainbow_icon {
+  width: 24px; height: 24px;
+  background-position: -234px -10px;
+}
+
+.icon-redo {
+  width: 16px; height: 9px;
+  background-position: -140px -106px;
+}
+
+.icon-redo1 {
+  width: 13px; height: 6px;
+  background-position: -332px -482px;
+}
+
+.icon-removecomment_toptoolbar {
+  width: 15px; height: 19px;
+  background-position: -405px -46px;
+}
+
+.icon-removegradientpoint {
+  width: 12px; height: 17px;
+  background-position: -443px -220px;
+}
+
+.icon-resize_square {
+  width: 9px; height: 9px;
+  background-position: -544px -286px;
+}
+
+.icon-resolvedicon {
+  width: 12px; height: 11px;
+  background-position: -409px -415px;
+}
+
+.icon-resolveicon {
+  width: 12px; height: 11px;
+  background-position: -441px -415px;
+}
+
+.icon-right_indent {
+  width: 10px; height: 8px;
+  background-position: -544px -433px;
+}
+
+.icon-rotateclockwise {
+  width: 13px; height: 12px;
+  background-position: -511px -341px;
+}
+
+.icon-rotatecounterclockwise {
+  width: 13px; height: 12px;
+  background-position: -511px -373px;
+}
+
+.icon-rowheightmarker {
+  width: 13px; height: 8px;
+  background-position: -267px -482px;
+}
+
+.icon-rowsandcolumns {
+  width: 45px; height: 22px;
+  background-position: -10px -52px;
+}
+
+.icon-save {
+  width: 14px; height: 14px;
+  background-position: -443px -359px;
+}
+
+.icon-saveupdate {
+  width: 18px; height: 16px;
+  background-position: -405px -10px;
+}
+
+.icon-savewhilecoediting {
+  width: 17px; height: 16px;
+  background-position: -405px -122px;
+}
+
+.icon-search_options {
+  width: 15px; height: 15px;
+  background-position: -115px -380px;
+}
+
+.icon-searchbuttons {
+  width: 33px; height: 17px;
+  background-position: -61px -184px;
+}
+
+.icon-searchdownbutton {
+  width: 45px; height: 22px;
+  background-position: -75px -52px;
+}
+
+.icon-searchicon {
+  width: 14px; height: 14px;
+  background-position: -10px -415px;
+}
+
+.icon-SearchOptions {
+  width: 42px; height: 22px;
+  background-position: -75px -94px;
+}
+
+.icon-searchupbutton {
+  width: 45px; height: 22px;
+  background-position: -10px -94px;
+}
+
+.icon-selectslidesizeicon {
+  width: 22px; height: 11px;
+  background-position: -93px -346px;
+}
+
+.icon-sendbackward {
+  width: 13px; height: 13px;
+  background-position: -373px -449px;
+}
+
+.icon-sendtoback {
+  width: 13px; height: 13px;
+  background-position: -406px -449px;
+}
+
+.icon-shape_settings_icon {
+  width: 13px; height: 13px;
+  background-position: -439px -449px;
+}
+
+.icon-sharingicon {
+  width: 21px; height: 17px;
+  background-position: -360px -200px;
+}
+
+.icon-slide_number_icon {
+  width: 16px; height: 22px;
+  background-position: -360px -273px;
+}
+
+.icon-slide_settings_icon {
+  width: 13px; height: 13px;
+  background-position: -472px -449px;
+}
+
+.icon-smaller {
+  width: 13px; height: 10px;
+  background-position: -41px -482px;
+}
+
+.icon-soft {
+  width: 10px; height: 8px;
+  background-position: -544px -461px;
+}
+
+.icon-sortcommentsicon {
+  width: 31px; height: 19px;
+  background-position: -10px -184px;
+}
+
+.icon-space {
+  width: 2px; height: 3px;
+  background-position: -211px -184px;
+}
+
+.icon-spellcheckactivated {
+  width: 20px; height: 20px;
+  background-position: -320px -50px;
+}
+
+.icon-spellcheckdeactivated {
+  width: 15px; height: 12px;
+  background-position: -181px -415px;
+}
+
+.icon-spellchecking_toptoolbar {
+  width: 20px; height: 22px;
+  background-position: -10px -267px;
+}
+
+.icon-spellchecking_toptoolbar_activated {
+  width: 21px; height: 24px;
+  background-position: -10px -223px;
+}
+
+.icon-square {
+  width: 5px; height: 5px;
+  background-position: -453px -482px;
+}
+
+.icon-startpresentation {
+  width: 9px; height: 12px;
+  background-position: -544px -165px;
+}
+
+.icon-startpreview {
+  width: 13px; height: 13px;
+  background-position: -511px -10px;
+}
+
+.icon-strike {
+  width: 12px; height: 10px;
+  background-position: -202px -482px;
+}
+
+.icon-sub {
+  width: 13px; height: 11px;
+  background-position: -248px -415px;
+}
+
+.icon-sup {
+  width: 12px; height: 12px;
+  background-position: -216px -415px;
+}
+
+.icon-tab {
+  width: 10px; height: 5px;
+  background-position: -544px -489px;
+}
+
+.icon-table {
+  width: 21px; height: 13px;
+  background-position: -267px -309px;
+}
+
+.icon-table_settings_icon {
+  width: 13px; height: 13px;
+  background-position: -511px -43px;
+}
+
+.icon-tabstopcenter {
+  width: 15px; height: 15px;
+  background-position: -150px -380px;
+}
+
+.icon-tabstopcenter_marker {
+  width: 12px; height: 8px;
+  background-position: -300px -482px;
+}
+
+.icon-tabstopleft {
+  width: 15px; height: 15px;
+  background-position: -185px -380px;
+}
+
+.icon-tabstopleft_marker {
+  width: 8px; height: 8px;
+  background-position: -10px -514px;
+}
+
+.icon-tabstopright {
+  width: 15px; height: 15px;
+  background-position: -220px -380px;
+}
+
+.icon-tabstopright_marker {
+  width: 8px; height: 8px;
+  background-position: -38px -514px;
+}
+
+.icon-telegram_icon {
+  width: 24px; height: 24px;
+  background-position: -234px -54px;
+}
+
+.icon-text_autoshape {
+  width: 22px; height: 22px;
+  background-position: -278px -94px;
+}
+
+.icon-text_settings_icon {
+  width: 13px; height: 13px;
+  background-position: -511px -76px;
+}
+
+.icon-textart_settings_icon {
+  width: 12px; height: 14px;
+  background-position: -511px -142px;
+}
+
+.icon-thesaurus_icon {
+  width: 28px; height: 22px;
+  background-position: -111px -136px;
+}
+
+.icon-translator {
+  width: 26px; height: 26px;
+  background-position: -188px -10px;
+}
+
+.icon-underline {
+  width: 10px; height: 11px;
+  background-position: -544px -41px;
+}
+
+.icon-undo {
+  width: 16px; height: 9px;
+  background-position: -364px -346px;
+}
+
+.icon-undo1 {
+  width: 13px; height: 6px;
+  background-position: -365px -482px;
+}
+
+.icon-ungroup {
+  width: 15px; height: 15px;
+  background-position: -255px -380px;
+}
+
+.icon-usersnumber {
+  width: 28px; height: 16px;
+  background-position: -163px -184px;
+}
+
+.icon-versionhistoryicon {
+  width: 24px; height: 21px;
+  background-position: -51px -223px;
+}
+
+.icon-verticalalign {
+  width: 21px; height: 13px;
+  background-position: -308px -309px;
+}
+
+.icon-viewsettingsicon {
+  width: 16px; height: 11px;
+  background-position: -294px -346px;
+}
+
+.icon-yellowdiamond {
+  width: 11px; height: 10px;
+  background-position: -544px -72px;
+}
+
+.icon-youtube {
+  width: 28px; height: 28px;
+  background-position: -10px -136px;
+}
+
+.icon-zoomin {
+  width: 13px; height: 13px;
+  background-position: -511px -109px;
+}
+
+.icon-zoomout {
+  width: 10px; height: 11px;
+  background-position: -544px -102px;
+}
+/*----------------------------------------------------------------
+smb
+-----------------------------------------------------------------*/
+.smb {
+  background-image: url(../images/symbols.png);
+  background-repeat: no-repeat;
+  display: inline-block;
+}
+
+.smb-above {
+  width: 14px;
+  height: 13px;
+  background-position: -1px -1px;
+}
+
+.smb-acute {
+  width: 6px;
+  height: 4px;
+  background-position: -17px -1px;
+}
+
+.smb-aleph {
+  width: 11px;
+  height: 12px;
+  background-position: -25px -1px;
+}
+
+.smb-alpha {
+  width: 11px;
+  height: 9px;
+  background-position: -38px -1px;
+}
+
+.smb-alpha2 {
+  width: 11px;
+  height: 12px;
+  background-position: -51px -1px;
+}
+
+.smb-amalg {
+  width: 14px;
+  height: 15px;
+  background-position: -64px -1px;
+}
+
+.smb-angle {
+  width: 13px;
+  height: 13px;
+  background-position: -80px -1px;
+}
+
+.smb-aoint {
+  width: 9px;
+  height: 17px;
+  background-position: -95px -1px;
+}
+
+.smb-approx {
+  width: 11px;
+  height: 10px;
+  background-position: -106px -1px;
+}
+
+.smb-arrow {
+  width: 14px;
+  height: 9px;
+  background-position: -119px -1px;
+}
+
+.smb-asmash {
+  width: 7px;
+  height: 14px;
+  background-position: -135px -1px;
+}
+
+.smb-ast {
+  width: 8px;
+  height: 8px;
+  background-position: -144px -1px;
+}
+
+.smb-asymp {
+  width: 12px;
+  height: 8px;
+  background-position: -154px -1px;
+}
+
+.smb-atop {
+  width: 4px;
+  height: 16px;
+  background-position: -168px -1px;
+}
+
+.smb-bar {
+  width: 12px;
+  height: 3px;
+  background-position: -174px -1px;
+}
+
+.smb-bar2 {
+  width: 13px;
+  height: 5px;
+  background-position: -188px -1px;
+}
+
+.smb-because {
+  width: 9px;
+  height: 8px;
+  background-position: -203px -1px;
+}
+
+.smb-begin {
+  width: 8px;
+  height: 16px;
+  background-position: -214px -1px;
+}
+
+.smb-below {
+  width: 14px;
+  height: 13px;
+  background-position: -224px -1px;
+}
+
+.smb-bet {
+  width: 11px;
+  height: 14px;
+  background-position: -240px -1px;
+}
+
+.smb-beta {
+  width: 11px;
+  height: 15px;
+  background-position: -253px -1px;
+}
+
+.smb-beta2 {
+  width: 11px;
+  height: 12px;
+  background-position: -266px -1px;
+}
+
+.smb-beth {
+  width: 11px;
+  height: 14px;
+  background-position: -279px -1px;
+}
+
+.smb-bigcap {
+  width: 11px;
+  height: 14px;
+  background-position: -292px -1px;
+}
+
+.smb-bigcup {
+  width: 11px;
+  height: 14px;
+  background-position: -305px -1px;
+}
+
+.smb-bigodot {
+  width: 13px;
+  height: 13px;
+  background-position: -318px -1px;
+}
+
+.smb-bigoplus {
+  width: 13px;
+  height: 13px;
+  background-position: -1px -16px;
+}
+
+.smb-bigotimes {
+  width: 13px;
+  height: 13px;
+  background-position: -16px -16px;
+}
+
+.smb-bigsqcup {
+  width: 10px;
+  height: 12px;
+  background-position: -31px -16px;
+}
+
+.smb-biguplus {
+  width: 10px;
+  height: 13px;
+  background-position: -43px -16px;
+}
+
+.smb-bigvee {
+  width: 10px;
+  height: 11px;
+  background-position: -80px -16px;
+}
+
+.smb-bigwedge {
+  width: 10px;
+  height: 11px;
+  background-position: -106px -16px;
+}
+
+.smb-binomial {
+  width: 295px;
+  height: 20px;
+  background-position: -1px -31px;
+}
+
+.smb-bot {
+  width: 10px;
+  height: 11px;
+  background-position: -118px -16px;
+}
+
+.smb-bowtie {
+  width: 11px;
+  height: 10px;
+  background-position: -144px -16px;
+}
+
+.smb-box {
+  width: 9px;
+  height: 9px;
+  background-position: -157px -16px;
+}
+
+.smb-boxdot {
+  width: 15px;
+  height: 14px;
+  background-position: -318px -16px;
+}
+
+.smb-boxminus {
+  width: 15px;
+  height: 14px;
+  background-position: -298px -32px;
+}
+
+.smb-boxplus {
+  width: 15px;
+  height: 14px;
+  background-position: -315px -32px;
+}
+
+.smb-bra {
+  width: 5px;
+  height: 13px;
+  background-position: -55px -16px;
+}
+
+.smb-break {
+  width: 8px;
+  height: 10px;
+  background-position: -174px -16px;
+}
+
+.smb-breve {
+  width: 7px;
+  height: 5px;
+  background-position: -184px -16px;
+}
+
+.smb-bullet {
+  width: 4px;
+  height: 4px;
+  background-position: -193px -16px;
+}
+
+.smb-cap {
+  width: 10px;
+  height: 11px;
+  background-position: -199px -16px;
+}
+
+.smb-cases {
+  width: 16px;
+  height: 16px;
+  background-position: -298px -48px;
+}
+
+.smb-cbrt {
+  width: 13px;
+  height: 16px;
+  background-position: -316px -48px;
+}
+
+.smb-cdot {
+  width: 4px;
+  height: 4px;
+  background-position: -224px -16px;
+}
+
+.smb-cdots {
+  width: 12px;
+  height: 4px;
+  background-position: -1px -66px;
+}
+
+.smb-check {
+  width: 7px;
+  height: 5px;
+  background-position: -230px -16px;
+}
+
+.smb-chi {
+  width: 12px;
+  height: 12px;
+  background-position: -15px -66px;
+}
+
+.smb-chi2 {
+  width: 13px;
+  height: 12px;
+  background-position: -29px -66px;
+}
+
+.smb-circ {
+  width: 7px;
+  height: 7px;
+  background-position: -266px -16px;
+}
+
+.smb-close {
+  width: 8px;
+  height: 21px;
+  background-position: -44px -66px;
+}
+
+.smb-clubsuit {
+  width: 12px;
+  height: 11px;
+  background-position: -54px -66px;
+}
+
+.smb-coint {
+  width: 10px;
+  height: 17px;
+  background-position: -68px -66px;
+}
+
+.smb-colonequal {
+  width: 14px;
+  height: 8px;
+  background-position: -80px -66px;
+}
+
+.smb-cong {
+  width: 11px;
+  height: 11px;
+  background-position: -96px -66px;
+}
+
+.smb-coprod {
+  width: 12px;
+  height: 13px;
+  background-position: -109px -66px;
+}
+
+.smb-cup {
+  width: 11px;
+  height: 11px;
+  background-position: -123px -66px;
+}
+
+.smb-dalet {
+  width: 11px;
+  height: 14px;
+  background-position: -136px -66px;
+}
+
+.smb-daleth {
+  width: 11px;
+  height: 14px;
+  background-position: -149px -66px;
+}
+
+.smb-dashv {
+  width: 10px;
+  height: 11px;
+  background-position: -162px -66px;
+}
+
+.smb-dd {
+  width: 11px;
+  height: 12px;
+  background-position: -174px -66px;
+}
+
+.smb-dd2 {
+  width: 14px;
+  height: 12px;
+  background-position: -187px -66px;
+}
+
+.smb-ddddot {
+  width: 12px;
+  height: 5px;
+  background-position: -203px -66px;
+}
+
+.smb-dddot {
+  width: 10px;
+  height: 5px;
+  background-position: -217px -66px;
+}
+
+.smb-ddot {
+  width: 8px;
+  height: 3px;
+  background-position: -229px -66px;
+}
+
+.smb-ddots {
+  width: 9px;
+  height: 10px;
+  background-position: -239px -66px;
+}
+
+.smb-defeq {
+  width: 12px;
+  height: 13px;
+  background-position: -250px -66px;
+}
+
+.smb-degc {
+  width: 16px;
+  height: 14px;
+  background-position: -264px -66px;
+}
+
+.smb-degf {
+  width: 10px;
+  height: 14px;
+  background-position: -282px -66px;
+}
+
+.smb-degree {
+  width: 6px;
+  height: 6px;
+  background-position: -294px -66px;
+}
+
+.smb-delta {
+  width: 9px;
+  height: 11px;
+  background-position: -302px -66px;
+}
+
+.smb-delta2 {
+  width: 9px;
+  height: 12px;
+  background-position: -313px -66px;
+}
+
+.smb-deltaeq {
+  width: 12px;
+  height: 11px;
+  background-position: -1px -80px;
+}
+
+.smb-diamond {
+  width: 7px;
+  height: 8px;
+  background-position: -324px -66px;
+}
+
+.smb-diamondsuit {
+  width: 11px;
+  height: 13px;
+  background-position: -15px -80px;
+}
+
+.smb-div {
+  width: 12px;
+  height: 9px;
+  background-position: -28px -80px;
+}
+
+.smb-dot {
+  width: 4px;
+  height: 3px;
+  background-position: -80px -76px;
+}
+
+.smb-doteq {
+  width: 12px;
+  height: 9px;
+  background-position: -54px -80px;
+}
+
+.smb-dots {
+  width: 12px;
+  height: 4px;
+  background-position: -86px -80px;
+}
+
+.smb-doublea {
+  width: 11px;
+  height: 9px;
+  background-position: -123px -80px;
+}
+
+.smb-doublea2 {
+  width: 13px;
+  height: 12px;
+  background-position: -162px -80px;
+}
+
+.smb-doubleb {
+  width: 11px;
+  height: 12px;
+  background-position: -177px -80px;
+}
+
+.smb-doubleb2 {
+  width: 12px;
+  height: 12px;
+  background-position: -190px -80px;
+}
+
+.smb-doublec {
+  width: 10px;
+  height: 9px;
+  background-position: -204px -76px;
+}
+
+.smb-doublec2 {
+  width: 11px;
+  height: 14px;
+  background-position: -216px -80px;
+}
+
+.smb-doublecolon {
+  width: 9px;
+  height: 8px;
+  background-position: -324px -76px;
+}
+
+.smb-doubled {
+  width: 10px;
+  height: 12px;
+  background-position: -68px -86px;
+}
+
+.smb-doubled2 {
+  width: 12px;
+  height: 12px;
+  background-position: -229px -80px;
+}
+
+.smb-doublee {
+  width: 10px;
+  height: 9px;
+  background-position: -80px -86px;
+}
+
+.smb-doublee2 {
+  width: 10px;
+  height: 12px;
+  background-position: -92px -86px;
+}
+
+.smb-doublef {
+  width: 9px;
+  height: 12px;
+  background-position: -104px -86px;
+}
+
+.smb-doublef2 {
+  width: 11px;
+  height: 12px;
+  background-position: -294px -80px;
+}
+
+.smb-doublefactorial {
+  width: 10px;
+  height: 14px;
+  background-position: -307px -80px;
+}
+
+.smb-doubleg {
+  width: 11px;
+  height: 12px;
+  background-position: -136px -86px;
+}
+
+.smb-doubleg2 {
+  width: 12px;
+  height: 13px;
+  background-position: -243px -86px;
+}
+
+.smb-doubleh {
+  width: 12px;
+  height: 12px;
+  background-position: -257px -86px;
+}
+
+.smb-doubleh2 {
+  width: 13px;
+  height: 13px;
+  background-position: -271px -86px;
+}
+
+.smb-doublei {
+  width: 7px;
+  height: 13px;
+  background-position: -149px -86px;
+}
+
+.smb-doublei2 {
+  width: 7px;
+  height: 12px;
+  background-position: -319px -86px;
+}
+
+.smb-doublej {
+  width: 7px;
+  height: 16px;
+  background-position: -1px -100px;
+}
+
+.smb-doublej2 {
+  width: 7px;
+  height: 14px;
+  background-position: -10px -100px;
+}
+
+.smb-doublek {
+  width: 12px;
+  height: 12px;
+  background-position: -19px -100px;
+}
+
+.smb-doublek2 {
+  width: 13px;
+  height: 12px;
+  background-position: -33px -100px;
+}
+
+.smb-doublel {
+  width: 7px;
+  height: 12px;
+  background-position: -48px -100px;
+}
+
+.smb-doublel2 {
+  width: 11px;
+  height: 12px;
+  background-position: -57px -100px;
+}
+
+.smb-doublem {
+  width: 16px;
+  height: 9px;
+  background-position: -70px -100px;
+}
+
+.smb-doublem2 {
+  width: 14px;
+  height: 12px;
+  background-position: -88px -100px;
+}
+
+.smb-doublen {
+  width: 12px;
+  height: 9px;
+  background-position: -104px -100px;
+}
+
+.smb-doublen2 {
+  width: 11px;
+  height: 13px;
+  background-position: -118px -100px;
+}
+
+.smb-doubleo {
+  width: 10px;
+  height: 9px;
+  background-position: -131px -100px;
+}
+
+.smb-doubleo2 {
+  width: 12px;
+  height: 12px;
+  background-position: -158px -100px;
+}
+
+.smb-doublep {
+  width: 11px;
+  height: 12px;
+  background-position: -172px -100px;
+}
+
+.smb-doublep2 {
+  width: 11px;
+  height: 13px;
+  background-position: -185px -100px;
+}
+
+.smb-doubleq {
+  width: 11px;
+  height: 12px;
+  background-position: -198px -100px;
+}
+
+.smb-doubleq2 {
+  width: 12px;
+  height: 15px;
+  background-position: -211px -100px;
+}
+
+.smb-doubler {
+  width: 9px;
+  height: 9px;
+  background-position: -225px -100px;
+}
+
+.smb-doubler2 {
+  width: 13px;
+  height: 13px;
+  background-position: -286px -100px;
+}
+
+.smb-doubles {
+  width: 9px;
+  height: 9px;
+  background-position: -257px -100px;
+}
+
+.smb-doubles2 {
+  width: 9px;
+  height: 12px;
+  background-position: -301px -100px;
+}
+
+.smb-doublet {
+  width: 9px;
+  height: 11px;
+  background-position: -312px -100px;
+}
+
+.smb-doublet2 {
+  width: 12px;
+  height: 12px;
+  background-position: -70px -113px;
+}
+
+.smb-doubleu {
+  width: 12px;
+  height: 9px;
+  background-position: -104px -113px;
+}
+
+.smb-doubleu2 {
+  width: 12px;
+  height: 12px;
+  background-position: -131px -113px;
+}
+
+.smb-doublev {
+  width: 11px;
+  height: 9px;
+  background-position: -145px -113px;
+}
+
+.smb-doublev2 {
+  width: 13px;
+  height: 12px;
+  background-position: -225px -113px;
+}
+
+.smb-doublew {
+  width: 15px;
+  height: 9px;
+  background-position: -240px -113px;
+}
+
+.smb-doublew2 {
+  width: 18px;
+  height: 12px;
+  background-position: -275px -17px;
+}
+
+.smb-doublex {
+  width: 11px;
+  height: 9px;
+  background-position: -257px -113px;
+}
+
+.smb-doublex2 {
+  width: 12px;
+  height: 12px;
+  background-position: -270px -113px;
+}
+
+.smb-doubley {
+  width: 11px;
+  height: 12px;
+  background-position: -312px -113px;
+}
+
+.smb-doubley2 {
+  width: 12px;
+  height: 12px;
+  background-position: -1px -127px;
+}
+
+.smb-doublez {
+  width: 10px;
+  height: 9px;
+  background-position: -323px -100px;
+}
+
+.smb-doublez2 {
+  width: 13px;
+  height: 13px;
+  background-position: -15px -127px;
+}
+
+.smb-downarrow {
+  width: 7px;
+  height: 13px;
+  background-position: -325px -111px;
+}
+
+.smb-downarrow2 {
+  width: 9px;
+  height: 13px;
+  background-position: -30px -127px;
+}
+
+.smb-dsmash {
+  width: 8px;
+  height: 15px;
+  background-position: -41px -126px;
+}
+
+.smb-ee {
+  width: 10px;
+  height: 9px;
+  background-position: -51px -127px;
+}
+
+.smb-ell {
+  width: 9px;
+  height: 13px;
+  background-position: -63px -127px;
+}
+
+.smb-emptyset {
+  width: 14px;
+  height: 14px;
+  background-position: -74px -127px;
+}
+
+.smb-end {
+  width: 8px;
+  height: 17px;
+  background-position: -90px -126px;
+}
+
+.smb-epsilon {
+  width: 8px;
+  height: 9px;
+  background-position: -100px -126px;
+}
+
+.smb-epsilon2 {
+  width: 11px;
+  height: 12px;
+  background-position: -110px -127px;
+}
+
+.smb-eqarray {
+  width: 15px;
+  height: 21px;
+  background-position: -123px -127px;
+}
+
+.smb-equiv {
+  width: 12px;
+  height: 10px;
+  background-position: -140px -127px;
+}
+
+.smb-eta {
+  width: 10px;
+  height: 12px;
+  background-position: -154px -127px;
+}
+
+.smb-eta2 {
+  width: 13px;
+  height: 12px;
+  background-position: -166px -127px;
+}
+
+.smb-exists {
+  width: 9px;
+  height: 11px;
+  background-position: -181px -126px;
+}
+
+.smb-forall {
+  width: 12px;
+  height: 12px;
+  background-position: -192px -127px;
+}
+
+.smb-fraktura {
+  width: 9px;
+  height: 9px;
+  background-position: -206px -127px;
+}
+
+.smb-fraktura2 {
+  width: 13px;
+  height: 14px;
+  background-position: -217px -127px;
+}
+
+.smb-frakturb {
+  width: 9px;
+  height: 14px;
+  background-position: -232px -127px;
+}
+
+.smb-frakturb2 {
+  width: 12px;
+  height: 13px;
+  background-position: -243px -127px;
+}
+
+.smb-frakturc {
+  width: 8px;
+  height: 10px;
+  background-position: -257px -126px;
+}
+
+.smb-frakturc2 {
+  width: 11px;
+  height: 14px;
+  background-position: -267px -127px;
+}
+
+.smb-frakturd {
+  width: 11px;
+  height: 13px;
+  background-position: -280px -127px;
+}
+
+.smb-frakturd2 {
+  width: 14px;
+  height: 13px;
+  background-position: -293px -127px;
+}
+
+.smb-frakture {
+  width: 9px;
+  height: 10px;
+  background-position: -309px -127px;
+}
+
+.smb-frakture2 {
+  width: 11px;
+  height: 13px;
+  background-position: -320px -127px;
+}
+
+.smb-frakturf {
+  width: 7px;
+  height: 15px;
+  background-position: -1px -142px;
+}
+
+.smb-frakturf2 {
+  width: 12px;
+  height: 15px;
+  background-position: -10px -142px;
+}
+
+.smb-frakturg {
+  width: 9px;
+  height: 14px;
+  background-position: -24px -142px;
+}
+
+.smb-frakturg2 {
+  width: 12px;
+  height: 14px;
+  background-position: -51px -142px;
+}
+
+.smb-frakturh {
+  width: 9px;
+  height: 15px;
+  background-position: -100px -142px;
+}
+
+.smb-frakturh2 {
+  width: 12px;
+  height: 15px;
+  background-position: -140px -142px;
+}
+
+.smb-frakturi {
+  width: 7px;
+  height: 12px;
+  background-position: -65px -142px;
+}
+
+.smb-frakturi2 {
+  width: 12px;
+  height: 15px;
+  background-position: -154px -142px;
+}
+
+.smb-frakturk {
+  width: 8px;
+  height: 12px;
+  background-position: -111px -142px;
+}
+
+.smb-frakturk2 {
+  width: 13px;
+  height: 13px;
+  background-position: -168px -142px;
+}
+
+.smb-frakturl {
+  width: 6px;
+  height: 12px;
+  background-position: -115px -86px;
+}
+
+.smb-frakturl2 {
+  width: 11px;
+  height: 13px;
+  background-position: -183px -142px;
+}
+
+.smb-frakturm {
+  width: 14px;
+  height: 9px;
+  background-position: -196px -142px;
+}
+
+.smb-frakturm2 {
+  width: 16px;
+  height: 13px;
+  background-position: -298px -17px;
+}
+
+.smb-frakturn {
+  width: 9px;
+  height: 9px;
+  background-position: -243px -142px;
+}
+
+.smb-frakturn2 {
+  width: 13px;
+  height: 14px;
+  background-position: -280px -142px;
+}
+
+.smb-frakturo {
+  width: 9px;
+  height: 9px;
+  background-position: -254px -142px;
+}
+
+.smb-frakturo2 {
+  width: 12px;
+  height: 12px;
+  background-position: -295px -142px;
+}
+
+.smb-frakturp {
+  width: 9px;
+  height: 11px;
+  background-position: -309px -142px;
+}
+
+.smb-frakturp2 {
+  width: 13px;
+  height: 14px;
+  background-position: -320px -142px;
+}
+
+.smb-frakturq {
+  width: 9px;
+  height: 11px;
+  background-position: -24px -158px;
+}
+
+.smb-frakturq2 {
+  width: 13px;
+  height: 12px;
+  background-position: -35px -158px;
+}
+
+.smb-frakturr {
+  width: 7px;
+  height: 9px;
+  background-position: -50px -158px;
+}
+
+.smb-frakturr2 {
+  width: 15px;
+  height: 15px;
+  background-position: -74px -155px;
+}
+
+.smb-frakturs {
+  width: 7px;
+  height: 8px;
+  background-position: -59px -158px;
+}
+
+.smb-frakturs2 {
+  width: 13px;
+  height: 12px;
+  background-position: -111px -158px;
+}
+
+.smb-frakturt {
+  width: 7px;
+  height: 12px;
+  background-position: -91px -158px;
+}
+
+.smb-frakturt2 {
+  width: 13px;
+  height: 12px;
+  background-position: -168px -158px;
+}
+
+.smb-frakturu {
+  width: 10px;
+  height: 9px;
+  background-position: -126px -158px;
+}
+
+.smb-frakturu2 {
+  width: 12px;
+  height: 15px;
+  background-position: -183px -158px;
+}
+
+.smb-frakturv {
+  width: 9px;
+  height: 9px;
+  background-position: -197px -158px;
+}
+
+.smb-frakturv2 {
+  width: 13px;
+  height: 13px;
+  background-position: -208px -158px;
+}
+
+.smb-frakturw {
+  width: 13px;
+  height: 9px;
+  background-position: -223px -158px;
+}
+
+.smb-frakturw2 {
+  width: 16px;
+  height: 12px;
+  background-position: -238px -155px;
+}
+
+.smb-frakturx {
+  width: 8px;
+  height: 10px;
+  background-position: -256px -158px;
+}
+
+.smb-frakturx2 {
+  width: 11px;
+  height: 13px;
+  background-position: -266px -158px;
+}
+
+.smb-fraktury {
+  width: 10px;
+  height: 12px;
+  background-position: -279px -158px;
+}
+
+.smb-fraktury2 {
+  width: 12px;
+  height: 15px;
+  background-position: -291px -158px;
+}
+
+.smb-frakturz {
+  width: 8px;
+  height: 14px;
+  background-position: -305px -158px;
+}
+
+.smb-frakturz2 {
+  width: 10px;
+  height: 15px;
+  background-position: -315px -158px;
+}
+
+.smb-frown {
+  width: 10px;
+  height: 10px;
+  background-position: -1px -175px;
+}
+
+.smb-g {
+  width: 11px;
+  height: 12px;
+  background-position: -13px -175px;
+}
+
+.smb-gamma {
+  width: 10px;
+  height: 12px;
+  background-position: -26px -175px;
+}
+
+.smb-gamma2 {
+  width: 11px;
+  height: 12px;
+  background-position: -38px -175px;
+}
+
+.smb-ge {
+  width: 12px;
+  height: 13px;
+  background-position: -51px -175px;
+}
+
+.smb-geq {
+  width: 12px;
+  height: 13px;
+  background-position: -65px -175px;
+}
+
+.smb-gets {
+  width: 13px;
+  height: 9px;
+  background-position: -79px -175px;
+}
+
+.smb-gg {
+  width: 14px;
+  height: 11px;
+  background-position: -94px -175px;
+}
+
+.smb-gimel {
+  width: 8px;
+  height: 14px;
+  background-position: -110px -175px;
+}
+
+.smb-grave {
+  width: 5px;
+  height: 4px;
+  background-position: -286px -86px;
+}
+
+.smb-greaterthanorequalto {
+  width: 12px;
+  height: 13px;
+  background-position: -120px -175px;
+}
+
+.smb-hat {
+  width: 8px;
+  height: 5px;
+  background-position: -134px -175px;
+}
+
+.smb-hbar {
+  width: 11px;
+  height: 14px;
+  background-position: -144px -175px;
+}
+
+.smb-heartsuit {
+  width: 13px;
+  height: 13px;
+  background-position: -157px -175px;
+}
+
+.smb-hookleftarrow {
+  width: 13px;
+  height: 10px;
+  background-position: -172px -175px;
+}
+
+.smb-hookrightarrow {
+  width: 13px;
+  height: 10px;
+  background-position: -187px -175px;
+}
+
+.smb-horizontalellipsis {
+  width: 13px;
+  height: 4px;
+  background-position: -202px -175px;
+}
+
+.smb-hphantom {
+  width: 15px;
+  height: 11px;
+  background-position: -217px -175px;
+}
+
+.smb-hsmash {
+  width: 15px;
+  height: 8px;
+  background-position: -234px -175px;
+}
+
+.smb-hvec {
+  width: 11px;
+  height: 5px;
+  background-position: -251px -175px;
+}
+
+.smb-identitymatrix {
+  width: 202px;
+  height: 16px;
+  background-position: -1px -191px;
+}
+
+.smb-ii {
+  width: 7px;
+  height: 13px;
+  background-position: -264px -175px;
+}
+
+.smb-iiiint {
+  width: 25px;
+  height: 18px;
+  background-position: -273px -175px;
+}
+
+.smb-iiint {
+  width: 20px;
+  height: 18px;
+  background-position: -300px -175px;
+}
+
+.smb-iint {
+  width: 15px;
+  height: 18px;
+  background-position: -205px -195px;
+}
+
+.smb-im {
+  width: 11px;
+  height: 13px;
+  background-position: -322px -175px;
+}
+
+.smb-imath {
+  width: 5px;
+  height: 10px;
+  background-position: -328px -86px;
+}
+
+.smb-in {
+  width: 10px;
+  height: 11px;
+  background-position: -222px -190px;
+}
+
+.smb-inc {
+  width: 11px;
+  height: 12px;
+  background-position: -234px -190px;
+}
+
+.smb-infty {
+  width: 14px;
+  height: 8px;
+  background-position: -247px -195px;
+}
+
+.smb-int {
+  width: 10px;
+  height: 18px;
+  background-position: -322px -190px;
+}
+
+.smb-integral {
+  width: 311px;
+  height: 21px;
+  background-position: -1px -215px;
+}
+
+.smb-iota {
+  width: 6px;
+  height: 9px;
+  background-position: -327px -158px;
+}
+
+.smb-iota2 {
+  width: 8px;
+  height: 12px;
+  background-position: -263px -190px;
+}
+
+.smb-j {
+  width: 26px;
+  height: 15px;
+  background-position: -273px -195px;
+}
+
+.smb-jj {
+  width: 10px;
+  height: 16px;
+  background-position: -314px -210px;
+}
+
+.smb-jmath {
+  width: 9px;
+  height: 12px;
+  background-position: -314px -228px;
+}
+
+.smb-kappa {
+  width: 10px;
+  height: 9px;
+  background-position: -1px -242px;
+}
+
+.smb-kappa2 {
+  width: 12px;
+  height: 12px;
+  background-position: -301px -195px;
+}
+
+.smb-ket {
+  width: 7px;
+  height: 15px;
+  background-position: -326px -210px;
+}
+
+.smb-lambda {
+  width: 10px;
+  height: 12px;
+  background-position: -13px -242px;
+}
+
+.smb-lambda2 {
+  width: 11px;
+  height: 12px;
+  background-position: -25px -242px;
+}
+
+.smb-langle {
+  width: 6px;
+  height: 15px;
+  background-position: -326px -227px;
+}
+
+.smb-lbbrack {
+  width: 8px;
+  height: 15px;
+  background-position: -38px -244px;
+}
+
+.smb-lbrace {
+  width: 8px;
+  height: 16px;
+  background-position: -48px -244px;
+}
+
+.smb-lbrack {
+  width: 6px;
+  height: 16px;
+  background-position: -58px -244px;
+}
+
+.smb-lceil {
+  width: 6px;
+  height: 15px;
+  background-position: -66px -244px;
+}
+
+.smb-ldiv {
+  width: 11px;
+  height: 15px;
+  background-position: -74px -244px;
+}
+
+.smb-ldivide {
+  width: 10px;
+  height: 15px;
+  background-position: -87px -242px;
+}
+
+.smb-ldots {
+  width: 12px;
+  height: 4px;
+  background-position: -99px -244px;
+}
+
+.smb-le {
+  width: 12px;
+  height: 11px;
+  background-position: -113px -244px;
+}
+
+.smb-left {
+  width: 9px;
+  height: 21px;
+  background-position: -127px -242px;
+}
+
+.smb-leftarrow {
+  width: 14px;
+  height: 9px;
+  background-position: -138px -244px;
+}
+
+.smb-leftarrow2 {
+  width: 14px;
+  height: 10px;
+  background-position: -154px -244px;
+}
+
+.smb-leftharpoondown {
+  width: 15px;
+  height: 7px;
+  background-position: -170px -244px;
+}
+
+.smb-leftharpoonup {
+  width: 14px;
+  height: 6px;
+  background-position: -187px -244px;
+}
+
+.smb-leftrightarrow {
+  width: 15px;
+  height: 9px;
+  background-position: -203px -244px;
+}
+
+.smb-leftrightarrow2 {
+  width: 16px;
+  height: 10px;
+  background-position: -220px -244px;
+}
+
+.smb-leq {
+  width: 12px;
+  height: 11px;
+  background-position: -238px -244px;
+}
+
+.smb-lessthanorequalto {
+  width: 12px;
+  height: 11px;
+  background-position: -252px -244px;
+}
+
+.smb-lfloor {
+  width: 7px;
+  height: 15px;
+  background-position: -266px -244px;
+}
+
+.smb-lhvec {
+  width: 11px;
+  height: 5px;
+  background-position: -275px -244px;
+}
+
+.smb-limit {
+  width: 198px;
+  height: 17px;
+  background-position: -1px -265px;
+}
+
+.smb-ll {
+  width: 14px;
+  height: 11px;
+  background-position: -288px -244px;
+}
+
+.smb-lmoust {
+  width: 12px;
+  height: 22px;
+  background-position: -304px -242px;
+}
+
+.smb-longleftarrow {
+  width: 19px;
+  height: 10px;
+  background-position: -201px -266px;
+}
+
+.smb-longleftrightarrow {
+  width: 19px;
+  height: 10px;
+  background-position: -222px -266px;
+}
+
+.smb-longrightarrow {
+  width: 18px;
+  height: 10px;
+  background-position: -243px -266px;
+}
+
+.smb-lrhar {
+  width: 14px;
+  height: 12px;
+  background-position: -318px -244px;
+}
+
+.smb-lvec {
+  width: 11px;
+  height: 6px;
+  background-position: -201px -258px;
+}
+
+.smb-mapsto {
+  width: 14px;
+  height: 9px;
+  background-position: -275px -258px;
+}
+
+.smb-matrix {
+  width: 9px;
+  height: 9px;
+  background-position: -291px -258px;
+}
+
+.smb-mid {
+  width: 4px;
+  height: 13px;
+  background-position: -236px -98px;
+}
+
+.smb-middle {
+  width: 18px;
+  height: 17px;
+  background-position: -302px -266px;
+}
+
+.smb-models {
+  width: 11px;
+  height: 10px;
+  background-position: -322px -258px;
+}
+
+.smb-mp {
+  width: 13px;
+  height: 13px;
+  background-position: -263px -270px;
+}
+
+.smb-mu {
+  width: 10px;
+  height: 11px;
+  background-position: -278px -270px;
+}
+
+.smb-mu2 {
+  width: 13px;
+  height: 12px;
+  background-position: -1px -285px;
+}
+
+.smb-nabla {
+  width: 10px;
+  height: 12px;
+  background-position: -290px -270px;
+}
+
+.smb-naryand {
+  width: 12px;
+  height: 20px;
+  background-position: -16px -285px;
+}
+
+.smb-ne {
+  width: 12px;
+  height: 11px;
+  background-position: -30px -285px;
+}
+
+.smb-nearrow {
+  width: 10px;
+  height: 11px;
+  background-position: -322px -270px;
+}
+
+.smb-neq {
+  width: 12px;
+  height: 11px;
+  background-position: -44px -285px;
+}
+
+.smb-ni {
+  width: 10px;
+  height: 11px;
+  background-position: -201px -283px;
+}
+
+.smb-norm {
+  width: 8px;
+  height: 15px;
+  background-position: -213px -283px;
+}
+
+.smb-notcontain {
+  width: 10px;
+  height: 13px;
+  background-position: -223px -283px;
+}
+
+.smb-notelement {
+  width: 11px;
+  height: 13px;
+  background-position: -235px -283px;
+}
+
+.smb-notequal {
+  width: 12px;
+  height: 11px;
+  background-position: -58px -285px;
+}
+
+.smb-notgreaterthan {
+  width: 12px;
+  height: 11px;
+  background-position: -72px -285px;
+}
+
+.smb-notin {
+  width: 10px;
+  height: 13px;
+  background-position: -248px -283px;
+}
+
+.smb-notlessthan {
+  width: 12px;
+  height: 11px;
+  background-position: -86px -285px;
+}
+
+.smb-nu {
+  width: 10px;
+  height: 9px;
+  background-position: -278px -283px;
+}
+
+.smb-nu2 {
+  width: 13px;
+  height: 12px;
+  background-position: -100px -285px;
+}
+
+.smb-nwarrow {
+  width: 10px;
+  height: 11px;
+  background-position: -322px -283px;
+}
+
+.smb-o {
+  width: 10px;
+  height: 9px;
+  background-position: -115px -296px;
+}
+
+.smb-o2 {
+  width: 11px;
+  height: 12px;
+  background-position: -127px -296px;
+}
+
+.smb-odot {
+  width: 15px;
+  height: 15px;
+  background-position: -140px -285px;
+}
+
+.smb-of {
+  width: 13px;
+  height: 20px;
+  background-position: -157px -285px;
+}
+
+.smb-oiiint {
+  width: 21px;
+  height: 18px;
+  background-position: -172px -296px;
+}
+
+.smb-oiint {
+  width: 16px;
+  height: 18px;
+  background-position: -260px -285px;
+}
+
+.smb-oint {
+  width: 9px;
+  height: 18px;
+  background-position: -195px -296px;
+}
+
+.smb-omega {
+  width: 13px;
+  height: 9px;
+  background-position: -115px -285px;
+}
+
+.smb-omega2 {
+  width: 12px;
+  height: 12px;
+  background-position: -290px -285px;
+}
+
+.smb-ominus {
+  width: 15px;
+  height: 15px;
+  background-position: -304px -285px;
+}
+
+.smb-open {
+  width: 9px;
+  height: 20px;
+  background-position: -278px -296px;
+}
+
+.smb-oplus {
+  width: 15px;
+  height: 15px;
+  background-position: -30px -302px;
+}
+
+.smb-otimes {
+  width: 15px;
+  height: 15px;
+  background-position: -47px -302px;
+}
+
+.smb-over {
+  width: 9px;
+  height: 15px;
+  background-position: -321px -296px;
+}
+
+.smb-overbar {
+  width: 12px;
+  height: 3px;
+  background-position: -1px -210px;
+}
+
+.smb-overbrace {
+  width: 15px;
+  height: 5px;
+  background-position: -1px -258px;
+}
+
+.smb-overbracket {
+  width: 14px;
+  height: 5px;
+  background-position: -18px -258px;
+}
+
+.smb-overline {
+  width: 12px;
+  height: 3px;
+  background-position: -15px -210px;
+}
+
+.smb-overparen {
+  width: 16px;
+  height: 6px;
+  background-position: -172px -285px;
+}
+
+.smb-overshell {
+  width: 16px;
+  height: 6px;
+  background-position: -64px -302px;
+}
+
+.smb-parallel {
+  width: 7px;
+  height: 14px;
+  background-position: -1px -313px;
+}
+
+.smb-partial {
+  width: 10px;
+  height: 12px;
+  background-position: -10px -313px;
+}
+
+.smb-perp {
+  width: 12px;
+  height: 11px;
+  background-position: -64px -313px;
+}
+
+.smb-phantom {
+  width: 12px;
+  height: 13px;
+  background-position: -78px -313px;
+}
+
+.smb-phi {
+  width: 11px;
+  height: 15px;
+  background-position: -92px -313px;
+}
+
+.smb-phi2 {
+  width: 13px;
+  height: 12px;
+  background-position: -140px -302px;
+}
+
+.smb-pi {
+  width: 11px;
+  height: 9px;
+  background-position: -105px -313px;
+}
+
+.smb-pi2 {
+  width: 13px;
+  height: 12px;
+  background-position: -206px -302px;
+}
+
+.smb-pm {
+  width: 12px;
+  height: 13px;
+  background-position: -118px -313px;
+}
+
+.smb-pmatrix {
+  width: 16px;
+  height: 15px;
+  background-position: -221px -302px;
+}
+
+.smb-pppprime {
+  width: 12px;
+  height: 5px;
+  background-position: -99px -258px;
+}
+
+.smb-ppprime {
+  width: 10px;
+  height: 5px;
+  background-position: -113px -258px;
+}
+
+.smb-pprime {
+  width: 8px;
+  height: 6px;
+  background-position: -214px -258px;
+}
+
+.smb-prec {
+  width: 11px;
+  height: 10px;
+  background-position: -155px -313px;
+}
+
+.smb-preceq {
+  width: 11px;
+  height: 13px;
+  background-position: -239px -313px;
+}
+
+.smb-prime {
+  width: 4px;
+  height: 6px;
+  background-position: -35px -142px;
+}
+
+.smb-prod {
+  width: 14px;
+  height: 15px;
+  background-position: -289px -302px;
+}
+
+.smb-propto {
+  width: 12px;
+  height: 9px;
+  background-position: -252px -313px;
+}
+
+.smb-psi {
+  width: 12px;
+  height: 15px;
+  background-position: -305px -313px;
+}
+
+.smb-psi2 {
+  width: 14px;
+  height: 12px;
+  background-position: -319px -313px;
+}
+
+.smb-qdrt {
+  width: 13px;
+  height: 16px;
+  background-position: -335px -1px;
+}
+
+.smb-quadratic {
+  width: 197px;
+  height: 20px;
+  background-position: -1px -330px;
+}
+
+.smb-rangle {
+  width: 7px;
+  height: 15px;
+  background-position: -335px -19px;
+}
+
+.smb-rangle2 {
+  width: 10px;
+  height: 15px;
+  background-position: -332px -36px;
+}
+
+.smb-ratio {
+  width: 5px;
+  height: 8px;
+  background-position: -62px -19px;
+}
+
+.smb-rbrace {
+  width: 8px;
+  height: 16px;
+  background-position: -333px -53px;
+}
+
+.smb-rbrack {
+  width: 6px;
+  height: 16px;
+  background-position: -335px -71px;
+}
+
+.smb-rbrack2 {
+  width: 7px;
+  height: 15px;
+  background-position: -335px -89px;
+}
+
+.smb-rceil {
+  width: 6px;
+  height: 15px;
+  background-position: -335px -106px;
+}
+
+.smb-rddots {
+  width: 9px;
+  height: 10px;
+  background-position: -69px -19px;
+}
+
+.smb-re {
+  width: 14px;
+  height: 15px;
+  background-position: -334px -123px;
+}
+
+.smb-rect {
+  width: 14px;
+  height: 8px;
+  background-position: -239px -19px;
+}
+
+.smb-rfloor {
+  width: 6px;
+  height: 15px;
+  background-position: -335px -140px;
+}
+
+.smb-rho {
+  width: 10px;
+  height: 12px;
+  background-position: -335px -157px;
+}
+
+.smb-rho2 {
+  width: 11px;
+  height: 12px;
+  background-position: -335px -171px;
+}
+
+.smb-rhvec {
+  width: 11px;
+  height: 5px;
+  background-position: -130px -19px;
+}
+
+.smb-right {
+  width: 9px;
+  height: 21px;
+  background-position: -335px -185px;
+}
+
+.smb-rightarrow {
+  width: 14px;
+  height: 9px;
+  background-position: -1px -53px;
+}
+
+.smb-rightarrow2 {
+  width: 15px;
+  height: 10px;
+  background-position: -17px -53px;
+}
+
+.smb-rightharpoondown {
+  width: 16px;
+  height: 6px;
+  background-position: -34px -53px;
+}
+
+.smb-rightharpoonup {
+  width: 13px;
+  height: 6px;
+  background-position: -52px -53px;
+}
+
+.smb-rmoust {
+  width: 11px;
+  height: 22px;
+  background-position: -335px -208px;
+}
+
+.smb-root {
+  width: 18px;
+  height: 17px;
+  background-position: -200px -327px;
+}
+
+.smb-scripta {
+  width: 12px;
+  height: 10px;
+  background-position: -67px -53px;
+}
+
+.smb-scripta2 {
+  width: 14px;
+  height: 12px;
+  background-position: -334px -232px;
+}
+
+.smb-scriptb {
+  width: 13px;
+  height: 13px;
+  background-position: -335px -246px;
+}
+
+.smb-scriptb2 {
+  width: 12px;
+  height: 14px;
+  background-position: -335px -261px;
+}
+
+.smb-scriptc {
+  width: 8px;
+  height: 8px;
+  background-position: -211px -19px;
+}
+
+.smb-scriptc2 {
+  width: 11px;
+  height: 11px;
+  background-position: -81px -53px;
+}
+
+.smb-scriptd {
+  width: 12px;
+  height: 12px;
+  background-position: -334px -277px;
+}
+
+.smb-scriptd2 {
+  width: 13px;
+  height: 12px;
+  background-position: -334px -291px;
+}
+
+.smb-scripte {
+  width: 11px;
+  height: 11px;
+  background-position: -94px -53px;
+}
+
+.smb-scripte2 {
+  width: 11px;
+  height: 15px;
+  background-position: -335px -305px;
+}
+
+.smb-scriptf {
+  width: 10px;
+  height: 15px;
+  background-position: -220px -322px;
+}
+
+.smb-scriptf2 {
+  width: 14px;
+  height: 15px;
+  background-position: -266px -322px;
+}
+
+.smb-scriptg {
+  width: 10px;
+  height: 11px;
+  background-position: -107px -53px;
+}
+
+.smb-scriptg2 {
+  width: 11px;
+  height: 15px;
+  background-position: -282px -322px;
+}
+
+.smb-scripth {
+  width: 13px;
+  height: 13px;
+  background-position: -335px -322px;
+}
+
+.smb-scripth2 {
+  width: 16px;
+  height: 15px;
+  background-position: -350px -1px;
+}
+
+.smb-scripti {
+  width: 9px;
+  height: 12px;
+  background-position: -350px -18px;
+}
+
+.smb-scripti2 {
+  width: 8px;
+  height: 14px;
+  background-position: -344px -32px;
+}
+
+.smb-scriptj {
+  width: 9px;
+  height: 15px;
+  background-position: -354px -32px;
+}
+
+.smb-scriptj2 {
+  width: 11px;
+  height: 15px;
+  background-position: -344px -49px;
+}
+
+.smb-scriptk {
+  width: 12px;
+  height: 14px;
+  background-position: -343px -66px;
+}
+
+.smb-scriptk2 {
+  width: 15px;
+  height: 12px;
+  background-position: -344px -82px;
+}
+
+.smb-scriptl {
+  width: 9px;
+  height: 13px;
+  background-position: -357px -49px;
+}
+
+.smb-scriptl2 {
+  width: 13px;
+  height: 13px;
+  background-position: -344px -96px;
+}
+
+.smb-scriptm {
+  width: 18px;
+  height: 9px;
+  background-position: -343px -111px;
+}
+
+.smb-scriptm2 {
+  width: 18px;
+  height: 15px;
+  background-position: -343px -140px;
+}
+
+.smb-scriptn {
+  width: 12px;
+  height: 9px;
+  background-position: -350px -122px;
+}
+
+.smb-scriptn2 {
+  width: 17px;
+  height: 12px;
+  background-position: -347px -157px;
+}
+
+.smb-scripto {
+  width: 9px;
+  height: 8px;
+  background-position: -255px -18px;
+}
+
+.smb-scripto2 {
+  width: 10px;
+  height: 12px;
+  background-position: -348px -171px;
+}
+
+.smb-scriptp {
+  width: 12px;
+  height: 12px;
+  background-position: -346px -185px;
+}
+
+.smb-scriptp2 {
+  width: 13px;
+  height: 12px;
+  background-position: -348px -199px;
+}
+
+.smb-scriptq {
+  width: 10px;
+  height: 13px;
+  background-position: -348px -213px;
+}
+
+.smb-scriptq2 {
+  width: 10px;
+  height: 14px;
+  background-position: -350px -228px;
+}
+
+.smb-scriptr {
+  width: 13px;
+  height: 9px;
+  background-position: -350px -244px;
+}
+
+.smb-scriptr2 {
+  width: 13px;
+  height: 14px;
+  background-position: -350px -255px;
+}
+
+.smb-scripts {
+  width: 10px;
+  height: 9px;
+  background-position: -349px -271px;
+}
+
+.smb-scripts2 {
+  width: 11px;
+  height: 12px;
+  background-position: -349px -282px;
+}
+
+.smb-scriptt {
+  width: 11px;
+  height: 11px;
+  background-position: -349px -296px;
+}
+
+.smb-scriptt2 {
+  width: 12px;
+  height: 12px;
+  background-position: -350px -309px;
+}
+
+.smb-scriptu {
+  width: 13px;
+  height: 9px;
+  background-position: -350px -323px;
+}
+
+.smb-scriptu2 {
+  width: 13px;
+  height: 12px;
+  background-position: -232px -334px;
+}
+
+.smb-scriptv {
+  width: 12px;
+  height: 9px;
+  background-position: -247px -334px;
+}
+
+.smb-scriptv2 {
+  width: 12px;
+  height: 12px;
+  background-position: -295px -334px;
+}
+
+.smb-scriptw {
+  width: 16px;
+  height: 9px;
+  background-position: -309px -334px;
+}
+
+.smb-scriptw2 {
+  width: 18px;
+  height: 12px;
+  background-position: -327px -337px;
+}
+
+.smb-scriptx {
+  width: 11px;
+  height: 9px;
+  background-position: -350px -334px;
+}
+
+.smb-scriptx2 {
+  width: 15px;
+  height: 12px;
+  background-position: -247px -345px;
+}
+
+.smb-scripty {
+  width: 13px;
+  height: 12px;
+  background-position: -264px -345px;
+}
+
+.smb-scripty2 {
+  width: 13px;
+  height: 15px;
+  background-position: -279px -345px;
+}
+
+.smb-scriptz {
+  width: 11px;
+  height: 11px;
+  background-position: -309px -345px;
+}
+
+.smb-scriptz2 {
+  width: 12px;
+  height: 12px;
+  background-position: -347px -345px;
+}
+
+.smb-sdiv {
+  width: 14px;
+  height: 13px;
+  background-position: -368px -1px;
+}
+
+.smb-sdivide {
+  width: 14px;
+  height: 13px;
+  background-position: -368px -16px;
+}
+
+.smb-searrow {
+  width: 12px;
+  height: 13px;
+  background-position: -365px -31px;
+}
+
+.smb-setminus {
+  width: 10px;
+  height: 15px;
+  background-position: -368px -46px;
+}
+
+.smb-sigma {
+  width: 11px;
+  height: 9px;
+  background-position: -368px -63px;
+}
+
+.smb-sigma2 {
+  width: 11px;
+  height: 12px;
+  background-position: -361px -74px;
+}
+
+.smb-sim {
+  width: 11px;
+  height: 6px;
+  background-position: -361px -88px;
+}
+
+.smb-simeq {
+  width: 12px;
+  height: 8px;
+  background-position: -359px -96px;
+}
+
+.smb-smash {
+  width: 7px;
+  height: 13px;
+  background-position: -374px -74px;
+}
+
+.smb-smile {
+  width: 16px;
+  height: 5px;
+  background-position: -268px -106px;
+}
+
+.smb-spadesuit {
+  width: 8px;
+  height: 10px;
+  background-position: -374px -89px;
+}
+
+.smb-sqcap {
+  width: 11px;
+  height: 10px;
+  background-position: -363px -106px;
+}
+
+.smb-sqcup {
+  width: 11px;
+  height: 10px;
+  background-position: -364px -118px;
+}
+
+.smb-sqrt {
+  width: 12px;
+  height: 17px;
+  background-position: -364px -130px;
+}
+
+.smb-sqsubseteq {
+  width: 12px;
+  height: 11px;
+  background-position: -366px -149px;
+}
+
+.smb-sqsuperseteq {
+  width: 11px;
+  height: 11px;
+  background-position: -1px -162px;
+}
+
+.smb-star {
+  width: 10px;
+  height: 8px;
+  background-position: -204px -88px;
+}
+
+.smb-subset {
+  width: 12px;
+  height: 9px;
+  background-position: -138px -162px;
+}
+
+.smb-subseteq {
+  width: 12px;
+  height: 11px;
+  background-position: -152px -162px;
+}
+
+.smb-succ {
+  width: 11px;
+  height: 10px;
+  background-position: -366px -162px;
+}
+
+.smb-succeq {
+  width: 11px;
+  height: 13px;
+  background-position: -360px -174px;
+}
+
+.smb-sum {
+  width: 12px;
+  height: 15px;
+  background-position: -363px -189px;
+}
+
+.smb-superset {
+  width: 12px;
+  height: 9px;
+  background-position: -363px -206px;
+}
+
+.smb-superseteq {
+  width: 12px;
+  height: 11px;
+  background-position: -362px -217px;
+}
+
+.smb-swarrow {
+  width: 10px;
+  height: 11px;
+  background-position: -362px -230px;
+}
+
+.smb-tau {
+  width: 9px;
+  height: 9px;
+  background-position: -143px -101px;
+}
+
+.smb-tau2 {
+  width: 11px;
+  height: 12px;
+  background-position: -365px -243px;
+}
+
+.smb-therefore {
+  width: 9px;
+  height: 8px;
+  background-position: -242px -101px;
+}
+
+.smb-theta {
+  width: 9px;
+  height: 12px;
+  background-position: -373px -174px;
+}
+
+.smb-theta2 {
+  width: 10px;
+  height: 12px;
+  background-position: -365px -257px;
+}
+
+.smb-tilde {
+  width: 7px;
+  height: 4px;
+  background-position: -1px -74px;
+}
+
+.smb-times {
+  width: 11px;
+  height: 10px;
+  background-position: -362px -271px;
+}
+
+.smb-to {
+  width: 14px;
+  height: 9px;
+  background-position: -362px -283px;
+}
+
+.smb-top {
+  width: 13px;
+  height: 13px;
+  background-position: -362px -294px;
+}
+
+.smb-tvec {
+  width: 11px;
+  height: 6px;
+  background-position: -1px -118px;
+}
+
+.smb-ubar {
+  width: 11px;
+  height: 3px;
+  background-position: -216px -74px;
+}
+
+.smb-ubar2 {
+  width: 12px;
+  height: 5px;
+  background-position: -14px -118px;
+}
+
+.smb-underbar {
+  width: 15px;
+  height: 5px;
+  background-position: -28px -118px;
+}
+
+.smb-underbrace {
+  width: 16px;
+  height: 6px;
+  background-position: -45px -118px;
+}
+
+.smb-underbracket {
+  width: 13px;
+  height: 5px;
+  background-position: -84px -118px;
+}
+
+.smb-underline {
+  width: 14px;
+  height: 8px;
+  background-position: -364px -309px;
+}
+
+.smb-underparen {
+  width: 15px;
+  height: 6px;
+  background-position: -158px -118px;
+}
+
+.smb-uparrow {
+  width: 9px;
+  height: 13px;
+  background-position: -365px -319px;
+}
+
+.smb-uparrow2 {
+  width: 10px;
+  height: 13px;
+  background-position: -363px -334px;
+}
+
+.smb-updownarrow {
+  width: 9px;
+  height: 14px;
+  background-position: -200px -349px;
+}
+
+.smb-updownarrow2 {
+  width: 9px;
+  height: 14px;
+  background-position: -211px -349px;
+}
+
+.smb-uplus {
+  width: 9px;
+  height: 10px;
+  background-position: -100px -162px;
+}
+
+.smb-upsilon {
+  width: 9px;
+  height: 9px;
+  background-position: -266px -309px;
+}
+
+.smb-upsilon2 {
+  width: 11px;
+  height: 12px;
+  background-position: -222px -349px;
+}
+
+.smb-varepsilon {
+  width: 8px;
+  height: 9px;
+  background-position: -42px -89px;
+}
+
+.smb-varphi {
+  width: 12px;
+  height: 12px;
+  background-position: -294px -349px;
+}
+
+.smb-varpi {
+  width: 14px;
+  height: 9px;
+  background-position: -361px -349px;
+}
+
+.smb-varrho {
+  width: 9px;
+  height: 12px;
+  background-position: -235px -349px;
+}
+
+.smb-varsigma {
+  width: 9px;
+  height: 12px;
+  background-position: -1px -360px;
+}
+
+.smb-vartheta {
+  width: 10px;
+  height: 12px;
+  background-position: -12px -360px;
+}
+
+.smb-vbar {
+  width: 4px;
+  height: 21px;
+  background-position: -377px -101px;
+}
+
+.smb-vdash {
+  width: 10px;
+  height: 11px;
+  background-position: -24px -360px;
+}
+
+.smb-vdots {
+  width: 5px;
+  height: 12px;
+  background-position: -377px -188px;
+}
+
+.smb-vec {
+  width: 11px;
+  height: 6px;
+  background-position: -118px -118px;
+}
+
+.smb-vee {
+  width: 11px;
+  height: 11px;
+  background-position: -36px -360px;
+}
+
+.smb-vert {
+  width: 4px;
+  height: 15px;
+  background-position: -378px -124px;
+}
+
+.smb-vert2 {
+  width: 8px;
+  height: 15px;
+  background-position: -49px -360px;
+}
+
+.smb-vmatrix {
+  width: 18px;
+  height: 17px;
+  background-position: -59px -360px;
+}
+
+.smb-vphantom {
+  width: 10px;
+  height: 15px;
+  background-position: -79px -360px;
+}
+
+.smb-wedge {
+  width: 11px;
+  height: 11px;
+  background-position: -91px -360px;
+}
+
+.smb-wp {
+  width: 11px;
+  height: 14px;
+  background-position: -104px -360px;
+}
+
+.smb-wr {
+  width: 5px;
+  height: 11px;
+  background-position: -14px -162px;
+}
+
+.smb-xi {
+  width: 9px;
+  height: 15px;
+  background-position: -117px -360px;
+}
+
+.smb-xi2 {
+  width: 11px;
+  height: 12px;
+  background-position: -128px -360px;
+}
+
+.smb-zeta {
+  width: 9px;
+  height: 15px;
+  background-position: -141px -360px;
+}
+
+.smb-zeta2 {
+  width: 11px;
+  height: 12px;
+  background-position: -152px -360px;
+}
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/images/symbols.png b/apps/presentationeditor/main/resources/help/images/symbols.png
new file mode 100644
index 0000000000000000000000000000000000000000..86ba9a3228cfe0cf3cf36297b5a93868f19aed83
GIT binary patch
literal 78740
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
TlP@lt00000NkvXXu0mjffU4t>

literal 0
HcmV?d00001

diff --git a/apps/presentationeditor/main/resources/help/it/HelpfulHints/About.htm b/apps/presentationeditor/main/resources/help/it/HelpfulHints/About.htm
index a06d63521f..fb4868cc79 100644
--- a/apps/presentationeditor/main/resources/help/it/HelpfulHints/About.htm
+++ b/apps/presentationeditor/main/resources/help/it/HelpfulHints/About.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="The short description of Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,7 +20,7 @@
 			<p>Using <b>Presentation Editor</b>, you can perform various editing operations like in any desktop editor, 
 			print the edited presentations keeping all the formatting details or download them onto your computer hard disk drive 
 			as PPTX, PDF, ODP, POTX, PDF/A, OTP files.</p>
-            <p><span class="onlineDocumentFeatures">To view the current software version and licensor details in the <em>online version</em>, click the <img alt="About icon" src="../images/about.png" /> icon at the left sidebar.</span> <span class="desktopDocumentFeatures"> To view the current software version and licensor details in the <em>desktop version</em>, select the <b>About</b> menu item at the left sidebar of the main program window.</span></p>
+            <p><span class="onlineDocumentFeatures">To view the current software version and licensor details in the <em>online version</em>, click the <div class = "icon icon-about"></div> icon at the left sidebar.</span> <span class="desktopDocumentFeatures"> To view the current software version and licensor details in the <em>desktop version</em>, select the <b>About</b> menu item at the left sidebar of the main program window.</span></p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/it/HelpfulHints/AdvancedSettings.htm b/apps/presentationeditor/main/resources/help/it/HelpfulHints/AdvancedSettings.htm
index ca2c107874..d676b9d4db 100644
--- a/apps/presentationeditor/main/resources/help/it/HelpfulHints/AdvancedSettings.htm
+++ b/apps/presentationeditor/main/resources/help/it/HelpfulHints/AdvancedSettings.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="The advanced settings of Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -14,7 +15,7 @@
             <input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
         </div>
 		<h1>Advanced Settings of Presentation Editor</h1>
-			<p><b>Presentation Editor</b> lets you change its advanced settings. To access them, open the <b>File</b> tab at the top toolbar and select the <b>Advanced Settings...</b> option. You can also click the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> icon on the right side of the editor header and select the <b>Advanced settings</b> option.</p>
+			<p><b>Presentation Editor</b> lets you change its advanced settings. To access them, open the <b>File</b> tab at the top toolbar and select the <b>Advanced Settings...</b> option. You can also click the <b>View settings</b> <div class = "icon icon-viewsettingsicon"></div> icon on the right side of the editor header and select the <b>Advanced settings</b> option.</p>
 			<p>The advanced settings are:</p>
 			<ul>
                 <li><b>Spell Checking</b> is used to turn on/off the spell checking option.</li>
@@ -25,7 +26,7 @@
                 <li class="onlineDocumentFeatures"><b>Co-editing Mode</b> is used to select the display of the changes made during the co-editing:
                     <ul>
                         <li>By default the <b>Fast</b> mode is selected, the users who take part in the document co-editing will see the changes in real time once they are made by other users.</li>
-                        <li>If you prefer not to see other user changes (so that they do not disturb you, or for some other reason), select the <b>Strict</b> mode and all the changes will be shown only after you click the <b>Save</b> <img alt="Save icon" src="../images/saveupdate.png" /> icon notifying you that there are changes from other users.</li>
+                        <li>If you prefer not to see other user changes (so that they do not disturb you, or for some other reason), select the <b>Strict</b> mode and all the changes will be shown only after you click the <b>Save</b> <div class = "icon icon-saveupdate"></div> icon notifying you that there are changes from other users.</li>
                     </ul>
                 </li>
                 <li><b>Default Zoom Value</b> is used to set the default zoom value selecting it in the list of available options from 50% to 200%. You can also choose the <b>Fit to Slide</b> or <b>Fit to Width</b> option.</li>
diff --git a/apps/presentationeditor/main/resources/help/it/HelpfulHints/CollaborativeEditing.htm b/apps/presentationeditor/main/resources/help/it/HelpfulHints/CollaborativeEditing.htm
index d923dde3a6..1bceab8e41 100644
--- a/apps/presentationeditor/main/resources/help/it/HelpfulHints/CollaborativeEditing.htm
+++ b/apps/presentationeditor/main/resources/help/it/HelpfulHints/CollaborativeEditing.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Tips on collaborative editing" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -31,53 +32,53 @@
                 <p><b>Presentation Editor</b> allows to select one of the two available co-editing modes:</p>
                 <ul>
                     <li><b>Fast</b> is used by default and shows the changes made by other users in real time.</li>
-                    <li><b>Strict</b> is selected to hide other user changes until you click the <b>Save</b> <img alt="Save icon" src="../images/saveupdate.png" /> icon to save your own changes and accept the changes made by others.</li>
+                    <li><b>Strict</b> is selected to hide other user changes until you click the <b>Save</b> <div class = "icon icon-saveupdate"></div> icon to save your own changes and accept the changes made by others.</li>
                 </ul>
-                <p>The mode can be selected in the <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a>. It's also possible to choose the necessary mode using the <img alt="Co-editing Mode icon" src="../images/coeditingmode.png" /> <b>Co-editing Mode</b> icon at the <b>Collaboration</b> tab of the top toolbar:</p>
+                <p>The mode can be selected in the <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a>. It's also possible to choose the necessary mode using the <div class = "icon icon-coeditingmode"></div> <b>Co-editing Mode</b> icon at the <b>Collaboration</b> tab of the top toolbar:</p>
                 <p><img alt="Co-editing Mode menu" src="../images/coeditingmodemenu.png" /></p>
                 <p class="note">
                     <b>Note</b>: when you co-edit a presentation in the <b>Fast</b> mode, the possibility to <b>Redo</b> the last undone operation is not available.
                 </p>
                 <p>When a presentation is being edited by several users simultaneously in the <b>Strict</b> mode, the edited objects (autoshapes, text objects, tables, images, charts) are marked with dashed lines of different colors. The object that you are editing is surrounded by the green dashed line. Red dashed lines indicate that objects are being edited by other users. By hovering the mouse cursor over one of the edited passages, the name of the user who is editing it at the moment is displayed. The <b>Fast</b> mode will show the actions and the names of the co-editors once they are editing the text.</p>
-                <p>The number of users who are working at the current presentation is specified on the right side of the editor header - <img alt="Number of users icon" src="../images/usersnumber.png" />. If you want to see who exactly are editing the file now, you can click this icon or open the <b>Chat</b> panel with the full list of the users.</p>
-                <p>When no users are viewing or editing the file, the icon in the editor header will look like <img alt="Manage document access rights icon" src="../images/access_rights.png" /> allowing you to manage the users who have access to the file right from the document: invite new users giving them permissions to <em>edit</em>, <em>read</em> or <em>comment</em> the presentation, or <em>deny</em> some users access rights to the file. Click this icon to manage the access to the file; this can be done both when there are no other users who view or co-edit the document at the moment and when there are other users and the icon looks like <img alt="Number of users icon" src="../images/usersnumber.png" />. It's also possible to set access rights using the <img alt="Sharing icon" src="../images/sharingicon.png" /> <b>Sharing</b> icon at the <b>Collaboration</b> tab of the top toolbar.</p>
-                <p>As soon as one of the users saves his/her changes by clicking the <img alt="Save icon" src="../images/savewhilecoediting.png" /> icon, the others will see a note within the status bar stating that they have updates. To save the changes you made, so that other users can view them, and get the updates saved by your co-editors, click the <img alt="Save icon" src="../images/saveupdate.png" /> icon in the left upper corner of the top toolbar. The updates will be highlighted for you to check what exactly has been changed.</p>
+                <p>The number of users who are working at the current presentation is specified on the right side of the editor header - <div class = "icon icon-usersnumber"></div>. If you want to see who exactly are editing the file now, you can click this icon or open the <b>Chat</b> panel with the full list of the users.</p>
+                <p>When no users are viewing or editing the file, the icon in the editor header will look like <div class = "icon icon-access_rights"></div> allowing you to manage the users who have access to the file right from the document: invite new users giving them permissions to <em>edit</em>, <em>read</em> or <em>comment</em> the presentation, or <em>deny</em> some users access rights to the file. Click this icon to manage the access to the file; this can be done both when there are no other users who view or co-edit the document at the moment and when there are other users and the icon looks like <div class = "icon icon-usersnumber"></div>. It's also possible to set access rights using the <div class = "icon icon-sharingicon"></div> <b>Sharing</b> icon at the <b>Collaboration</b> tab of the top toolbar.</p>
+                <p>As soon as one of the users saves his/her changes by clicking the <div class = "icon icon-savewhilecoediting"></div> icon, the others will see a note within the status bar stating that they have updates. To save the changes you made, so that other users can view them, and get the updates saved by your co-editors, click the <div class = "icon icon-saveupdate"></div> icon in the left upper corner of the top toolbar. The updates will be highlighted for you to check what exactly has been changed.</p>
                 <h3>Chat</h3>
                 <p>You can use this tool to coordinate the co-editing process on-the-fly, for example, to arrange with your collaborators about who is doing what, which paragraph you are going to edit now etc.</p>
                 <p>The chat messages are stored during one session only. To discuss the document content it is better to use comments which are stored until you decide to delete them.</p>
                 <p>To access the chat and leave a message for other users,</p>
                 <ol>
                     <li>
-                        click the <img alt="Chat icon" src="../images/chaticon.png" /> icon at the left sidebar, or <br />
-                        switch to the <b>Collaboration</b> tab of the top toolbar and click the <img alt="Chat icon" src="../images/chat_toptoolbar.png" /> <b>Chat</b> button,
+                        click the <div class = "icon icon-chaticon"></div> icon at the left sidebar, or <br />
+                        switch to the <b>Collaboration</b> tab of the top toolbar and click the <div class = "icon icon-chat_toptoolbar"></div> <b>Chat</b> button,
                     </li>
                     <li>enter your text into the corresponding field below,</li>
                     <li>press the <b>Send</b> button.</li>
                 </ol>
-                <p>All the messages left by users will be displayed on the panel on the left. If there are new messages you haven't read yet, the chat icon will look like this - <img alt="Chat icon" src="../images/chaticon_new.png" />.</p>
-                <p>To close the panel with chat messages, click the <img alt="Chat icon" src="../images/chaticon.png" /> icon at the left sidebar or the <img alt="Chat icon" src="../images/chat_toptoolbar.png" /> <b>Chat</b> button at the top toolbar once again.</p>
+                <p>All the messages left by users will be displayed on the panel on the left. If there are new messages you haven't read yet, the chat icon will look like this - <div class = "icon icon-chaticon_new"></div>.</p>
+                <p>To close the panel with chat messages, click the <div class = "icon icon-chaticon"></div> icon at the left sidebar or the <div class = "icon icon-chat_toptoolbar"></div> <b>Chat</b> button at the top toolbar once again.</p>
             </div>
             <h3>Comments</h3>
             <p>It's possible to work with comments in the offline mode, without connecting to the <em>online version</em>.</p>
                 <p>To leave a comment to a certain object (text box, shape etc.):</p>
                 <ol>
                     <li>select an object where you think there is an error or problem,</li>
-                    <li>switch to the <b>Insert</b> or <b>Collaboration</b> tab of the top toolbar and click the <img alt="Comment icon" src="../images/comment_toptoolbar.png" /> <b>Comment</b> button, or<br />
+                    <li>switch to the <b>Insert</b> or <b>Collaboration</b> tab of the top toolbar and click the <div class = "icon icon-comment_toptoolbar"></div> <b>Comment</b> button, or<br />
                         right-click the selected object and select the <b>Add Сomment</b> option from the menu,<br />
                     </li>
                     <li>enter the needed text,</li>
                     <li>click the <b>Add Comment/Add</b> button.</li>
                 </ol>
-                <p>The object you commented will be marked with the <img alt="Commented object icon" src="../images/added_comment_icon.png" /> icon. To view the comment, just click on this icon.</p>
-                <p>To add a comment to a certain slide, select the slide and use the <img alt="Comment icon" src="../images/comment_toptoolbar.png" /> <b>Comment</b> button at the <b>Insert</b> or <b>Collaboration</b> tab of the top toolbar. The added comment will be displayed in the upper left corner of the slide.</p>
-                <p>To create a presentation-level comment which is not related to a certain object or slide, click the <img alt="Comments icon" src="../images/commentsicon.png" /> icon at the left sidebar to open the <b>Comments</b> panel and use the <b>Add Comment to Document</b> link. The presentation-level comments can be viewed at the <b>Comments</b> panel. Comments related to objects and slides are also available here.</p>
+                <p>The object you commented will be marked with the <div class = "icon icon-added_comment_icon"></div> icon. To view the comment, just click on this icon.</p>
+                <p>To add a comment to a certain slide, select the slide and use the <div class = "icon icon-comment_toptoolbar"></div> <b>Comment</b> button at the <b>Insert</b> or <b>Collaboration</b> tab of the top toolbar. The added comment will be displayed in the upper left corner of the slide.</p>
+                <p>To create a presentation-level comment which is not related to a certain object or slide, click the <div class = "icon icon-commentsicon"></div> icon at the left sidebar to open the <b>Comments</b> panel and use the <b>Add Comment to Document</b> link. The presentation-level comments can be viewed at the <b>Comments</b> panel. Comments related to objects and slides are also available here.</p>
                 <p>Any other user can answer to the added comment asking questions or reporting on the work he/she has done. For this purpose, click the <b>Add Reply</b> link situated under the comment, type in your reply text in the entry field and press the <b>Reply</b> button.</p>
-                <p>If you are using the <b>Strict</b> co-editing mode, new comments added by other users will become visible only after you click the <img alt="Save icon" src="../images/saveupdate.png" /> icon in the left upper corner of the top toolbar.</p>
+                <p>If you are using the <b>Strict</b> co-editing mode, new comments added by other users will become visible only after you click the <div class = "icon icon-saveupdate"></div> icon in the left upper corner of the top toolbar.</p>
                 <p>You can manage the added comments using the icons in the comment balloon or at the <b>Comments</b> panel on the left:</p>
                 <ul>
-                    <li>edit the currently selected by clicking the <img alt="Edit icon" src="../images/editcommenticon.png" /> icon,</li>
-                    <li>delete the currently selected by clicking the <img alt="Delete icon" src="../images/deletecommenticon.png" /> icon,</li>
-                    <li>close the currently selected discussion by clicking the <img alt="Resolve icon" src="../images/resolveicon.png" /> icon if the task or problem you stated in your comment was solved, after that the discussion you opened with your comment gets the resolved status. To open it again, click the <img alt="Open again icon" src="../images/resolvedicon.png" /> icon.</li>
+                    <li>edit the currently selected by clicking the <div class = "icon icon-editcommenticon"></div> icon,</li>
+                    <li>delete the currently selected by clicking the <div class = "icon icon-deletecommenticon"></div> icon,</li>
+                    <li>close the currently selected discussion by clicking the <div class = "icon icon-resolveicon"></div> icon if the task or problem you stated in your comment was solved, after that the discussion you opened with your comment gets the resolved status. To open it again, click the <div class = "icon icon-resolvedicon"></div> icon.</li>
                 </ul>
                 <h4>Adding mentions</h4>
             <p>When entering comments, you can use the <b>mentions</b> feature that allows to attract somebody's attention to the comment and send a notification to the mentioned user via email and <b>Talk</b>.</p>
@@ -85,7 +86,7 @@
             <p>The mentioned user will receive an email notification that he/she has been mentioned in a comment. If the file has been shared, the user will also receive a corresponding notification.</p>    
             <p>To remove comments,</p>
             <ol>
-                <li>click the <img alt="Remove comment icon" src="../images/removecomment_toptoolbar.png" /> <b>Remove</b> button at the <b>Collaboration</b> tab of the top toolbar,</li>
+                <li>click the <div class = "icon icon-removecomment_toptoolbar"></div> <b>Remove</b> button at the <b>Collaboration</b> tab of the top toolbar,</li>
                 <li>
                     select the necessary option from the menu:
                     <ul>
@@ -95,7 +96,7 @@
                     </ul>
                 </li>
             </ol>
-                <p>To close the panel with comments, click the <img alt="Comments icon" src="../images/commentsicon.png" /> icon at the left sidebar once again.</p>
+                <p>To close the panel with comments, click the <div class = "icon icon-commentsicon"></div> icon at the left sidebar once again.</p>
             </div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/it/HelpfulHints/KeyboardShortcuts.htm b/apps/presentationeditor/main/resources/help/it/HelpfulHints/KeyboardShortcuts.htm
index 9dcf2c23dd..e5ad29c740 100644
--- a/apps/presentationeditor/main/resources/help/it/HelpfulHints/KeyboardShortcuts.htm
+++ b/apps/presentationeditor/main/resources/help/it/HelpfulHints/KeyboardShortcuts.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="The keyboard shortcut list used for a faster and easier access to the features of Presentation Editor using the keyboard." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
         <script type="text/javascript" src="../search/js/jquery.min.js"></script>
diff --git a/apps/presentationeditor/main/resources/help/it/HelpfulHints/Navigation.htm b/apps/presentationeditor/main/resources/help/it/HelpfulHints/Navigation.htm
index 652cc402a1..cd7afe7ecf 100644
--- a/apps/presentationeditor/main/resources/help/it/HelpfulHints/Navigation.htm
+++ b/apps/presentationeditor/main/resources/help/it/HelpfulHints/Navigation.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="The description of view settings and navigation tools such as zoom, previous/next slide buttons" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -16,11 +17,11 @@
 		<h1>View Settings and Navigation Tools</h1>
 			<p><b>Presentation Editor</b> offers several tools to help you view and navigate through your presentation: zoom, previous/next slide buttons, slide number indicator.</p>
 			<h3>Adjust the View Settings</h3>
-			<p>To adjust default view settings and set the most convenient mode to work with the presentation, click the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> icon on the right side of the editor header and select which interface elements you want to be hidden or shown.
+			<p>To adjust default view settings and set the most convenient mode to work with the presentation, click the <b>View settings</b> <div class = "icon icon-viewsettingsicon"></div> icon on the right side of the editor header and select which interface elements you want to be hidden or shown.
 			You can select the following options from the <b>View settings</b> drop-down list:
 			</p>
 			<ul>
-			<li><b>Hide Toolbar</b> -  hides the top toolbar that contains commands while tabs remain visible. When this option is enabled, you can click any tab to display the toolbar. The toolbar is displayed until you click anywhere outside it. To disable this mode, click the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> icon and click the <b>Hide Toolbar</b> option once again. The top toolbar will be displayed all the time. 
+			<li><b>Hide Toolbar</b> -  hides the top toolbar that contains commands while tabs remain visible. When this option is enabled, you can click any tab to display the toolbar. The toolbar is displayed until you click anywhere outside it. To disable this mode, click the <b>View settings</b> <div class = "icon icon-viewsettingsicon"></div> icon and click the <b>Hide Toolbar</b> option once again. The top toolbar will be displayed all the time. 
                 <p class="note"><b>Note</b>: alternatively, you can just double-click any tab to hide the top toolbar or display it again.</p>
             </li>
 			<li><b>Hide Status Bar</b> - hides the bottommost bar where the <b>Slide Number Indicator</b> and <b>Zoom</b> buttons are situated. To show the hidden <b>Status Bar</b> click this option once again.</li>
@@ -32,12 +33,12 @@
 			<p>To navigate through your presentation, use the following tools:</p>
 			<p>The <b>Zoom</b> buttons are situated in the right lower corner and are used to zoom in and out the current presentation.  
 			To change the currently selected zoom value that is displayed in percent, click it and select one of the available zoom options from the list 
-			or use the <b>Zoom in</b> <img alt="Zoom in button" src="../images/zoomin.png" /> or <b>Zoom out</b> <img alt="Zoom out button" src="../images/zoomout.png" /> buttons. 
-			Click the <b>Fit width</b> <img alt="Fit width button" src="../images/fitwidth.png" /> icon to fit the slide width to the visible part of the working area.
-			To fit the whole slide to the visible part of the working area, click the <b>Fit slide</b> <img alt="Fit slide button" src="../images/fitslide.png" /> icon.
-			Zoom settings are also available in the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> drop-down list that can be useful if you decide to hide the <b>Status Bar</b>.</p>
+			or use the <b>Zoom in</b> <div class = "icon icon-zoomin"></div> or <b>Zoom out</b> <div class = "icon icon-zoomout"></div> buttons. 
+			Click the <b>Fit width</b> <div class = "icon icon-fitwidth"></div> icon to fit the slide width to the visible part of the working area.
+			To fit the whole slide to the visible part of the working area, click the <b>Fit slide</b> <div class = "icon icon-fitslide"></div> icon.
+			Zoom settings are also available in the <b>View settings</b> <div class = "icon icon-viewsettingsicon"></div> drop-down list that can be useful if you decide to hide the <b>Status Bar</b>.</p>
 			<p class="note"><b>Note</b>: you can set a default zoom value. Switch to the <b>File</b> tab of the top toolbar, go to the <b>Advanced Settings...</b> section, choose the necessary <b>Default Zoom Value</b> from the list and click the <b>Apply</b> button.</p>
-			<p>To go to the previous or next slide when editing the presentation, you can use the <img alt="Previous Slide button" src="../images/previouspage.png" /> and <img alt="Next Slide button" src="../images/nextpage.png" /> buttons at the top and bottom of the vertical scroll bar located to the right of the slide.</p>
+			<p>To go to the previous or next slide when editing the presentation, you can use the <div class = "icon icon-previouspage"></div> and <div class = "icon icon-nextpage"></div> buttons at the top and bottom of the vertical scroll bar located to the right of the slide.</p>
 			<p>The <b>Slide Number Indicator</b> shows the current slide as a part of all the slides in the current presentation (slide 'n' of 'nn'). 
 			Click this caption to open the window where you can enter the slide number and quickly go to it. If you decide to hide the <b>Status Bar</b>, this tool will become inaccessible.</p>
 			
diff --git a/apps/presentationeditor/main/resources/help/it/HelpfulHints/Search.htm b/apps/presentationeditor/main/resources/help/it/HelpfulHints/Search.htm
index 6a0bbfb1d2..70e894be8a 100644
--- a/apps/presentationeditor/main/resources/help/it/HelpfulHints/Search.htm
+++ b/apps/presentationeditor/main/resources/help/it/HelpfulHints/Search.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="The description of the search and replace function in Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -15,20 +16,20 @@
         </div>
 		<h1>Search and Replace Function</h1>
 			<p><b>To search</b> for the needed characters, words or phrases used in the currently edited presentation, 
-			click the <img alt="Search icon" src="../images/searchicon.png" /> icon situated at the left sidebar or use the <em>Ctrl+F</em> key combination.</p>
+			click the <div class = "icon icon-searchicon"></div> icon situated at the left sidebar or use the <em>Ctrl+F</em> key combination.</p>
 			<p>The <b>Find and Replace</b> window will open:</p>
             <img alt="Find and Replace Window" src="../images/search_window.png" />
 			<ol>
 			<li>Type in your inquiry into the corresponding data entry field.</li>
                 <li>
-                    Specify search parameters by clicking the <img alt="Search options icon" src="../images/search_options.png" /> icon and checking the necessary options:
+                    Specify search parameters by clicking the <div class = "icon icon-search_options"></div> icon and checking the necessary options:
                     <ul>
                         <li><b>Case sensitive</b> - is used to find only the occurrences typed in the same case as your inquiry (e.g. if your inquiry is 'Editor' and this option is selected, such words as 'editor' or 'EDITOR' etc. will not be found). To disable this option click it once again.</li>
                         <!--<li><b>Highlight results</b> - is used to highlight all found occurrences at once. To disable this option and remove the highlight click the option once again.</li>-->
                     </ul>
                 </li>
 			<li>Click one of the <b>arrow buttons</b> on the right. 
-			The search will be performed either towards the beginning of the presentation (if you click the <img alt="Left arrow button" src="../images/searchupbutton.png" /> button) or towards the end of the presentation (if you click the <img alt="Right arrow button" src="../images/searchdownbutton.png" /> button) from the current position.
+			The search will be performed either towards the beginning of the presentation (if you click the <div class = "icon icon-searchupbutton"></div> button) or towards the end of the presentation (if you click the <div class = "icon icon-searchdownbutton"></div> button) from the current position.
             <!--<p class="note"><b>Note</b>: when the <b>Highlight results</b> option is enabled, use these buttons to navigate through the highlighted results.</p>-->    
             </li>
 			</ol>
diff --git a/apps/presentationeditor/main/resources/help/it/HelpfulHints/SpellChecking.htm b/apps/presentationeditor/main/resources/help/it/HelpfulHints/SpellChecking.htm
index 441ceab923..dfcb84b573 100644
--- a/apps/presentationeditor/main/resources/help/it/HelpfulHints/SpellChecking.htm
+++ b/apps/presentationeditor/main/resources/help/it/HelpfulHints/SpellChecking.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Spell check the text in your language while editing a presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -15,12 +16,12 @@
         </div>
 		<h1>Spell-checking</h1>
 			<p><b>Presentation Editor</b> allows you to check the spelling of your text in a certain language and correct mistakes while editing. In the <em>desktop version</em>, it's also possible to add words into a custom dictionary which is common for all three editors.</p>
-			<p>First of all, <b>choose a language</b> for your presentation. Click the <img alt="Set presentation language icon" src="../images/document_language.png" /> icon on the right side of the status bar. In the window that appears, select the necessary language and click <b>OK</b>. The selected language will be applied to the whole presentation. </p>
+			<p>First of all, <b>choose a language</b> for your presentation. Click the <div class = "icon icon-document_language"></div> icon on the right side of the status bar. In the window that appears, select the necessary language and click <b>OK</b>. The selected language will be applied to the whole presentation. </p>
 			<p><img alt="Set presentation language window" src="../images/document_language_window.png" /></p>
 			<p>To <b>choose a different language</b> for any piece of text within the presentation, select the necessary text passage with the mouse and use the <img alt="Spell-checking - Text Language selector" src="../images/spellchecking_language.png" /> menu at the status bar.</p>
             <p>To <b>enable</b> the spell checking option, you can:</p>
             <ul>
-                <li>click the <img alt="Spell Checking deactivated icon" src="../images/spellcheckdeactivated.png" /> <b>Spell checking</b> icon at the status bar, or</li>
+                <li>click the <div class = "icon icon-spellcheckdeactivated"></div> <b>Spell checking</b> icon at the status bar, or</li>
                 <li>open the <b>File</b> tab of the top toolbar, select the <b>Advanced Settings...</b> option, check the <b>Turn on spell checking option</b> box and click the <b>Apply</b> button.</li>
             </ul>
             <p>Incorrectly spelled words will be underlined by a red line.</p>
@@ -34,7 +35,7 @@
             <p><img alt="Spell-checking" src="../images/spellchecking_presentation.png" /></p>
             <p>To <b>disable</b> the spell checking option, you can:</p>
             <ul>
-                <li>click the <img alt="Spell Checking activated icon" src="../images/spellcheckactivated.png" /> <b>Spell checking</b> icon at the status bar, or</li>
+                <li>click the <div class = "icon icon-spellcheckactivated"></div> <b>Spell checking</b> icon at the status bar, or</li>
                 <li>open the <b>File</b> tab of the top toolbar, select the <b>Advanced Settings...</b> option, uncheck the <b>Turn on spell checking option</b> box and click the <b>Apply</b> button.</li>
             </ul>
 		</div>
diff --git a/apps/presentationeditor/main/resources/help/it/HelpfulHints/SupportedFormats.htm b/apps/presentationeditor/main/resources/help/it/HelpfulHints/SupportedFormats.htm
index 0304beb594..200f5697c8 100644
--- a/apps/presentationeditor/main/resources/help/it/HelpfulHints/SupportedFormats.htm
+++ b/apps/presentationeditor/main/resources/help/it/HelpfulHints/SupportedFormats.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="The list of presentation formats supported by Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/it/HelpfulHints/UsingChat.htm b/apps/presentationeditor/main/resources/help/it/HelpfulHints/UsingChat.htm
index 628914db3c..43bb5131fb 100644
--- a/apps/presentationeditor/main/resources/help/it/HelpfulHints/UsingChat.htm
+++ b/apps/presentationeditor/main/resources/help/it/HelpfulHints/UsingChat.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Tips on using the Chat tool" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
 	</head>
 	<body>
 		<div class="mainpart">
@@ -12,12 +13,12 @@
 			<p><b>ONLYOFFICE Presentation Editor</b> offers you the possibility to chat with other users to share ideas concerning particular presentation parts.</p>
 			<p>To access the chat and leave a message for other users,</p>
 			<ol>
-				<li>click the <img alt="Chat icon" src="../images/chaticon.png" /> icon at the left sidebar,</li>
+				<li>click the <div class = "icon icon-chaticon"></div> icon at the left sidebar,</li>
 				<li>enter your text into the corresponding field below,</li>
 				<li>press the <b>Send</b> button.</li>
 			</ol>
-			<p>All the messages left by users will be displayed on the panel on the left. If there are new messages you haven't read yet, the chat icon will look like this - <img alt="Chat icon" src="../images/chaticon_new.png" />.</p>
-			<p>To close the panel with chat messages, click the <img alt="Chat icon" src="../images/chaticon.png" /> icon once again.</p>
+			<p>All the messages left by users will be displayed on the panel on the left. If there are new messages you haven't read yet, the chat icon will look like this - <div class = "icon icon-chaticon_new"></div>.</p>
+			<p>To close the panel with chat messages, click the <div class = "icon icon-chaticon"></div> icon once again.</p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/it/ProgramInterface/CollaborationTab.htm b/apps/presentationeditor/main/resources/help/it/ProgramInterface/CollaborationTab.htm
index 2579323900..5777b642c6 100644
--- a/apps/presentationeditor/main/resources/help/it/ProgramInterface/CollaborationTab.htm
+++ b/apps/presentationeditor/main/resources/help/it/ProgramInterface/CollaborationTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Introducing the Presentation Editor user interface - Collaboration tab" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/it/ProgramInterface/FileTab.htm b/apps/presentationeditor/main/resources/help/it/ProgramInterface/FileTab.htm
index 7103148f83..a07cbb249f 100644
--- a/apps/presentationeditor/main/resources/help/it/ProgramInterface/FileTab.htm
+++ b/apps/presentationeditor/main/resources/help/it/ProgramInterface/FileTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Introducing the Presentation Editor user interface - File tab" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/it/ProgramInterface/HomeTab.htm b/apps/presentationeditor/main/resources/help/it/ProgramInterface/HomeTab.htm
index ed09cb3459..358fdb0b45 100644
--- a/apps/presentationeditor/main/resources/help/it/ProgramInterface/HomeTab.htm
+++ b/apps/presentationeditor/main/resources/help/it/ProgramInterface/HomeTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Introducing the Presentation Editor user interface - Home tab" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/it/ProgramInterface/InsertTab.htm b/apps/presentationeditor/main/resources/help/it/ProgramInterface/InsertTab.htm
index b270053664..db6b1d498e 100644
--- a/apps/presentationeditor/main/resources/help/it/ProgramInterface/InsertTab.htm
+++ b/apps/presentationeditor/main/resources/help/it/ProgramInterface/InsertTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Introducing the Presentation Editor user interface - Insert tab" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/it/ProgramInterface/PluginsTab.htm b/apps/presentationeditor/main/resources/help/it/ProgramInterface/PluginsTab.htm
index 2a7a82d0a6..e91952ef4f 100644
--- a/apps/presentationeditor/main/resources/help/it/ProgramInterface/PluginsTab.htm
+++ b/apps/presentationeditor/main/resources/help/it/ProgramInterface/PluginsTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Introducing the Presentation Editor user interface - Plugins tab" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/it/ProgramInterface/ProgramInterface.htm b/apps/presentationeditor/main/resources/help/it/ProgramInterface/ProgramInterface.htm
index a58e9e5571..7d42b72491 100644
--- a/apps/presentationeditor/main/resources/help/it/ProgramInterface/ProgramInterface.htm
+++ b/apps/presentationeditor/main/resources/help/it/ProgramInterface/ProgramInterface.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Introducing the Presentation Editor user interface" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -28,25 +29,25 @@
                 <li>
                     <b>Editor header</b> displays the logo, <span class="desktopDocumentFeatures">opened documents tabs, </span>presentation name and menu tabs.
                     <p>In the left part of the <b>Editor header</b> there are the <b>Save</b>, <b>Print file</b>, <b>Undo</b> and <b>Redo</b> buttons.</p>
-                    <p><img alt="Icons in the editor header" src="../images/interface/leftpart.png" /></p>
+                    <p><div class = "big big-leftpart"></div></p>
                     <p>In the right part of the <b>Editor header</b> the user name is displayed as well as the following icons:</p>
                     <ul>
-                        <li><img alt="Open file location" src="../images/gotodocuments.png" /> <b>Open file location</b> - <span class="desktopDocumentFeatures">in the <em>desktop version</em>, it allows to open the folder where the file is stored in the <b>File explorer</b> window.</span> <span class="onlineDocumentFeatures"> In the <em>online version</em>, it allows to open the folder of the <b>Documents</b> module where the file is stored in a new browser tab.</span></li>
-                        <li><img alt="View Settings icon" src="../images/viewsettingsicon.png" /> - allows to adjust <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">View Settings</a> and access the editor <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a>.</li>
-                        <li class="onlineDocumentFeatures"><img alt="Manage document access rights icon" src="../images/access_rights.png" /> <b>Manage document access rights</b> - (available in the <em>online version</em> only) allows to <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">set access rights</a> for the documents stored in the cloud.</li>
+                        <li><div class = "icon icon-gotodocuments"></div> <b>Open file location</b> - <span class="desktopDocumentFeatures">in the <em>desktop version</em>, it allows to open the folder where the file is stored in the <b>File explorer</b> window.</span> <span class="onlineDocumentFeatures"> In the <em>online version</em>, it allows to open the folder of the <b>Documents</b> module where the file is stored in a new browser tab.</span></li>
+                        <li><div class = "icon icon-viewsettingsicon"></div> - allows to adjust <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">View Settings</a> and access the editor <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a>.</li>
+                        <li class="onlineDocumentFeatures"><div class = "icon icon-access_rights"></div> <b>Manage document access rights</b> - (available in the <em>online version</em> only) allows to <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">set access rights</a> for the documents stored in the cloud.</li>
                     </ul>
                 </li>
                 <li>
                     <b>Top toolbar</b> displays a set of editing commands depending on the selected menu tab. Currently, the following tabs are available: <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">File</a>, <a href="../ProgramInterface/HomeTab.htm" onclick="onhyperlinkclick(this)">Home</a>, <a href="../ProgramInterface/InsertTab.htm" onclick="onhyperlinkclick(this)">Insert</a>, <a href="../ProgramInterface/CollaborationTab.htm" onclick="onhyperlinkclick(this)">Collaboration</a>, <span class="desktopDocumentFeatures">Protection,</span> <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Plugins</a>.
-                    <p>The <img alt="Copy icon" src="../images/copy.png" /> <b>Copy</b> and <img alt="Paste icon" src="../images/paste.png" /> <b>Paste</b> options are always available at the left part of the <b>Top toolbar</b> regardless of the selected tab.</p>
+                    <p>The <div class = "icon icon-copy"></div> <b>Copy</b> and <div class = "icon icon-paste"></div> <b>Paste</b> options are always available at the left part of the <b>Top toolbar</b> regardless of the selected tab.</p>
                 </li>
                 <li><b>Status bar</b> at the bottom of the editor window contains the <a href="../UsageInstructions/PreviewPresentation.htm" onclick="onhyperlinkclick(this)">Start slideshow</a> icon, some <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">navigation tools</a>: slide number indicator and zoom buttons. The <b>Status bar</b> also displays some notifications (such as "All changes saved" etc.) and allows to <a href="../HelpfulHints/SpellChecking.htm" onclick="onhyperlinkclick(this)">set text language and enable spell checking</a>.</li>
                 <li>
                     <b>Left sidebar</b> contains the following icons:
                     <ul>
-                        <li><img alt="Search icon" src="../images/searchicon.png" /> - allows to use the <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">Search and Replace</a> tool,</li>
-                        <li><img alt="Comments icon" src="../images/commentsicon.png" /> - allows to open the <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Comments</a> panel,</li>
-                        <li class="onlineDocumentFeatures"><img alt="Chat icon" src="../images/chaticon.png" /> - (available in the <em>online version</em> only) allows to open the <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a> panel, as well as the icons that allow to contact our support team and view the information about the program.</li>
+                        <li><div class = "icon icon-searchicon"></div> - allows to use the <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">Search and Replace</a> tool,</li>
+                        <li><div class = "icon icon-commentsicon"></div> - allows to open the <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Comments</a> panel,</li>
+                        <li class="onlineDocumentFeatures"><div class = "icon icon-chaticon"></div> - (available in the <em>online version</em> only) allows to open the <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a> panel, as well as the icons that allow to contact our support team and view the information about the program.</li>
                     </ul>
                 </li>
                 <li><b>Right sidebar</b> allows to adjust additional parameters of different objects. When you select a particular object on a slide, the corresponding icon is activated at the right sidebar. Click this icon to expand the right sidebar.</li>
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/AddHyperlinks.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/AddHyperlinks.htm
index c5d27efa88..947121451b 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/AddHyperlinks.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/AddHyperlinks.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add hyperlinks to a word or text fragment leading to an external website or to another slide in the same presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<ol>
 				<li>place the cursor to a position within the text box where a hyperlink will be added,</li>
                 <li>switch to the <b>Insert</b> tab of the top toolbar,</li>
-				<li>click the <img alt="Hyperlink icon" src="../images/addhyperlink.png" /> <b>Hyperlink</b> icon at the top toolbar,</li>
+				<li>click the <div class = "icon icon-addhyperlink"></div> <b>Hyperlink</b> icon at the top toolbar,</li>
 				<li>after that the <b>Hyperlink Settings</b> will appear where you can specify the hyperlink parameters:
 				<ul>
 				    <li>Select a link type you wish to insert:
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/AlignArrangeObjects.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/AlignArrangeObjects.htm
index c1a9c35097..77df0b3517 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/AlignArrangeObjects.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/AlignArrangeObjects.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Align and arrange text boxes, autoshapes, images and charts on a slide." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -20,21 +21,21 @@
         <p>To <b>align</b> <em>two or more</em> selected objects, </p>
         <ol>
             <li>
-                Click the <b>Align shape</b> <img alt="Align shape icon" src="../images/alignshape.png" /> icon at the <b>Home</b> tab of the top toolbar and select one of the following options:
+                Click the <b>Align shape</b> <div class = "icon icon-alignshape"></div> icon at the <b>Home</b> tab of the top toolbar and select one of the following options:
                 <ul>
                     <li><b>Align to Slide</b> to align objects relative to the edges of the slide,</li>
                     <li><b>Align Selected Objects</b> (this option is selected by default) to align objects relative to each other,</li>                    
                 </ul>
             </li>
             <li>
-                Click the <b>Align shape</b> <img alt="Align shape icon" src="../images/alignshape.png" /> icon once again and select the necessary alignment type from the list:
+                Click the <b>Align shape</b> <div class = "icon icon-alignshape"></div> icon once again and select the necessary alignment type from the list:
                 <ul>
-                    <li><b>Align Left</b> <img alt="Align Left icon" src="../images/alignobjectleft.png" /> - to line up the objects horizontally by the left edge of the leftmost object/left edge of the slide,</li>
-                    <li><b>Align Center</b> <img alt="Align Center icon" src="../images/alignobjectcenter.png" /> - to line up the objects horizontally by their centers/center of the slide,</li>
-                    <li><b>Align Right</b> <img alt="Align Right icon" src="../images/alignobjectright.png" /> - to line up the objects horizontally by the right edge of the rightmost object/right edge of the slide,</li>
-                    <li><b>Align Top</b> <img alt="Align Top icon" src="../images/alignobjecttop.png" /> - to line up the objects vertically by the top edge of the topmost object/top edge of the slide,</li>
-                    <li><b>Align Middle</b> <img alt="Align Middle icon" src="../images/alignobjectmiddle.png" /> - to line up the objects vertically by their middles/middle of the slide,</li>
-                    <li><b>Align Bottom</b> <img alt="Align Bottom icon" src="../images/alignobjectbottom.png" />  - to line up the objects vertically by the bottom edge of the bottommost object/bottom edge of the slide.</li>
+                    <li><b>Align Left</b> <div class = "icon icon-alignobjectleft"></div> - to line up the objects horizontally by the left edge of the leftmost object/left edge of the slide,</li>
+                    <li><b>Align Center</b> <div class = "icon icon-alignobjectcenter"></div> - to line up the objects horizontally by their centers/center of the slide,</li>
+                    <li><b>Align Right</b> <div class = "icon icon-alignobjectright"></div> - to line up the objects horizontally by the right edge of the rightmost object/right edge of the slide,</li>
+                    <li><b>Align Top</b> <div class = "icon icon-alignobjecttop"></div> - to line up the objects vertically by the top edge of the topmost object/top edge of the slide,</li>
+                    <li><b>Align Middle</b> <div class = "icon icon-alignobjectmiddle"></div> - to line up the objects vertically by their middles/middle of the slide,</li>
+                    <li><b>Align Bottom</b> <div class = "icon icon-alignobjectbottom"></div>  - to line up the objects vertically by the bottom edge of the bottommost object/bottom edge of the slide.</li>
                 </ul>
             </li>
         </ol>
@@ -44,17 +45,17 @@
         <p>To <b>distribute</b> <em>three or more</em> selected objects horizontally or vertically so that the equal distance appears between them, </p>
         <ol>
             <li>
-                Click the <b>Align shape</b> <img alt="Align shape icon" src="../images/alignshape.png" /> icon at the <b>Home</b> tab of the top toolbar and select one of the following options:
+                Click the <b>Align shape</b> <div class = "icon icon-alignshape"></div> icon at the <b>Home</b> tab of the top toolbar and select one of the following options:
                 <ul>                    
                     <li><b>Align to Slide</b> to distribute objects between the edges of the slide,</li>
                     <li><b>Align Selected Objects</b> (this option is selected by default) to distribute objects between two outermost selected objects,</li>
                 </ul>
             </li>
             <li>
-                Click the <b>Align shape</b> <img alt="Align shape icon" src="../images/alignshape.png" /> icon once again and select the necessary distribution type from the list:
+                Click the <b>Align shape</b> <div class = "icon icon-alignshape"></div> icon once again and select the necessary distribution type from the list:
                 <ul>
-                    <li><b>Distribute Horizontally</b> <img alt="Distribute Horizontally icon" src="../images/distributehorizontally.png" /> - to distribute objects evenly between the leftmost and rightmost selected objects/left and right edges of the slide<!--to align the selected objects by their centers (from right to left edges) to the horizontal center of the page-->.</li>
-                    <li><b>Distribute Vertically</b> <img alt="Distribute Vertically icon" src="../images/distributevertically.png" /> - to distribute objects evenly between the topmost and bottommost selected objects/top and bottom edges of the slide<!--to align the selected objects by their centers (from top to bottom edges) to the vertical center of the page-->.</li>
+                    <li><b>Distribute Horizontally</b> <div class = "icon icon-distributehorizontally"></div> - to distribute objects evenly between the leftmost and rightmost selected objects/left and right edges of the slide<!--to align the selected objects by their centers (from right to left edges) to the horizontal center of the page-->.</li>
+                    <li><b>Distribute Vertically</b> <div class = "icon icon-distributevertically"></div> - to distribute objects evenly between the topmost and bottommost selected objects/top and bottom edges of the slide<!--to align the selected objects by their centers (from top to bottom edges) to the vertical center of the page-->.</li>
                 </ul>
             </li>
         </ol>
@@ -62,20 +63,20 @@
         <p class="note"><b>Note</b>: the distribution options are disabled if you select less than three objects.</p>
         
         <h3>Group objects</h3>
-        <p>To <b>group</b> <em>two or more</em> selected objects or <b>ungroup</b> them, click the <b>Arrange shape</b> <img alt="Arrange shape icon" src="../images/arrangeshape.png" /> icon at the <b>Home</b> tab of the top toolbar and select the necessary option from the list:</p>
+        <p>To <b>group</b> <em>two or more</em> selected objects or <b>ungroup</b> them, click the <b>Arrange shape</b> <div class = "icon icon-arrangeshape"></div> icon at the <b>Home</b> tab of the top toolbar and select the necessary option from the list:</p>
         <ul>
-            <li><b>Group</b> <img alt="Group icon" src="../images/group.png" /> - to join several objects into a group so that they can be simultaneously rotated, moved, resized, aligned, arranged, copied, pasted, formatted like a single object.</li>
-            <li><b>Ungroup</b> <img alt="Ungroup icon" src="../images/ungroup.png" /> - to ungroup the selected group of the previously joined objects.</li>
+            <li><b>Group</b> <div class = "icon icon-group"></div> - to join several objects into a group so that they can be simultaneously rotated, moved, resized, aligned, arranged, copied, pasted, formatted like a single object.</li>
+            <li><b>Ungroup</b> <div class = "icon icon-ungroup"></div> - to ungroup the selected group of the previously joined objects.</li>
         </ul>
         <p>Alternatively, you can right-click the selected objects, choose the <b>Arrange</b> option from the contextual menu and then use the <b>Group</b> or <b>Ungroup</b> option.</p>
         <p class="note"><b>Note</b>: the <b>Group</b> option is disabled if you select less than two objects. The <b>Ungroup</b> option is available only when a group of the previously joined objects is selected.</p>
         <h3>Arrange objects</h3>
-        <p>To <b>arrange</b> the selected object(s) (i.e. to change their order when several objects overlap each other), click the <b>Arrange shape</b> <img alt="Arrange shape icon" src="../images/arrangeshape.png" /> icon at the <b>Home</b> tab of the top toolbar and select the necessary arrangement type from the list.</p>
+        <p>To <b>arrange</b> the selected object(s) (i.e. to change their order when several objects overlap each other), click the <b>Arrange shape</b> <div class = "icon icon-arrangeshape"></div> icon at the <b>Home</b> tab of the top toolbar and select the necessary arrangement type from the list.</p>
         <ul>
-            <li><b>Bring To Foreground</b> <img alt="Bring To Foreground icon" src="../images/bringtofront.png" /> - to move the object(s) in front of all other objects,</li>
-            <li><b>Send To Background</b> <img alt="Send To Background icon" src="../images/sendtoback.png" /> - to move the object(s) behind all other objects,</li>
-            <li><b>Bring Forward</b> <img alt="Bring Forward icon" src="../images/bringforward.png" /> - to move the selected object(s) by one level forward as related to other objects.</li>            
-            <li><b>Send Backward</b> <img alt="Send Backward icon" src="../images/sendbackward.png" /> - to move the selected object(s) by one level backward as related to other objects.</li>
+            <li><b>Bring To Foreground</b> <div class = "icon icon-bringtofront"></div> - to move the object(s) in front of all other objects,</li>
+            <li><b>Send To Background</b> <div class = "icon icon-sendtoback"></div> - to move the object(s) behind all other objects,</li>
+            <li><b>Bring Forward</b> <div class = "icon icon-bringforward"></div> - to move the selected object(s) by one level forward as related to other objects.</li>            
+            <li><b>Send Backward</b> <div class = "icon icon-sendbackward"></div> - to move the selected object(s) by one level backward as related to other objects.</li>
         </ul>        
         <p>Alternatively, you can right-click the selected object(s), choose the <b>Arrange</b> option from the contextual menu and then use one of the available arrangement options.</p>
         </div>
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/ApplyTransitions.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/ApplyTransitions.htm
index 28a44ec88a..a0355010e2 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/ApplyTransitions.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/ApplyTransitions.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add animation effects between slides" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<p><b>To apply a transition to a single slide</b> or several selected slides:</p>
 			<p><img class="floatleft"alt="Slide settings tab" src="../images/slidesettingstab.png" /></p>
 			<ol style="margin-left: 280px;">
-				<li>Select the necessary slide (or several slides in the slide list) you want to apply a transition to. The <b>Slide settings</b> tab will be activated on the right sidebar. To open it click the <b>Slide settings</b> <img alt="Slide settings icon" src="../images/slide_settings_icon.png" /> icon on the right. Alternatively, you can right-click a slide in the slide editing area and select the <b>Slide Settings</b> option from the contextual menu.
+				<li>Select the necessary slide (or several slides in the slide list) you want to apply a transition to. The <b>Slide settings</b> tab will be activated on the right sidebar. To open it click the <b>Slide settings</b> <div class = "icon icon-slide_settings_icon"></div> icon on the right. Alternatively, you can right-click a slide in the slide editing area and select the <b>Slide Settings</b> option from the contextual menu.
 				</li>
 				<li>In the <b>Effect</b> drop-down list, select the transition you want to use.
 				<p>The following transitions are available: Fade, Push, Wipe, Split, Uncover, Cover, Clock, Zoom.</p>
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/CopyClearFormatting.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/CopyClearFormatting.htm
index 719e157e19..5afd57e120 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/CopyClearFormatting.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/CopyClearFormatting.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Copy/clear formatting within your presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,20 +18,20 @@
 			<p>To copy a certain text formatting,</p>
 			<ol>
 				<li>select the text passage which formatting you need to copy with the mouse or <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">using the keyboard</a>,</li>
-				<li>click the <b>Copy style</b> <img alt="Copy style" src="../images/copystyle.png" /> icon at the <b>Home</b> tab of the top toolbar (the mouse pointer will look like this <img alt="Mouse pointer while pasting style" src="../images/paste_style.png" />),</li>
+				<li>click the <b>Copy style</b> <div class = "icon icon-copystyle"></div> icon at the <b>Home</b> tab of the top toolbar (the mouse pointer will look like this <div class = "icon icon-paste_style"></div>),</li>
 				<li>select the text passage you want to apply the same formatting to.</li>
 			</ol>
             <p>To apply the copied formatting to multiple text passages,</p>
             <ol>
                 <li>select the text passage which formatting you need to copy with the mouse or <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">using the keyboard</a>,</li>
-                <li>double-click the <b>Copy style</b> <img alt="Copy style" src="../images/copystyle.png" /> icon at the <b>Home</b> tab of the top toolbar (the mouse pointer will look like this <img alt="Mouse pointer while pasting style" src="../images/paste_style.png" /> and the <b>Copy style</b> icon will remain selected: <img alt="Multiple copying style" src="../images/copystyle_selected.png" />),</li>
+                <li>double-click the <b>Copy style</b> <div class = "icon icon-copystyle"></div> icon at the <b>Home</b> tab of the top toolbar (the mouse pointer will look like this <div class = "icon icon-paste_style"></div> and the <b>Copy style</b> icon will remain selected: <div class = "icon icon-copystyle_selected"></div>),</li>
                 <li>select the necessary text passages one by one to apply the same formatting to each of them,</li>
-                <li>to exit this mode, click the <b>Copy style</b> <img alt="Multiple copying style" src="../images/copystyle_selected.png" /> icon once again or press the <b>Esc</b> key on the keyboard.</li>
+                <li>to exit this mode, click the <b>Copy style</b> <div class = "icon icon-copystyle_selected"></div> icon once again or press the <b>Esc</b> key on the keyboard.</li>
             </ol>
 			<p>To quickly remove the formatting that you have applied to a text passage,</p>
 			<ol>
 				<li>select the text passage which formatting you want to remove,</li>
-				<li>click the <b>Clear style</b> <img alt="Clear style" src="../images/clearstyle.png" /> icon at the <b>Home</b> tab of the top toolbar.</li>
+				<li>click the <b>Clear style</b> <div class = "icon icon-clearstyle"></div> icon at the <b>Home</b> tab of the top toolbar.</li>
 			</ol>
 		</div>
 	</body>
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/CopyPasteUndoRedo.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/CopyPasteUndoRedo.htm
index b2e68a9efd..1baa8fd660 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/CopyPasteUndoRedo.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/CopyPasteUndoRedo.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Perform the basic operations with the presentation: copy, paste, undo, redo" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,8 +19,8 @@
 			<p>To cut, copy and paste selected objects (slides, text passages, autoshapes) in the current presentation or undo/redo your actions use the corresponding options from the right-click menu, or keyboard shortcuts, or icons available at any tab of the top toolbar:</p>
             <ul>
                 <li><b>Cut</b> – select an object and use the <b>Cut</b> option from the right-click menu to delete the selection and send it to the computer clipboard memory. <span class="onlineDocumentFeatures">The cut data can be later inserted to another place in the same presentation.</span></li>
-                <li><b>Copy</b> – select an object and use the <b>Copy</b> option from the right-click menu or the <b>Copy</b> <img alt="Copy icon" src="../images/copy.png" /> icon at the top toolbar to copy the selection to the computer clipboard memory. <span class="onlineDocumentFeatures">The copied object can be later inserted to another place in the same presentation.</span></li>
-                <li><b>Paste</b> – find the place in your presentation where you need to paste the previously copied object and use the <b>Paste</b> option from the right-click menu or the <b>Paste</b> <img alt="Paste icon" src="../images/paste.png" /> icon at the top toolbar. The object will be inserted at the current cursor position. <span class="onlineDocumentFeatures">The object can be previously copied from the same presentation.</span></li>
+                <li><b>Copy</b> – select an object and use the <b>Copy</b> option from the right-click menu or the <b>Copy</b> <div class = "icon icon-copy"></div> icon at the top toolbar to copy the selection to the computer clipboard memory. <span class="onlineDocumentFeatures">The copied object can be later inserted to another place in the same presentation.</span></li>
+                <li><b>Paste</b> – find the place in your presentation where you need to paste the previously copied object and use the <b>Paste</b> option from the right-click menu or the <b>Paste</b> <div class = "icon icon-paste"></div> icon at the top toolbar. The object will be inserted at the current cursor position. <span class="onlineDocumentFeatures">The object can be previously copied from the same presentation.</span></li>
             </ul>    
             <p><span class="onlineDocumentFeatures">In the <em>online version</em>, the following key combinations are only used to copy or paste data from/into another presentation or some other program,</span> <span class="desktopDocumentFeatures">in the <em>desktop version</em>, both the corresponding buttons/menu options and key combinations can be used for any copy/paste operations:</span></p>
                     <ul>
@@ -28,7 +29,7 @@
                         <li><b>Ctrl+X</b> key combination for cutting.</li>
                     </ul>
             <h3>Use the Paste Special feature</h3>
-            <p>Once the copied data is pasted, the <b>Paste Special</b> <img alt="Paste Special" src="../images/pastespecialbutton.png" /> button appears next to the inserted text passage/object. Click this button to select the necessary paste option. </p>
+            <p>Once the copied data is pasted, the <b>Paste Special</b> <div class = "icon icon-pastespecialbutton"></div> button appears next to the inserted text passage/object. Click this button to select the necessary paste option. </p>
             <p>When pasting text passages, the following options are available:</p>
             <ul>
                 <li><em>Use destination theme</em> - allows to apply the formatting specified by the theme of the current presentation. This option is used by default.</li>
@@ -45,9 +46,9 @@
             <h3>Use the Undo/Redo operations</h3>
             <p>To perform the undo/redo operations, use the corresponding icons in the left part of the editor header or keyboard shortcuts:</p>
             <ul>
-                <li><b>Undo</b> – use the <b>Undo</b> <img alt="Undo icon" src="../images/undo.png" /> icon to undo the last operation you performed.</li>
+                <li><b>Undo</b> – use the <b>Undo</b> <div class = "icon icon-undo"></div> icon to undo the last operation you performed.</li>
                 <li>
-                    <b>Redo</b> – use the <b>Redo</b> <img alt="Redo icon" src="../images/redo.png" /> icon to redo the last undone operation.
+                    <b>Redo</b> – use the <b>Redo</b> <div class = "icon icon-redo"></div> icon to redo the last undone operation.
                     <p>You can also use the <b>Ctrl+Z</b> key combination for undoing or <b>Ctrl+Y</b> for redoing.</p>
                 </li>
             </ul>
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/CreateLists.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/CreateLists.htm
index c1f906b0ed..cc6bd20d7c 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/CreateLists.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/CreateLists.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Create bulleted and numbered lists in the document changing the lists outline" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -21,23 +22,23 @@
                 <li>
                     select the list type you would like to start:
                     <ul>
-                        <li><b>Unordered list</b> with markers is created using the <b>Bullets</b> <img alt="Unordered List icon" src="../images/bullets.png" /> icon situated at the top toolbar</li>
+                        <li><b>Unordered list</b> with markers is created using the <b>Bullets</b> <div class = "icon icon-bullets"></div> icon situated at the top toolbar</li>
                         <li>
-                            <b>Ordered list</b> with digits or letters is created using the <b>Numbering</b> <img alt="Ordered List icon" src="../images/numbering.png" /> icon situated at the top toolbar
+                            <b>Ordered list</b> with digits or letters is created using the <b>Numbering</b> <div class = "icon icon-numbering"></div> icon situated at the top toolbar
                             <p class="note"><b>Note</b>: click the downward arrow next to the <b>Bullets</b> or <b>Numbering</b> icon to select how the list is going to look like.</p>
                         </li>
                     </ul>
                 </li>
                 <li>now each time you press the <b>Enter</b> key at the end of the line a new ordered or unordered list item will appear. To stop that, press the <b>Backspace</b> key and continue with the common text paragraph.</li>
             </ol>
-            <p>You can also change the text indentation in the lists and their nesting using the <b>Decrease indent</b> <img alt="Decrease indent icon" src="../images/decreaseindent.png" />, and <b>Increase indent</b> <img alt="Increase indent icon" src="../images/increaseindent.png" /> icons at the <b>Home</b> tab of the top toolbar.</p>
+            <p>You can also change the text indentation in the lists and their nesting using the <b>Decrease indent</b> <div class = "icon icon-decreaseindent"></div>, and <b>Increase indent</b> <div class = "icon icon-increaseindent"></div> icons at the <b>Home</b> tab of the top toolbar.</p>
             <p class="note"><b>Note</b>: the additional indentation and spacing parameters can be changed at the right sidebar and in the advanced settings window. To learn more about it, read the <a href="InsertText.htm" onclick="onhyperlinkclick(this)">Insert and format your text</a> section.</p>
 
             <h3>Change the list settings</h3>
             <p>To change the bulleted or numbered list settings, such as a bullet type, size and color:</p>
             <ol>
                 <li>click an existing list item or select the text you want to format as a list,</li>
-                <li>click the <b>Bullets</b> <img alt="Unordered List icon" src="../images/bullets.png" /> or <b>Numbering</b> <img alt="Ordered List icon" src="../images/numbering.png" /> icon at the <b>Home</b> tab of the top toolbar,</li>
+                <li>click the <b>Bullets</b> <div class = "icon icon-bullets"></div> or <b>Numbering</b> <div class = "icon icon-numbering"></div> icon at the <b>Home</b> tab of the top toolbar,</li>
                 <li>select the <b>List Settings</b> option,</li>
                 <li>
                     the <b>List Settings</b> window will open. The bulleted list settings window looks like this:
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/FillObjectsSelectColor.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/FillObjectsSelectColor.htm
index 060927ce76..69a42a438e 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/FillObjectsSelectColor.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/FillObjectsSelectColor.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Fill the added objects with color, picture or texture, select colors for the slide background, autoshape fill and stroke, font." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,9 +19,9 @@
 			<ol>
 			<li>Select an object
                 <ul>
-                    <li>To change the slide background fill, select the necessary slides in the slide list. The <img alt="Slide settings Icon" src="../images/slide_settings_icon.png" /> <b>Slide settings</b> tab will be activated at the the right sidebar.</li>
-                    <li>To change the autoshape fill, left-click the necessary autoshape. The <img alt="Shape settings Icon" src="../images/shape_settings_icon.png" /> <b>Shape settings</b> tab will be activated at the the right sidebar.</li>
-                    <li>To change the Text Art font fill, left-click the necessary text object. The <img alt="Text Art settings Icon" src="../images/textart_settings_icon.png" /> <b>Text Art settings</b> tab will be activated at the the right sidebar.</li>
+                    <li>To change the slide background fill, select the necessary slides in the slide list. The <div class = "icon icon-slide_settings_icon"></div> <b>Slide settings</b> tab will be activated at the the right sidebar.</li>
+                    <li>To change the autoshape fill, left-click the necessary autoshape. The <div class = "icon icon-shape_settings_icon"></div> <b>Shape settings</b> tab will be activated at the the right sidebar.</li>
+                    <li>To change the Text Art font fill, left-click the necessary text object. The <div class = "icon icon-textart_settings_icon"></div> <b>Text Art settings</b> tab will be activated at the the right sidebar.</li>
                 </ul>
 			</li>
 			<li>Set the necessary fill type</li>
@@ -52,7 +53,7 @@
 				    <ul style="margin-left: 280px;">
 				    <li><b>Style</b> - choose one of the available options: <b>Linear</b> (colors change in a straight line i.e. along a horizontal/vertical axis or diagonally at a 45 degree angle) or <b>Radial</b> (colors change in a circular path from the center to the edges).</li>
 				    <li><b>Direction</b> - choose a template from the menu. If the <b>Linear</b> gradient is selected, the following directions are available : top-left to bottom-right, top to bottom, top-right to bottom-left, right to left, bottom-right to top-left, bottom to top, bottom-left to top-right, left to right. If the <b>Radial</b> gradient is selected, only one template is available.</li>
-				    <li><b>Gradient</b> - click on the left slider <img alt="Slider" src="../images/gradientslider.png" /> under the gradient bar to activate the color box which corresponds to the first color. Click on the color box on the right to choose the first color in the palette. Drag the slider to set the gradient stop i.e. the point where one color changes into another. Use the right slider under the gradient bar to specify the second color and set the gradient stop.</li>
+				    <li><b>Gradient</b> - click on the left slider <div class = "icon icon-gradientslider"></div> under the gradient bar to activate the color box which corresponds to the first color. Click on the color box on the right to choose the first color in the palette. Drag the slider to set the gradient stop i.e. the point where one color changes into another. Use the right slider under the gradient bar to specify the second color and set the gradient stop.</li>
 				    </ul>			
 				</li>
 			</ul>
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertAutoshapes.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertAutoshapes.htm
index ee0b23f1d9..7c4074cf76 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertAutoshapes.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertAutoshapes.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add an autoshape to your presentation and adjust its properties." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<p>To <b>add</b> an autoshape on a slide,</p>
 			<ol>
 				<li>in the slide list on the left, select the slide you want to add the autoshape to,</li>
-				<li>click the  <img alt="Shape icon" src="../images/insertautoshape.png" /> <b>Shape</b> icon at the <b>Home</b> or <b>Insert</b> tab of the top toolbar,</li>
+				<li>click the  <div class = "icon icon-insertautoshape"></div> <b>Shape</b> icon at the <b>Home</b> or <b>Insert</b> tab of the top toolbar,</li>
 				<li>select one of the available autoshape groups: Basic Shapes, Figured Arrows, Math, Charts, Stars & Ribbons, Callouts, Buttons, Rectangles, Lines,</li>
 				<li>click on the necessary autoshape within the selected group,</li>
 				<li>in the slide editing area, place the mouse cursor where you want the shape to be put,
@@ -31,7 +32,7 @@
             <p>It's also possible to add an autoshape to a slide layout. To learn more, please refer to this <a href="../UsageInstructions/SetSlideParameters.htm#addtolayout" onclick="onhyperlinkclick(this)">article</a>.</p>
 			<hr />
             <h3>Adjust autoshape settings</h3>
-			<p>Some of the autoshape settings can be altered using the <b>Shape settings</b> tab of the right sidebar. To activate it click the autoshape and choose the <b>Shape settings</b> <img alt="Shape settings icon" src="../images/shape_settings_icon.png" /> icon on the right. Here you can change the following properties:</p>
+			<p>Some of the autoshape settings can be altered using the <b>Shape settings</b> tab of the right sidebar. To activate it click the autoshape and choose the <b>Shape settings</b> <div class = "icon icon-shape_settings_icon"></div> icon on the right. Here you can change the following properties:</p>
 			<p><img class="floatleft"alt="Shape settings tab" src="../images/shapesettingstab.png" /></p>
 			<ul  style="margin-left: 280px;">
 			<li><b>Fill</b> - use this section to select the autoshape fill. You can choose the following options:
@@ -54,10 +55,10 @@
                 <li>
                     <b>Rotation</b> is used to rotate the shape by 90 degrees clockwise or counterclockwise as well as to flip the shape horizontally or vertically. Click one of the buttons:
                     <ul>
-                        <li><img alt="Rotate counterclockwise icon" src="../images/rotatecounterclockwise.png" /> to rotate the shape by 90 degrees counterclockwise</li>
-                        <li><img alt="Rotate clockwise icon" src="../images/rotateclockwise.png" /> to rotate the shape by 90 degrees clockwise</li>
-                        <li><img alt="Flip horizontally icon" src="../images/fliplefttoright.png" /> to flip the shape horizontally (left to right)</li>
-                        <li><img alt="Flip vertically icon" src="../images/flipupsidedown.png" /> to flip the shape vertically (upside down)</li>
+                        <li><div class = "icon icon-rotatecounterclockwise"></div> to rotate the shape by 90 degrees counterclockwise</li>
+                        <li><div class = "icon icon-rotateclockwise"></div> to rotate the shape by 90 degrees clockwise</li>
+                        <li><div class = "icon icon-fliplefttoright"></div> to flip the shape horizontally (left to right)</li>
+                        <li><div class = "icon icon-flipupsidedown"></div> to flip the shape vertically (upside down)</li>
                     </ul>
                 </li>
                 <li><b>Change Autoshape</b> - use this section to replace the current autoshape with another one selected from the dropdown list.</li>
@@ -66,7 +67,7 @@
 			<hr />
 			<p>To change the <b>advanced settings</b> of the autoshape, right-click the shape and select the <b>Shape Advanced Settings</b> option from the contextual menu or left-click it and press the <b>Show advanced settings</b> link at the right sidebar. The shape properties window will be opened:</p>
             <p><img alt="Shape Properties - Size tab" src="../images/shape_properties1.png" /></p>
-			<p>The <b>Size</b> tab allows to change the autoshape <b>Width</b> and/or <b>Height</b>. If the <b>Constant proportions</b> <img alt="Constant proportions icon" src="../images/constantproportions.png" /> button is clicked (in this case it looks like this <img alt="Constant proportions icon activated" src="../images/constantproportionsactivated.png" />), the width and height will be changed together preserving the original autoshape aspect ratio.</p>
+			<p>The <b>Size</b> tab allows to change the autoshape <b>Width</b> and/or <b>Height</b>. If the <b>Constant proportions</b> <div class = "icon icon-constantproportions"></div> button is clicked (in this case it looks like this <div class = "icon icon-constantproportionsactivated"></div>), the width and height will be changed together preserving the original autoshape aspect ratio.</p>
             <p><img alt="Shape - Advanced Settings" src="../images/shape_properties5.png" /></p>
             <p>The <b>Rotation</b> tab contains the following parameters:</p>
             <ul>
@@ -112,23 +113,23 @@
             <h3>Join autoshapes using connectors</h3>
             <p>You can connect autoshapes using lines with connection points to demonstrate dependencies between the objects (e.g. if you want to create a flowchart). To do that,</p>
             <ol>
-                <li>click the  <img alt="Shape icon" src="../images/insertautoshape.png" /> <b>Shape</b> icon at the <b>Home</b> or <b>Insert</b> tab of the top toolbar,</li>
+                <li>click the  <div class = "icon icon-insertautoshape"></div> <b>Shape</b> icon at the <b>Home</b> or <b>Insert</b> tab of the top toolbar,</li>
                 <li>
                     select the <b>Lines</b> group from the menu,
                     <p><img alt="Shapes - Lines" src="../images/connectors.png" /></p>
                 </li>
                 <li>click the necessary shape within the selected group (excepting the last three shapes which are not connectors, namely <em>Curve</em>, <em>Scribble</em> and <em>Freeform</em>),</li>
                 <li>
-                    hover the mouse cursor over the first autoshape and click one of the connection points <img alt="Connection point icon" src="../images/connectionpoint.png" /> that appear on the shape outline,
-                    <p><img alt="Using connectors" src="../images/connectors_firstshape.png" /></p>
+                    hover the mouse cursor over the first autoshape and click one of the connection points <div class = "icon icon-connectionpoint"></div> that appear on the shape outline,
+                    <p><div class = "big big-connectors_firstshape"></div></p>
                 </li>
                 <li>
                     drag the mouse cursor towards the second autoshape and click the necessary connection point on its outline.
-                    <p><img alt="Using connectors" src="../images/connectors_secondshape.png" /></p>
+                    <p><div class = "big big-connectors_secondshape"></div></p>
                 </li>
             </ol>
             <p>If you move the joined autoshapes, the connector remains attached to the shapes and moves together with them. </p>
-            <p><img alt="Moving joined shapes" src="../images/connectors_moveshape.png" /></p>
+            <p><div class = "big big-connectors_moveshape"></div></p>
             <p>You can also detach the connector from the shapes and then attach it to any other connection points.</p>
 		</div>
 	</body>
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertCharts.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertCharts.htm
index 29f8295eb3..a4bc10f7fb 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertCharts.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertCharts.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add a chart to your presentation and adjust its properties" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,17 +20,17 @@
             <ol>
                 <li>put the cursor at the place where you want to add a chart,</li>
                 <li>switch to the <b>Insert</b> tab of the top toolbar,</li>
-                <li>click the <img alt="Chart icon" src="../images/insertchart.png" /> <b>Chart</b> icon at the top toolbar,</li>
+                <li>click the <div class = "icon icon-insertchart"></div> <b>Chart</b> icon at the top toolbar,</li>
                 <li>select the needed chart type from the available ones - Column, Line, Pie, Bar, Area, XY (Scatter), Stock,
                 <p class="note"><b>Note</b>: for <b>Column</b>, <b>Line</b>, <b>Pie</b>, or <b>Bar</b> charts, a 3D format is also available.</p>
                 </li>
                 <li>
                     after that the <b>Chart Editor</b> window will appear where you can enter the necessary data into the cells using the following controls:
                     <ul>
-                        <li><img alt="Copy" src="../images/copy.png" /> and <img alt="Paste" src="../images/paste.png" /> for copying and pasting the copied data</li>
-                        <li><img alt="Undo" src="../images/undo1.png" /> and <img alt="Redo" src="../images/redo1.png" /> for undoing and redoing actions</li>
-                        <li><img alt="Insert function" src="../images/insertfunction.png" /> for inserting a function</li>
-                        <li><img alt="Decrease decimal" src="../images/decreasedec.png" /> and <img alt="Increase decimal" src="../images/increasedec.png" /> for decreasing and increasing decimal places</li>
+                        <li><div class = "icon icon-copy"></div> and <div class = "icon icon-paste"></div> for copying and pasting the copied data</li>
+                        <li><div class = "icon icon-undo1"></div> and <div class = "icon icon-redo1"></div> for undoing and redoing actions</li>
+                        <li><div class = "icon icon-insertfunction"></div> for inserting a function</li>
+                        <li><div class = "icon icon-decreasedec"></div> and <div class = "icon icon-increasedec"></div> for decreasing and increasing decimal places</li>
                         <li><img alt="Number format" src="../images/numberformat.png" /> for changing the number format, i.e. the way the numbers you enter appear in cells</li>
                     </ul>
                     <p><img alt="Chart Editor window" src="../images/charteditor.png" /></p>
@@ -178,14 +179,14 @@
                     <p>You can specify the <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">chart position</a> on the slide dragging it vertically or horizontally.</p>
                 </li>
             </ol>
-            <p>You can also add a chart into a text placeholder pressing the <img alt="Chart icon" src="../images/placeholder_chart.png" /> <b>Chart</b> icon within it and selecting the necessary chart type:</p>
+            <p>You can also add a chart into a text placeholder pressing the <div class = "icon icon-placeholder_chart"></div> <b>Chart</b> icon within it and selecting the necessary chart type:</p>
             <p><img alt="Add chart to placeholder" src="../images/placeholder_object.png" /></p>	
             <p>It's also possible to add a chart to a slide layout. To learn more, please refer to this <a href="../UsageInstructions/SetSlideParameters.htm#addtolayout" onclick="onhyperlinkclick(this)">article</a>.</p>					
 			<hr />
             <h3>Edit chart elements</h3>
             <p>To edit the chart <b>Title</b>, select the default text with the mouse and type in your own one instead.</p>
             <p>To change the font formatting within text elements, such as the chart title, axes titles, legend entries, data labels etc., select the necessary text element by left-clicking it. Then use icons at the <b>Home</b> tab of the top toolbar to change the font <a href="../UsageInstructions/InsertText.htm#formatfont" onclick="onhyperlinkclick(this)">type, style, size, or color</a>.</p>
-            <p>When the chart is selected, the <b>Shape settings</b> <img alt="Shape settings icon" src="../images/shape_settings_icon.png" /> icon is also available on the right, since a shape is used as a background for the chart. You can click this icon to open the <b>Shape settings</b> tab at the right sidebar and adjust the shape <a href="../UsageInstructions/InsertAutoshapes.htm#shape_fill" onclick="onhyperlinkclick(this)"><b>Fill</b></a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>Stroke</b></a> and <b>Wrapping Style</b>. Note that you cannot change the shape type.</p>
+            <p>When the chart is selected, the <b>Shape settings</b> <div class = "icon icon-shape_settings_icon"></div> icon is also available on the right, since a shape is used as a background for the chart. You can click this icon to open the <b>Shape settings</b> tab at the right sidebar and adjust the shape <a href="../UsageInstructions/InsertAutoshapes.htm#shape_fill" onclick="onhyperlinkclick(this)"><b>Fill</b></a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>Stroke</b></a> and <b>Wrapping Style</b>. Note that you cannot change the shape type.</p>
             <p>
                 Using the <b>Shape Settings</b> tab at the right panel you can not only adjust the chart area itself, but also change the chart elements, such as <em>plot area</em>, <em>data series</em>, <em>chart title</em>, <em>legend</em> etc and apply different fill types to them. Select the chart element clicking it with the left mouse button and choose the preferred fill type: <em>solid color</em>, <em>gradient</em>, <em>texture</em> or <em>picture</em>, <em>pattern</em>. Specify the fill parameters and set the <em>Opacity</em> level if necessary.
                 When you select a vertical or horizontal axis or gridlines, the stroke settings are only available at the <b>Shape Settings</b> tab: <em>color</em>, <em>width</em> and <em>type</em>. For more details on how to work with shape colors, fills and stroke, you can refer to <a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">this page</a>.
@@ -197,8 +198,8 @@
             <hr />
             <h3>Adjust chart settings</h3>
 			<img class="floatleft"alt="Chart tab" src="../images/charttab.png" />
-			<p>The chart size, type and style as well as data used to create the chart can be altered using the right sidebar. To activate it click the chart and choose the <b>Chart settings</b> <img alt="Chart settings icon" src="../images/chart_settings_icon.png" /> icon on the right.</p>
-			<p>The <b>Size</b> section allows you to change the chart width and/or height. If the <b>Constant proportions</b> <img alt="Constant proportions icon" src="../images/constantproportions.png" /> button is clicked (in this case it looks like this <img alt="Constant proportions icon activated" src="../images/constantproportionsactivated.png" />), the width and height will be changed together preserving the original chart aspect ratio.</p>
+			<p>The chart size, type and style as well as data used to create the chart can be altered using the right sidebar. To activate it click the chart and choose the <b>Chart settings</b> <div class = "icon icon-chart_settings_icon"></div> icon on the right.</p>
+			<p>The <b>Size</b> section allows you to change the chart width and/or height. If the <b>Constant proportions</b> <div class = "icon icon-constantproportions"></div> button is clicked (in this case it looks like this <div class = "icon icon-constantproportionsactivated"></div>), the width and height will be changed together preserving the original chart aspect ratio.</p>
 			<p>The <b>Change Chart Type</b> section allows you to change the selected chart type and/or style using the corresponding drop-down menu. </p>
 			<p>To select the necessary chart <b>Style</b>, use the second drop-down menu in the <b>Change Chart Type</b> section.</p>            
             <p>The <b>Edit Data</b> button allows you to open the <b>Chart Editor</b> window and start editing data as described above.</p>
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertEquation.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertEquation.htm
index 83bebdcaa7..fcb4426f28 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertEquation.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertEquation.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Insert equations and mathematical symbols." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,26 +20,26 @@
             <p>To insert an equation from the gallery,</p>
 			<ol>
                 <li>switch to the <b>Insert</b> tab of the top toolbar,</li>
-				<li>click the arrow next to the <img alt="Equation icon" src="../images/insertequationicon.png" /> <b>Equation</b> icon at the top toolbar,</li>
+				<li>click the arrow next to the <div class = "icon icon-insertequationicon"></div> <b>Equation</b> icon at the top toolbar,</li>
 				<li>in the opened drop-down list select the equation category you need. The following categories are currently available: <em>Symbols</em>, <em>Fractions</em>, <em>Scripts</em>, <em>Radicals</em>, <em>Integrals</em>, <em>Large Operators</em>, <em>Brackets</em>, <em>Functions</em>, <em>Accents</em>, <em>Limits and Logarithms</em>, <em>Operators</em>, <em>Matrices</em>,</li>
                 <li>click the certain symbol/equation in the corresponding set of templates.</li>
 			</ol>
             <p>The selected symbol/equation box will be inserted in the center of the current slide.</p>
-            <img alt="Inserted Equation" src="../images/insertedequation.png" />
+            <div class = "big big-insertedequation"></div>
             <p>If you do not see the equation box border, click anywhere within the equation - the border will be displayed as a dashed line. The equation box can be freely <b>moved, resized or rotated</b> on the slide. To do that click on the equation box border (it will be displayed as a solid line) and use <a href="ManipulateObjects.htm" onclick="onhyperlinkclick(this)">corresponding handles</a>.</p>
-            <img alt="Selected Equation" src="../images/selectedequation.png" />
-            <p>Each equation template represents a set of slots. Slot is a position for each element that makes up the equation. An empty slot (also called as a placeholder) has a dotted outline <img alt="Equation Placeholder" src="../images/equationplaceholder.png" />. You need to fill in all the placeholders specifying the necessary values.</p>
+            <div class = "big big-selectedequation"></div>
+            <p>Each equation template represents a set of slots. Slot is a position for each element that makes up the equation. An empty slot (also called as a placeholder) has a dotted outline <div class = "icon icon-equationplaceholder"></div>. You need to fill in all the placeholders specifying the necessary values.</p>
             <h3>Enter values</h3>
             <p>The <b>insertion point</b> specifies where the next character you enter will appear. To position the insertion point precisely, click within a placeholder and use the keyboard arrows to move the insertion point by one character left/right.</p>
-            <img alt="Edited Equation" src="../images/newslot.png" />
+            <div class = "big big-newslot"></div>
             <p>Once the insertion point is positioned, you can fill in the placeholder:
             <ul>
                 <li>enter the desired numeric/literal value using the keyboard,</li>
-                <li>insert a special character using the <b>Symbols</b> palette from the <img alt="Equation icon" src="../images/insertequationicon.png" /> <b>Equation</b> menu at the <b>Insert</b> tab of the top toolbar,</li>
+                <li>insert a special character using the <b>Symbols</b> palette from the <div class = "icon icon-insertequationicon"></div> <b>Equation</b> menu at the <b>Insert</b> tab of the top toolbar,</li>
                 <li>add another equation template from the palette to create a complex nested equation. The size of the primary equation will be automatically adjusted to fit its content. The size of the nested equation elements depends on the primary equation placeholder size, but it cannot be smaller than the sub-subscript size.</li>                
             </ul>
             </p>
-            <p><img alt="Edited Equation" src="../images/nestedfraction.png" /></p>
+            <p><div class = "big big-nestedfraction"></div></p>
             <p>To add some new equation elements you can also use the <b>right-click menu options</b>:</p>
             <ul>
                 <li>To add a new argument that goes before or after the existing one within <em>Brackets</em>, you can right-click on the existing argument and select the <b>Insert argument before/after</b> option from the menu.</li>
@@ -52,7 +53,7 @@
             <p>By default, the equation within the text box is horizontally centered and vertically aligned to the top of the text box. To change its horizontal/vertical alignment, put the cursor within the the equation box (the text box borders will be displayed as dashed lines) and use the <a href="../UsageInstructions/InsertText.htm#formattext" onclick="onhyperlinkclick(this)">corresponding icons</a> at the <b>Home</b> tab of the top toolbar.</p>
             <p>To increase or decrease the equation <b>font size</b>, click anywhere within the equation box and select the necessary font size from the list at the <b>Home</b> tab of the top toolbar. All the equation elements will change correspondingly.</p>
             <p>The letters within the equation are italicized by default. If necessary, you can change the <b>font style</b> (<em>bold, italic, strikeout</em>) or <b>color</b> for a whole equation or its part. The <em>underlined</em> style can be applied to the entire equation only, not to individual characters. Select the necessary part of the equation by clicking and dragging. The selected part will be highlighted blue. Then use the necessary buttons at the <b>Home</b> tab of the top toolbar to format the selection. For example, you can remove the italic format for ordinary words that are not variables or constants.</p>
-            <img alt="Edited Equation" src="../images/formatastext.png" />
+            <div class = "big big-formatastext"></div>
             <p>To modify some equation elements you can also use the <b>right-click menu options</b>:</p>
             <ul><li>To change the <em>Fractions</em> format, you can right-click on a fraction and select the <b>Change to skewed/linear/stacked fraction</b> option from the menu (the available options differ depending on the selected fraction type). <!--The <b>Remove/Add fraction bar</b> option is also available for stacked fractions.--></li>
                 <li>To change the <em>Scripts</em> position relating to text, you can right-click on the equation that includes scripts and select the <b>Scripts before/after text</b> option from the menu.</li>
@@ -77,7 +78,7 @@
             <p>To delete a part of the equation, select the part you want to delete by dragging the mouse or holding down the <b>Shift</b> key and using the arrow buttons, then press the <b>Delete</b> key on the keyboard.</p>
             <p>A slot can only be deleted together with the template it belongs to.</p>
             <p>To delete the entire equation, click on the equation box border (it will be displayed as a solid line) and and press the <b>Delete</b> key on the keyboard.</p>
-            <img alt="Delete Equation" src="../images/deleteequation.png" />
+            <div class = "big big-deleteequation"></div>
             <p>To delete some equation elements you can also use the <b>right-click menu options</b>:</p>
             <ul>
                 <li>To delete a <em>Radical</em>, you can right-click on it and select the <b>Delete radical</b> option from the menu.</li>
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertHeadersFooters.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertHeadersFooters.htm
index 1e2508b684..66cf33c955 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertHeadersFooters.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertHeadersFooters.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Insert headers and footers in your presentation, add date and time, slide numbers." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<p>To insert a footer in a presentation:</p>
 			<ol>
 			<li>switch to the <b>Insert</b> tab,</li>
-			<li>click the <img alt="Edit footer icon" src="../images/header_footer_icon.png" /> <b>Edit footer</b> button at the top toolbar,</li>
+			<li>click the <div class = "icon icon-header_footer_icon"></div> <b>Edit footer</b> button at the top toolbar,</li>
             <li>the <b>Footer Settings</b> window will open. Check the data you want to add into the footer. The changes are displayed in the preview window on the right.
                 <ul>
                     <li>check the <b>Date and time</b> box to insert a date or time in a selected format. The selected date will be added to the left field of the slide footer.
@@ -39,13 +40,13 @@
             <li>click the <b>Apply to all</b> button to apply changes to all slides or use the <b>Apply</b> button to apply the changes to the current slide only.</li>
 			</ol>
             <p>To quickly insert a date or a slide number into the footer of the selected slide, you can use the <b>Show slide Number</b> and <b>Show Date and Time</b> options at the <b>Slide Settings</b> tab of the right sidebar. In this case, the selected settings will be applied to the current slide only. The date and time or slide number added in such a way can be adjusted later using the <b>Footer Settings</b> window.</p>
-            <p>To edit the added footer, click the <img alt="Edit footer icon" src="../images/header_footer_icon.png" /> <b>Edit footer</b> button at the top toolbar, make the necessary changes in the <b>Footer Settings</b> window, and click the <b>Apply</b> or <b>Apply to All</b> button to save the changes.</p>
+            <p>To edit the added footer, click the <div class = "icon icon-header_footer_icon"></div> <b>Edit footer</b> button at the top toolbar, make the necessary changes in the <b>Footer Settings</b> window, and click the <b>Apply</b> or <b>Apply to All</b> button to save the changes.</p>
             <h3>Insert date and time and slide number into the text box</h3>
             <p>It's also possible to insert date and time or slide number into the selected text box using the corresponding buttons at the <b>Insert</b> tab of the top toolbar.</p>
             <h5>Insert date and time</h5>
             <ol>
                 <li>put the mouse cursor within the text box where you want to insert the date and time,</li>
-                <li>click the <img alt="Date and Time icon" src="../images/date_time_icon.png" /> <b>Date &amp; Time</b> button at the <b>Insert</b> tab of the top toolbar,</li>
+                <li>click the <div class = "icon icon-date_time_icon"></div> <b>Date &amp; Time</b> button at the <b>Insert</b> tab of the top toolbar,</li>
                 <li>select the necessary <b>Language</b> from the list and choose the necessary date and  time <b>Format</b> in the <b>Date &amp; Time</b> window,
                 <p><img alt="Date and Time Settings" src="../images/date_time_settings.png" /></p>
                 </li>
@@ -55,14 +56,14 @@
             <p>The date and time will be inserted in the current cursor position. To edit the inserted date and time,</p>
             <ol>
                 <li>select the inserted date and time in the text box,</li>
-                <li>click the <img alt="Date and Time icon" src="../images/date_time_icon.png" /> <b>Date &amp; Time</b> button at the <b>Insert</b> tab of the top toolbar,</li>
+                <li>click the <div class = "icon icon-date_time_icon"></div> <b>Date &amp; Time</b> button at the <b>Insert</b> tab of the top toolbar,</li>
                 <li>choose the necessary format in the <b>Date &amp; Time</b> window,</li>
                 <li>click the <b>OK</b> button.</li>
             </ol>
             <h5>Insert a slide number</h5>
             <ol>
                 <li>put the mouse cursor within the text box where you want to insert the slide number,</li>
-                <li>click the <img alt="Slide Number icon" src="../images/slide_number_icon.png" /> <b>Slide Number</b> button at the <b>Insert</b> tab of the top toolbar,</li>
+                <li>click the <div class = "icon icon-slide_number_icon"></div> <b>Slide Number</b> button at the <b>Insert</b> tab of the top toolbar,</li>
                 <li>check the <b>Slide number</b> box in the <b>Footer Settings</b> window,</li>
                 <li>click the <b>OK</b> button to apply the changes.</li>
             </ol>
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertImages.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertImages.htm
index 14fa34af9c..baefd4b3e8 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertImages.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertImages.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add an image to your presentation and adjust its size and position." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,7 +20,7 @@
 			<p>To <b>add</b> an image on a slide,</p>
 			<ol>
 				<li>in the slide list on the left, select the slide you want to add the image to,</li>
-				<li>click the <img alt="Image icon" src="../images/image.png" /> <b>Image</b> icon at the <b>Home</b> or <b>Insert</b> tab of the top toolbar,</li>
+				<li>click the <div class = "icon icon-image"></div> <b>Image</b> icon at the <b>Home</b> or <b>Insert</b> tab of the top toolbar,</li>
 				<li>select one of the following options to load the image:
 					<ul>
 						<li>the <b>Image from File</b> option will open the standard dialog window for file selection. Browse your computer hard disk drive for the necessary file and click the <b>Open</b> button</li>
@@ -29,16 +30,16 @@
 				</li>
 				<li>once the image is added you can <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">change its size and position</a>.</li>
 			</ol>
-            <p>You can also add an image into a text placeholder pressing the <img alt="Image from file icon" src="../images/placeholder_imagefromfile.png" /> <b>Image from file</b> in it and selecting the necessary image stored on your PC, or use the <img alt="Image from URL icon" src="../images/placeholder_imagefromurl.png" /> <b>Image from URL</b> button and specify the image URL address:</p>
+            <p>You can also add an image into a text placeholder pressing the <div class = "icon icon-placeholder_imagefromfile"></div> <b>Image from file</b> in it and selecting the necessary image stored on your PC, or use the <div class = "icon icon-placeholder_imagefromurl"></div> <b>Image from URL</b> button and specify the image URL address:</p>
             <p><img alt="Add image to placeholder" src="../images/placeholder_object.png" /></p>	
             <p>It's also possible to add an image to a slide layout. To learn more, please refer to this <a href="../UsageInstructions/SetSlideParameters.htm#addtolayout" onclick="onhyperlinkclick(this)">article</a>.</p>
 			<hr />
             <h3>Adjust image settings</h3>
-			<p>The right sidebar is activated when you left-click an image and choose the <b>Image settings</b> <img alt="Image settings icon" src="../images/image_settings_icon.png" /> icon on the right. It contains the following sections:</p>
+			<p>The right sidebar is activated when you left-click an image and choose the <b>Image settings</b> <div class = "icon icon-image_settings_icon"></div> icon on the right. It contains the following sections:</p>
             <img alt="Image Settings tab" src="../images/imagesettingstab.png" />
             <p><b>Size</b> - is used to view the current image <b>Width</b> and <b>Height</b> or restore the image <b>Actual Size</b> if necessary.</p>
 			
-            <p>The <b>Crop</b> button is used to crop the image. Click the <b>Crop</b> button to activate cropping handles which appear on the image corners and in the center of each its side. Manually drag the handles to set the cropping area. You can move the mouse cursor over the cropping area border so that it turns into the <img alt="Arrow" src="../images/arrow.png" /> icon and drag the area. </p>
+            <p>The <b>Crop</b> button is used to crop the image. Click the <b>Crop</b> button to activate cropping handles which appear on the image corners and in the center of each its side. Manually drag the handles to set the cropping area. You can move the mouse cursor over the cropping area border so that it turns into the <div class = "icon icon-arrow"></div> icon and drag the area. </p>
             <ul>
                 <li>To crop a single side, drag the handle located in the center of this side.</li>
                 <li>To simultaneously crop two adjacent sides, drag one of the corner handles.</li>
@@ -54,12 +55,12 @@
             <p><b>Replace Image</b> - is used to load another image instead of the current one selecting the desired source. You can select one of the options: <b>From File</b> or <b>From URL</b>. The <b>Replace image</b> option is also available in the right-click menu.</p>
             <p><b>Rotation</b> is used to rotate the image by 90 degrees clockwise or counterclockwise as well as to flip the image horizontally or vertically. Click one of the buttons:</p>
             <ul>
-                <li><img alt="Rotate counterclockwise icon" src="../images/rotatecounterclockwise.png" /> to rotate the image by 90 degrees counterclockwise</li>
-                <li><img alt="Rotate clockwise icon" src="../images/rotateclockwise.png" /> to rotate the image by 90 degrees clockwise</li>
-                <li><img alt="Flip horizontally icon" src="../images/fliplefttoright.png" /> to flip the image horizontally (left to right)</li>
-                <li><img alt="Flip vertically icon" src="../images/flipupsidedown.png" /> to flip the image vertically (upside down)</li>
+                <li><div class = "icon icon-rotatecounterclockwise"></div> to rotate the image by 90 degrees counterclockwise</li>
+                <li><div class = "icon icon-rotateclockwise"></div> to rotate the image by 90 degrees clockwise</li>
+                <li><div class = "icon icon-fliplefttoright"></div> to flip the image horizontally (left to right)</li>
+                <li><div class = "icon icon-flipupsidedown"></div> to flip the image vertically (upside down)</li>
             </ul>
-            <p>When the image is selected, the <b>Shape settings</b> <img alt="Shape settings icon" src="../images/shape_settings_icon.png" /> icon is also available on the right. You can click this icon to open the <b>Shape settings</b> tab at the right sidebar and adjust the shape <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>Stroke</b></a> type, size and color as well as change the shape type selecting another shape from the <b>Change Autoshape</b> menu. The shape of the image will change correspondingly.</p>
+            <p>When the image is selected, the <b>Shape settings</b> <div class = "icon icon-shape_settings_icon"></div> icon is also available on the right. You can click this icon to open the <b>Shape settings</b> tab at the right sidebar and adjust the shape <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>Stroke</b></a> type, size and color as well as change the shape type selecting another shape from the <b>Change Autoshape</b> menu. The shape of the image will change correspondingly.</p>
             <p>At the <b>Shape Settings</b> tab, you can also use the <b>Show shadow</b> option to add a shadow to the image.</p>
             <p><img alt="Shape Settings tab" src="../images/right_image_shape.png" /></p>
 			<hr />
@@ -67,7 +68,7 @@
             <p><img alt="Image Properties" src="../images/image_properties.png" /></p>
 			<p>The <b>Placement</b> tab allows you to set the following image properties:</p>
 			<ul>
-				<li><b>Size</b> - use this option to change the image width and/or height. If the <b>Constant proportions</b> <img alt="Constant proportions icon" src="../images/constantproportions.png" /> button is clicked (in this case it looks like this <img alt="Constant proportions icon activated" src="../images/constantproportionsactivated.png" />), the width and height will be changed together preserving the original image aspect ratio. To restore the actual size of the added image, click the <b>Actual Size</b> button.</li>
+				<li><b>Size</b> - use this option to change the image width and/or height. If the <b>Constant proportions</b> <div class = "icon icon-constantproportions"></div> button is clicked (in this case it looks like this <div class = "icon icon-constantproportionsactivated"></div>), the width and height will be changed together preserving the original image aspect ratio. To restore the actual size of the added image, click the <b>Actual Size</b> button.</li>
 				<li><b>Position</b> - use this option to change the image position on the slide (the position is calculated from the top and the left side of the slide).</li>
 			</ul>
             <p><img alt="Image Properties: Rotation" src="../images/image_properties2.png" /></p>
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertSymbols.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertSymbols.htm
index bb7d65ee7b..2587e21b12 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertSymbols.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertSymbols.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="Inserire simboli e caratteri" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -14,12 +15,12 @@
             <input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
         </div>
         <h1>Inserire simboli e caratteri</h1>
-        <p>Durante il processo di lavoro potrebbe essere necessario inserire un simbolo che non si trova sulla tastiera. Per inserire tali simboli nel tuo documento, usa l’opzione <img alt="Inserisci simbolo" src="../images/insert_symbol_icon.png" /> <b>Inserisci simbolo</b> e segui questi semplici passaggi:</p>
+        <p>Durante il processo di lavoro potrebbe essere necessario inserire un simbolo che non si trova sulla tastiera. Per inserire tali simboli nel tuo documento, usa l’opzione <div class = "icon icon-insert_symbol_icon"></div> <b>Inserisci simbolo</b> e segui questi semplici passaggi:</p>
         <ul>
             <li>posiziona il cursore nella posizione in cui deve essere inserito un simbolo speciale,</li>
             <li>passa alla scheda <b>Inserisci</b> della barra degli strumenti in alto,</li>
             <li>
-                fai clic sull’icona <img alt="Simbolo" src="../images/insert_symbol_icon.png" /> <b>Simbolo</b>,
+                fai clic sull’icona <div class = "icon icon-insert_symbol_icon"></div> <b>Simbolo</b>,
                 <p><img alt="Inserisci simbolo" src="../images/insert_symbol_window.png" /></p>
             </li>
             <li>viene visualizzata la scheda di dialogo <b>Simbolo</b> da cui è possibile selezionare il simbolo appropriato,</li>
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertTables.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertTables.htm
index 5545f96293..4c543a30ff 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertTables.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertTables.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add a table to your presentation and adjust its properties" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,7 +20,7 @@
 			<ol>
 				<li>select the slide where a table will be added,</li>
                 <li>switch to the <b>Insert</b> tab of the top toolbar,</li>
-				<li>click the <img alt="Table icon" src="../images/inserttable.png" /> <b>Table</b> icon at the top toolbar,</li>
+				<li>click the <div class = "icon icon-inserttable"></div> <b>Table</b> icon at the top toolbar,</li>
 				<li>select the option to create a table:
 					<ul>
 						<li><p>either a table with predefined number of cells (10 by 8 cells maximum)</p>
@@ -30,11 +31,11 @@
 				</li>
 				<li>once the table is added you can change its properties and position.</li>
 			</ol>
-            <p>You can also add a table into a text placeholder pressing the <img alt="Table icon" src="../images/placeholder_table.png" /> <b>Table</b> icon within it and selecting the necessary number of cells or using the <b>Insert Custom Table</b> option:</p>
+            <p>You can also add a table into a text placeholder pressing the <div class = "icon icon-placeholder_table"></div> <b>Table</b> icon within it and selecting the necessary number of cells or using the <b>Insert Custom Table</b> option:</p>
             <p><img alt="Add table to placeholder" src="../images/placeholder_object.png" /></p>
-            <p>To resize a table, drag the handles <img alt="Square icon" src="../images/resize_square.png" /> situated on its edges until the table reaches the necessary size.</p>
-            <p><img alt="Resize table" src="../images/resizetable.png" /></p>
-            <p>You can also manually change the width of a certain column or the height of a row. Move the mouse cursor over the right border of the column so that the cursor turns into the bidirectional arrow <img alt="Mouse Cursor when changing column width" src="../images/changecolumnwidth.png" /> and drag the border to the left or right to set the necessary width. To change the height of a single row manually, move the mouse cursor over the bottom border of the row until the cursor turns into the bidirectional arrow <img alt="Mouse Cursor when changing row height" src="../images/changerowheight.png" /> and drag it up or down.</p>
+            <p>To resize a table, drag the handles <div class = "icon icon-resize_square"></div> situated on its edges until the table reaches the necessary size.</p>
+            <p><div class = "big big-resizetable"></div></p>
+            <p>You can also manually change the width of a certain column or the height of a row. Move the mouse cursor over the right border of the column so that the cursor turns into the bidirectional arrow <div class = "icon icon-changecolumnwidth"></div> and drag the border to the left or right to set the necessary width. To change the height of a single row manually, move the mouse cursor over the bottom border of the row until the cursor turns into the bidirectional arrow <div class = "icon icon-changerowheight"></div> and drag it up or down.</p>
 			<p>You can specify the <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">table position</a> on the slide dragging it vertically or horizontally.</p>
             <p class="note">
                 <b>Note</b>: to move around in a table you can use <a href="../HelpfulHints/KeyboardShortcuts.htm#workwithtables" onclick="onhyperlinkclick(this)">keyboard shortcuts</a>.
@@ -43,7 +44,7 @@
 			<hr />
             <h3>Adjust table settings</h3>
 			<img class="floatleft"alt="Table settings tab" src="../images/tablesettingstab.png" />
-			<p>Most of the table properties as well as its structure can be altered using the right sidebar. To activate it click the table and choose the <b>Table settings</b> <img alt="Table settings icon" src="../images/table_settings_icon.png" /> icon on the right.</p>
+			<p>Most of the table properties as well as its structure can be altered using the right sidebar. To activate it click the table and choose the <b>Table settings</b> <div class = "icon icon-table_settings_icon"></div> icon on the right.</p>
 			<p>The <b>Rows</b> and <b>Columns</b> sections on the top allow you to emphasize certain rows/columns applying a specific formatting to them, or highlight different rows/columns with the different background colors to clearly distinguish them. The following options are available:</p>
 			<ul style="margin-left: 280px;">
 				<li><b>Header</b> - emphasizes the topmost row in the table with a special formatting.</li>
@@ -55,15 +56,15 @@
 			</ul>
 			<p>The <b>Select From Template</b> section allows you to choose one of the predefined tables styles. Each template combines certain formatting parameters, such as a background color, border style, row/column banding etc.
 			Depending on the options checked in the <b>Rows</b> and/or <b>Columns</b> sections above, the templates set will be displayed differently. For example, if you've checked the <b>Header</b> option in the <b>Rows</b> section and the <b>Banded</b> option in the <b>Columns</b> section, the displayed templates list will include only templates with the header row and banded columns enabled:</p>
-			<p><img alt="Templates list" src="../images/templateslist.png" /></p>
+			<p><div class = "big big-templateslist"></div></p>
 			<p>The <b>Borders Style</b> section allows you to change the applied formatting that corresponds to the selected template. You can select the entire table or a certain cells range you want to change the formatting for and set all the parameters manually.</p>
 			<ul>
-				<li><b>Border</b> parameters - set the border width using the <img alt="Border Size list" src="../images/bordersize.png" /> list (or choose the <b>No borders</b> option), select its <b>Color</b> in the available palettes and determine the way it will be displayed in the cells clicking on the icons: 
-				<p><img alt="Border Type icons" src="../images/bordertype.png" /></p>
+				<li><b>Border</b> parameters - set the border width using the <div class = "big big-bordersize"></div> list (or choose the <b>No borders</b> option), select its <b>Color</b> in the available palettes and determine the way it will be displayed in the cells clicking on the icons: 
+				<p><div class = "big big-bordertype"></div></p>
 				</li>
 				<li><b>Background color</b> - select the color for the background within the selected cells.</li>
 			</ul>
-			<p>The <b>Rows & Columns</b> <img alt="Rows & Columns" src="../images/rowsandcolumns.png" /> section allows you to perform the following operations:</p>
+			<p>The <b>Rows & Columns</b> <div class = "icon icon-rowsandcolumns"></div> section allows you to perform the following operations:</p>
 			<ul>
 				<li><b>Select</b> a row, column, cell (depending on the cursor position), or the entire table.</li>
 				<li><b>Insert</b> a new row above or below the selected one as well as a new column to the left or to the right of the selected one.</li>
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertText.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertText.htm
index af0e422de2..e2c30ea52a 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertText.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/InsertText.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Insert and Format your Text" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -21,10 +22,10 @@
 			        <li>Add a text passage anywhere on a slide. You can insert a text box (a rectangular frame that allows to enter text within it) or a Text Art object (a text box with a predefined font style and color that allows to apply some text effects). Depending on the necessary text object type you can do the following:
 			                    <ul>
                                     <li>
-                                        to add a text box, click the <img alt="Text Box icon" src="../images/inserttexticon.png" /> <b>Text Box</b> icon at the <b>Home</b> or <b>Insert</b> tab of the top toolbar, then click where you want to insert the text box, hold the mouse button and drag the text box border to specify its size. When you release the mouse button, the insertion point will appear in the added text box, allowing you to enter your text.
-                                        <p class="note"><b>Note</b>: it's also possible to insert a text box by clicking the <img alt="Shape icon" src="../images/insertautoshape.png" /> <b>Shape</b> icon at the top toolbar and selecting the <img alt="Insert Text autoshape" src="../images/text_autoshape.png" /> shape from the <b>Basic Shapes</b> group.</p>
+                                        to add a text box, click the <div class = "icon icon-inserttexticon"></div> <b>Text Box</b> icon at the <b>Home</b> or <b>Insert</b> tab of the top toolbar, then click where you want to insert the text box, hold the mouse button and drag the text box border to specify its size. When you release the mouse button, the insertion point will appear in the added text box, allowing you to enter your text.
+                                        <p class="note"><b>Note</b>: it's also possible to insert a text box by clicking the <div class = "icon icon-insertautoshape"></div> <b>Shape</b> icon at the top toolbar and selecting the <div class = "icon icon-text_autoshape"></div> shape from the <b>Basic Shapes</b> group.</p>
                                     </li>
-                                    <li>to add a Text Art object, click the <img alt="Text Art icon" src="../images/inserttextarticon.png" /> <b>Text Art</b> icon at the <b>Insert</b> tab of the top toolbar, then click on the desired style template – the Text Art object will be added in the center of the slide. Select the default text within the text box with the mouse and replace it with your own text.</li>
+                                    <li>to add a Text Art object, click the <div class = "icon icon-inserttextarticon"></div> <b>Text Art</b> icon at the <b>Insert</b> tab of the top toolbar, then click on the desired style template – the Text Art object will be added in the center of the slide. Select the default text within the text box with the mouse and replace it with your own text.</li>
                                 </ul>
 			        </li>
                     <li>Add a text passage within an autoshape. Select a shape and start typing your text.</li>
@@ -38,7 +39,7 @@
             <p><img alt="Text box selected" src="../images/textbox_boxselected.png" /></p>
 			<ul>
                 <li>to <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">resize, move, rotate</a> the text box use the special handles on the edges of the shape.</li>
-                <li>to edit the text box <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">fill</a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">stroke</a>, <b>replace</b> the rectangular box with a different shape, or access the <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">shape advanced settings</a>, click the <b>Shape settings</b> <img alt="Shape settings icon" src="../images/shape_settings_icon.png" /> icon on the right sidebar and use the corresponding options.</li>
+                <li>to edit the text box <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">fill</a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">stroke</a>, <b>replace</b> the rectangular box with a different shape, or access the <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">shape advanced settings</a>, click the <b>Shape settings</b> <div class = "icon icon-shape_settings_icon"></div> icon on the right sidebar and use the corresponding options.</li>
                 <li>to <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">align a text box on the slide, rotate or flip it, arrange</a> text boxes as related to other objects, right-click on the text box border and use the contextual menu options.</li>
                 <li>to create <b>columns of text</b> within the text box, right-click on the text box border, click the <b>Shape Advanced Settings</b> option and switch to the <a href="../UsageInstructions/InsertAutoshapes.htm#columns" onclick="onhyperlinkclick(this)"><b>Columns</b></a> tab in the <b>Shape - Advanced Settings</b> window.</li>
             </ul>
@@ -50,13 +51,13 @@
 			<p>The text is aligned horizontally in four ways: left, right, center or justified. To do that:</p>
 			<ol>
 				<li>place the cursor to the position where you want the alignment to be applied (this can be a new line or already entered text),</li>
-				<li>drop-down the <b>Horizontal align</b> <img alt="Horizontal align icon" src="../images/horizontalalign.png" /> list at the <b>Home</b> tab of the top toolbar,</li>
+				<li>drop-down the <b>Horizontal align</b> <div class = "icon icon-horizontalalign"></div> list at the <b>Home</b> tab of the top toolbar,</li>
 				<li>select the alignment type you would like to apply:
 					<ul>
-						<li>the <b>Align text left</b> option <img alt="Align Left icon" src="../images/alignleft.png" /> allows you to line up your text by the left side of the text box (the right side remains unaligned).</li>
-						<li>the <b>Align text center</b> option <img alt="Align Center icon" src="../images/aligncenter.png" /> allows you to line up your text by the center of the text box (the right and the left sides remains unaligned).</li>
-						<li>the <b>Align text right</b> option <img alt="Align Right icon" src="../images/alignright.png" /> allows you to line up your text by the right side of the text box (the left side remains unaligned).</li>
-						<li>the <b>Justify</b> option <img alt="Justify icon" src="../images/justify.png" /> allows you to line up your text by both the left and the right sides of the text box (additional spacing is added where necessary to keep the alignment).</li>
+						<li>the <b>Align text left</b> option <div class = "icon icon-alignleft"></div> allows you to line up your text by the left side of the text box (the right side remains unaligned).</li>
+						<li>the <b>Align text center</b> option <div class = "icon icon-aligncenter"></div> allows you to line up your text by the center of the text box (the right and the left sides remains unaligned).</li>
+						<li>the <b>Align text right</b> option <div class = "icon icon-alignright"></div> allows you to line up your text by the right side of the text box (the left side remains unaligned).</li>
+						<li>the <b>Justify</b> option <div class = "icon icon-justify"></div> allows you to line up your text by both the left and the right sides of the text box (additional spacing is added where necessary to keep the alignment).</li>
 					</ul>
 				</li>
 			</ol>
@@ -64,12 +65,12 @@
 			<p>The text is aligned vertically in three ways: top, middle or bottom. To do that:</p>
 			<ol>
 				<li>place the cursor to the position where you want the alignment to be applied (this can be a new line or already entered text),</li>
-				<li>drop-down the <b>Vertical align</b> <img alt="Vertical align icon" src="../images/verticalalign.png" /> list at the <b>Home</b> tab of the top toolbar,</li>
+				<li>drop-down the <b>Vertical align</b> <div class = "icon icon-verticalalign"></div> list at the <b>Home</b> tab of the top toolbar,</li>
 				<li>select the alignment type you would like to apply:
 					<ul>
-						<li>the <b>Align text to the top</b> option <img alt="Align Top icon" src="../images/aligntop.png" /> allows you to line up your text by the top of the text box.</li>
-						<li>the <b>Align text to the middle</b> option <img alt="Align Middle icon" src="../images/alignmiddle.png" /> allows you to line up your text by the center of the text box.</li>
-						<li>the <b>Align text to the bottom</b> option <img alt="Align Bottom icon" src="../images/alignbottom.png" /> allows you to line up your text by the bottom of the text box.</li>
+						<li>the <b>Align text to the top</b> option <div class = "icon icon-aligntop"></div> allows you to line up your text by the top of the text box.</li>
+						<li>the <b>Align text to the middle</b> option <div class = "icon icon-alignmiddle"></div> allows you to line up your text by the center of the text box.</li>
+						<li>the <b>Align text to the bottom</b> option <div class = "icon icon-alignbottom"></div> allows you to line up your text by the bottom of the text box.</li>
 					</ul>
 				</li>
 			</ol>
@@ -83,47 +84,47 @@
 			<table>
 				<tr>
                     <td width="10%">Font</td>
-                    <td width="15%"><img alt="Font" src="../images/fontfamily.png" /></td>
+                    <td width="15%"><div class = "big big-fontfamily"></div></td>
 					<td>Is used to select one of the fonts from the list of the available ones. <span class="desktopDocumentFeatures">If a required font is not available in the list, you can download and install it on your operating system, after that the font will be available for use in the <em>desktop version</em>.</span></td>
 				</tr>
 				<tr>
 					<td>Font size</td>
-					<td><img alt="Font size" src="../images/fontsize.png" /></td>
+					<td><div class = "icon icon-fontsize"></div></td>
 					<td>Is used to select among the preset font size values from the dropdown list (the default values are: 8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26, 28, 36, 48, 72 and 96). It's also possible to manually enter a custom value to the font size field and then press <em>Enter</em>.</td>
 				</tr>
 				<tr>
 					<td>Font color</td>
-					<td><img alt="Font color" src="../images/fontcolor.png" /></td>
+					<td><div class = "icon icon-fontcolor"></div></td>
 					<td>Is used to change the color of the letters/characters in the text. Click the downward arrow next to the icon to <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">select the color</a>.</td>
 				</tr>
 				<tr>
 					<td>Bold</td>
-					<td><img alt="Bold" src="../images/bold.png" /></td>
+					<td><div class = "icon icon-bold"></div></td>
 					<td>Is used to make the font bold giving it more weight.</td>
 				</tr>
 				<tr>
 					<td>Italic</td>
-					<td><img alt="Italic" src="../images/italic.png" /></td>
+					<td><div class = "icon icon-italic"></div></td>
 					<td>Is used to make the font italicized giving it some right side tilt.</td>
 				</tr>
 				<tr>
 					<td>Underline</td>
-					<td><img alt="Underline" src="../images/underline.png" /></td>
+					<td><div class = "icon icon-underline"></div></td>
 					<td>Is used to make the text underlined with the line going under the letters.</td>
 				</tr>
 				<tr>
 					<td>Strikeout</td>
-					<td><img alt="Strikeout" src="../images/strike.png" /></td>
+					<td><div class = "icon icon-strike"></div></td>
 					<td>Is used to make the text struck out with the line going through the letters.</td>
 				</tr>
 				<tr>
 					<td>Superscript</td>
-					<td><img alt="Superscript" src="../images/sup.png" /></td>
+					<td><div class = "icon icon-sup"></div></td>
 					<td>Is used to make the text smaller and place it to the upper part of the text line, e.g. as in fractions.</td>
 				</tr>
 				<tr>
 					<td>Subscript</td>
-					<td><img alt="Subscript" src="../images/sub.png" /></td>
+					<td><div class = "icon icon-sub"></div></td>
 					<td>Is used to make the text smaller and place it to the lower part of the text line, e.g. as in chemical formulas.</td>
 				</tr>
 			</table>
@@ -133,7 +134,7 @@
 			<p>To do that,</p>
 			<ol style="margin-left: 280px;">
 				<li>put the cursor within the paragraph you need, or select several paragraphs with the mouse,</li>
-				<li>use the corresponding fields of the <img alt="Text settings Icon" src="../images/text_settings_icon.png" /> <b>Text settings</b> tab at the right sidebar to achieve the desired results:
+				<li>use the corresponding fields of the <div class = "icon icon-text_settings_icon"></div> <b>Text settings</b> tab at the right sidebar to achieve the desired results:
 					<ul>
 						<li><b>Line Spacing</b> - set the line height for the text lines within the paragraph. You can select among three options: <b>at least</b> (sets the minimum line spacing that is needed to fit the largest font or graphic on the line), <b>multiple</b> (sets line spacing that can be expressed in numbers greater than 1), <b>exactly</b> (sets fixed line spacing). You can specify the necessary value in the field on the right.</li>
 						<li><b>Paragraph Spacing</b> - set the amount of space between paragraphs.
@@ -146,10 +147,10 @@
 				</li>
 			</ol>
             <p class="note"><b>Note</b>: these parameters can also be found in the <a href="../UsageInstructions/InsertText.htm#textadvancedsettings" onclick="onhyperlinkclick(this)"><b>Paragraph - Advanced Settings</b></a> window.</p>
-			<p>To quickly change the current paragraph line spacing, you can also use the <b>Line spacing</b> <img alt="Line spacing" src="../images/linespacing.png" /> icon at the <b>Home</b> tab of the top toolbar selecting the needed value from the list: 1.0, 1.15, 1.5, 2.0, 2.5, or 3.0 lines.</p>
-		    <p>To change the paragraph offset from the left side of the text box, put the cursor within the paragraph you need, or select several paragraphs with the mouse and use the respective icons at the <b>Home</b> tab of the top toolbar: <b>Decrease indent</b> <img alt="Decrease indent" src="../images/decreaseindent.png" /> and <b>Increase indent</b> <img alt="Increase indent" src="../images/increaseindent.png" />.</p>
+			<p>To quickly change the current paragraph line spacing, you can also use the <b>Line spacing</b> <div class = "icon icon-linespacing"></div> icon at the <b>Home</b> tab of the top toolbar selecting the needed value from the list: 1.0, 1.15, 1.5, 2.0, 2.5, or 3.0 lines.</p>
+		    <p>To change the paragraph offset from the left side of the text box, put the cursor within the paragraph you need, or select several paragraphs with the mouse and use the respective icons at the <b>Home</b> tab of the top toolbar: <b>Decrease indent</b> <div class = "icon icon-decreaseindent"></div> and <b>Increase indent</b> <div class = "icon icon-increaseindent"></div>.</p>
             <h3 id="textadvancedsettings">Adjust paragraph advanced settings</h3>
-		    <p>To open the <b>Paragraph - Advanced Settings</b> window, right-click the text and choose the <b>Text Advanced Settings</b> option from the menu. It's also possible to put the cursor within the paragraph you need - the <img alt="Text settings Icon" src="../images/text_settings_icon.png" /> <b>Text settings</b> tab will be activated at the right sidebar. Press the <b>Show advanced settings</b> link. The paragraph properties window will be opened:</p>
+		    <p>To open the <b>Paragraph - Advanced Settings</b> window, right-click the text and choose the <b>Text Advanced Settings</b> option from the menu. It's also possible to put the cursor within the paragraph you need - the <div class = "icon icon-text_settings_icon"></div> <b>Text settings</b> tab will be activated at the right sidebar. Press the <b>Show advanced settings</b> link. The paragraph properties window will be opened:</p>
 			<img alt="Paragraph Properties - Indents & Spacing tab" src="../images/textadvancedsettings1.png" />
 			<p>The <b>Indents & Spacing</b> tab allows to:</p>
             <ul>
@@ -164,15 +165,15 @@
                 <li>change the paragraph <b>line spacing</b>.</li>
             </ul>
             <p>You can also use the horizontal <b>ruler</b> to set indents.</p>
-            <img alt="Ruler - Indent markers" src="../images/indents_ruler.png" />
+            <div class = "big big-indents_ruler"></div>
             <p>Select the necessary paragraph(s) and drag the indent markers along the ruler.</p>
             <ul>
-                <li><b>First Line Indent</b> marker <img alt="First Line Indent marker" src="../images/firstline_indent.png" /> is used to set the offset from the left internal margin of the text box for the first line of the paragraph.</li>
-                <li><b>Hanging Indent</b> marker <img alt="Hanging Indent marker" src="../images/hanging.png" /> is used to set the offset from the left internal margin of the text box for the second and all the subsequent lines of the paragraph.</li>
-                <li><b>Left Indent</b> marker <img alt="Left Indent marker" src="../images/leftindent.png" /> is used to set the entire paragraph offset from the left internal margin of the text box.</li>
-                <li><b>Right Indent</b> marker <img alt="Right Indent marker" src="../images/right_indent.png" /> is used to set the paragraph offset from the right internal margin of the text box.</li>
+                <li><b>First Line Indent</b> marker <div class = "icon icon-firstline_indent"></div> is used to set the offset from the left internal margin of the text box for the first line of the paragraph.</li>
+                <li><b>Hanging Indent</b> marker <div class = "icon icon-hanging"></div> is used to set the offset from the left internal margin of the text box for the second and all the subsequent lines of the paragraph.</li>
+                <li><b>Left Indent</b> marker <div class = "icon icon-leftindent"></div> is used to set the entire paragraph offset from the left internal margin of the text box.</li>
+                <li><b>Right Indent</b> marker <div class = "icon icon-right_indent"></div> is used to set the paragraph offset from the right internal margin of the text box.</li>
             </ul>
-            <p class="note"><b>Note</b>: if you don't see the rulers, switch to the <b>Home</b> tab of the top toolbar, click the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> icon at the upper right corner and uncheck the <b>Hide Rulers</b> option to display them.</p>
+            <p class="note"><b>Note</b>: if you don't see the rulers, switch to the <b>Home</b> tab of the top toolbar, click the <b>View settings</b> <div class = "icon icon-viewsettingsicon"></div> icon at the upper right corner and uncheck the <b>Hide Rulers</b> option to display them.</p>
             <img alt="Paragraph Properties - Font tab" src="../images/textadvancedsettings2.png" />
 			<p>The <b>Font</b> tab contains the following parameters:</p>
 			<ul>
@@ -193,23 +194,23 @@
                 <li><b>Tab Position</b> - is used to set custom tab stops. Enter the necessary value in this box, adjust it more precisely using the arrow buttons and press the <b>Specify</b> button. Your custom tab position will be added to the list in the field below.</li>
 			    <li><b>Alignment</b> - is used to set the necessary alignment type for each of the tab positions in the list above. Select the necessary tab position in the list, choose the <b>Left</b>, <b>Center</b> or <b>Right</b> option from the <b>Alignment</b> drop-down list and press the <b>Specify</b> button.
 			        <ul>
-			            <li><b>Left</b> - lines up your text by the left side at the tab stop position; the text moves to the right from the tab stop as you type. Such a tab stop will be indicated on the horizontal ruler by the <img alt="Left Tab Stop marker" src="../images/tabstopleft_marker.png" /> marker.</li>
-			            <li><b>Center</b> - centres the text at the tab stop position. Such a tab stop will be indicated on the horizontal ruler by the <img alt="Center Tab Stop marker" src="../images/tabstopcenter_marker.png" /> marker.</li>
-			            <li><b>Right</b> - lines up your text by the right side at the tab stop position; the text moves to the left from the tab stop as you type. Such a tab stop will be indicated on the horizontal ruler by the <img alt="Right Tab Stop marker" src="../images/tabstopright_marker.png" /> marker.</li>
+			            <li><b>Left</b> - lines up your text by the left side at the tab stop position; the text moves to the right from the tab stop as you type. Such a tab stop will be indicated on the horizontal ruler by the <div class = "icon icon-tabstopleft_marker"></div> marker.</li>
+			            <li><b>Center</b> - centres the text at the tab stop position. Such a tab stop will be indicated on the horizontal ruler by the <div class = "icon icon-tabstopcenter_marker"></div> marker.</li>
+			            <li><b>Right</b> - lines up your text by the right side at the tab stop position; the text moves to the left from the tab stop as you type. Such a tab stop will be indicated on the horizontal ruler by the <div class = "icon icon-tabstopright_marker"></div> marker.</li>
 			        </ul>
 			        <p>To delete tab stops from the list select a tab stop and press the <b>Remove</b> or <b>Remove All</b> button.</p>
 			    </li>
 			</ul>
             <p>To set tab stops you can also use the horizontal ruler:</p>
             <ol>
-                <li>Click the tab selector button <img alt="Left Tab Stop button" src="../images/tabstopleft.png" /> in the upper left corner of the working area to choose the necessary tab stop type: <b>Left</b> <img alt="Left Tab Stop button" src="../images/tabstopleft.png" />, <b>Center</b> <img alt="Center Tab Stop button" src="../images/tabstopcenter.png" />, <b>Right</b> <img alt="Right Tab Stop button" src="../images/tabstopright.png" />.</li>
+                <li>Click the tab selector button <div class = "icon icon-tabstopleft"></div> in the upper left corner of the working area to choose the necessary tab stop type: <b>Left</b> <div class = "icon icon-tabstopleft"></div>, <b>Center</b> <div class = "icon icon-tabstopcenter"></div>, <b>Right</b> <div class = "icon icon-tabstopright"></div>.</li>
                 <li>Click on the bottom edge of the ruler where you want to place the tab stop. Drag it along the ruler to change its position. To remove the added tab stop drag it out of the ruler.
-                    <p><img alt="Horizontal Ruler with the Tab stops added" src="../images/tabstops_ruler.png" /></p>
-                    <p class="note"><b>Note</b>: if you don't see the rulers, switch to the <b>Home</b> tab of the top toolbar, click the <b>View settings</b> <img alt="View settings icon" src="../images/viewsettingsicon.png" /> icon at the upper right corner and uncheck the <b>Hide Rulers</b> option to display them.</p>
+                    <p><div class = "big big-tabstops_ruler"></div></p>
+                    <p class="note"><b>Note</b>: if you don't see the rulers, switch to the <b>Home</b> tab of the top toolbar, click the <b>View settings</b> <div class = "icon icon-viewsettingsicon"></div> icon at the upper right corner and uncheck the <b>Hide Rulers</b> option to display them.</p>
                 </li>
             </ol>
             <h3>Edit a Text Art style</h3>
-            <p>Select a text object and click the <b>Text Art settings</b> <img alt="Text Art settings icon" src="../images/textart_settings_icon.png" /> icon on the right sidebar.</p>
+            <p>Select a text object and click the <b>Text Art settings</b> <div class = "icon icon-textart_settings_icon"></div> icon on the right sidebar.</p>
             <p><img alt="Text Art setting tab" src="../images/right_textart.png" /></p>
             <ul>
                 <li>Change the applied text style selecting a new <b>Template</b> from the gallery. You can also change the basic style additionally by selecting a different font type, size etc.</li>
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/ManageSlides.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/ManageSlides.htm
index 2ba0aff5d1..acdc2a650b 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/ManageSlides.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/ManageSlides.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Add new blank slides, duplicate, move or delete them" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,13 +18,13 @@
 			<p>By default, a newly created presentation has one blank <em>Title Slide</em>. You can create new slides, copy a slide to be able to paste it to another place in the slide list, duplicate slides, move slides to change their order in the slide list, delete unnecessary slides, mark some slides as hidden. </p>
 			<p><b>To create a new <em>Title and Content</em> slide:</b></p>
 			<ul>
-				<li>click the <img alt="Add Slide icon" src="../images/addslide.png" /> <b>Add Slide</b> icon at the <b>Home</b> or <b>Insert</b> tab of the top toolbar, or</li>
+				<li>click the <div class = "icon icon-addslide"></div> <b>Add Slide</b> icon at the <b>Home</b> or <b>Insert</b> tab of the top toolbar, or</li>
 				<li>right-click any slide in the list and select the <b>New Slide</b> option from the contextual menu, or</li>
                 <li>press the <b>Ctrl+M</b> key combination.</li>
 			</ul>
             <p><b>To create a new slide with a different layout:</b></p>
             <ol>
-                <li>click the arrow next to the <img alt="Add Slide icon" src="../images/addslide.png" /> <b>Add Slide</b> icon at the <b>Home</b> or <b>Insert</b> tab of the top toolbar,</li>
+                <li>click the arrow next to the <div class = "icon icon-addslide"></div> <b>Add Slide</b> icon at the <b>Home</b> or <b>Insert</b> tab of the top toolbar,</li>
                 <li>
                     select a slide with the necessary layout from the menu.
                     <p class="note"><b>Note</b>: you can change the layout of the added slide anytime. For additional information on how to do that refer to the <a href="../UsageInstructions/SetSlideParameters.htm#changelayout" onclick="onhyperlinkclick(this)">Set slide parameters</a> section.</p>
@@ -59,7 +60,7 @@
                 <li>select the <b>Hide Slide</b> option from the contextual menu.</li>
             </ol>
             <p>The number that corresponds to the hidden slide in the slide list on the left will be crossed out. To display the hidden slide as a regular one in the slide list, click the <b>Hide Slide</b> option once again.</p>
-            <p><img alt="Hidden slide" src="../images/hidden_slide.png" /></p>
+            <p><div class = "big big-hidden_slide"></div></p>
             <p class="note"><b>Note</b>: use this option if you do not want to demonstrate some slides to your audience, but want to be able to access them if necessary. If you start the slideshow in the <a href="../UsageInstructions/PreviewPresentation.htm#presenter" onclick="onhyperlinkclick(this)"><b>Presenter</b> mode</a>, you can see all the existing slides in the list on the left, while hidden slides numbers are crossed out. If you wish to show a slide marked as hidden to others, just click it in the slide list on the left - the slide will be displayed.</p>
             <p><b>To select all the existing slides at once:</b></p>
 			<ol>
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/ManipulateObjects.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/ManipulateObjects.htm
index a507ced58d..6c42e108bc 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/ManipulateObjects.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/ManipulateObjects.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Move, rotate, resize and reshape autoshapes, images, charts." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,26 +20,26 @@
                 <b>Note</b>: the list of keyboard shortcuts that can be used when working with objects is available <a href="../HelpfulHints/KeyboardShortcuts.htm#workwithobjects" onclick="onhyperlinkclick(this)">here</a>.
             </p>
             <h3>Resize objects</h3>
-			<p>To change the <b>autoshape/image/chart/table/text box</b> size, drag small squares <img alt="Square icon" src="../images/resize_square.png" /> situated on the object edges. To maintain the original proportions of the selected object while resizing, hold down the <b>Shift</b> key and drag one of the corner icons.</p>
-			<p><img alt="Maintaining proportions" src="../images/maintain_proportions.png" /></p>
+			<p>To change the <b>autoshape/image/chart/table/text box</b> size, drag small squares <div class = "icon icon-resize_square"></div> situated on the object edges. To maintain the original proportions of the selected object while resizing, hold down the <b>Shift</b> key and drag one of the corner icons.</p>
+			<p><div class = "big big-maintain_proportions"></div></p>
 			<p>To specify the precise width and height of a <b>chart</b>, select it on a slide and use the <b>Size</b> section of the right sidebar that will be activated.</p>
 			<p>To specify the precise dimensions of an <b>image</b> or <b>autoshape</b>, right-click the necessary object on the slide and select the <b>Image/Shape Advanced Settings</b> option from the menu. Specify necessary values on the <b>Size</b> tab of the <b>Advanced Settings</b> window and press <b>OK</b>.</p>
 			<h3>Reshape autoshapes</h3>
-			<p>When modifying some shapes, for example Figured arrows or Callouts, the yellow diamond-shaped <img alt="Yellow diamond icon" src="../images/yellowdiamond.png" /> icon is also available. It allows to adjust some aspects of the shape, for example, the length of the head of an arrow.</p>
-			<p><img alt="Reshaping autoshape" src="../images/reshaping.png" /></p>
+			<p>When modifying some shapes, for example Figured arrows or Callouts, the yellow diamond-shaped <div class = "icon icon-yellowdiamond"></div> icon is also available. It allows to adjust some aspects of the shape, for example, the length of the head of an arrow.</p>
+			<p><div class = "big big-reshaping"></div></p>
 			<h3>Move objects</h3>
-			<p>To alter the <b>autoshape/image/chart/table/text box</b> position, use the <img alt="Arrow" src="../images/arrow.png" /> icon that appears after hovering your mouse cursor over the object. Drag the object to the necessary position without releasing the mouse button. 
+			<p>To alter the <b>autoshape/image/chart/table/text box</b> position, use the <div class = "icon icon-arrow"></div> icon that appears after hovering your mouse cursor over the object. Drag the object to the necessary position without releasing the mouse button. 
 			To move the object by the one-pixel increments, hold down the <b>Ctrl</b> key and use the keybord arrows. 
 			To move the object strictly horizontally/vertically and prevent it from moving in a perpendicular direction, hold down the <b>Shift</b> key when dragging.</p>
 			<p>To specify the precise position of an <b>image</b>, right-click it on a slide and select the <b>Image Advanced Settings</b> option from the menu. Specify necessary values in the <b>Position</b> section of the <b>Advanced Settings</b> window and press <b>OK</b>.</p>
 			<h3>Rotate objects</h3>
-			<p>To manually rotate an <b>autoshape/image/text box</b>, hover the mouse cursor over the rotation handle <img alt="Rotation handle" src="../images/greencircle.png" /> and drag it clockwise or counterclockwise. To constrain the rotation angle to 15 degree increments, hold down the <b>Shift</b> key while rotating.</p>
-            <p>To rotate the object by 90 degrees counterclockwise/clockwise or flip the object horizontally/vertically you can use the <b>Rotation</b> section of the right sidebar that will be activated once you select the necessary object. To open it, click the <b>Shape settings</b> <img alt="Shape settings icon" src="../images/shape_settings_icon.png" />  or the <b>Image settings</b> <img alt="Image settings icon" src="../images/image_settings_icon.png" /> icon to the right. Click one of the buttons:</p>
+			<p>To manually rotate an <b>autoshape/image/text box</b>, hover the mouse cursor over the rotation handle <div class = "icon icon-greencircle"></div> and drag it clockwise or counterclockwise. To constrain the rotation angle to 15 degree increments, hold down the <b>Shift</b> key while rotating.</p>
+            <p>To rotate the object by 90 degrees counterclockwise/clockwise or flip the object horizontally/vertically you can use the <b>Rotation</b> section of the right sidebar that will be activated once you select the necessary object. To open it, click the <b>Shape settings</b> <div class = "icon icon-shape_settings_icon"></div>  or the <b>Image settings</b> <div class = "icon icon-image_settings_icon"></div> icon to the right. Click one of the buttons:</p>
             <ul>
-                <li><img alt="Rotate counterclockwise icon" src="../images/rotatecounterclockwise.png" /> to rotate the object by 90 degrees counterclockwise</li>
-                <li><img alt="Rotate clockwise icon" src="../images/rotateclockwise.png" /> to rotate the object by 90 degrees clockwise</li>
-                <li><img alt="Flip horizontally icon" src="../images/fliplefttoright.png" /> to flip the object horizontally (left to right)</li>
-                <li><img alt="Flip vertically icon" src="../images/flipupsidedown.png" /> to flip the object vertically (upside down)</li>
+                <li><div class = "icon icon-rotatecounterclockwise"></div> to rotate the object by 90 degrees counterclockwise</li>
+                <li><div class = "icon icon-rotateclockwise"></div> to rotate the object by 90 degrees clockwise</li>
+                <li><div class = "icon icon-fliplefttoright"></div> to flip the object horizontally (left to right)</li>
+                <li><div class = "icon icon-flipupsidedown"></div> to flip the object vertically (upside down)</li>
             </ul>
             <p>It's also possible to right-click the object, choose the <b>Rotate</b> option from the contextual menu and then use one of the available rotation options.</p>
             <p>To rotate the object by an exactly specified angle, click the <b>Show advanced settings</b> link at the right sidebar and use the <b>Rotation</b> tab of the <b>Advanced Settings</b> window. Specify the necessary value measured in degrees in the <b>Angle</b> field and click <b>OK</b>.</p>
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/OpenCreateNew.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/OpenCreateNew.htm
index 36331edfd7..e5de48c91b 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/OpenCreateNew.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/OpenCreateNew.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Open a recently edited presentation, create a new one, or return to the list of existing presentations" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -26,7 +27,7 @@
                 <p>In the <em>desktop editor</em></p>
                 <ol>
                     <li>in the main program window, select the <b>Presentation</b> menu item from the <b>Create new</b> section of the left sidebar - a new file will open in a new tab,</li>
-                    <li>when all the necessary changes are made, click the <b>Save</b> <img alt="Save icon" src="../images/save.png" /> icon in the upper left corner or switch to the <b>File</b> tab and choose the <b>Save as</b> menu item. </li>
+                    <li>when all the necessary changes are made, click the <b>Save</b> <div class = "icon icon-save"></div> icon in the upper left corner or switch to the <b>File</b> tab and choose the <b>Save as</b> menu item. </li>
                     <li>in the file manager window, select the file location, specify its name, choose the format you want to save the presentation to (PPTX, Presentation template (POTX), ODP, OTP, PDF or PDFA) and click the <b>Save</b> button.</li>
                 </ol>
             </div>
@@ -59,7 +60,7 @@
                 </ol>
             </div>
 
-            <p>To open the folder where the file is stored <span class="onlineDocumentFeatures"> in a new browser tab in the <em>online version</em>,</span> <span class="desktopDocumentFeatures">in the file explorer window in the <em>desktop version</em>,</span> click the <img alt="Open file location" src="../images/gotodocuments.png" /> <b>Open file location</b> icon on the right side of the editor header. Alternatively, you can switch to the <b>File</b> tab of the top toolbar and select the <b>Open file location</b> option.</p>
+            <p>To open the folder where the file is stored <span class="onlineDocumentFeatures"> in a new browser tab in the <em>online version</em>,</span> <span class="desktopDocumentFeatures">in the file explorer window in the <em>desktop version</em>,</span> click the <div class = "icon icon-gotodocuments"></div> <b>Open file location</b> icon on the right side of the editor header. Alternatively, you can switch to the <b>File</b> tab of the top toolbar and select the <b>Open file location</b> option.</p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/PreviewPresentation.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/PreviewPresentation.htm
index bbea4cb0d7..cc81584c9a 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/PreviewPresentation.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/PreviewPresentation.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Preview your presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,11 +18,11 @@
             <h3>Start the preview</h3>
 			<p>To preview your currently edited presentation, you can:</p>
             <ul>
-                <li>click the <b>Start slideshow</b> <img alt="Start slideshow icon" src="../images/startpreview.png" /> icon at the <b>Home</b> tab of the top toolbar or on the left side of the status bar, or</li>
+                <li>click the <b>Start slideshow</b> <div class = "icon icon-startpreview"></div> icon at the <b>Home</b> tab of the top toolbar or on the left side of the status bar, or</li>
                 <li>select a certain slide within the slide list on the left, right-click it and choose the <b>Start Slideshow</b> option from the contextual menu.</li>
             </ul>
             <p>The preview will start from the currently selected slide. </p>
-            <p>You can also click the arrow next to the <b>Start slideshow</b> <img alt="Start slideshow icon" src="../images/startpreview.png" /> icon at the <b>Home</b> tab of the top toolbar and select one of the available options:</p>
+            <p>You can also click the arrow next to the <b>Start slideshow</b> <div class = "icon icon-startpreview"></div> icon at the <b>Home</b> tab of the top toolbar and select one of the available options:</p>
             <ul>
                 <li><b>Show from Beginning</b> - to start the preview from the very first slide,</li>
                 <li><b>Show from Current slide</b> - to start the preview from the currently selected slide,</li>
@@ -34,31 +35,31 @@
             <p>In the <b>Preview</b> mode, you can use the following controls at the bottom left corner:</p>
             <p><img alt="Preview Mode controls" src="../images/preview_mode.png" /></p>
             <ul>
-                <li>the <b>Previous slide</b> <img alt="Previous slide icon" src="../images/previousslide.png" /> button allows you to return to the preceding slide.</li>
-                <li>the <b>Pause presentation</b> <img alt="Pause presentation icon" src="../images/pausepresentation.png" /> button allows you to stop previewing. When the button is pressed, it turns into the <img alt="Start presentation icon" src="../images/startpresentation.png" /> button.</li>
-                <li>the <b>Start presentation</b> <img alt="Start presentation icon" src="../images/startpresentation.png" /> button allows you to resume previewing. When the button is pressed, it turns into the <img alt="Pause presentation icon" src="../images/pausepresentation.png" /> button.</li>
-                <li>the <b>Next slide</b> <img alt="Next slide icon" src="../images/nextslide.png" /> button allows you to advance the following slide.</li>
+                <li>the <b>Previous slide</b> <div class = "icon icon-previousslide"></div> button allows you to return to the preceding slide.</li>
+                <li>the <b>Pause presentation</b> <div class = "icon icon-pausepresentation"></div> button allows you to stop previewing. When the button is pressed, it turns into the <div class = "icon icon-startpresentation"></div> button.</li>
+                <li>the <b>Start presentation</b> <div class = "icon icon-startpresentation"></div> button allows you to resume previewing. When the button is pressed, it turns into the <div class = "icon icon-pausepresentation"></div> button.</li>
+                <li>the <b>Next slide</b> <div class = "icon icon-nextslide"></div> button allows you to advance the following slide.</li>
                 <li>the <b>Slide number indicator</b> displays the current slide number as well as the overall number of slides in the presentation. To go to a certain slide in the preview mode, click on the <b>Slide number indicator</b>, enter the necessary slide number in the opened window and press <b>Enter</b>.</li>
-                <li>the <b>Full screen</b> <img alt="Full screen icon" src="../images/fullscreen.png" /> button allows you to switch to full screen mode.</li>
-                <li>the <b>Exit full screen</b> <img alt="Exit full screen icon" src="../images/exitfullscreen.png" /> button allows you to exit full screen mode.</li>
-                <li>the <b>Close slideshow</b> <img alt="Close slideshow icon" src="../images/closepreview.png" /> button allows you to exit the preview mode.</li>
+                <li>the <b>Full screen</b> <div class = "icon icon-fullscreen"></div> button allows you to switch to full screen mode.</li>
+                <li>the <b>Exit full screen</b> <div class = "icon icon-exitfullscreen"></div> button allows you to exit full screen mode.</li>
+                <li>the <b>Close slideshow</b> <div class = "icon icon-closepreview"></div> button allows you to exit the preview mode.</li>
             </ul>
 			<p>You can also <a href="../HelpfulHints/KeyboardShortcuts.htm#preview" onclick="onhyperlinkclick(this)">use the keyboard shortcuts</a> to navigate between the slides in the preview mode.</p>
             <h3 id="presenter">Use the Presenter mode</h3>
             <p class="note"><b>Note</b>: in the <em>desktop version</em>, the presenter mode can be activated only if the second monitor is connected.</p>
             <p>In the <b>Presenter</b> mode, you can view your presentations with slide notes in a separate window, while demonstrating it without notes on a different monitor. The notes for each slide are displayed below the slide preview area.</p>
-            <p>To navigate between slides you can use the <img alt="Previous Slide icon" src="../images/previousslide.png" /> and <img alt="Next Slide icon" src="../images/nextslide.png" /> buttons or click slides in the list on the left. The hidden slide numbers are crossed out in the slide list on the left. If you wish to show a slide marked as hidden to others, just click it in the slide list on the left - the slide will be displayed.</p>
+            <p>To navigate between slides you can use the <div class = "icon icon-previousslide"></div> and <div class = "icon icon-nextslide"></div> buttons or click slides in the list on the left. The hidden slide numbers are crossed out in the slide list on the left. If you wish to show a slide marked as hidden to others, just click it in the slide list on the left - the slide will be displayed.</p>
             <p>You can use the following controls below the slide preview area:</p>
             <p><img alt="Presenter Mode controls" src="../images/presenter_mode.png" /></p>
             <ul>
                 <li>the <b>Timer</b> displays the elapsed time of the presentation in the <em>hh.mm.ss</em> format.</li>
-                <li>the <b>Pause presentation</b> <img alt="Pause presentation icon" src="../images/presenter_pausepresentation.png" /> button allows you to stop previewing. When the button is pressed, it turns into the <img alt="Start presentation icon" src="../images/presenter_startpresentation.png" /> button.</li>
-                <li>the <b>Start presentation</b> <img alt="Start presentation icon" src="../images/presenter_startpresentation.png" /> button allows you to resume previewing. When the button is pressed, it turns into the <img alt="Pause presentation icon" src="../images/presenter_pausepresentation.png" /> button.</li>
+                <li>the <b>Pause presentation</b> <div class = "icon icon-presenter_pausepresentation"></div> button allows you to stop previewing. When the button is pressed, it turns into the <div class = "icon icon-presenter_startpresentation"></div> button.</li>
+                <li>the <b>Start presentation</b> <div class = "icon icon-presenter_startpresentation"></div> button allows you to resume previewing. When the button is pressed, it turns into the <div class = "icon icon-presenter_pausepresentation"></div> button.</li>
                 <li>the <b>Reset</b> button allows to reset the elapsed time of the presentation.</li>
-                <li>the <b>Previous slide</b> <img alt="Previous slide icon" src="../images/presenter_previousslide.png" /> button allows you to return to the preceding slide.</li>
-                <li>the <b>Next slide</b> <img alt="Next slide icon" src="../images/presenter_nextslide.png" /> button allows you to advance the following slide.</li>
+                <li>the <b>Previous slide</b> <div class = "icon icon-presenter_previousslide"></div> button allows you to return to the preceding slide.</li>
+                <li>the <b>Next slide</b> <div class = "icon icon-presenter_nextslide"></div> button allows you to advance the following slide.</li>
                 <li>the <b>Slide number indicator</b> displays the current slide number as well as the overall number of slides in the presentation.</li>
-                <li>the <b>Pointer</b> <img alt="Pointer icon" src="../images/pointer.png" /> button allows you to highlight something on the screen when showing the presentation. When this option is enabled, the button looks like this: <img alt="Pointer icon" src="../images/pointer_enabled.png" />. To point to some objects hover your mouse pointer over the slide preview area and move the pointer around the slide. The pointer will look the following way: <img alt="Pointer icon" src="../images/pointer_screen.png" />. To disable this option, click the <img alt="Pointer icon" src="../images/pointer_enabled.png" /> button once again.</li>
+                <li>the <b>Pointer</b> <div class = "icon icon-pointer"></div> button allows you to highlight something on the screen when showing the presentation. When this option is enabled, the button looks like this: <div class = "icon icon-pointer_enabled"></div>. To point to some objects hover your mouse pointer over the slide preview area and move the pointer around the slide. The pointer will look the following way: <div class = "icon icon-pointer_screen"></div>. To disable this option, click the <div class = "icon icon-pointer_enabled"></div> button once again.</li>
                 <li>the <b>End slideshow</b> button allows you to exit the <b>Presenter</b> mode.</li>
             </ul>			
 		</div>
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/SavePrintDownload.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/SavePrintDownload.htm
index fb8f2e4f53..4f2a5bb7ea 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/SavePrintDownload.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/SavePrintDownload.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Save, print and download your presentations in various formats" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
             <p class="onlineDocumentFeatures">By default, online <b>Рresentation Editor</b> automatically saves your file each 2 seconds when you work on it preventing your data loss in case of the unexpected program closing. If you co-edit the file in the <b>Fast</b> mode, the timer requests for updates 25 times a second and saves the changes if they have been made. When the file is being co-edited in the <b>Strict</b> mode, changes are automatically saved at 10-minute intervals. If you need, you can easily select the preferred co-editing mode or disable the <b>Autosave</b> feature on the <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a> page.</p>
             <p>To save your presentation manually in the current format and location,</p>
             <ul>
-                <li>press the <b>Save</b> <img alt="Save icon" src="../images/save.png" /> icon in the left part of the editor header, or</li>
+                <li>press the <b>Save</b> <div class = "icon icon-save"></div> icon in the left part of the editor header, or</li>
                 <li>use the <b>Ctrl+S</b> key combination, or</li>
                 <li>click the <b>File</b> tab of the top toolbar and select the <b>Save</b> option.</li>
             </ul>
@@ -51,7 +52,7 @@
             <h3 id="print">Printing</h3>
             <p>To print out the current presentation,</p>
             <ul>
-                <li>click the <b>Print</b> <img alt="Print icon" src="../images/print.png" /> icon in the left part of the editor header, or</li>
+                <li>click the <b>Print</b> <div class = "icon icon-print"></div> icon in the left part of the editor header, or</li>
                 <li>use the <b>Ctrl+P</b> key combination, or</li>
                 <li>click the <b>File</b> tab of the top toolbar and select the <b>Print</b> option.</li>
             </ul>
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/SetSlideParameters.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/SetSlideParameters.htm
index ffa31f77b7..d0bcd02ff7 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/SetSlideParameters.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/SetSlideParameters.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Set slide parameters: select background fill, themes, color schemes, slide layouts" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,16 +20,16 @@
                 <li>
                     <b>Themes</b> allow you to quickly change the presentation design, notably the slides background appearance, predefined fonts for titles and texts and the color scheme that is used for the presentation elements.
                     <b>To select a theme</b> for the presentation, click on the necessary predefined theme from the themes gallery on the right side of the top toolbar <b>Home</b> tab. The selected theme will be applied to all the slides if you have not previously selected certain slides to apply the theme to.
-                    <p><img alt="Themes gallery" src="../images/themes.png" /></p>
+                    <p><div class = "big big-themes"></div></p>
                     <p>To change the selected theme for one or more slides, you can right-click the selected slides in the list on the left (or right-click a slide in the editing area), select the <b>Change Theme</b> option from the contextual menu and choose the necessary theme.</p>
                 </li>
                 <li>
                     <b>Color Schemes</b> affect the predefined colors used for the presentation elements (fonts, lines, fills etc.) and allow you to maintain color consistency throughout the entire presentation.
-                    <b>To change a color scheme</b>, click the <img alt="Change color scheme icon" src="../images/changecolorscheme.png" /> <b>Change color scheme</b> icon at the <b>Home</b> tab of the top toolbar and select the necessary scheme from the drop-down list. The selected color scheme will be highlighted in the list and applied to all the slides.
+                    <b>To change a color scheme</b>, click the <div class = "icon icon-changecolorscheme"></div> <b>Change color scheme</b> icon at the <b>Home</b> tab of the top toolbar and select the necessary scheme from the drop-down list. The selected color scheme will be highlighted in the list and applied to all the slides.
                     <p><img alt="Color Schemes" src="../images/colorscheme.png" /></p>
                 </li>
                 <li>
-                    <b>To change a slide size</b> for all the slides in the presentation, click the <img alt="Select slide size icon" src="../images/selectslidesizeicon.png" /> <b>Select slide size</b> icon at the <b>Home</b> tab of the top toolbar and select the necessary option from the drop-down list. You can select:
+                    <b>To change a slide size</b> for all the slides in the presentation, click the <div class = "icon icon-selectslidesizeicon"></div> <b>Select slide size</b> icon at the <b>Home</b> tab of the top toolbar and select the necessary option from the drop-down list. You can select:
                     <ul>
                         <li>one of the two quick-access presets - <b>Standard (4:3)</b> or <b>Widescreen (16:9)</b>,</li>
                         <li>
@@ -62,7 +63,7 @@
                         <li>in the slide list on the left, select the slides you want to apply a transition to,</li>
                         <li>
                             choose a transition in the <b>Effect</b> drop-down list on the <b>Slide settings</b> tab,
-                            <p class="note"><b>Note</b>: to open the <b>Slide settings</b> tab you can click the <b>Slide settings</b> <img alt="Slide settings icon" src="../images/slide_settings_icon.png" /> icon on the right or right-click the slide in the slide editing area and select the <b>Slide Settings</b> option from the contextual menu.</p>
+                            <p class="note"><b>Note</b>: to open the <b>Slide settings</b> tab you can click the <b>Slide settings</b> <div class = "icon icon-slide_settings_icon"></div> icon on the right or right-click the slide in the slide editing area and select the <b>Slide Settings</b> option from the contextual menu.</p>
                         </li>
                         <li>adjust the transition properties: choose a transition variation, duration and the way to advance slides,</li>
                         <li>
@@ -75,7 +76,7 @@
                     <a id="changelayout"></a><b>To change a slide layout:</b>
                     <ol>
                         <li>in the slide list on the left, select the slides you want to apply a new layout to,</li>
-                        <li>click the <img alt="Change slide layout icon" src="../images/changelayout.png" /> <b>Change slide layout</b> icon at the <b>Home</b> tab of the top toolbar,</li>
+                        <li>click the <div class = "icon icon-changelayout"></div> <b>Change slide layout</b> icon at the <b>Home</b> tab of the top toolbar,</li>
                         <li>
                             select the necessary layout from the menu.
                             <p>Alternatively, you can right-click the necessary slide in the list on the left or in the editing area, select the <b>Change Layout</b> option from the contextual menu and choose the necessary layout.</p>
@@ -86,13 +87,13 @@
                 <li>
                     <a id="addtolayout"></a><b>To add objects to a slide layout:</b>
                     <ol>
-                        <li>click the <b>Change slide layout</b> <img alt="Change slide layout icon" src="../images/changelayout.png" /> icon and select a layout you want to add an object to,</li>
+                        <li>click the <b>Change slide layout</b> <div class = "icon icon-changelayout"></div> icon and select a layout you want to add an object to,</li>
                         <li>
                             using the <b>Insert</b> tab of the top toolbar, add the necessary object to the slide (<em>image</em>, <em>table</em>, <em>chart</em>, <em>shape</em>), then <b>right-click</b> on this object and select <b>Add to Layout</b> option,
                             <br /><img alt="Add to layout" src="../images/addtolayout.png" />
                         </li>
                         <li>
-                            at the <b>Home</b> tab click <b>Change slide layout</b> <img alt="Change slide layout icon" src="../images/changelayout.png" /> and apply the changed layout.
+                            at the <b>Home</b> tab click <b>Change slide layout</b> <div class = "icon icon-changelayout"></div> and apply the changed layout.
                             <p><img alt="Apply layout" src="../images/applylayout.png" /></p>
                             <p>Selected objects will be added to the current theme's layout.</p>
                             <p class="note"><b>Note</b>: objects placed on a slide this way cannot be selected, resized, or moved.</p>
diff --git a/apps/presentationeditor/main/resources/help/it/UsageInstructions/ViewPresentationInfo.htm b/apps/presentationeditor/main/resources/help/it/UsageInstructions/ViewPresentationInfo.htm
index 206e71450d..6b954fffdb 100644
--- a/apps/presentationeditor/main/resources/help/it/UsageInstructions/ViewPresentationInfo.htm
+++ b/apps/presentationeditor/main/resources/help/it/UsageInstructions/ViewPresentationInfo.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="View presentation title, author, location, creation date, persons with the rights to view or edit the presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/it/search/js/jquery.min.js b/apps/presentationeditor/main/resources/help/it/search/js/jquery.min.js
index 9a85bd3462..f7b56654c1 100644
--- a/apps/presentationeditor/main/resources/help/it/search/js/jquery.min.js
+++ b/apps/presentationeditor/main/resources/help/it/search/js/jquery.min.js
@@ -2,5 +2,5 @@
 //@ sourceMappingURL=jquery.min.map
 */
 (function(e,undefined){var t,n,r=typeof undefined,i=e.location,o=e.document,s=o.documentElement,a=e.jQuery,u=e.$,l={},c=[],p="2.0.3",f=c.concat,h=c.push,d=c.slice,g=c.indexOf,m=l.toString,y=l.hasOwnProperty,v=p.trim,x=function(e,n){return new x.fn.init(e,n,t)},b=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,w=/\S+/g,T=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,C=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,k=/^-ms-/,N=/-([\da-z])/gi,E=function(e,t){return t.toUpperCase()},S=function(){o.removeEventListener("DOMContentLoaded",S,!1),e.removeEventListener("load",S,!1),x.ready()};x.fn=x.prototype={jquery:p,constructor:x,init:function(e,t,n){var r,i;if(!e)return this;if("string"==typeof e){if(r="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:T.exec(e),!r||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof x?t[0]:t,x.merge(this,x.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:o,!0)),C.test(r[1])&&x.isPlainObject(t))for(r in t)x.isFunction(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return i=o.getElementById(r[2]),i&&i.parentNode&&(this.length=1,this[0]=i),this.context=o,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):x.isFunction(e)?n.ready(e):(e.selector!==undefined&&(this.selector=e.selector,this.context=e.context),x.makeArray(e,this))},selector:"",length:0,toArray:function(){return d.call(this)},get:function(e){return null==e?this.toArray():0>e?this[this.length+e]:this[e]},pushStack:function(e){var t=x.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e,t){return x.each(this,e,t)},ready:function(e){return x.ready.promise().done(e),this},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(0>e?t:0);return this.pushStack(n>=0&&t>n?[this[n]]:[])},map:function(e){return this.pushStack(x.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:h,sort:[].sort,splice:[].splice},x.fn.init.prototype=x.fn,x.extend=x.fn.extend=function(){var e,t,n,r,i,o,s=arguments[0]||{},a=1,u=arguments.length,l=!1;for("boolean"==typeof s&&(l=s,s=arguments[1]||{},a=2),"object"==typeof s||x.isFunction(s)||(s={}),u===a&&(s=this,--a);u>a;a++)if(null!=(e=arguments[a]))for(t in e)n=s[t],r=e[t],s!==r&&(l&&r&&(x.isPlainObject(r)||(i=x.isArray(r)))?(i?(i=!1,o=n&&x.isArray(n)?n:[]):o=n&&x.isPlainObject(n)?n:{},s[t]=x.extend(l,o,r)):r!==undefined&&(s[t]=r));return s},x.extend({expando:"jQuery"+(p+Math.random()).replace(/\D/g,""),noConflict:function(t){return e.$===x&&(e.$=u),t&&e.jQuery===x&&(e.jQuery=a),x},isReady:!1,readyWait:1,holdReady:function(e){e?x.readyWait++:x.ready(!0)},ready:function(e){(e===!0?--x.readyWait:x.isReady)||(x.isReady=!0,e!==!0&&--x.readyWait>0||(n.resolveWith(o,[x]),x.fn.trigger&&x(o).trigger("ready").off("ready")))},isFunction:function(e){return"function"===x.type(e)},isArray:Array.isArray,isWindow:function(e){return null!=e&&e===e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[m.call(e)]||"object":typeof e},isPlainObject:function(e){if("object"!==x.type(e)||e.nodeType||x.isWindow(e))return!1;try{if(e.constructor&&!y.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(t){return!1}return!0},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw Error(e)},parseHTML:function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||o;var r=C.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=x.buildFragment([e],t,i),i&&x(i).remove(),x.merge([],r.childNodes))},parseJSON:JSON.parse,parseXML:function(e){var t,n;if(!e||"string"!=typeof e)return null;try{n=new DOMParser,t=n.parseFromString(e,"text/xml")}catch(r){t=undefined}return(!t||t.getElementsByTagName("parsererror").length)&&x.error("Invalid XML: "+e),t},noop:function(){},globalEval:function(e){var t,n=eval;e=x.trim(e),e&&(1===e.indexOf("use strict")?(t=o.createElement("script"),t.text=e,o.head.appendChild(t).parentNode.removeChild(t)):n(e))},camelCase:function(e){return e.replace(k,"ms-").replace(N,E)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t,n){var r,i=0,o=e.length,s=j(e);if(n){if(s){for(;o>i;i++)if(r=t.apply(e[i],n),r===!1)break}else for(i in e)if(r=t.apply(e[i],n),r===!1)break}else if(s){for(;o>i;i++)if(r=t.call(e[i],i,e[i]),r===!1)break}else for(i in e)if(r=t.call(e[i],i,e[i]),r===!1)break;return e},trim:function(e){return null==e?"":v.call(e)},makeArray:function(e,t){var n=t||[];return null!=e&&(j(Object(e))?x.merge(n,"string"==typeof e?[e]:e):h.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:g.call(t,e,n)},merge:function(e,t){var n=t.length,r=e.length,i=0;if("number"==typeof n)for(;n>i;i++)e[r++]=t[i];else while(t[i]!==undefined)e[r++]=t[i++];return e.length=r,e},grep:function(e,t,n){var r,i=[],o=0,s=e.length;for(n=!!n;s>o;o++)r=!!t(e[o],o),n!==r&&i.push(e[o]);return i},map:function(e,t,n){var r,i=0,o=e.length,s=j(e),a=[];if(s)for(;o>i;i++)r=t(e[i],i,n),null!=r&&(a[a.length]=r);else for(i in e)r=t(e[i],i,n),null!=r&&(a[a.length]=r);return f.apply([],a)},guid:1,proxy:function(e,t){var n,r,i;return"string"==typeof t&&(n=e[t],t=e,e=n),x.isFunction(e)?(r=d.call(arguments,2),i=function(){return e.apply(t||this,r.concat(d.call(arguments)))},i.guid=e.guid=e.guid||x.guid++,i):undefined},access:function(e,t,n,r,i,o,s){var a=0,u=e.length,l=null==n;if("object"===x.type(n)){i=!0;for(a in n)x.access(e,t,a,n[a],!0,o,s)}else if(r!==undefined&&(i=!0,x.isFunction(r)||(s=!0),l&&(s?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(x(e),n)})),t))for(;u>a;a++)t(e[a],n,s?r:r.call(e[a],a,t(e[a],n)));return i?e:l?t.call(e):u?t(e[0],n):o},now:Date.now,swap:function(e,t,n,r){var i,o,s={};for(o in t)s[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=s[o];return i}}),x.ready.promise=function(t){return n||(n=x.Deferred(),"complete"===o.readyState?setTimeout(x.ready):(o.addEventListener("DOMContentLoaded",S,!1),e.addEventListener("load",S,!1))),n.promise(t)},x.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(e,t){l["[object "+t+"]"]=t.toLowerCase()});function j(e){var t=e.length,n=x.type(e);return x.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||"function"!==n&&(0===t||"number"==typeof t&&t>0&&t-1 in e)}t=x(o),function(e,undefined){var t,n,r,i,o,s,a,u,l,c,p,f,h,d,g,m,y,v="sizzle"+-new Date,b=e.document,w=0,T=0,C=st(),k=st(),N=st(),E=!1,S=function(e,t){return e===t?(E=!0,0):0},j=typeof undefined,D=1<<31,A={}.hasOwnProperty,L=[],q=L.pop,H=L.push,O=L.push,F=L.slice,P=L.indexOf||function(e){var t=0,n=this.length;for(;n>t;t++)if(this[t]===e)return t;return-1},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",W="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",$=W.replace("w","w#"),B="\\["+M+"*("+W+")"+M+"*(?:([*^$|!~]?=)"+M+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+$+")|)|)"+M+"*\\]",I=":("+W+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+B.replace(3,8)+")*)|.*)\\)|)",z=RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),_=RegExp("^"+M+"*,"+M+"*"),X=RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=RegExp(M+"*[+~]"),Y=RegExp("="+M+"*([^\\]'\"]*)"+M+"*\\]","g"),V=RegExp(I),G=RegExp("^"+$+"$"),J={ID:RegExp("^#("+W+")"),CLASS:RegExp("^\\.("+W+")"),TAG:RegExp("^("+W.replace("w","w*")+")"),ATTR:RegExp("^"+B),PSEUDO:RegExp("^"+I),CHILD:RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:RegExp("^(?:"+R+")$","i"),needsContext:RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Q=/^[^{]+\{\s*\[native \w/,K=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,Z=/^(?:input|select|textarea|button)$/i,et=/^h\d$/i,tt=/'|\\/g,nt=RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),rt=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:0>r?String.fromCharCode(r+65536):String.fromCharCode(55296|r>>10,56320|1023&r)};try{O.apply(L=F.call(b.childNodes),b.childNodes),L[b.childNodes.length].nodeType}catch(it){O={apply:L.length?function(e,t){H.apply(e,F.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function ot(e,t,r,i){var o,s,a,u,l,f,g,m,x,w;if((t?t.ownerDocument||t:b)!==p&&c(t),t=t||p,r=r||[],!e||"string"!=typeof e)return r;if(1!==(u=t.nodeType)&&9!==u)return[];if(h&&!i){if(o=K.exec(e))if(a=o[1]){if(9===u){if(s=t.getElementById(a),!s||!s.parentNode)return r;if(s.id===a)return r.push(s),r}else if(t.ownerDocument&&(s=t.ownerDocument.getElementById(a))&&y(t,s)&&s.id===a)return r.push(s),r}else{if(o[2])return O.apply(r,t.getElementsByTagName(e)),r;if((a=o[3])&&n.getElementsByClassName&&t.getElementsByClassName)return O.apply(r,t.getElementsByClassName(a)),r}if(n.qsa&&(!d||!d.test(e))){if(m=g=v,x=t,w=9===u&&e,1===u&&"object"!==t.nodeName.toLowerCase()){f=gt(e),(g=t.getAttribute("id"))?m=g.replace(tt,"\\$&"):t.setAttribute("id",m),m="[id='"+m+"'] ",l=f.length;while(l--)f[l]=m+mt(f[l]);x=U.test(e)&&t.parentNode||t,w=f.join(",")}if(w)try{return O.apply(r,x.querySelectorAll(w)),r}catch(T){}finally{g||t.removeAttribute("id")}}}return kt(e.replace(z,"$1"),t,r,i)}function st(){var e=[];function t(n,r){return e.push(n+=" ")>i.cacheLength&&delete t[e.shift()],t[n]=r}return t}function at(e){return e[v]=!0,e}function ut(e){var t=p.createElement("div");try{return!!e(t)}catch(n){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function lt(e,t){var n=e.split("|"),r=e.length;while(r--)i.attrHandle[n[r]]=t}function ct(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&(~t.sourceIndex||D)-(~e.sourceIndex||D);if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function pt(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function ft(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function ht(e){return at(function(t){return t=+t,at(function(n,r){var i,o=e([],n.length,t),s=o.length;while(s--)n[i=o[s]]&&(n[i]=!(r[i]=n[i]))})})}s=ot.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?"HTML"!==t.nodeName:!1},n=ot.support={},c=ot.setDocument=function(e){var t=e?e.ownerDocument||e:b,r=t.defaultView;return t!==p&&9===t.nodeType&&t.documentElement?(p=t,f=t.documentElement,h=!s(t),r&&r.attachEvent&&r!==r.top&&r.attachEvent("onbeforeunload",function(){c()}),n.attributes=ut(function(e){return e.className="i",!e.getAttribute("className")}),n.getElementsByTagName=ut(function(e){return e.appendChild(t.createComment("")),!e.getElementsByTagName("*").length}),n.getElementsByClassName=ut(function(e){return e.innerHTML="<div class='a'></div><div class='a i'></div>",e.firstChild.className="i",2===e.getElementsByClassName("i").length}),n.getById=ut(function(e){return f.appendChild(e).id=v,!t.getElementsByName||!t.getElementsByName(v).length}),n.getById?(i.find.ID=function(e,t){if(typeof t.getElementById!==j&&h){var n=t.getElementById(e);return n&&n.parentNode?[n]:[]}},i.filter.ID=function(e){var t=e.replace(nt,rt);return function(e){return e.getAttribute("id")===t}}):(delete i.find.ID,i.filter.ID=function(e){var t=e.replace(nt,rt);return function(e){var n=typeof e.getAttributeNode!==j&&e.getAttributeNode("id");return n&&n.value===t}}),i.find.TAG=n.getElementsByTagName?function(e,t){return typeof t.getElementsByTagName!==j?t.getElementsByTagName(e):undefined}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},i.find.CLASS=n.getElementsByClassName&&function(e,t){return typeof t.getElementsByClassName!==j&&h?t.getElementsByClassName(e):undefined},g=[],d=[],(n.qsa=Q.test(t.querySelectorAll))&&(ut(function(e){e.innerHTML="<select><option selected=''></option></select>",e.querySelectorAll("[selected]").length||d.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll(":checked").length||d.push(":checked")}),ut(function(e){var n=t.createElement("input");n.setAttribute("type","hidden"),e.appendChild(n).setAttribute("t",""),e.querySelectorAll("[t^='']").length&&d.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll(":enabled").length||d.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),d.push(",.*:")})),(n.matchesSelector=Q.test(m=f.webkitMatchesSelector||f.mozMatchesSelector||f.oMatchesSelector||f.msMatchesSelector))&&ut(function(e){n.disconnectedMatch=m.call(e,"div"),m.call(e,"[s!='']:x"),g.push("!=",I)}),d=d.length&&RegExp(d.join("|")),g=g.length&&RegExp(g.join("|")),y=Q.test(f.contains)||f.compareDocumentPosition?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},S=f.compareDocumentPosition?function(e,r){if(e===r)return E=!0,0;var i=r.compareDocumentPosition&&e.compareDocumentPosition&&e.compareDocumentPosition(r);return i?1&i||!n.sortDetached&&r.compareDocumentPosition(e)===i?e===t||y(b,e)?-1:r===t||y(b,r)?1:l?P.call(l,e)-P.call(l,r):0:4&i?-1:1:e.compareDocumentPosition?-1:1}:function(e,n){var r,i=0,o=e.parentNode,s=n.parentNode,a=[e],u=[n];if(e===n)return E=!0,0;if(!o||!s)return e===t?-1:n===t?1:o?-1:s?1:l?P.call(l,e)-P.call(l,n):0;if(o===s)return ct(e,n);r=e;while(r=r.parentNode)a.unshift(r);r=n;while(r=r.parentNode)u.unshift(r);while(a[i]===u[i])i++;return i?ct(a[i],u[i]):a[i]===b?-1:u[i]===b?1:0},t):p},ot.matches=function(e,t){return ot(e,null,null,t)},ot.matchesSelector=function(e,t){if((e.ownerDocument||e)!==p&&c(e),t=t.replace(Y,"='$1']"),!(!n.matchesSelector||!h||g&&g.test(t)||d&&d.test(t)))try{var r=m.call(e,t);if(r||n.disconnectedMatch||e.document&&11!==e.document.nodeType)return r}catch(i){}return ot(t,p,null,[e]).length>0},ot.contains=function(e,t){return(e.ownerDocument||e)!==p&&c(e),y(e,t)},ot.attr=function(e,t){(e.ownerDocument||e)!==p&&c(e);var r=i.attrHandle[t.toLowerCase()],o=r&&A.call(i.attrHandle,t.toLowerCase())?r(e,t,!h):undefined;return o===undefined?n.attributes||!h?e.getAttribute(t):(o=e.getAttributeNode(t))&&o.specified?o.value:null:o},ot.error=function(e){throw Error("Syntax error, unrecognized expression: "+e)},ot.uniqueSort=function(e){var t,r=[],i=0,o=0;if(E=!n.detectDuplicates,l=!n.sortStable&&e.slice(0),e.sort(S),E){while(t=e[o++])t===e[o]&&(i=r.push(o));while(i--)e.splice(r[i],1)}return e},o=ot.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r];r++)n+=o(t);return n},i=ot.selectors={cacheLength:50,createPseudo:at,match:J,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(nt,rt),e[3]=(e[4]||e[5]||"").replace(nt,rt),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||ot.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&ot.error(e[0]),e},PSEUDO:function(e){var t,n=!e[5]&&e[2];return J.CHILD.test(e[0])?null:(e[3]&&e[4]!==undefined?e[2]=e[4]:n&&V.test(n)&&(t=gt(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(nt,rt).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=C[e+" "];return t||(t=RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&C(e,function(e){return t.test("string"==typeof e.className&&e.className||typeof e.getAttribute!==j&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=ot.attr(r,e);return null==i?"!="===t:t?(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i+" ").indexOf(n)>-1:"|="===t?i===n||i.slice(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),s="last"!==e.slice(-4),a="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,p,f,h,d,g=o!==s?"nextSibling":"previousSibling",m=t.parentNode,y=a&&t.nodeName.toLowerCase(),x=!u&&!a;if(m){if(o){while(g){p=t;while(p=p[g])if(a?p.nodeName.toLowerCase()===y:1===p.nodeType)return!1;d=g="only"===e&&!d&&"nextSibling"}return!0}if(d=[s?m.firstChild:m.lastChild],s&&x){c=m[v]||(m[v]={}),l=c[e]||[],h=l[0]===w&&l[1],f=l[0]===w&&l[2],p=h&&m.childNodes[h];while(p=++h&&p&&p[g]||(f=h=0)||d.pop())if(1===p.nodeType&&++f&&p===t){c[e]=[w,h,f];break}}else if(x&&(l=(t[v]||(t[v]={}))[e])&&l[0]===w)f=l[1];else while(p=++h&&p&&p[g]||(f=h=0)||d.pop())if((a?p.nodeName.toLowerCase()===y:1===p.nodeType)&&++f&&(x&&((p[v]||(p[v]={}))[e]=[w,f]),p===t))break;return f-=i,f===r||0===f%r&&f/r>=0}}},PSEUDO:function(e,t){var n,r=i.pseudos[e]||i.setFilters[e.toLowerCase()]||ot.error("unsupported pseudo: "+e);return r[v]?r(t):r.length>1?(n=[e,e,"",t],i.setFilters.hasOwnProperty(e.toLowerCase())?at(function(e,n){var i,o=r(e,t),s=o.length;while(s--)i=P.call(e,o[s]),e[i]=!(n[i]=o[s])}):function(e){return r(e,0,n)}):r}},pseudos:{not:at(function(e){var t=[],n=[],r=a(e.replace(z,"$1"));return r[v]?at(function(e,t,n,i){var o,s=r(e,null,i,[]),a=e.length;while(a--)(o=s[a])&&(e[a]=!(t[a]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),!n.pop()}}),has:at(function(e){return function(t){return ot(e,t).length>0}}),contains:at(function(e){return function(t){return(t.textContent||t.innerText||o(t)).indexOf(e)>-1}}),lang:at(function(e){return G.test(e||"")||ot.error("unsupported lang: "+e),e=e.replace(nt,rt).toLowerCase(),function(t){var n;do if(n=h?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return n=n.toLowerCase(),n===e||0===n.indexOf(e+"-");while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===f},focus:function(e){return e===p.activeElement&&(!p.hasFocus||p.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeName>"@"||3===e.nodeType||4===e.nodeType)return!1;return!0},parent:function(e){return!i.pseudos.empty(e)},header:function(e){return et.test(e.nodeName)},input:function(e){return Z.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||t.toLowerCase()===e.type)},first:ht(function(){return[0]}),last:ht(function(e,t){return[t-1]}),eq:ht(function(e,t,n){return[0>n?n+t:n]}),even:ht(function(e,t){var n=0;for(;t>n;n+=2)e.push(n);return e}),odd:ht(function(e,t){var n=1;for(;t>n;n+=2)e.push(n);return e}),lt:ht(function(e,t,n){var r=0>n?n+t:n;for(;--r>=0;)e.push(r);return e}),gt:ht(function(e,t,n){var r=0>n?n+t:n;for(;t>++r;)e.push(r);return e})}},i.pseudos.nth=i.pseudos.eq;for(t in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})i.pseudos[t]=pt(t);for(t in{submit:!0,reset:!0})i.pseudos[t]=ft(t);function dt(){}dt.prototype=i.filters=i.pseudos,i.setFilters=new dt;function gt(e,t){var n,r,o,s,a,u,l,c=k[e+" "];if(c)return t?0:c.slice(0);a=e,u=[],l=i.preFilter;while(a){(!n||(r=_.exec(a)))&&(r&&(a=a.slice(r[0].length)||a),u.push(o=[])),n=!1,(r=X.exec(a))&&(n=r.shift(),o.push({value:n,type:r[0].replace(z," ")}),a=a.slice(n.length));for(s in i.filter)!(r=J[s].exec(a))||l[s]&&!(r=l[s](r))||(n=r.shift(),o.push({value:n,type:s,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?ot.error(e):k(e,u).slice(0)}function mt(e){var t=0,n=e.length,r="";for(;n>t;t++)r+=e[t].value;return r}function yt(e,t,n){var i=t.dir,o=n&&"parentNode"===i,s=T++;return t.first?function(t,n,r){while(t=t[i])if(1===t.nodeType||o)return e(t,n,r)}:function(t,n,a){var u,l,c,p=w+" "+s;if(a){while(t=t[i])if((1===t.nodeType||o)&&e(t,n,a))return!0}else while(t=t[i])if(1===t.nodeType||o)if(c=t[v]||(t[v]={}),(l=c[i])&&l[0]===p){if((u=l[1])===!0||u===r)return u===!0}else if(l=c[i]=[p],l[1]=e(t,n,a)||r,l[1]===!0)return!0}}function vt(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function xt(e,t,n,r,i){var o,s=[],a=0,u=e.length,l=null!=t;for(;u>a;a++)(o=e[a])&&(!n||n(o,r,i))&&(s.push(o),l&&t.push(a));return s}function bt(e,t,n,r,i,o){return r&&!r[v]&&(r=bt(r)),i&&!i[v]&&(i=bt(i,o)),at(function(o,s,a,u){var l,c,p,f=[],h=[],d=s.length,g=o||Ct(t||"*",a.nodeType?[a]:a,[]),m=!e||!o&&t?g:xt(g,f,e,a,u),y=n?i||(o?e:d||r)?[]:s:m;if(n&&n(m,y,a,u),r){l=xt(y,h),r(l,[],a,u),c=l.length;while(c--)(p=l[c])&&(y[h[c]]=!(m[h[c]]=p))}if(o){if(i||e){if(i){l=[],c=y.length;while(c--)(p=y[c])&&l.push(m[c]=p);i(null,y=[],l,u)}c=y.length;while(c--)(p=y[c])&&(l=i?P.call(o,p):f[c])>-1&&(o[l]=!(s[l]=p))}}else y=xt(y===s?y.splice(d,y.length):y),i?i(null,s,y,u):O.apply(s,y)})}function wt(e){var t,n,r,o=e.length,s=i.relative[e[0].type],a=s||i.relative[" "],l=s?1:0,c=yt(function(e){return e===t},a,!0),p=yt(function(e){return P.call(t,e)>-1},a,!0),f=[function(e,n,r){return!s&&(r||n!==u)||((t=n).nodeType?c(e,n,r):p(e,n,r))}];for(;o>l;l++)if(n=i.relative[e[l].type])f=[yt(vt(f),n)];else{if(n=i.filter[e[l].type].apply(null,e[l].matches),n[v]){for(r=++l;o>r;r++)if(i.relative[e[r].type])break;return bt(l>1&&vt(f),l>1&&mt(e.slice(0,l-1).concat({value:" "===e[l-2].type?"*":""})).replace(z,"$1"),n,r>l&&wt(e.slice(l,r)),o>r&&wt(e=e.slice(r)),o>r&&mt(e))}f.push(n)}return vt(f)}function Tt(e,t){var n=0,o=t.length>0,s=e.length>0,a=function(a,l,c,f,h){var d,g,m,y=[],v=0,x="0",b=a&&[],T=null!=h,C=u,k=a||s&&i.find.TAG("*",h&&l.parentNode||l),N=w+=null==C?1:Math.random()||.1;for(T&&(u=l!==p&&l,r=n);null!=(d=k[x]);x++){if(s&&d){g=0;while(m=e[g++])if(m(d,l,c)){f.push(d);break}T&&(w=N,r=++n)}o&&((d=!m&&d)&&v--,a&&b.push(d))}if(v+=x,o&&x!==v){g=0;while(m=t[g++])m(b,y,l,c);if(a){if(v>0)while(x--)b[x]||y[x]||(y[x]=q.call(f));y=xt(y)}O.apply(f,y),T&&!a&&y.length>0&&v+t.length>1&&ot.uniqueSort(f)}return T&&(w=N,u=C),b};return o?at(a):a}a=ot.compile=function(e,t){var n,r=[],i=[],o=N[e+" "];if(!o){t||(t=gt(e)),n=t.length;while(n--)o=wt(t[n]),o[v]?r.push(o):i.push(o);o=N(e,Tt(i,r))}return o};function Ct(e,t,n){var r=0,i=t.length;for(;i>r;r++)ot(e,t[r],n);return n}function kt(e,t,r,o){var s,u,l,c,p,f=gt(e);if(!o&&1===f.length){if(u=f[0]=f[0].slice(0),u.length>2&&"ID"===(l=u[0]).type&&n.getById&&9===t.nodeType&&h&&i.relative[u[1].type]){if(t=(i.find.ID(l.matches[0].replace(nt,rt),t)||[])[0],!t)return r;e=e.slice(u.shift().value.length)}s=J.needsContext.test(e)?0:u.length;while(s--){if(l=u[s],i.relative[c=l.type])break;if((p=i.find[c])&&(o=p(l.matches[0].replace(nt,rt),U.test(u[0].type)&&t.parentNode||t))){if(u.splice(s,1),e=o.length&&mt(u),!e)return O.apply(r,o),r;break}}}return a(e,f)(o,t,!h,r,U.test(e)),r}n.sortStable=v.split("").sort(S).join("")===v,n.detectDuplicates=E,c(),n.sortDetached=ut(function(e){return 1&e.compareDocumentPosition(p.createElement("div"))}),ut(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||lt("type|href|height|width",function(e,t,n){return n?undefined:e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),n.attributes&&ut(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||lt("value",function(e,t,n){return n||"input"!==e.nodeName.toLowerCase()?undefined:e.defaultValue}),ut(function(e){return null==e.getAttribute("disabled")})||lt(R,function(e,t,n){var r;return n?undefined:(r=e.getAttributeNode(t))&&r.specified?r.value:e[t]===!0?t.toLowerCase():null}),x.find=ot,x.expr=ot.selectors,x.expr[":"]=x.expr.pseudos,x.unique=ot.uniqueSort,x.text=ot.getText,x.isXMLDoc=ot.isXML,x.contains=ot.contains}(e);var D={};function A(e){var t=D[e]={};return x.each(e.match(w)||[],function(e,n){t[n]=!0}),t}x.Callbacks=function(e){e="string"==typeof e?D[e]||A(e):x.extend({},e);var t,n,r,i,o,s,a=[],u=!e.once&&[],l=function(p){for(t=e.memory&&p,n=!0,s=i||0,i=0,o=a.length,r=!0;a&&o>s;s++)if(a[s].apply(p[0],p[1])===!1&&e.stopOnFalse){t=!1;break}r=!1,a&&(u?u.length&&l(u.shift()):t?a=[]:c.disable())},c={add:function(){if(a){var n=a.length;(function s(t){x.each(t,function(t,n){var r=x.type(n);"function"===r?e.unique&&c.has(n)||a.push(n):n&&n.length&&"string"!==r&&s(n)})})(arguments),r?o=a.length:t&&(i=n,l(t))}return this},remove:function(){return a&&x.each(arguments,function(e,t){var n;while((n=x.inArray(t,a,n))>-1)a.splice(n,1),r&&(o>=n&&o--,s>=n&&s--)}),this},has:function(e){return e?x.inArray(e,a)>-1:!(!a||!a.length)},empty:function(){return a=[],o=0,this},disable:function(){return a=u=t=undefined,this},disabled:function(){return!a},lock:function(){return u=undefined,t||c.disable(),this},locked:function(){return!u},fireWith:function(e,t){return!a||n&&!u||(t=t||[],t=[e,t.slice?t.slice():t],r?u.push(t):l(t)),this},fire:function(){return c.fireWith(this,arguments),this},fired:function(){return!!n}};return c},x.extend({Deferred:function(e){var t=[["resolve","done",x.Callbacks("once memory"),"resolved"],["reject","fail",x.Callbacks("once memory"),"rejected"],["notify","progress",x.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return x.Deferred(function(n){x.each(t,function(t,o){var s=o[0],a=x.isFunction(e[t])&&e[t];i[o[1]](function(){var e=a&&a.apply(this,arguments);e&&x.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[s+"With"](this===r?n.promise():this,a?[e]:arguments)})}),e=null}).promise()},promise:function(e){return null!=e?x.extend(e,r):r}},i={};return r.pipe=r.then,x.each(t,function(e,o){var s=o[2],a=o[3];r[o[1]]=s.add,a&&s.add(function(){n=a},t[1^e][2].disable,t[2][2].lock),i[o[0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=s.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t=0,n=d.call(arguments),r=n.length,i=1!==r||e&&x.isFunction(e.promise)?r:0,o=1===i?e:x.Deferred(),s=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?d.call(arguments):r,n===a?o.notifyWith(t,n):--i||o.resolveWith(t,n)}},a,u,l;if(r>1)for(a=Array(r),u=Array(r),l=Array(r);r>t;t++)n[t]&&x.isFunction(n[t].promise)?n[t].promise().done(s(t,l,n)).fail(o.reject).progress(s(t,u,a)):--i;return i||o.resolveWith(l,n),o.promise()}}),x.support=function(t){var n=o.createElement("input"),r=o.createDocumentFragment(),i=o.createElement("div"),s=o.createElement("select"),a=s.appendChild(o.createElement("option"));return n.type?(n.type="checkbox",t.checkOn=""!==n.value,t.optSelected=a.selected,t.reliableMarginRight=!0,t.boxSizingReliable=!0,t.pixelPosition=!1,n.checked=!0,t.noCloneChecked=n.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!a.disabled,n=o.createElement("input"),n.value="t",n.type="radio",t.radioValue="t"===n.value,n.setAttribute("checked","t"),n.setAttribute("name","t"),r.appendChild(n),t.checkClone=r.cloneNode(!0).cloneNode(!0).lastChild.checked,t.focusinBubbles="onfocusin"in e,i.style.backgroundClip="content-box",i.cloneNode(!0).style.backgroundClip="",t.clearCloneStyle="content-box"===i.style.backgroundClip,x(function(){var n,r,s="padding:0;margin:0;border:0;display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box",a=o.getElementsByTagName("body")[0];a&&(n=o.createElement("div"),n.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",a.appendChild(n).appendChild(i),i.innerHTML="",i.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%",x.swap(a,null!=a.style.zoom?{zoom:1}:{},function(){t.boxSizing=4===i.offsetWidth}),e.getComputedStyle&&(t.pixelPosition="1%"!==(e.getComputedStyle(i,null)||{}).top,t.boxSizingReliable="4px"===(e.getComputedStyle(i,null)||{width:"4px"}).width,r=i.appendChild(o.createElement("div")),r.style.cssText=i.style.cssText=s,r.style.marginRight=r.style.width="0",i.style.width="1px",t.reliableMarginRight=!parseFloat((e.getComputedStyle(r,null)||{}).marginRight)),a.removeChild(n))}),t):t}({});var L,q,H=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,O=/([A-Z])/g;function F(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=x.expando+Math.random()}F.uid=1,F.accepts=function(e){return e.nodeType?1===e.nodeType||9===e.nodeType:!0},F.prototype={key:function(e){if(!F.accepts(e))return 0;var t={},n=e[this.expando];if(!n){n=F.uid++;try{t[this.expando]={value:n},Object.defineProperties(e,t)}catch(r){t[this.expando]=n,x.extend(e,t)}}return this.cache[n]||(this.cache[n]={}),n},set:function(e,t,n){var r,i=this.key(e),o=this.cache[i];if("string"==typeof t)o[t]=n;else if(x.isEmptyObject(o))x.extend(this.cache[i],t);else for(r in t)o[r]=t[r];return o},get:function(e,t){var n=this.cache[this.key(e)];return t===undefined?n:n[t]},access:function(e,t,n){var r;return t===undefined||t&&"string"==typeof t&&n===undefined?(r=this.get(e,t),r!==undefined?r:this.get(e,x.camelCase(t))):(this.set(e,t,n),n!==undefined?n:t)},remove:function(e,t){var n,r,i,o=this.key(e),s=this.cache[o];if(t===undefined)this.cache[o]={};else{x.isArray(t)?r=t.concat(t.map(x.camelCase)):(i=x.camelCase(t),t in s?r=[t,i]:(r=i,r=r in s?[r]:r.match(w)||[])),n=r.length;while(n--)delete s[r[n]]}},hasData:function(e){return!x.isEmptyObject(this.cache[e[this.expando]]||{})},discard:function(e){e[this.expando]&&delete this.cache[e[this.expando]]}},L=new F,q=new F,x.extend({acceptData:F.accepts,hasData:function(e){return L.hasData(e)||q.hasData(e)},data:function(e,t,n){return L.access(e,t,n)},removeData:function(e,t){L.remove(e,t)},_data:function(e,t,n){return q.access(e,t,n)},_removeData:function(e,t){q.remove(e,t)}}),x.fn.extend({data:function(e,t){var n,r,i=this[0],o=0,s=null;if(e===undefined){if(this.length&&(s=L.get(i),1===i.nodeType&&!q.get(i,"hasDataAttrs"))){for(n=i.attributes;n.length>o;o++)r=n[o].name,0===r.indexOf("data-")&&(r=x.camelCase(r.slice(5)),P(i,r,s[r]));q.set(i,"hasDataAttrs",!0)}return s}return"object"==typeof e?this.each(function(){L.set(this,e)}):x.access(this,function(t){var n,r=x.camelCase(e);if(i&&t===undefined){if(n=L.get(i,e),n!==undefined)return n;if(n=L.get(i,r),n!==undefined)return n;if(n=P(i,r,undefined),n!==undefined)return n}else this.each(function(){var n=L.get(this,r);L.set(this,r,t),-1!==e.indexOf("-")&&n!==undefined&&L.set(this,e,t)})},null,t,arguments.length>1,null,!0)},removeData:function(e){return this.each(function(){L.remove(this,e)})}});function P(e,t,n){var r;if(n===undefined&&1===e.nodeType)if(r="data-"+t.replace(O,"-$1").toLowerCase(),n=e.getAttribute(r),"string"==typeof n){try{n="true"===n?!0:"false"===n?!1:"null"===n?null:+n+""===n?+n:H.test(n)?JSON.parse(n):n}catch(i){}L.set(e,t,n)}else n=undefined;return n}x.extend({queue:function(e,t,n){var r;return e?(t=(t||"fx")+"queue",r=q.get(e,t),n&&(!r||x.isArray(n)?r=q.access(e,t,x.makeArray(n)):r.push(n)),r||[]):undefined},dequeue:function(e,t){t=t||"fx";var n=x.queue(e,t),r=n.length,i=n.shift(),o=x._queueHooks(e,t),s=function(){x.dequeue(e,t)
-};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,s,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return q.get(e,n)||q.access(e,n,{empty:x.Callbacks("once memory").add(function(){q.remove(e,[t+"queue",n])})})}}),x.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),n>arguments.length?x.queue(this[0],e):t===undefined?this:this.each(function(){var n=x.queue(this,e,t);x._queueHooks(this,e),"fx"===e&&"inprogress"!==n[0]&&x.dequeue(this,e)})},dequeue:function(e){return this.each(function(){x.dequeue(this,e)})},delay:function(e,t){return e=x.fx?x.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=x.Deferred(),o=this,s=this.length,a=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=undefined),e=e||"fx";while(s--)n=q.get(o[s],e+"queueHooks"),n&&n.empty&&(r++,n.empty.add(a));return a(),i.promise(t)}});var R,M,W=/[\t\r\n\f]/g,$=/\r/g,B=/^(?:input|select|textarea|button)$/i;x.fn.extend({attr:function(e,t){return x.access(this,x.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){x.removeAttr(this,e)})},prop:function(e,t){return x.access(this,x.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[x.propFix[e]||e]})},addClass:function(e){var t,n,r,i,o,s=0,a=this.length,u="string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).addClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=x.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,s=0,a=this.length,u=0===arguments.length||"string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).removeClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?x.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):x.isFunction(e)?this.each(function(n){x(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var t,i=0,o=x(this),s=e.match(w)||[];while(t=s[i++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else(n===r||"boolean"===n)&&(this.className&&q.set(this,"__className__",this.className),this.className=this.className||e===!1?"":q.get(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(W," ").indexOf(t)>=0)return!0;return!1},val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=x.isFunction(e),this.each(function(n){var i;1===this.nodeType&&(i=r?e.call(this,n,x(this).val()):e,null==i?i="":"number"==typeof i?i+="":x.isArray(i)&&(i=x.map(i,function(e){return null==e?"":e+""})),t=x.valHooks[this.type]||x.valHooks[this.nodeName.toLowerCase()],t&&"set"in t&&t.set(this,i,"value")!==undefined||(this.value=i))});if(i)return t=x.valHooks[i.type]||x.valHooks[i.nodeName.toLowerCase()],t&&"get"in t&&(n=t.get(i,"value"))!==undefined?n:(n=i.value,"string"==typeof n?n.replace($,""):null==n?"":n)}}}),x.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,s=o?null:[],a=o?i+1:r.length,u=0>i?a:o?i:0;for(;a>u;u++)if(n=r[u],!(!n.selected&&u!==i||(x.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&x.nodeName(n.parentNode,"optgroup"))){if(t=x(n).val(),o)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=x.makeArray(t),s=i.length;while(s--)r=i[s],(r.selected=x.inArray(x(r).val(),o)>=0)&&(n=!0);return n||(e.selectedIndex=-1),o}}},attr:function(e,t,n){var i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return typeof e.getAttribute===r?x.prop(e,t,n):(1===s&&x.isXMLDoc(e)||(t=t.toLowerCase(),i=x.attrHooks[t]||(x.expr.match.bool.test(t)?M:R)),n===undefined?i&&"get"in i&&null!==(o=i.get(e,t))?o:(o=x.find.attr(e,t),null==o?undefined:o):null!==n?i&&"set"in i&&(o=i.set(e,n,t))!==undefined?o:(e.setAttribute(t,n+""),n):(x.removeAttr(e,t),undefined))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(w);if(o&&1===e.nodeType)while(n=o[i++])r=x.propFix[n]||n,x.expr.match.bool.test(n)&&(e[r]=!1),e.removeAttribute(n)},attrHooks:{type:{set:function(e,t){if(!x.support.radioValue&&"radio"===t&&x.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{"for":"htmlFor","class":"className"},prop:function(e,t,n){var r,i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return o=1!==s||!x.isXMLDoc(e),o&&(t=x.propFix[t]||t,i=x.propHooks[t]),n!==undefined?i&&"set"in i&&(r=i.set(e,n,t))!==undefined?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){return e.hasAttribute("tabindex")||B.test(e.nodeName)||e.href?e.tabIndex:-1}}}}),M={set:function(e,t,n){return t===!1?x.removeAttr(e,n):e.setAttribute(n,n),n}},x.each(x.expr.match.bool.source.match(/\w+/g),function(e,t){var n=x.expr.attrHandle[t]||x.find.attr;x.expr.attrHandle[t]=function(e,t,r){var i=x.expr.attrHandle[t],o=r?undefined:(x.expr.attrHandle[t]=undefined)!=n(e,t,r)?t.toLowerCase():null;return x.expr.attrHandle[t]=i,o}}),x.support.optSelected||(x.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null}}),x.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){x.propFix[this.toLowerCase()]=this}),x.each(["radio","checkbox"],function(){x.valHooks[this]={set:function(e,t){return x.isArray(t)?e.checked=x.inArray(x(e).val(),t)>=0:undefined}},x.support.checkOn||(x.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var I=/^key/,z=/^(?:mouse|contextmenu)|click/,_=/^(?:focusinfocus|focusoutblur)$/,X=/^([^.]*)(?:\.(.+)|)$/;function U(){return!0}function Y(){return!1}function V(){try{return o.activeElement}catch(e){}}x.event={global:{},add:function(e,t,n,i,o){var s,a,u,l,c,p,f,h,d,g,m,y=q.get(e);if(y){n.handler&&(s=n,n=s.handler,o=s.selector),n.guid||(n.guid=x.guid++),(l=y.events)||(l=y.events={}),(a=y.handle)||(a=y.handle=function(e){return typeof x===r||e&&x.event.triggered===e.type?undefined:x.event.dispatch.apply(a.elem,arguments)},a.elem=e),t=(t||"").match(w)||[""],c=t.length;while(c--)u=X.exec(t[c])||[],d=m=u[1],g=(u[2]||"").split(".").sort(),d&&(f=x.event.special[d]||{},d=(o?f.delegateType:f.bindType)||d,f=x.event.special[d]||{},p=x.extend({type:d,origType:m,data:i,handler:n,guid:n.guid,selector:o,needsContext:o&&x.expr.match.needsContext.test(o),namespace:g.join(".")},s),(h=l[d])||(h=l[d]=[],h.delegateCount=0,f.setup&&f.setup.call(e,i,g,a)!==!1||e.addEventListener&&e.addEventListener(d,a,!1)),f.add&&(f.add.call(e,p),p.handler.guid||(p.handler.guid=n.guid)),o?h.splice(h.delegateCount++,0,p):h.push(p),x.event.global[d]=!0);e=null}},remove:function(e,t,n,r,i){var o,s,a,u,l,c,p,f,h,d,g,m=q.hasData(e)&&q.get(e);if(m&&(u=m.events)){t=(t||"").match(w)||[""],l=t.length;while(l--)if(a=X.exec(t[l])||[],h=g=a[1],d=(a[2]||"").split(".").sort(),h){p=x.event.special[h]||{},h=(r?p.delegateType:p.bindType)||h,f=u[h]||[],a=a[2]&&RegExp("(^|\\.)"+d.join("\\.(?:.*\\.|)")+"(\\.|$)"),s=o=f.length;while(o--)c=f[o],!i&&g!==c.origType||n&&n.guid!==c.guid||a&&!a.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(f.splice(o,1),c.selector&&f.delegateCount--,p.remove&&p.remove.call(e,c));s&&!f.length&&(p.teardown&&p.teardown.call(e,d,m.handle)!==!1||x.removeEvent(e,h,m.handle),delete u[h])}else for(h in u)x.event.remove(e,h+t[l],n,r,!0);x.isEmptyObject(u)&&(delete m.handle,q.remove(e,"events"))}},trigger:function(t,n,r,i){var s,a,u,l,c,p,f,h=[r||o],d=y.call(t,"type")?t.type:t,g=y.call(t,"namespace")?t.namespace.split("."):[];if(a=u=r=r||o,3!==r.nodeType&&8!==r.nodeType&&!_.test(d+x.event.triggered)&&(d.indexOf(".")>=0&&(g=d.split("."),d=g.shift(),g.sort()),c=0>d.indexOf(":")&&"on"+d,t=t[x.expando]?t:new x.Event(d,"object"==typeof t&&t),t.isTrigger=i?2:3,t.namespace=g.join("."),t.namespace_re=t.namespace?RegExp("(^|\\.)"+g.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=undefined,t.target||(t.target=r),n=null==n?[t]:x.makeArray(n,[t]),f=x.event.special[d]||{},i||!f.trigger||f.trigger.apply(r,n)!==!1)){if(!i&&!f.noBubble&&!x.isWindow(r)){for(l=f.delegateType||d,_.test(l+d)||(a=a.parentNode);a;a=a.parentNode)h.push(a),u=a;u===(r.ownerDocument||o)&&h.push(u.defaultView||u.parentWindow||e)}s=0;while((a=h[s++])&&!t.isPropagationStopped())t.type=s>1?l:f.bindType||d,p=(q.get(a,"events")||{})[t.type]&&q.get(a,"handle"),p&&p.apply(a,n),p=c&&a[c],p&&x.acceptData(a)&&p.apply&&p.apply(a,n)===!1&&t.preventDefault();return t.type=d,i||t.isDefaultPrevented()||f._default&&f._default.apply(h.pop(),n)!==!1||!x.acceptData(r)||c&&x.isFunction(r[d])&&!x.isWindow(r)&&(u=r[c],u&&(r[c]=null),x.event.triggered=d,r[d](),x.event.triggered=undefined,u&&(r[c]=u)),t.result}},dispatch:function(e){e=x.event.fix(e);var t,n,r,i,o,s=[],a=d.call(arguments),u=(q.get(this,"events")||{})[e.type]||[],l=x.event.special[e.type]||{};if(a[0]=e,e.delegateTarget=this,!l.preDispatch||l.preDispatch.call(this,e)!==!1){s=x.event.handlers.call(this,e,u),t=0;while((i=s[t++])&&!e.isPropagationStopped()){e.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(o.namespace))&&(e.handleObj=o,e.data=o.data,r=((x.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,a),r!==undefined&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return l.postDispatch&&l.postDispatch.call(this,e),e.result}},handlers:function(e,t){var n,r,i,o,s=[],a=t.delegateCount,u=e.target;if(a&&u.nodeType&&(!e.button||"click"!==e.type))for(;u!==this;u=u.parentNode||this)if(u.disabled!==!0||"click"!==e.type){for(r=[],n=0;a>n;n++)o=t[n],i=o.selector+" ",r[i]===undefined&&(r[i]=o.needsContext?x(i,this).index(u)>=0:x.find(i,this,null,[u]).length),r[i]&&r.push(o);r.length&&s.push({elem:u,handlers:r})}return t.length>a&&s.push({elem:this,handlers:t.slice(a)}),s},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,t){var n,r,i,s=t.button;return null==e.pageX&&null!=t.clientX&&(n=e.target.ownerDocument||o,r=n.documentElement,i=n.body,e.pageX=t.clientX+(r&&r.scrollLeft||i&&i.scrollLeft||0)-(r&&r.clientLeft||i&&i.clientLeft||0),e.pageY=t.clientY+(r&&r.scrollTop||i&&i.scrollTop||0)-(r&&r.clientTop||i&&i.clientTop||0)),e.which||s===undefined||(e.which=1&s?1:2&s?3:4&s?2:0),e}},fix:function(e){if(e[x.expando])return e;var t,n,r,i=e.type,s=e,a=this.fixHooks[i];a||(this.fixHooks[i]=a=z.test(i)?this.mouseHooks:I.test(i)?this.keyHooks:{}),r=a.props?this.props.concat(a.props):this.props,e=new x.Event(s),t=r.length;while(t--)n=r[t],e[n]=s[n];return e.target||(e.target=o),3===e.target.nodeType&&(e.target=e.target.parentNode),a.filter?a.filter(e,s):e},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==V()&&this.focus?(this.focus(),!1):undefined},delegateType:"focusin"},blur:{trigger:function(){return this===V()&&this.blur?(this.blur(),!1):undefined},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&x.nodeName(this,"input")?(this.click(),!1):undefined},_default:function(e){return x.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){e.result!==undefined&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=x.extend(new x.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?x.event.trigger(i,null,t):x.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},x.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)},x.Event=function(e,t){return this instanceof x.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.getPreventDefault&&e.getPreventDefault()?U:Y):this.type=e,t&&x.extend(this,t),this.timeStamp=e&&e.timeStamp||x.now(),this[x.expando]=!0,undefined):new x.Event(e,t)},x.Event.prototype={isDefaultPrevented:Y,isPropagationStopped:Y,isImmediatePropagationStopped:Y,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=U,e&&e.preventDefault&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=U,e&&e.stopPropagation&&e.stopPropagation()},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=U,this.stopPropagation()}},x.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){x.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return(!i||i!==r&&!x.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),x.support.focusinBubbles||x.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){x.event.simulate(t,e.target,x.event.fix(e),!0)};x.event.special[t]={setup:function(){0===n++&&o.addEventListener(e,r,!0)},teardown:function(){0===--n&&o.removeEventListener(e,r,!0)}}}),x.fn.extend({on:function(e,t,n,r,i){var o,s;if("object"==typeof e){"string"!=typeof t&&(n=n||t,t=undefined);for(s in e)this.on(s,t,n,e[s],i);return this}if(null==n&&null==r?(r=t,n=t=undefined):null==r&&("string"==typeof t?(r=n,n=undefined):(r=n,n=t,t=undefined)),r===!1)r=Y;else if(!r)return this;return 1===i&&(o=r,r=function(e){return x().off(e),o.apply(this,arguments)},r.guid=o.guid||(o.guid=x.guid++)),this.each(function(){x.event.add(this,e,r,n,t)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,x(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return(t===!1||"function"==typeof t)&&(n=t,t=undefined),n===!1&&(n=Y),this.each(function(){x.event.remove(this,e,n,t)})},trigger:function(e,t){return this.each(function(){x.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];return n?x.event.trigger(e,t,n,!0):undefined}});var G=/^.[^:#\[\.,]*$/,J=/^(?:parents|prev(?:Until|All))/,Q=x.expr.match.needsContext,K={children:!0,contents:!0,next:!0,prev:!0};x.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(x(e).filter(function(){for(t=0;i>t;t++)if(x.contains(r[t],this))return!0}));for(t=0;i>t;t++)x.find(e,r[t],n);return n=this.pushStack(i>1?x.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},has:function(e){var t=x(e,this),n=t.length;return this.filter(function(){var e=0;for(;n>e;e++)if(x.contains(this,t[e]))return!0})},not:function(e){return this.pushStack(et(this,e||[],!0))},filter:function(e){return this.pushStack(et(this,e||[],!1))},is:function(e){return!!et(this,"string"==typeof e&&Q.test(e)?x(e):e||[],!1).length},closest:function(e,t){var n,r=0,i=this.length,o=[],s=Q.test(e)||"string"!=typeof e?x(e,t||this.context):0;for(;i>r;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(11>n.nodeType&&(s?s.index(n)>-1:1===n.nodeType&&x.find.matchesSelector(n,e))){n=o.push(n);break}return this.pushStack(o.length>1?x.unique(o):o)},index:function(e){return e?"string"==typeof e?g.call(x(e),this[0]):g.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?x(e,t):x.makeArray(e&&e.nodeType?[e]:e),r=x.merge(this.get(),n);return this.pushStack(x.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function Z(e,t){while((e=e[t])&&1!==e.nodeType);return e}x.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return x.dir(e,"parentNode")},parentsUntil:function(e,t,n){return x.dir(e,"parentNode",n)},next:function(e){return Z(e,"nextSibling")},prev:function(e){return Z(e,"previousSibling")},nextAll:function(e){return x.dir(e,"nextSibling")},prevAll:function(e){return x.dir(e,"previousSibling")},nextUntil:function(e,t,n){return x.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return x.dir(e,"previousSibling",n)},siblings:function(e){return x.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return x.sibling(e.firstChild)},contents:function(e){return e.contentDocument||x.merge([],e.childNodes)}},function(e,t){x.fn[e]=function(n,r){var i=x.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=x.filter(r,i)),this.length>1&&(K[e]||x.unique(i),J.test(e)&&i.reverse()),this.pushStack(i)}}),x.extend({filter:function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?x.find.matchesSelector(r,e)?[r]:[]:x.find.matches(e,x.grep(t,function(e){return 1===e.nodeType}))},dir:function(e,t,n){var r=[],i=n!==undefined;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&x(e).is(n))break;r.push(e)}return r},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function et(e,t,n){if(x.isFunction(t))return x.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return x.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(G.test(t))return x.filter(t,e,n);t=x.filter(t,e)}return x.grep(e,function(e){return g.call(t,e)>=0!==n})}var tt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,nt=/<([\w:]+)/,rt=/<|&#?\w+;/,it=/<(?:script|style|link)/i,ot=/^(?:checkbox|radio)$/i,st=/checked\s*(?:[^=]|=\s*.checked.)/i,at=/^$|\/(?:java|ecma)script/i,ut=/^true\/(.*)/,lt=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,ct={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};ct.optgroup=ct.option,ct.tbody=ct.tfoot=ct.colgroup=ct.caption=ct.thead,ct.th=ct.td,x.fn.extend({text:function(e){return x.access(this,function(e){return e===undefined?x.text(this):this.empty().append((this[0]&&this[0].ownerDocument||o).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.appendChild(e)}})},prepend:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=e?x.filter(e,this):this,i=0;for(;null!=(n=r[i]);i++)t||1!==n.nodeType||x.cleanData(mt(n)),n.parentNode&&(t&&x.contains(n.ownerDocument,n)&&dt(mt(n,"script")),n.parentNode.removeChild(n));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++)1===e.nodeType&&(x.cleanData(mt(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return x.clone(this,e,t)})},html:function(e){return x.access(this,function(e){var t=this[0]||{},n=0,r=this.length;if(e===undefined&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!it.test(e)&&!ct[(nt.exec(e)||["",""])[1].toLowerCase()]){e=e.replace(tt,"<$1></$2>");try{for(;r>n;n++)t=this[n]||{},1===t.nodeType&&(x.cleanData(mt(t,!1)),t.innerHTML=e);t=0}catch(i){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=x.map(this,function(e){return[e.nextSibling,e.parentNode]}),t=0;return this.domManip(arguments,function(n){var r=e[t++],i=e[t++];i&&(r&&r.parentNode!==i&&(r=this.nextSibling),x(this).remove(),i.insertBefore(n,r))},!0),t?this:this.remove()},detach:function(e){return this.remove(e,!0)},domManip:function(e,t,n){e=f.apply([],e);var r,i,o,s,a,u,l=0,c=this.length,p=this,h=c-1,d=e[0],g=x.isFunction(d);if(g||!(1>=c||"string"!=typeof d||x.support.checkClone)&&st.test(d))return this.each(function(r){var i=p.eq(r);g&&(e[0]=d.call(this,r,i.html())),i.domManip(e,t,n)});if(c&&(r=x.buildFragment(e,this[0].ownerDocument,!1,!n&&this),i=r.firstChild,1===r.childNodes.length&&(r=i),i)){for(o=x.map(mt(r,"script"),ft),s=o.length;c>l;l++)a=r,l!==h&&(a=x.clone(a,!0,!0),s&&x.merge(o,mt(a,"script"))),t.call(this[l],a,l);if(s)for(u=o[o.length-1].ownerDocument,x.map(o,ht),l=0;s>l;l++)a=o[l],at.test(a.type||"")&&!q.access(a,"globalEval")&&x.contains(u,a)&&(a.src?x._evalUrl(a.src):x.globalEval(a.textContent.replace(lt,"")))}return this}}),x.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){x.fn[e]=function(e){var n,r=[],i=x(e),o=i.length-1,s=0;for(;o>=s;s++)n=s===o?this:this.clone(!0),x(i[s])[t](n),h.apply(r,n.get());return this.pushStack(r)}}),x.extend({clone:function(e,t,n){var r,i,o,s,a=e.cloneNode(!0),u=x.contains(e.ownerDocument,e);if(!(x.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||x.isXMLDoc(e)))for(s=mt(a),o=mt(e),r=0,i=o.length;i>r;r++)yt(o[r],s[r]);if(t)if(n)for(o=o||mt(e),s=s||mt(a),r=0,i=o.length;i>r;r++)gt(o[r],s[r]);else gt(e,a);return s=mt(a,"script"),s.length>0&&dt(s,!u&&mt(e,"script")),a},buildFragment:function(e,t,n,r){var i,o,s,a,u,l,c=0,p=e.length,f=t.createDocumentFragment(),h=[];for(;p>c;c++)if(i=e[c],i||0===i)if("object"===x.type(i))x.merge(h,i.nodeType?[i]:i);else if(rt.test(i)){o=o||f.appendChild(t.createElement("div")),s=(nt.exec(i)||["",""])[1].toLowerCase(),a=ct[s]||ct._default,o.innerHTML=a[1]+i.replace(tt,"<$1></$2>")+a[2],l=a[0];while(l--)o=o.lastChild;x.merge(h,o.childNodes),o=f.firstChild,o.textContent=""}else h.push(t.createTextNode(i));f.textContent="",c=0;while(i=h[c++])if((!r||-1===x.inArray(i,r))&&(u=x.contains(i.ownerDocument,i),o=mt(f.appendChild(i),"script"),u&&dt(o),n)){l=0;while(i=o[l++])at.test(i.type||"")&&n.push(i)}return f},cleanData:function(e){var t,n,r,i,o,s,a=x.event.special,u=0;for(;(n=e[u])!==undefined;u++){if(F.accepts(n)&&(o=n[q.expando],o&&(t=q.cache[o]))){if(r=Object.keys(t.events||{}),r.length)for(s=0;(i=r[s])!==undefined;s++)a[i]?x.event.remove(n,i):x.removeEvent(n,i,t.handle);q.cache[o]&&delete q.cache[o]}delete L.cache[n[L.expando]]}},_evalUrl:function(e){return x.ajax({url:e,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})}});function pt(e,t){return x.nodeName(e,"table")&&x.nodeName(1===t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function ft(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function ht(e){var t=ut.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function dt(e,t){var n=e.length,r=0;for(;n>r;r++)q.set(e[r],"globalEval",!t||q.get(t[r],"globalEval"))}function gt(e,t){var n,r,i,o,s,a,u,l;if(1===t.nodeType){if(q.hasData(e)&&(o=q.access(e),s=q.set(t,o),l=o.events)){delete s.handle,s.events={};for(i in l)for(n=0,r=l[i].length;r>n;n++)x.event.add(t,i,l[i][n])}L.hasData(e)&&(a=L.access(e),u=x.extend({},a),L.set(t,u))}}function mt(e,t){var n=e.getElementsByTagName?e.getElementsByTagName(t||"*"):e.querySelectorAll?e.querySelectorAll(t||"*"):[];return t===undefined||t&&x.nodeName(e,t)?x.merge([e],n):n}function yt(e,t){var n=t.nodeName.toLowerCase();"input"===n&&ot.test(e.type)?t.checked=e.checked:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}x.fn.extend({wrapAll:function(e){var t;return x.isFunction(e)?this.each(function(t){x(this).wrapAll(e.call(this,t))}):(this[0]&&(t=x(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this)},wrapInner:function(e){return x.isFunction(e)?this.each(function(t){x(this).wrapInner(e.call(this,t))}):this.each(function(){var t=x(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=x.isFunction(e);return this.each(function(n){x(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){x.nodeName(this,"body")||x(this).replaceWith(this.childNodes)}).end()}});var vt,xt,bt=/^(none|table(?!-c[ea]).+)/,wt=/^margin/,Tt=RegExp("^("+b+")(.*)$","i"),Ct=RegExp("^("+b+")(?!px)[a-z%]+$","i"),kt=RegExp("^([+-])=("+b+")","i"),Nt={BODY:"block"},Et={position:"absolute",visibility:"hidden",display:"block"},St={letterSpacing:0,fontWeight:400},jt=["Top","Right","Bottom","Left"],Dt=["Webkit","O","Moz","ms"];function At(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=Dt.length;while(i--)if(t=Dt[i]+n,t in e)return t;return r}function Lt(e,t){return e=t||e,"none"===x.css(e,"display")||!x.contains(e.ownerDocument,e)}function qt(t){return e.getComputedStyle(t,null)}function Ht(e,t){var n,r,i,o=[],s=0,a=e.length;for(;a>s;s++)r=e[s],r.style&&(o[s]=q.get(r,"olddisplay"),n=r.style.display,t?(o[s]||"none"!==n||(r.style.display=""),""===r.style.display&&Lt(r)&&(o[s]=q.access(r,"olddisplay",Rt(r.nodeName)))):o[s]||(i=Lt(r),(n&&"none"!==n||!i)&&q.set(r,"olddisplay",i?n:x.css(r,"display"))));for(s=0;a>s;s++)r=e[s],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[s]||"":"none"));return e}x.fn.extend({css:function(e,t){return x.access(this,function(e,t,n){var r,i,o={},s=0;if(x.isArray(t)){for(r=qt(e),i=t.length;i>s;s++)o[t[s]]=x.css(e,t[s],!1,r);return o}return n!==undefined?x.style(e,t,n):x.css(e,t)},e,t,arguments.length>1)},show:function(){return Ht(this,!0)},hide:function(){return Ht(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){Lt(this)?x(this).show():x(this).hide()})}}),x.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=vt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,s,a=x.camelCase(t),u=e.style;return t=x.cssProps[a]||(x.cssProps[a]=At(u,a)),s=x.cssHooks[t]||x.cssHooks[a],n===undefined?s&&"get"in s&&(i=s.get(e,!1,r))!==undefined?i:u[t]:(o=typeof n,"string"===o&&(i=kt.exec(n))&&(n=(i[1]+1)*i[2]+parseFloat(x.css(e,t)),o="number"),null==n||"number"===o&&isNaN(n)||("number"!==o||x.cssNumber[a]||(n+="px"),x.support.clearCloneStyle||""!==n||0!==t.indexOf("background")||(u[t]="inherit"),s&&"set"in s&&(n=s.set(e,n,r))===undefined||(u[t]=n)),undefined)}},css:function(e,t,n,r){var i,o,s,a=x.camelCase(t);return t=x.cssProps[a]||(x.cssProps[a]=At(e.style,a)),s=x.cssHooks[t]||x.cssHooks[a],s&&"get"in s&&(i=s.get(e,!0,n)),i===undefined&&(i=vt(e,t,r)),"normal"===i&&t in St&&(i=St[t]),""===n||n?(o=parseFloat(i),n===!0||x.isNumeric(o)?o||0:i):i}}),vt=function(e,t,n){var r,i,o,s=n||qt(e),a=s?s.getPropertyValue(t)||s[t]:undefined,u=e.style;return s&&(""!==a||x.contains(e.ownerDocument,e)||(a=x.style(e,t)),Ct.test(a)&&wt.test(t)&&(r=u.width,i=u.minWidth,o=u.maxWidth,u.minWidth=u.maxWidth=u.width=a,a=s.width,u.width=r,u.minWidth=i,u.maxWidth=o)),a};function Ot(e,t,n){var r=Tt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function Ft(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,s=0;for(;4>o;o+=2)"margin"===n&&(s+=x.css(e,n+jt[o],!0,i)),r?("content"===n&&(s-=x.css(e,"padding"+jt[o],!0,i)),"margin"!==n&&(s-=x.css(e,"border"+jt[o]+"Width",!0,i))):(s+=x.css(e,"padding"+jt[o],!0,i),"padding"!==n&&(s+=x.css(e,"border"+jt[o]+"Width",!0,i)));return s}function Pt(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=qt(e),s=x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=vt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Ct.test(i))return i;r=s&&(x.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+Ft(e,t,n||(s?"border":"content"),r,o)+"px"}function Rt(e){var t=o,n=Nt[e];return n||(n=Mt(e,t),"none"!==n&&n||(xt=(xt||x("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(t.documentElement),t=(xt[0].contentWindow||xt[0].contentDocument).document,t.write("<!doctype html><html><body>"),t.close(),n=Mt(e,t),xt.detach()),Nt[e]=n),n}function Mt(e,t){var n=x(t.createElement(e)).appendTo(t.body),r=x.css(n[0],"display");return n.remove(),r}x.each(["height","width"],function(e,t){x.cssHooks[t]={get:function(e,n,r){return n?0===e.offsetWidth&&bt.test(x.css(e,"display"))?x.swap(e,Et,function(){return Pt(e,t,r)}):Pt(e,t,r):undefined},set:function(e,n,r){var i=r&&qt(e);return Ot(e,n,r?Ft(e,t,r,x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,i),i):0)}}}),x(function(){x.support.reliableMarginRight||(x.cssHooks.marginRight={get:function(e,t){return t?x.swap(e,{display:"inline-block"},vt,[e,"marginRight"]):undefined}}),!x.support.pixelPosition&&x.fn.position&&x.each(["top","left"],function(e,t){x.cssHooks[t]={get:function(e,n){return n?(n=vt(e,t),Ct.test(n)?x(e).position()[t]+"px":n):undefined}}})}),x.expr&&x.expr.filters&&(x.expr.filters.hidden=function(e){return 0>=e.offsetWidth&&0>=e.offsetHeight},x.expr.filters.visible=function(e){return!x.expr.filters.hidden(e)}),x.each({margin:"",padding:"",border:"Width"},function(e,t){x.cssHooks[e+t]={expand:function(n){var r=0,i={},o="string"==typeof n?n.split(" "):[n];for(;4>r;r++)i[e+jt[r]+t]=o[r]||o[r-2]||o[0];return i}},wt.test(e)||(x.cssHooks[e+t].set=Ot)});var Wt=/%20/g,$t=/\[\]$/,Bt=/\r?\n/g,It=/^(?:submit|button|image|reset|file)$/i,zt=/^(?:input|select|textarea|keygen)/i;x.fn.extend({serialize:function(){return x.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=x.prop(this,"elements");return e?x.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!x(this).is(":disabled")&&zt.test(this.nodeName)&&!It.test(e)&&(this.checked||!ot.test(e))}).map(function(e,t){var n=x(this).val();return null==n?null:x.isArray(n)?x.map(n,function(e){return{name:t.name,value:e.replace(Bt,"\r\n")}}):{name:t.name,value:n.replace(Bt,"\r\n")}}).get()}}),x.param=function(e,t){var n,r=[],i=function(e,t){t=x.isFunction(t)?t():null==t?"":t,r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(t===undefined&&(t=x.ajaxSettings&&x.ajaxSettings.traditional),x.isArray(e)||e.jquery&&!x.isPlainObject(e))x.each(e,function(){i(this.name,this.value)});else for(n in e)_t(n,e[n],t,i);return r.join("&").replace(Wt,"+")};function _t(e,t,n,r){var i;if(x.isArray(t))x.each(t,function(t,i){n||$t.test(e)?r(e,i):_t(e+"["+("object"==typeof i?t:"")+"]",i,n,r)});else if(n||"object"!==x.type(t))r(e,t);else for(i in t)_t(e+"["+i+"]",t[i],n,r)}x.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){x.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),x.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)
+};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,s,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return q.get(e,n)||q.access(e,n,{empty:x.Callbacks("once memory").add(function(){q.remove(e,[t+"queue",n])})})}}),x.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),n>arguments.length?x.queue(this[0],e):t===undefined?this:this.each(function(){var n=x.queue(this,e,t);x._queueHooks(this,e),"fx"===e&&"inprogress"!==n[0]&&x.dequeue(this,e)})},dequeue:function(e){return this.each(function(){x.dequeue(this,e)})},delay:function(e,t){return e=x.fx?x.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=x.Deferred(),o=this,s=this.length,a=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=undefined),e=e||"fx";while(s--)n=q.get(o[s],e+"queueHooks"),n&&n.empty&&(r++,n.empty.add(a));return a(),i.promise(t)}});var R,M,W=/[\t\r\n\f]/g,$=/\r/g,B=/^(?:input|select|textarea|button)$/i;x.fn.extend({attr:function(e,t){return x.access(this,x.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){x.removeAttr(this,e)})},prop:function(e,t){return x.access(this,x.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[x.propFix[e]||e]})},addClass:function(e){var t,n,r,i,o,s=0,a=this.length,u="string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).addClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=x.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,s=0,a=this.length,u=0===arguments.length||"string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).removeClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?x.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):x.isFunction(e)?this.each(function(n){x(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var t,i=0,o=x(this),s=e.match(w)||[];while(t=s[i++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else(n===r||"boolean"===n)&&(this.className&&q.set(this,"__className__",this.className),this.className=this.className||e===!1?"":q.get(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(W," ").indexOf(t)>=0)return!0;return!1},val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=x.isFunction(e),this.each(function(n){var i;1===this.nodeType&&(i=r?e.call(this,n,x(this).val()):e,null==i?i="":"number"==typeof i?i+="":x.isArray(i)&&(i=x.map(i,function(e){return null==e?"":e+""})),t=x.valHooks[this.type]||x.valHooks[this.nodeName.toLowerCase()],t&&"set"in t&&t.set(this,i,"value")!==undefined||(this.value=i))});if(i)return t=x.valHooks[i.type]||x.valHooks[i.nodeName.toLowerCase()],t&&"get"in t&&(n=t.get(i,"value"))!==undefined?n:(n=i.value,"string"==typeof n?n.replace($,""):null==n?"":n)}}}),x.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,s=o?null:[],a=o?i+1:r.length,u=0>i?a:o?i:0;for(;a>u;u++)if(n=r[u],!(!n.selected&&u!==i||(x.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&x.nodeName(n.parentNode,"optgroup"))){if(t=x(n).val(),o)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=x.makeArray(t),s=i.length;while(s--)r=i[s],(r.selected=x.inArray(x(r).val(),o)>=0)&&(n=!0);return n||(e.selectedIndex=-1),o}}},attr:function(e,t,n){var i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return typeof e.getAttribute===r?x.prop(e,t,n):(1===s&&x.isXMLDoc(e)||(t=t.toLowerCase(),i=x.attrHooks[t]||(x.expr.match.bool.test(t)?M:R)),n===undefined?i&&"get"in i&&null!==(o=i.get(e,t))?o:(o=x.find.attr(e,t),null==o?undefined:o):null!==n?i&&"set"in i&&(o=i.set(e,n,t))!==undefined?o:(e.setAttribute(t,n+""),n):(x.removeAttr(e,t),undefined))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(w);if(o&&1===e.nodeType)while(n=o[i++])r=x.propFix[n]||n,x.expr.match.bool.test(n)&&(e[r]=!1),e.removeAttribute(n)},attrHooks:{type:{set:function(e,t){if(!x.support.radioValue&&"radio"===t&&x.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{"for":"htmlFor","class":"className"},prop:function(e,t,n){var r,i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return o=1!==s||!x.isXMLDoc(e),o&&(t=x.propFix[t]||t,i=x.propHooks[t]),n!==undefined?i&&"set"in i&&(r=i.set(e,n,t))!==undefined?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){return e.hasAttribute("tabindex")||B.test(e.nodeName)||e.href?e.tabIndex:-1}}}}),M={set:function(e,t,n){return t===!1?x.removeAttr(e,n):e.setAttribute(n,n),n}},x.each(x.expr.match.bool.source.match(/\w+/g),function(e,t){var n=x.expr.attrHandle[t]||x.find.attr;x.expr.attrHandle[t]=function(e,t,r){var i=x.expr.attrHandle[t],o=r?undefined:(x.expr.attrHandle[t]=undefined)!=n(e,t,r)?t.toLowerCase():null;return x.expr.attrHandle[t]=i,o}}),x.support.optSelected||(x.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null}}),x.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){x.propFix[this.toLowerCase()]=this}),x.each(["radio","checkbox"],function(){x.valHooks[this]={set:function(e,t){return x.isArray(t)?e.checked=x.inArray(x(e).val(),t)>=0:undefined}},x.support.checkOn||(x.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var I=/^key/,z=/^(?:mouse|contextmenu)|click/,_=/^(?:focusinfocus|focusoutblur)$/,X=/^([^.]*)(?:\.(.+)|)$/;function U(){return!0}function Y(){return!1}function V(){try{return o.activeElement}catch(e){}}x.event={global:{},add:function(e,t,n,i,o){var s,a,u,l,c,p,f,h,d,g,m,y=q.get(e);if(y){n.handler&&(s=n,n=s.handler,o=s.selector),n.guid||(n.guid=x.guid++),(l=y.events)||(l=y.events={}),(a=y.handle)||(a=y.handle=function(e){return typeof x===r||e&&x.event.triggered===e.type?undefined:x.event.dispatch.apply(a.elem,arguments)},a.elem=e),t=(t||"").match(w)||[""],c=t.length;while(c--)u=X.exec(t[c])||[],d=m=u[1],g=(u[2]||"").split(".").sort(),d&&(f=x.event.special[d]||{},d=(o?f.delegateType:f.bindType)||d,f=x.event.special[d]||{},p=x.extend({type:d,origType:m,data:i,handler:n,guid:n.guid,selector:o,needsContext:o&&x.expr.match.needsContext.test(o),namespace:g.join(".")},s),(h=l[d])||(h=l[d]=[],h.delegateCount=0,f.setup&&f.setup.call(e,i,g,a)!==!1||e.addEventListener&&e.addEventListener(d,a,!1)),f.add&&(f.add.call(e,p),p.handler.guid||(p.handler.guid=n.guid)),o?h.splice(h.delegateCount++,0,p):h.push(p),x.event.global[d]=!0);e=null}},remove:function(e,t,n,r,i){var o,s,a,u,l,c,p,f,h,d,g,m=q.hasData(e)&&q.get(e);if(m&&(u=m.events)){t=(t||"").match(w)||[""],l=t.length;while(l--)if(a=X.exec(t[l])||[],h=g=a[1],d=(a[2]||"").split(".").sort(),h){p=x.event.special[h]||{},h=(r?p.delegateType:p.bindType)||h,f=u[h]||[],a=a[2]&&RegExp("(^|\\.)"+d.join("\\.(?:.*\\.|)")+"(\\.|$)"),s=o=f.length;while(o--)c=f[o],!i&&g!==c.origType||n&&n.guid!==c.guid||a&&!a.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(f.splice(o,1),c.selector&&f.delegateCount--,p.remove&&p.remove.call(e,c));s&&!f.length&&(p.teardown&&p.teardown.call(e,d,m.handle)!==!1||x.removeEvent(e,h,m.handle),delete u[h])}else for(h in u)x.event.remove(e,h+t[l],n,r,!0);x.isEmptyObject(u)&&(delete m.handle,q.remove(e,"events"))}},trigger:function(t,n,r,i){var s,a,u,l,c,p,f,h=[r||o],d=y.call(t,"type")?t.type:t,g=y.call(t,"namespace")?t.namespace.split("."):[];if(a=u=r=r||o,3!==r.nodeType&&8!==r.nodeType&&!_.test(d+x.event.triggered)&&(d.indexOf(".")>=0&&(g=d.split("."),d=g.shift(),g.sort()),c=0>d.indexOf(":")&&"on"+d,t=t[x.expando]?t:new x.Event(d,"object"==typeof t&&t),t.isTrigger=i?2:3,t.namespace=g.join("."),t.namespace_re=t.namespace?RegExp("(^|\\.)"+g.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=undefined,t.target||(t.target=r),n=null==n?[t]:x.makeArray(n,[t]),f=x.event.special[d]||{},i||!f.trigger||f.trigger.apply(r,n)!==!1)){if(!i&&!f.noBubble&&!x.isWindow(r)){for(l=f.delegateType||d,_.test(l+d)||(a=a.parentNode);a;a=a.parentNode)h.push(a),u=a;u===(r.ownerDocument||o)&&h.push(u.defaultView||u.parentWindow||e)}s=0;while((a=h[s++])&&!t.isPropagationStopped())t.type=s>1?l:f.bindType||d,p=(q.get(a,"events")||{})[t.type]&&q.get(a,"handle"),p&&p.apply(a,n),p=c&&a[c],p&&x.acceptData(a)&&p.apply&&p.apply(a,n)===!1&&t.preventDefault();return t.type=d,i||t.isDefaultPrevented()||f._default&&f._default.apply(h.pop(),n)!==!1||!x.acceptData(r)||c&&x.isFunction(r[d])&&!x.isWindow(r)&&(u=r[c],u&&(r[c]=null),x.event.triggered=d,r[d](),x.event.triggered=undefined,u&&(r[c]=u)),t.result}},dispatch:function(e){e=x.event.fix(e);var t,n,r,i,o,s=[],a=d.call(arguments),u=(q.get(this,"events")||{})[e.type]||[],l=x.event.special[e.type]||{};if(a[0]=e,e.delegateTarget=this,!l.preDispatch||l.preDispatch.call(this,e)!==!1){s=x.event.handlers.call(this,e,u),t=0;while((i=s[t++])&&!e.isPropagationStopped()){e.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(o.namespace))&&(e.handleObj=o,e.data=o.data,r=((x.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,a),r!==undefined&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return l.postDispatch&&l.postDispatch.call(this,e),e.result}},handlers:function(e,t){var n,r,i,o,s=[],a=t.delegateCount,u=e.target;if(a&&u.nodeType&&(!e.button||"click"!==e.type))for(;u!==this;u=u.parentNode||this)if(u.disabled!==!0||"click"!==e.type){for(r=[],n=0;a>n;n++)o=t[n],i=o.selector+" ",r[i]===undefined&&(r[i]=o.needsContext?x(i,this).index(u)>=0:x.find(i,this,null,[u]).length),r[i]&&r.push(o);r.length&&s.push({elem:u,handlers:r})}return t.length>a&&s.push({elem:this,handlers:t.slice(a)}),s},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,t){var n,r,i,s=t.button;return null==e.pageX&&null!=t.clientX&&(n=e.target.ownerDocument||o,r=n.documentElement,i=n.body,e.pageX=t.clientX+(r&&r.scrollLeft||i&&i.scrollLeft||0)-(r&&r.clientLeft||i&&i.clientLeft||0),e.pageY=t.clientY+(r&&r.scrollTop||i&&i.scrollTop||0)-(r&&r.clientTop||i&&i.clientTop||0)),e.which||s===undefined||(e.which=1&s?1:2&s?3:4&s?2:0),e}},fix:function(e){if(e[x.expando])return e;var t,n,r,i=e.type,s=e,a=this.fixHooks[i];a||(this.fixHooks[i]=a=z.test(i)?this.mouseHooks:I.test(i)?this.keyHooks:{}),r=a.props?this.props.concat(a.props):this.props,e=new x.Event(s),t=r.length;while(t--)n=r[t],e[n]=s[n];return e.target||(e.target=o),3===e.target.nodeType&&(e.target=e.target.parentNode),a.filter?a.filter(e,s):e},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==V()&&this.focus?(this.focus(),!1):undefined},delegateType:"focusin"},blur:{trigger:function(){return this===V()&&this.blur?(this.blur(),!1):undefined},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&x.nodeName(this,"input")?(this.click(),!1):undefined},_default:function(e){return x.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){e.result!==undefined&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=x.extend(new x.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?x.event.trigger(i,null,t):x.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},x.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)},x.Event=function(e,t){return this instanceof x.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.getPreventDefault&&e.getPreventDefault()?U:Y):this.type=e,t&&x.extend(this,t),this.timeStamp=e&&e.timeStamp||x.now(),this[x.expando]=!0,undefined):new x.Event(e,t)},x.Event.prototype={isDefaultPrevented:Y,isPropagationStopped:Y,isImmediatePropagationStopped:Y,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=U,e&&e.preventDefault&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=U,e&&e.stopPropagation&&e.stopPropagation()},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=U,this.stopPropagation()}},x.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){x.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return(!i||i!==r&&!x.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),x.support.focusinBubbles||x.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){x.event.simulate(t,e.target,x.event.fix(e),!0)};x.event.special[t]={setup:function(){0===n++&&o.addEventListener(e,r,!0)},teardown:function(){0===--n&&o.removeEventListener(e,r,!0)}}}),x.fn.extend({on:function(e,t,n,r,i){var o,s;if("object"==typeof e){"string"!=typeof t&&(n=n||t,t=undefined);for(s in e)this.on(s,t,n,e[s],i);return this}if(null==n&&null==r?(r=t,n=t=undefined):null==r&&("string"==typeof t?(r=n,n=undefined):(r=n,n=t,t=undefined)),r===!1)r=Y;else if(!r)return this;return 1===i&&(o=r,r=function(e){return x().off(e),o.apply(this,arguments)},r.guid=o.guid||(o.guid=x.guid++)),this.each(function(){x.event.add(this,e,r,n,t)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,x(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return(t===!1||"function"==typeof t)&&(n=t,t=undefined),n===!1&&(n=Y),this.each(function(){x.event.remove(this,e,n,t)})},trigger:function(e,t){return this.each(function(){x.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];return n?x.event.trigger(e,t,n,!0):undefined}});var G=/^.[^:#\[\.,]*$/,J=/^(?:parents|prev(?:Until|All))/,Q=x.expr.match.needsContext,K={children:!0,contents:!0,next:!0,prev:!0};x.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(x(e).filter(function(){for(t=0;i>t;t++)if(x.contains(r[t],this))return!0}));for(t=0;i>t;t++)x.find(e,r[t],n);return n=this.pushStack(i>1?x.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},has:function(e){var t=x(e,this),n=t.length;return this.filter(function(){var e=0;for(;n>e;e++)if(x.contains(this,t[e]))return!0})},not:function(e){return this.pushStack(et(this,e||[],!0))},filter:function(e){return this.pushStack(et(this,e||[],!1))},is:function(e){return!!et(this,"string"==typeof e&&Q.test(e)?x(e):e||[],!1).length},closest:function(e,t){var n,r=0,i=this.length,o=[],s=Q.test(e)||"string"!=typeof e?x(e,t||this.context):0;for(;i>r;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(11>n.nodeType&&(s?s.index(n)>-1:1===n.nodeType&&x.find.matchesSelector(n,e))){n=o.push(n);break}return this.pushStack(o.length>1?x.unique(o):o)},index:function(e){return e?"string"==typeof e?g.call(x(e),this[0]):g.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?x(e,t):x.makeArray(e&&e.nodeType?[e]:e),r=x.merge(this.get(),n);return this.pushStack(x.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function Z(e,t){while((e=e[t])&&1!==e.nodeType);return e}x.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return x.dir(e,"parentNode")},parentsUntil:function(e,t,n){return x.dir(e,"parentNode",n)},next:function(e){return Z(e,"nextSibling")},prev:function(e){return Z(e,"previousSibling")},nextAll:function(e){return x.dir(e,"nextSibling")},prevAll:function(e){return x.dir(e,"previousSibling")},nextUntil:function(e,t,n){return x.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return x.dir(e,"previousSibling",n)},siblings:function(e){return x.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return x.sibling(e.firstChild)},contents:function(e){return e.contentDocument||x.merge([],e.childNodes)}},function(e,t){x.fn[e]=function(n,r){var i=x.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=x.filter(r,i)),this.length>1&&(K[e]||x.unique(i),J.test(e)&&i.reverse()),this.pushStack(i)}}),x.extend({filter:function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?x.find.matchesSelector(r,e)?[r]:[]:x.find.matches(e,x.grep(t,function(e){return 1===e.nodeType}))},dir:function(e,t,n){var r=[],i=n!==undefined;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&x(e).is(n))break;r.push(e)}return r},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function et(e,t,n){if(x.isFunction(t))return x.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return x.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(G.test(t))return x.filter(t,e,n);t=x.filter(t,e)}return x.grep(e,function(e){return g.call(t,e)>=0!==n})}var tt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,nt=/<([\w:]+)/,rt=/<|&#?\w+;/,it=/<(?:script|style|link)/i,ot=/^(?:checkbox|radio)$/i,st=/checked\s*(?:[^=]|=\s*.checked.)/i,at=/^$|\/(?:java|ecma)script/i,ut=/^true\/(.*)/,lt=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,ct={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};ct.optgroup=ct.option,ct.tbody=ct.tfoot=ct.colgroup=ct.caption=ct.thead,ct.th=ct.td,x.fn.extend({text:function(e){return x.access(this,function(e){return e===undefined?x.text(this):this.empty().append((this[0]&&this[0].ownerDocument||o).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.appendChild(e)}})},prepend:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=e?x.filter(e,this):this,i=0;for(;null!=(n=r[i]);i++)t||1!==n.nodeType||x.cleanData(mt(n)),n.parentNode&&(t&&x.contains(n.ownerDocument,n)&&dt(mt(n,"script")),n.parentNode.removeChild(n));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++)1===e.nodeType&&(x.cleanData(mt(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return x.clone(this,e,t)})},html:function(e){return x.access(this,function(e){var t=this[0]||{},n=0,r=this.length;if(e===undefined&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!it.test(e)&&!ct[(nt.exec(e)||["",""])[1].toLowerCase()]){e=e.replace(tt,"<$1></$2>");try{for(;r>n;n++)t=this[n]||{},1===t.nodeType&&(x.cleanData(mt(t,!1)),t.innerHTML=e);t=0}catch(i){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=x.map(this,function(e){return[e.nextSibling,e.parentNode]}),t=0;return this.domManip(arguments,function(n){var r=e[t++],i=e[t++];i&&(r&&r.parentNode!==i&&(r=this.nextSibling),x(this).remove(),i.insertBefore(n,r))},!0),t?this:this.remove()},detach:function(e){return this.remove(e,!0)},domManip:function(e,t,n){e=f.apply([],e);var r,i,o,s,a,u,l=0,c=this.length,p=this,h=c-1,d=e[0],g=x.isFunction(d);if(g||!(1>=c||"string"!=typeof d||x.support.checkClone)&&st.test(d))return this.each(function(r){var i=p.eq(r);g&&(e[0]=d.call(this,r,i.html())),i.domManip(e,t,n)});if(c&&(r=x.buildFragment(e,this[0].ownerDocument,!1,!n&&this),i=r.firstChild,1===r.childNodes.length&&(r=i),i)){for(o=x.map(mt(r,"script"),ft),s=o.length;c>l;l++)a=r,l!==h&&(a=x.clone(a,!0,!0),s&&x.merge(o,mt(a,"script"))),t.call(this[l],a,l);if(s)for(u=o[o.length-1].ownerDocument,x.map(o,ht),l=0;s>l;l++)a=o[l],at.test(a.type||"")&&!q.access(a,"globalEval")&&x.contains(u,a)&&(a.src?x._evalUrl(a.src):x.globalEval(a.textContent.replace(lt,"")))}return this}}),x.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){x.fn[e]=function(e){var n,r=[],i=x(e),o=i.length-1,s=0;for(;o>=s;s++)n=s===o?this:this.clone(!0),x(i[s])[t](n),h.apply(r,n.get());return this.pushStack(r)}}),x.extend({clone:function(e,t,n){var r,i,o,s,a=e.cloneNode(!0),u=x.contains(e.ownerDocument,e);if(!(x.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||x.isXMLDoc(e)))for(s=mt(a),o=mt(e),r=0,i=o.length;i>r;r++)yt(o[r],s[r]);if(t)if(n)for(o=o||mt(e),s=s||mt(a),r=0,i=o.length;i>r;r++)gt(o[r],s[r]);else gt(e,a);return s=mt(a,"script"),s.length>0&&dt(s,!u&&mt(e,"script")),a},buildFragment:function(e,t,n,r){var i,o,s,a,u,l,c=0,p=e.length,f=t.createDocumentFragment(),h=[];for(;p>c;c++)if(i=e[c],i||0===i)if("object"===x.type(i))x.merge(h,i.nodeType?[i]:i);else if(rt.test(i)){o=o||f.appendChild(t.createElement("div")),s=(nt.exec(i)||["",""])[1].toLowerCase(),a=ct[s]||ct._default,o.innerHTML=a[1]+i.replace(tt,"<$1></$2>")+a[2],l=a[0];while(l--)o=o.lastChild;x.merge(h,o.childNodes),o=f.firstChild,o.textContent=""}else h.push(t.createTextNode(i));f.textContent="",c=0;while(i=h[c++])if((!r||-1===x.inArray(i,r))&&(u=x.contains(i.ownerDocument,i),o=mt(f.appendChild(i),"script"),u&&dt(o),n)){l=0;while(i=o[l++])at.test(i.type||"")&&n.push(i)}return f},cleanData:function(e){var t,n,r,i,o,s,a=x.event.special,u=0;for(;(n=e[u])!==undefined;u++){if(F.accepts(n)&&(o=n[q.expando],o&&(t=q.cache[o]))){if(r=Object.keys(t.events||{}),r.length)for(s=0;(i=r[s])!==undefined;s++)a[i]?x.event.remove(n,i):x.removeEvent(n,i,t.handle);q.cache[o]&&delete q.cache[o]}delete L.cache[n[L.expando]]}},_evalUrl:function(e){return x.ajax({url:e,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})}});function pt(e,t){return x.nodeName(e,"table")&&x.nodeName(1===t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function ft(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function ht(e){var t=ut.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function dt(e,t){var n=e.length,r=0;for(;n>r;r++)q.set(e[r],"globalEval",!t||q.get(t[r],"globalEval"))}function gt(e,t){var n,r,i,o,s,a,u,l;if(1===t.nodeType){if(q.hasData(e)&&(o=q.access(e),s=q.set(t,o),l=o.events)){delete s.handle,s.events={};for(i in l)for(n=0,r=l[i].length;r>n;n++)x.event.add(t,i,l[i][n])}L.hasData(e)&&(a=L.access(e),u=x.extend({},a),L.set(t,u))}}function mt(e,t){var n=e.getElementsByTagName?e.getElementsByTagName(t||"*"):e.querySelectorAll?e.querySelectorAll(t||"*"):[];return t===undefined||t&&x.nodeName(e,t)?x.merge([e],n):n}function yt(e,t){var n=t.nodeName.toLowerCase();"input"===n&&ot.test(e.type)?t.checked=e.checked:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}x.fn.extend({wrapAll:function(e){var t;return x.isFunction(e)?this.each(function(t){x(this).wrapAll(e.call(this,t))}):(this[0]&&(t=x(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this)},wrapInner:function(e){return x.isFunction(e)?this.each(function(t){x(this).wrapInner(e.call(this,t))}):this.each(function(){var t=x(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=x.isFunction(e);return this.each(function(n){x(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){x.nodeName(this,"body")||x(this).replaceWith(this.childNodes)}).end()}});var vt,xt,bt=/^(none|table(?!-c[ea]).+)/,wt=/^margin/,Tt=RegExp("^("+b+")(.*)$","i"),Ct=RegExp("^("+b+")(?!px)[a-z%]+$","i"),kt=RegExp("^([+-])=("+b+")","i"),Nt={BODY:"block"},Et={position:"absolute",visibility:"hidden",display:"block"},St={letterSpacing:0,fontWeight:400},jt=["Top","Right","Bottom","Left"],Dt=["Webkit","O","Moz","ms"];function At(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=Dt.length;while(i--)if(t=Dt[i]+n,t in e)return t;return r}function Lt(e,t){return e=t||e,"none"===x.css(e,"display")||!x.contains(e.ownerDocument,e)}function qt(t){return e.getComputedStyle(t,null)}function Ht(e,t){var n,r,i,o=[],s=0,a=e.length;for(;a>s;s++)r=e[s],r.style&&(o[s]=q.get(r,"olddisplay"),n=r.style.display,t?(o[s]||"none"!==n||(r.style.display=""),""===r.style.display&&Lt(r)&&(o[s]=q.access(r,"olddisplay",Rt(r.nodeName)))):o[s]||(i=Lt(r),(n&&"none"!==n||!i)&&q.set(r,"olddisplay",i?n:x.css(r,"display"))));for(s=0;a>s;s++)r=e[s],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[s]||"":"none"));return e}x.fn.extend({css:function(e,t){return x.access(this,function(e,t,n){var r,i,o={},s=0;if(x.isArray(t)){for(r=qt(e),i=t.length;i>s;s++)o[t[s]]=x.css(e,t[s],!1,r);return o}return n!==undefined?x.style(e,t,n):x.css(e,t)},e,t,arguments.length>1)},show:function(){return Ht(this,!0)},hide:function(){return Ht(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){Lt(this)?x(this).show():x(this).hide()})}}),x.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=vt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,s,a=x.camelCase(t),u=e.style;return t=x.cssProps[a]||(x.cssProps[a]=At(u,a)),s=x.cssHooks[t]||x.cssHooks[a],n===undefined?s&&"get"in s&&(i=s.get(e,!1,r))!==undefined?i:u[t]:(o=typeof n,"string"===o&&(i=kt.exec(n))&&(n=(i[1]+1)*i[2]+parseFloat(x.css(e,t)),o="number"),null==n||"number"===o&&isNaN(n)||("number"!==o||x.cssNumber[a]||(n+="px"),x.support.clearCloneStyle||""!==n||0!==t.indexOf("background")||(u[t]="inherit"),s&&"set"in s&&(n=s.set(e,n,r))===undefined||(u[t]=n)),undefined)}},css:function(e,t,n,r){var i,o,s,a=x.camelCase(t);return t=x.cssProps[a]||(x.cssProps[a]=At(e.style,a)),s=x.cssHooks[t]||x.cssHooks[a],s&&"get"in s&&(i=s.get(e,!0,n)),i===undefined&&(i=vt(e,t,r)),"normal"===i&&t in St&&(i=St[t]),""===n||n?(o=parseFloat(i),n===!0||x.isNumeric(o)?o||0:i):i}}),vt=function(e,t,n){var r,i,o,s=n||qt(e),a=s?s.getPropertyValue(t)||s[t]:undefined,u=e.style;return s&&(""!==a||x.contains(e.ownerDocument,e)||(a=x.style(e,t)),Ct.test(a)&&wt.test(t)&&(r=u.width,i=u.minWidth,o=u.maxWidth,u.minWidth=u.maxWidth=u.width=a,a=s.width,u.width=r,u.minWidth=i,u.maxWidth=o)),a};function Ot(e,t,n){var r=Tt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function Ft(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,s=0;for(;4>o;o+=2)"margin"===n&&(s+=x.css(e,n+jt[o],!0,i)),r?("content"===n&&(s-=x.css(e,"padding"+jt[o],!0,i)),"margin"!==n&&(s-=x.css(e,"border"+jt[o]+"Width",!0,i))):(s+=x.css(e,"padding"+jt[o],!0,i),"padding"!==n&&(s+=x.css(e,"border"+jt[o]+"Width",!0,i)));return s}function Pt(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=qt(e),s=x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=vt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Ct.test(i))return i;r=s&&(x.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+Ft(e,t,n||(s?"border":"content"),r,o)+"px"}function Rt(e){var t=o,n=Nt[e];return n||(n=Mt(e,t),"none"!==n&&n||(xt=(xt||x("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(t.documentElement),t=(xt[0].contentWindow||xt[0].contentDocument).document,t.write("<!DOCTYPE html><html><body>"),t.close(),n=Mt(e,t),xt.detach()),Nt[e]=n),n}function Mt(e,t){var n=x(t.createElement(e)).appendTo(t.body),r=x.css(n[0],"display");return n.remove(),r}x.each(["height","width"],function(e,t){x.cssHooks[t]={get:function(e,n,r){return n?0===e.offsetWidth&&bt.test(x.css(e,"display"))?x.swap(e,Et,function(){return Pt(e,t,r)}):Pt(e,t,r):undefined},set:function(e,n,r){var i=r&&qt(e);return Ot(e,n,r?Ft(e,t,r,x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,i),i):0)}}}),x(function(){x.support.reliableMarginRight||(x.cssHooks.marginRight={get:function(e,t){return t?x.swap(e,{display:"inline-block"},vt,[e,"marginRight"]):undefined}}),!x.support.pixelPosition&&x.fn.position&&x.each(["top","left"],function(e,t){x.cssHooks[t]={get:function(e,n){return n?(n=vt(e,t),Ct.test(n)?x(e).position()[t]+"px":n):undefined}}})}),x.expr&&x.expr.filters&&(x.expr.filters.hidden=function(e){return 0>=e.offsetWidth&&0>=e.offsetHeight},x.expr.filters.visible=function(e){return!x.expr.filters.hidden(e)}),x.each({margin:"",padding:"",border:"Width"},function(e,t){x.cssHooks[e+t]={expand:function(n){var r=0,i={},o="string"==typeof n?n.split(" "):[n];for(;4>r;r++)i[e+jt[r]+t]=o[r]||o[r-2]||o[0];return i}},wt.test(e)||(x.cssHooks[e+t].set=Ot)});var Wt=/%20/g,$t=/\[\]$/,Bt=/\r?\n/g,It=/^(?:submit|button|image|reset|file)$/i,zt=/^(?:input|select|textarea|keygen)/i;x.fn.extend({serialize:function(){return x.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=x.prop(this,"elements");return e?x.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!x(this).is(":disabled")&&zt.test(this.nodeName)&&!It.test(e)&&(this.checked||!ot.test(e))}).map(function(e,t){var n=x(this).val();return null==n?null:x.isArray(n)?x.map(n,function(e){return{name:t.name,value:e.replace(Bt,"\r\n")}}):{name:t.name,value:n.replace(Bt,"\r\n")}}).get()}}),x.param=function(e,t){var n,r=[],i=function(e,t){t=x.isFunction(t)?t():null==t?"":t,r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(t===undefined&&(t=x.ajaxSettings&&x.ajaxSettings.traditional),x.isArray(e)||e.jquery&&!x.isPlainObject(e))x.each(e,function(){i(this.name,this.value)});else for(n in e)_t(n,e[n],t,i);return r.join("&").replace(Wt,"+")};function _t(e,t,n,r){var i;if(x.isArray(t))x.each(t,function(t,i){n||$t.test(e)?r(e,i):_t(e+"["+("object"==typeof i?t:"")+"]",i,n,r)});else if(n||"object"!==x.type(t))r(e,t);else for(i in t)_t(e+"["+i+"]",t[i],n,r)}x.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){x.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),x.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)
 },delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)}});var Xt,Ut,Yt=x.now(),Vt=/\?/,Gt=/#.*$/,Jt=/([?&])_=[^&]*/,Qt=/^(.*?):[ \t]*([^\r\n]*)$/gm,Kt=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Zt=/^(?:GET|HEAD)$/,en=/^\/\//,tn=/^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,nn=x.fn.load,rn={},on={},sn="*/".concat("*");try{Ut=i.href}catch(an){Ut=o.createElement("a"),Ut.href="",Ut=Ut.href}Xt=tn.exec(Ut.toLowerCase())||[];function un(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(w)||[];if(x.isFunction(n))while(r=o[i++])"+"===r[0]?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function ln(e,t,n,r){var i={},o=e===on;function s(a){var u;return i[a]=!0,x.each(e[a]||[],function(e,a){var l=a(t,n,r);return"string"!=typeof l||o||i[l]?o?!(u=l):undefined:(t.dataTypes.unshift(l),s(l),!1)}),u}return s(t.dataTypes[0])||!i["*"]&&s("*")}function cn(e,t){var n,r,i=x.ajaxSettings.flatOptions||{};for(n in t)t[n]!==undefined&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&x.extend(!0,e,r),e}x.fn.load=function(e,t,n){if("string"!=typeof e&&nn)return nn.apply(this,arguments);var r,i,o,s=this,a=e.indexOf(" ");return a>=0&&(r=e.slice(a),e=e.slice(0,a)),x.isFunction(t)?(n=t,t=undefined):t&&"object"==typeof t&&(i="POST"),s.length>0&&x.ajax({url:e,type:i,dataType:"html",data:t}).done(function(e){o=arguments,s.html(r?x("<div>").append(x.parseHTML(e)).find(r):e)}).complete(n&&function(e,t){s.each(n,o||[e.responseText,t,e])}),this},x.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){x.fn[t]=function(e){return this.on(t,e)}}),x.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Ut,type:"GET",isLocal:Kt.test(Xt[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":sn,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":x.parseJSON,"text xml":x.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?cn(cn(e,x.ajaxSettings),t):cn(x.ajaxSettings,e)},ajaxPrefilter:un(rn),ajaxTransport:un(on),ajax:function(e,t){"object"==typeof e&&(t=e,e=undefined),t=t||{};var n,r,i,o,s,a,u,l,c=x.ajaxSetup({},t),p=c.context||c,f=c.context&&(p.nodeType||p.jquery)?x(p):x.event,h=x.Deferred(),d=x.Callbacks("once memory"),g=c.statusCode||{},m={},y={},v=0,b="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(2===v){if(!o){o={};while(t=Qt.exec(i))o[t[1].toLowerCase()]=t[2]}t=o[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return 2===v?i:null},setRequestHeader:function(e,t){var n=e.toLowerCase();return v||(e=y[n]=y[n]||e,m[e]=t),this},overrideMimeType:function(e){return v||(c.mimeType=e),this},statusCode:function(e){var t;if(e)if(2>v)for(t in e)g[t]=[g[t],e[t]];else T.always(e[T.status]);return this},abort:function(e){var t=e||b;return n&&n.abort(t),k(0,t),this}};if(h.promise(T).complete=d.add,T.success=T.done,T.error=T.fail,c.url=((e||c.url||Ut)+"").replace(Gt,"").replace(en,Xt[1]+"//"),c.type=t.method||t.type||c.method||c.type,c.dataTypes=x.trim(c.dataType||"*").toLowerCase().match(w)||[""],null==c.crossDomain&&(a=tn.exec(c.url.toLowerCase()),c.crossDomain=!(!a||a[1]===Xt[1]&&a[2]===Xt[2]&&(a[3]||("http:"===a[1]?"80":"443"))===(Xt[3]||("http:"===Xt[1]?"80":"443")))),c.data&&c.processData&&"string"!=typeof c.data&&(c.data=x.param(c.data,c.traditional)),ln(rn,c,t,T),2===v)return T;u=c.global,u&&0===x.active++&&x.event.trigger("ajaxStart"),c.type=c.type.toUpperCase(),c.hasContent=!Zt.test(c.type),r=c.url,c.hasContent||(c.data&&(r=c.url+=(Vt.test(r)?"&":"?")+c.data,delete c.data),c.cache===!1&&(c.url=Jt.test(r)?r.replace(Jt,"$1_="+Yt++):r+(Vt.test(r)?"&":"?")+"_="+Yt++)),c.ifModified&&(x.lastModified[r]&&T.setRequestHeader("If-Modified-Since",x.lastModified[r]),x.etag[r]&&T.setRequestHeader("If-None-Match",x.etag[r])),(c.data&&c.hasContent&&c.contentType!==!1||t.contentType)&&T.setRequestHeader("Content-Type",c.contentType),T.setRequestHeader("Accept",c.dataTypes[0]&&c.accepts[c.dataTypes[0]]?c.accepts[c.dataTypes[0]]+("*"!==c.dataTypes[0]?", "+sn+"; q=0.01":""):c.accepts["*"]);for(l in c.headers)T.setRequestHeader(l,c.headers[l]);if(c.beforeSend&&(c.beforeSend.call(p,T,c)===!1||2===v))return T.abort();b="abort";for(l in{success:1,error:1,complete:1})T[l](c[l]);if(n=ln(on,c,t,T)){T.readyState=1,u&&f.trigger("ajaxSend",[T,c]),c.async&&c.timeout>0&&(s=setTimeout(function(){T.abort("timeout")},c.timeout));try{v=1,n.send(m,k)}catch(C){if(!(2>v))throw C;k(-1,C)}}else k(-1,"No Transport");function k(e,t,o,a){var l,m,y,b,w,C=t;2!==v&&(v=2,s&&clearTimeout(s),n=undefined,i=a||"",T.readyState=e>0?4:0,l=e>=200&&300>e||304===e,o&&(b=pn(c,T,o)),b=fn(c,b,T,l),l?(c.ifModified&&(w=T.getResponseHeader("Last-Modified"),w&&(x.lastModified[r]=w),w=T.getResponseHeader("etag"),w&&(x.etag[r]=w)),204===e||"HEAD"===c.type?C="nocontent":304===e?C="notmodified":(C=b.state,m=b.data,y=b.error,l=!y)):(y=C,(e||!C)&&(C="error",0>e&&(e=0))),T.status=e,T.statusText=(t||C)+"",l?h.resolveWith(p,[m,C,T]):h.rejectWith(p,[T,C,y]),T.statusCode(g),g=undefined,u&&f.trigger(l?"ajaxSuccess":"ajaxError",[T,c,l?m:y]),d.fireWith(p,[T,C]),u&&(f.trigger("ajaxComplete",[T,c]),--x.active||x.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return x.get(e,t,n,"json")},getScript:function(e,t){return x.get(e,undefined,t,"script")}}),x.each(["get","post"],function(e,t){x[t]=function(e,n,r,i){return x.isFunction(n)&&(i=i||r,r=n,n=undefined),x.ajax({url:e,type:t,dataType:i,data:n,success:r})}});function pn(e,t,n){var r,i,o,s,a=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),r===undefined&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in a)if(a[i]&&a[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}s||(s=i)}o=o||s}return o?(o!==u[0]&&u.unshift(o),n[o]):undefined}function fn(e,t,n,r){var i,o,s,a,u,l={},c=e.dataTypes.slice();if(c[1])for(s in e.converters)l[s.toLowerCase()]=e.converters[s];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(s=l[u+" "+o]||l["* "+o],!s)for(i in l)if(a=i.split(" "),a[1]===o&&(s=l[u+" "+a[0]]||l["* "+a[0]])){s===!0?s=l[i]:l[i]!==!0&&(o=a[0],c.unshift(a[1]));break}if(s!==!0)if(s&&e["throws"])t=s(t);else try{t=s(t)}catch(p){return{state:"parsererror",error:s?p:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}x.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(e){return x.globalEval(e),e}}}),x.ajaxPrefilter("script",function(e){e.cache===undefined&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),x.ajaxTransport("script",function(e){if(e.crossDomain){var t,n;return{send:function(r,i){t=x("<script>").prop({async:!0,charset:e.scriptCharset,src:e.url}).on("load error",n=function(e){t.remove(),n=null,e&&i("error"===e.type?404:200,e.type)}),o.head.appendChild(t[0])},abort:function(){n&&n()}}}});var hn=[],dn=/(=)\?(?=&|$)|\?\?/;x.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=hn.pop()||x.expando+"_"+Yt++;return this[e]=!0,e}}),x.ajaxPrefilter("json jsonp",function(t,n,r){var i,o,s,a=t.jsonp!==!1&&(dn.test(t.url)?"url":"string"==typeof t.data&&!(t.contentType||"").indexOf("application/x-www-form-urlencoded")&&dn.test(t.data)&&"data");return a||"jsonp"===t.dataTypes[0]?(i=t.jsonpCallback=x.isFunction(t.jsonpCallback)?t.jsonpCallback():t.jsonpCallback,a?t[a]=t[a].replace(dn,"$1"+i):t.jsonp!==!1&&(t.url+=(Vt.test(t.url)?"&":"?")+t.jsonp+"="+i),t.converters["script json"]=function(){return s||x.error(i+" was not called"),s[0]},t.dataTypes[0]="json",o=e[i],e[i]=function(){s=arguments},r.always(function(){e[i]=o,t[i]&&(t.jsonpCallback=n.jsonpCallback,hn.push(i)),s&&x.isFunction(o)&&o(s[0]),s=o=undefined}),"script"):undefined}),x.ajaxSettings.xhr=function(){try{return new XMLHttpRequest}catch(e){}};var gn=x.ajaxSettings.xhr(),mn={0:200,1223:204},yn=0,vn={};e.ActiveXObject&&x(e).on("unload",function(){for(var e in vn)vn[e]();vn=undefined}),x.support.cors=!!gn&&"withCredentials"in gn,x.support.ajax=gn=!!gn,x.ajaxTransport(function(e){var t;return x.support.cors||gn&&!e.crossDomain?{send:function(n,r){var i,o,s=e.xhr();if(s.open(e.type,e.url,e.async,e.username,e.password),e.xhrFields)for(i in e.xhrFields)s[i]=e.xhrFields[i];e.mimeType&&s.overrideMimeType&&s.overrideMimeType(e.mimeType),e.crossDomain||n["X-Requested-With"]||(n["X-Requested-With"]="XMLHttpRequest");for(i in n)s.setRequestHeader(i,n[i]);t=function(e){return function(){t&&(delete vn[o],t=s.onload=s.onerror=null,"abort"===e?s.abort():"error"===e?r(s.status||404,s.statusText):r(mn[s.status]||s.status,s.statusText,"string"==typeof s.responseText?{text:s.responseText}:undefined,s.getAllResponseHeaders()))}},s.onload=t(),s.onerror=t("error"),t=vn[o=yn++]=t("abort"),s.send(e.hasContent&&e.data||null)},abort:function(){t&&t()}}:undefined});var xn,bn,wn=/^(?:toggle|show|hide)$/,Tn=RegExp("^(?:([+-])=|)("+b+")([a-z%]*)$","i"),Cn=/queueHooks$/,kn=[An],Nn={"*":[function(e,t){var n=this.createTween(e,t),r=n.cur(),i=Tn.exec(t),o=i&&i[3]||(x.cssNumber[e]?"":"px"),s=(x.cssNumber[e]||"px"!==o&&+r)&&Tn.exec(x.css(n.elem,e)),a=1,u=20;if(s&&s[3]!==o){o=o||s[3],i=i||[],s=+r||1;do a=a||".5",s/=a,x.style(n.elem,e,s+o);while(a!==(a=n.cur()/r)&&1!==a&&--u)}return i&&(s=n.start=+s||+r||0,n.unit=o,n.end=i[1]?s+(i[1]+1)*i[2]:+i[2]),n}]};function En(){return setTimeout(function(){xn=undefined}),xn=x.now()}function Sn(e,t,n){var r,i=(Nn[t]||[]).concat(Nn["*"]),o=0,s=i.length;for(;s>o;o++)if(r=i[o].call(n,t,e))return r}function jn(e,t,n){var r,i,o=0,s=kn.length,a=x.Deferred().always(function(){delete u.elem}),u=function(){if(i)return!1;var t=xn||En(),n=Math.max(0,l.startTime+l.duration-t),r=n/l.duration||0,o=1-r,s=0,u=l.tweens.length;for(;u>s;s++)l.tweens[s].run(o);return a.notifyWith(e,[l,o,n]),1>o&&u?n:(a.resolveWith(e,[l]),!1)},l=a.promise({elem:e,props:x.extend({},t),opts:x.extend(!0,{specialEasing:{}},n),originalProperties:t,originalOptions:n,startTime:xn||En(),duration:n.duration,tweens:[],createTween:function(t,n){var r=x.Tween(e,l.opts,t,n,l.opts.specialEasing[t]||l.opts.easing);return l.tweens.push(r),r},stop:function(t){var n=0,r=t?l.tweens.length:0;if(i)return this;for(i=!0;r>n;n++)l.tweens[n].run(1);return t?a.resolveWith(e,[l,t]):a.rejectWith(e,[l,t]),this}}),c=l.props;for(Dn(c,l.opts.specialEasing);s>o;o++)if(r=kn[o].call(l,e,c,l.opts))return r;return x.map(c,Sn,l),x.isFunction(l.opts.start)&&l.opts.start.call(e,l),x.fx.timer(x.extend(u,{elem:e,anim:l,queue:l.opts.queue})),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always)}function Dn(e,t){var n,r,i,o,s;for(n in e)if(r=x.camelCase(n),i=t[r],o=e[n],x.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),s=x.cssHooks[r],s&&"expand"in s){o=s.expand(o),delete e[r];for(n in o)n in e||(e[n]=o[n],t[n]=i)}else t[r]=i}x.Animation=x.extend(jn,{tweener:function(e,t){x.isFunction(e)?(t=e,e=["*"]):e=e.split(" ");var n,r=0,i=e.length;for(;i>r;r++)n=e[r],Nn[n]=Nn[n]||[],Nn[n].unshift(t)},prefilter:function(e,t){t?kn.unshift(e):kn.push(e)}});function An(e,t,n){var r,i,o,s,a,u,l=this,c={},p=e.style,f=e.nodeType&&Lt(e),h=q.get(e,"fxshow");n.queue||(a=x._queueHooks(e,"fx"),null==a.unqueued&&(a.unqueued=0,u=a.empty.fire,a.empty.fire=function(){a.unqueued||u()}),a.unqueued++,l.always(function(){l.always(function(){a.unqueued--,x.queue(e,"fx").length||a.empty.fire()})})),1===e.nodeType&&("height"in t||"width"in t)&&(n.overflow=[p.overflow,p.overflowX,p.overflowY],"inline"===x.css(e,"display")&&"none"===x.css(e,"float")&&(p.display="inline-block")),n.overflow&&(p.overflow="hidden",l.always(function(){p.overflow=n.overflow[0],p.overflowX=n.overflow[1],p.overflowY=n.overflow[2]}));for(r in t)if(i=t[r],wn.exec(i)){if(delete t[r],o=o||"toggle"===i,i===(f?"hide":"show")){if("show"!==i||!h||h[r]===undefined)continue;f=!0}c[r]=h&&h[r]||x.style(e,r)}if(!x.isEmptyObject(c)){h?"hidden"in h&&(f=h.hidden):h=q.access(e,"fxshow",{}),o&&(h.hidden=!f),f?x(e).show():l.done(function(){x(e).hide()}),l.done(function(){var t;q.remove(e,"fxshow");for(t in c)x.style(e,t,c[t])});for(r in c)s=Sn(f?h[r]:0,r,l),r in h||(h[r]=s.start,f&&(s.end=s.start,s.start="width"===r||"height"===r?1:0))}}function Ln(e,t,n,r,i){return new Ln.prototype.init(e,t,n,r,i)}x.Tween=Ln,Ln.prototype={constructor:Ln,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||"swing",this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(x.cssNumber[n]?"":"px")},cur:function(){var e=Ln.propHooks[this.prop];return e&&e.get?e.get(this):Ln.propHooks._default.get(this)},run:function(e){var t,n=Ln.propHooks[this.prop];return this.pos=t=this.options.duration?x.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):Ln.propHooks._default.set(this),this}},Ln.prototype.init.prototype=Ln.prototype,Ln.propHooks={_default:{get:function(e){var t;return null==e.elem[e.prop]||e.elem.style&&null!=e.elem.style[e.prop]?(t=x.css(e.elem,e.prop,""),t&&"auto"!==t?t:0):e.elem[e.prop]},set:function(e){x.fx.step[e.prop]?x.fx.step[e.prop](e):e.elem.style&&(null!=e.elem.style[x.cssProps[e.prop]]||x.cssHooks[e.prop])?x.style(e.elem,e.prop,e.now+e.unit):e.elem[e.prop]=e.now}}},Ln.propHooks.scrollTop=Ln.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},x.each(["toggle","show","hide"],function(e,t){var n=x.fn[t];x.fn[t]=function(e,r,i){return null==e||"boolean"==typeof e?n.apply(this,arguments):this.animate(qn(t,!0),e,r,i)}}),x.fn.extend({fadeTo:function(e,t,n,r){return this.filter(Lt).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(e,t,n,r){var i=x.isEmptyObject(e),o=x.speed(t,n,r),s=function(){var t=jn(this,x.extend({},e),o);(i||q.get(this,"finish"))&&t.stop(!0)};return s.finish=s,i||o.queue===!1?this.each(s):this.queue(o.queue,s)},stop:function(e,t,n){var r=function(e){var t=e.stop;delete e.stop,t(n)};return"string"!=typeof e&&(n=t,t=e,e=undefined),t&&e!==!1&&this.queue(e||"fx",[]),this.each(function(){var t=!0,i=null!=e&&e+"queueHooks",o=x.timers,s=q.get(this);if(i)s[i]&&s[i].stop&&r(s[i]);else for(i in s)s[i]&&s[i].stop&&Cn.test(i)&&r(s[i]);for(i=o.length;i--;)o[i].elem!==this||null!=e&&o[i].queue!==e||(o[i].anim.stop(n),t=!1,o.splice(i,1));(t||!n)&&x.dequeue(this,e)})},finish:function(e){return e!==!1&&(e=e||"fx"),this.each(function(){var t,n=q.get(this),r=n[e+"queue"],i=n[e+"queueHooks"],o=x.timers,s=r?r.length:0;for(n.finish=!0,x.queue(this,e,[]),i&&i.stop&&i.stop.call(this,!0),t=o.length;t--;)o[t].elem===this&&o[t].queue===e&&(o[t].anim.stop(!0),o.splice(t,1));for(t=0;s>t;t++)r[t]&&r[t].finish&&r[t].finish.call(this);delete n.finish})}});function qn(e,t){var n,r={height:e},i=0;for(t=t?1:0;4>i;i+=2-t)n=jt[i],r["margin"+n]=r["padding"+n]=e;return t&&(r.opacity=r.width=e),r}x.each({slideDown:qn("show"),slideUp:qn("hide"),slideToggle:qn("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,t){x.fn[e]=function(e,n,r){return this.animate(t,e,n,r)}}),x.speed=function(e,t,n){var r=e&&"object"==typeof e?x.extend({},e):{complete:n||!n&&t||x.isFunction(e)&&e,duration:e,easing:n&&t||t&&!x.isFunction(t)&&t};return r.duration=x.fx.off?0:"number"==typeof r.duration?r.duration:r.duration in x.fx.speeds?x.fx.speeds[r.duration]:x.fx.speeds._default,(null==r.queue||r.queue===!0)&&(r.queue="fx"),r.old=r.complete,r.complete=function(){x.isFunction(r.old)&&r.old.call(this),r.queue&&x.dequeue(this,r.queue)},r},x.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2}},x.timers=[],x.fx=Ln.prototype.init,x.fx.tick=function(){var e,t=x.timers,n=0;for(xn=x.now();t.length>n;n++)e=t[n],e()||t[n]!==e||t.splice(n--,1);t.length||x.fx.stop(),xn=undefined},x.fx.timer=function(e){e()&&x.timers.push(e)&&x.fx.start()},x.fx.interval=13,x.fx.start=function(){bn||(bn=setInterval(x.fx.tick,x.fx.interval))},x.fx.stop=function(){clearInterval(bn),bn=null},x.fx.speeds={slow:600,fast:200,_default:400},x.fx.step={},x.expr&&x.expr.filters&&(x.expr.filters.animated=function(e){return x.grep(x.timers,function(t){return e===t.elem}).length}),x.fn.offset=function(e){if(arguments.length)return e===undefined?this:this.each(function(t){x.offset.setOffset(this,e,t)});var t,n,i=this[0],o={top:0,left:0},s=i&&i.ownerDocument;if(s)return t=s.documentElement,x.contains(t,i)?(typeof i.getBoundingClientRect!==r&&(o=i.getBoundingClientRect()),n=Hn(s),{top:o.top+n.pageYOffset-t.clientTop,left:o.left+n.pageXOffset-t.clientLeft}):o},x.offset={setOffset:function(e,t,n){var r,i,o,s,a,u,l,c=x.css(e,"position"),p=x(e),f={};"static"===c&&(e.style.position="relative"),a=p.offset(),o=x.css(e,"top"),u=x.css(e,"left"),l=("absolute"===c||"fixed"===c)&&(o+u).indexOf("auto")>-1,l?(r=p.position(),s=r.top,i=r.left):(s=parseFloat(o)||0,i=parseFloat(u)||0),x.isFunction(t)&&(t=t.call(e,n,a)),null!=t.top&&(f.top=t.top-a.top+s),null!=t.left&&(f.left=t.left-a.left+i),"using"in t?t.using.call(e,f):p.css(f)}},x.fn.extend({position:function(){if(this[0]){var e,t,n=this[0],r={top:0,left:0};return"fixed"===x.css(n,"position")?t=n.getBoundingClientRect():(e=this.offsetParent(),t=this.offset(),x.nodeName(e[0],"html")||(r=e.offset()),r.top+=x.css(e[0],"borderTopWidth",!0),r.left+=x.css(e[0],"borderLeftWidth",!0)),{top:t.top-r.top-x.css(n,"marginTop",!0),left:t.left-r.left-x.css(n,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||s;while(e&&!x.nodeName(e,"html")&&"static"===x.css(e,"position"))e=e.offsetParent;return e||s})}}),x.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,n){var r="pageYOffset"===n;x.fn[t]=function(i){return x.access(this,function(t,i,o){var s=Hn(t);return o===undefined?s?s[n]:t[i]:(s?s.scrollTo(r?e.pageXOffset:o,r?o:e.pageYOffset):t[i]=o,undefined)},t,i,arguments.length,null)}});function Hn(e){return x.isWindow(e)?e:9===e.nodeType&&e.defaultView}x.each({Height:"height",Width:"width"},function(e,t){x.each({padding:"inner"+e,content:t,"":"outer"+e},function(n,r){x.fn[r]=function(r,i){var o=arguments.length&&(n||"boolean"!=typeof r),s=n||(r===!0||i===!0?"margin":"border");return x.access(this,function(t,n,r){var i;return x.isWindow(t)?t.document.documentElement["client"+e]:9===t.nodeType?(i=t.documentElement,Math.max(t.body["scroll"+e],i["scroll"+e],t.body["offset"+e],i["offset"+e],i["client"+e])):r===undefined?x.css(t,n,s):x.style(t,n,r,s)},t,o?r:undefined,o,null)}})}),x.fn.size=function(){return this.length},x.fn.andSelf=x.fn.addBack,"object"==typeof module&&module&&"object"==typeof module.exports?module.exports=x:"function"==typeof define&&define.amd&&define("jquery",[],function(){return x}),"object"==typeof e&&"object"==typeof e.document&&(e.jQuery=e.$=x)})(window);
diff --git a/apps/presentationeditor/main/resources/help/it/search/search.html b/apps/presentationeditor/main/resources/help/it/search/search.html
index 9efeae6f4d..3592abf75e 100644
--- a/apps/presentationeditor/main/resources/help/it/search/search.html
+++ b/apps/presentationeditor/main/resources/help/it/search/search.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html>
     <head>
         <title>Search results</title>
diff --git a/apps/presentationeditor/main/resources/help/ru/HelpfulHints/About.htm b/apps/presentationeditor/main/resources/help/ru/HelpfulHints/About.htm
index 4d27895c4b..1be2291d78 100644
--- a/apps/presentationeditor/main/resources/help/ru/HelpfulHints/About.htm
+++ b/apps/presentationeditor/main/resources/help/ru/HelpfulHints/About.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Краткое описание редактора презентаций" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,7 +18,7 @@
 			<p><b>Редактор презентаций</b> - это <span class="onlineDocumentFeatures">онлайн-</span>приложение, которое позволяет просматривать и редактировать презентации<span class="onlineDocumentFeatures"> непосредственно в браузере</span>.</p>
 			<p>Используя <b><span class="onlineDocumentFeatures">онлайн-</span>редактор презентаций</b>, можно выполнять различные операции редактирования, как в любом десктопном редакторе, распечатывать отредактированные презентации,
 			 сохраняя все детали форматирования, или сохранять их на жесткий диск компьютера как файлы в формате PPTX, PDF, ODP, POTX, PDF/A, OTP.</p>
-            <p> <span class="onlineDocumentFeatures">Для просмотра текущей версии программы и информации о владельце лицензии в <em>онлайн-версии</em> щелкните по значку <img alt="Значок О программе" src="../images/about.png" /> на левой боковой панели инструментов.</span> <span class="desktopDocumentFeatures"> Для просмотра текущей версии программы и информации о владельце лицензии в <em>десктопной версии</em> для Windows выберите пункт меню <b>О программе</b> на левой боковой панели в главном окне приложения. В <em>десктопной версии</em> для Mac OS откройте меню <b>ONLYOFFICE</b> в верхней части и выберите пункт меню <b>О программе ONLYOFFICE</b>.</span></p>
+            <p> <span class="onlineDocumentFeatures">Для просмотра текущей версии программы и информации о владельце лицензии в <em>онлайн-версии</em> щелкните по значку <div class = "icon icon-about"></div> на левой боковой панели инструментов.</span> <span class="desktopDocumentFeatures"> Для просмотра текущей версии программы и информации о владельце лицензии в <em>десктопной версии</em> для Windows выберите пункт меню <b>О программе</b> на левой боковой панели в главном окне приложения. В <em>десктопной версии</em> для Mac OS откройте меню <b>ONLYOFFICE</b> в верхней части и выберите пункт меню <b>О программе ONLYOFFICE</b>.</span></p>
     </div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/ru/HelpfulHints/AdvancedSettings.htm b/apps/presentationeditor/main/resources/help/ru/HelpfulHints/AdvancedSettings.htm
index 73f0ac734c..64ceef64ca 100644
--- a/apps/presentationeditor/main/resources/help/ru/HelpfulHints/AdvancedSettings.htm
+++ b/apps/presentationeditor/main/resources/help/ru/HelpfulHints/AdvancedSettings.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Дополнительные параметры редактора презентаций" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -14,7 +15,7 @@
             <input id="search" class="searchBar" placeholder="Поиск" type="text" onkeypress="doSearch(event)">
         </div>
 		<h1>Дополнительные параметры редактора презентаций</h1>
-			<p>Вы можете изменить дополнительные параметры редактора презентаций. Для перехода к ним откройте вкладку <b>Файл</b> на верхней панели инструментов и выберите опцию <b>Дополнительные параметры...</b>. Можно также нажать на значок <b>Параметры представления</b> <img alt="Значок Параметры представления" src="../images/viewsettingsicon.png" /> в правой части шапки редактора и выбрать опцию <b>Дополнительные параметры</b>.</p>
+			<p>Вы можете изменить дополнительные параметры редактора презентаций. Для перехода к ним откройте вкладку <b>Файл</b> на верхней панели инструментов и выберите опцию <b>Дополнительные параметры...</b>. Можно также нажать на значок <b>Параметры представления</b> <div class = "icon icon-viewsettingsicon"></div> в правой части шапки редактора и выбрать опцию <b>Дополнительные параметры</b>.</p>
 			<p>Доступны следующие дополнительные параметры:</p>
             <ul>
                 <li><b>Проверка орфографии</b> - используется для включения/отключения опции проверки орфографии.</li>
@@ -27,7 +28,7 @@
                     <b>Режим совместного редактирования</b> - используется для выбора способа отображения изменений, вносимых в ходе совместного редактирования:
                     <ul>
                         <li>По умолчанию выбран <b>Быстрый</b> режим, при котором пользователи, участвующие в совместном редактировании документа, будут видеть изменения в реальном времени, как только они внесены другими пользователями.</li>
-                        <li>Если вы не хотите видеть изменения, вносимые другими пользователями, (чтобы они не мешали вам или по какой-то другой причине), выберите <b>Строгий</b> режим, и все изменения будут отображаться только после того, как вы нажмете на значок <b>Сохранить</b> <img alt="Значок Сохранить" src="../images/saveupdate.png" /> с оповещением о наличии изменений от других пользователей.</li>
+                        <li>Если вы не хотите видеть изменения, вносимые другими пользователями, (чтобы они не мешали вам или по какой-то другой причине), выберите <b>Строгий</b> режим, и все изменения будут отображаться только после того, как вы нажмете на значок <b>Сохранить</b> <div class = "icon icon-saveupdate"></div> с оповещением о наличии изменений от других пользователей.</li>
                     </ul>
                 </li>
                 <li>
diff --git a/apps/presentationeditor/main/resources/help/ru/HelpfulHints/CollaborativeEditing.htm b/apps/presentationeditor/main/resources/help/ru/HelpfulHints/CollaborativeEditing.htm
index fe528a886b..b8f636bbed 100644
--- a/apps/presentationeditor/main/resources/help/ru/HelpfulHints/CollaborativeEditing.htm
+++ b/apps/presentationeditor/main/resources/help/ru/HelpfulHints/CollaborativeEditing.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Советы по совместному редактированию презентаций" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -31,17 +32,17 @@
                 <p>В редакторе презентаций можно выбрать один из двух доступных режимов совместного редактирования.</p>
                 <ul>
                     <li><b>Быстрый</b> используется по умолчанию, в нем изменения, вносимые другими пользователями, отображаются в реальном времени.</li>
-                    <li><b>Строгий</b> режим позволяет скрывать изменения, внесенные другими пользователями, до тех пор, пока вы не нажмете значок <b>Сохранить</b> <img alt="Значок Сохранить" src="../images/saveupdate.png" />, чтобы сохранить ваши изменения и принять изменения, внесенные другими.</li>
+                    <li><b>Строгий</b> режим позволяет скрывать изменения, внесенные другими пользователями, до тех пор, пока вы не нажмете значок <b>Сохранить</b> <div class = "icon icon-saveupdate"></div>, чтобы сохранить ваши изменения и принять изменения, внесенные другими.</li>
                 </ul>
-                <p>Режим можно выбрать в <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Дополнительных настройках</a>. Нужный режим также можно выбрать, используя значок <img alt="Значок Режим совместного редактирования" src="../images/coeditingmode.png" /> <b>Режим совместного редактирования</b> на вкладке <b>Совместная работа</b> верхней панели инструментов:</p>
+                <p>Режим можно выбрать в <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Дополнительных настройках</a>. Нужный режим также можно выбрать, используя значок <div class = "icon icon-coeditingmode"></div> <b>Режим совместного редактирования</b> на вкладке <b>Совместная работа</b> верхней панели инструментов:</p>
                 <p><img alt="Меню Режим совместного редактирования" src="../images/coeditingmodemenu.png" /></p>
                 <p class="note">
                     <b>Обратите внимание</b>: при совместном редактировании презентации в <b>Быстром</b> режиме недоступна возможность <b>Повторить</b> последнее отмененное действие.
                 </p>
                 <p>Когда презентацию редактируют одновременно несколько пользователей в <b>Строгом</b> режиме, редактируемые объекты (автофигуры, текстовые объекты, таблицы, изображения, диаграммы) помечаются пунктирными линиями разных цветов. Объект, который редактируете Вы, окружен зеленой пунктирной линией. Красные пунктирные линии означают, что объекты редактируются другими пользователями. При наведении курсора мыши на один из редактируемых объектов отображается имя того пользователя, который в данный момент его редактирует. В <b>Быстром</b> режиме действия и имена участников совместного редактирования отображаются непосредственно в процессе редактирования.</p>
-                <p>Количество пользователей, которые в данный момент работают над текущей презентацией, отображается в правой части шапки редактора - <img alt="Значок Количество пользователей" src="../images/usersnumber.png" />. Чтобы увидеть, кто именно редактирует файл в настоящий момент, можно щелкнуть по этому значку или открыть панель <b>Чата</b> с полным списком пользователей.</p>
-                <p>Если файл не просматривают или не редактируют другие пользователи, значок в шапке редактора будет выглядеть следующим образом: <img alt="Значок Управление правами доступа к документу" src="../images/access_rights.png" />. С его помощью можно непосредственно из документа управлять пользователями, имеющими доступ к файлу: приглашать новых пользователей, предоставляя им права на <em>редактирование</em>, <em>просмотр</em> или <em>комментирование</em> презентации, или <em>запрещать доступ</em> к файлу для некоторых пользователей. Нажмите на этот значок для управления доступом к файлу; это можно сделать и в отсутствие других пользователей, которые просматривают или совместно редактируют документ в настоящий момент, и при наличии других пользователей, когда значок выглядит так: <img alt="Значок Количество пользователей" src="../images/usersnumber.png" />. Права доступа также можно задать, используя значок <img alt="Значок Совместный доступ" src="../images/sharingicon.png" /> <b>Совместный доступ</b> на вкладке <b>Совместная работа</b> верхней панели инструментов.</p>
-                <p>Как только один из пользователей сохранит свои изменения, нажав на значок <img alt="Значок Сохранить" src="../images/savewhilecoediting.png" />, все остальные увидят в строке состояния примечание, которое сообщает о наличии обновлений. Чтобы сохранить внесенные вами изменения и сделать их доступными для других пользователей, а также получить обновления, сохраненные другими пользователями, нажмите на значок <img alt="Значок Сохранить и получить обновления" src="../images/saveupdate.png" /> в левом верхнем углу верхней панели инструментов. Обновления будут подсвечены, чтобы Вы могли проверить, что конкретно изменилось.</p>
+                <p>Количество пользователей, которые в данный момент работают над текущей презентацией, отображается в правой части шапки редактора - <div class = "icon icon-usersnumber"></div>. Чтобы увидеть, кто именно редактирует файл в настоящий момент, можно щелкнуть по этому значку или открыть панель <b>Чата</b> с полным списком пользователей.</p>
+                <p>Если файл не просматривают или не редактируют другие пользователи, значок в шапке редактора будет выглядеть следующим образом: <div class = "icon icon-access_rights"></div>. С его помощью можно непосредственно из документа управлять пользователями, имеющими доступ к файлу: приглашать новых пользователей, предоставляя им права на <em>редактирование</em>, <em>просмотр</em> или <em>комментирование</em> презентации, или <em>запрещать доступ</em> к файлу для некоторых пользователей. Нажмите на этот значок для управления доступом к файлу; это можно сделать и в отсутствие других пользователей, которые просматривают или совместно редактируют документ в настоящий момент, и при наличии других пользователей, когда значок выглядит так: <div class = "icon icon-usersnumber"></div>. Права доступа также можно задать, используя значок <div class = "icon icon-sharingicon"></div> <b>Совместный доступ</b> на вкладке <b>Совместная работа</b> верхней панели инструментов.</p>
+                <p>Как только один из пользователей сохранит свои изменения, нажав на значок <div class = "icon icon-savewhilecoediting"></div>, все остальные увидят в строке состояния примечание, которое сообщает о наличии обновлений. Чтобы сохранить внесенные вами изменения и сделать их доступными для других пользователей, а также получить обновления, сохраненные другими пользователями, нажмите на значок <div class = "icon icon-saveupdate"></div> в левом верхнем углу верхней панели инструментов. Обновления будут подсвечены, чтобы Вы могли проверить, что конкретно изменилось.</p>
                 <h3>Аноним</h3>
                 <p>Пользователи портала, которые не зарегистрированы и не имеют профиля, считаются анонимными, хотя они по-прежнему могут совместно работать над документами. Чтобы добавить имя, анонимный пользователь должен ввести его в соответствующее поле, появляющееся в правом верхнем углу экрана при первом открытии документа. Установите флажок «Больше не спрашивать», чтобы сохранить имя.</p>
                 <p><img alt="Аноним" src="../images/anonymous_collab.png" /></p>
@@ -51,36 +52,36 @@
                 <p>Чтобы войти в чат и оставить сообщение для других пользователей:</p>
                 <ol>
                     <li>
-                        нажмите на значок <img alt="Значок Чат" src="../images/chaticon.png" /> на левой боковой панели или <br />
-                        переключитесь на вкладку <b>Совместная работа</b> верхней панели инструментов и нажмите на кнопку <img alt="Значок Чат" src="../images/chat_toptoolbar.png" /> <b>Чат</b>,
+                        нажмите на значок <div class = "icon icon-chaticon"></div> на левой боковой панели или <br />
+                        переключитесь на вкладку <b>Совместная работа</b> верхней панели инструментов и нажмите на кнопку <div class = "icon icon-chat_toptoolbar"></div> <b>Чат</b>,
                     </li>
                     <li>введите текст в соответствующем поле ниже,</li>
                     <li>нажмите кнопку <b>Отправить</b>.</li>
                 </ol>
-                <p>Все сообщения, оставленные пользователями, будут отображаться на панели слева. Если есть новые сообщения, которые Вы еще не прочитали, значок чата будет выглядеть так - <img alt="Значок Чат" src="../images/chaticon_new.png" />.</p>
-                <p>Чтобы закрыть панель с сообщениями чата, нажмите на значок <img alt="Значок Чат" src="../images/chaticon.png" /> на левой боковой панели или кнопку <img alt="Значок Чат" src="../images/chat_toptoolbar.png" /> <b>Чат</b> на верхней панели инструментов еще раз.</p>
+                <p>Все сообщения, оставленные пользователями, будут отображаться на панели слева. Если есть новые сообщения, которые Вы еще не прочитали, значок чата будет выглядеть так - <div class = "icon icon-chaticon_new"></div>.</p>
+                <p>Чтобы закрыть панель с сообщениями чата, нажмите на значок <div class = "icon icon-chaticon"></div> на левой боковой панели или кнопку <div class = "icon icon-chat_toptoolbar"></div> <b>Чат</b> на верхней панели инструментов еще раз.</p>
             </div>
                 <h3>Комментарии</h3>
                 <p>Работа с комментариями доступна в офлайн-режиме без подключения к <em>онлайн-версии</em>.</p>
                 <p>Чтобы оставить комментарий к определенному объекту (текстовому полю, фигуре и так далее):</p>
                 <ol>
                     <li>выделите объект, в котором, по Вашему мнению, содержится какая-то ошибка или проблема,</li>
-                    <li>переключитесь на вкладку <b>Вставка</b> или <b>Совместная работа</b> верхней панели инструментов и нажмите на кнопку <img alt="Значок Комментарий" src="../images/comment_toptoolbar.png" /> <b>Комментарий</b> или<br />
+                    <li>переключитесь на вкладку <b>Вставка</b> или <b>Совместная работа</b> верхней панели инструментов и нажмите на кнопку <div class = "icon icon-comment_toptoolbar"></div> <b>Комментарий</b> или<br />
                         щелкните правой кнопкой мыши по выделенному объекту и выберите в меню команду <b>Добавить комментарий</b>,
                     </li>
                     <li>введите нужный текст,</li>
                     <li>нажмите кнопку <b>Добавить</b>.</li>
                 </ol>
-                <p>Объект, который вы прокомментировали, будет помечен значком <img alt="Значок рядом с прокомментированным объектом" src="../images/added_comment_icon.png" />. Для просмотра комментария щелкните по этому значку.</p>
-                <p>Чтобы добавить комментарий к определенному слайду, выделите слайд и используйте кнопку <img alt="Значок Комментарий" src="../images/comment_toptoolbar.png" /> <b>Комментарий</b> на вкладке <b>Вставка</b> или <b>Совместная работа</b> верхней панели инструментов. Добавленный комментарий будет отображаться в левом верхнем углу слайда.</p>
-                <p>Чтобы создать комментарий уровня презентации, который не относится к определенному объекту или слайду, нажмите на значок <img alt="Значок Комментарий" src="../images/commentsicon.png" /> на левой боковой панели, чтобы открыть панель <b>Комментарии</b>, и используйте ссылку <b>Добавить комментарий к документу</b>. Комментарии уровня презентации можно просмотреть на панели <b>Комментарии</b>. Здесь также доступны комментарии, относящиеся к объектам и слайдам.</p>
+                <p>Объект, который вы прокомментировали, будет помечен значком <div class = "icon icon-added_comment_icon"></div>. Для просмотра комментария щелкните по этому значку.</p>
+                <p>Чтобы добавить комментарий к определенному слайду, выделите слайд и используйте кнопку <div class = "icon icon-comment_toptoolbar"></div> <b>Комментарий</b> на вкладке <b>Вставка</b> или <b>Совместная работа</b> верхней панели инструментов. Добавленный комментарий будет отображаться в левом верхнем углу слайда.</p>
+                <p>Чтобы создать комментарий уровня презентации, который не относится к определенному объекту или слайду, нажмите на значок <div class = "icon icon-commentsicon"></div> на левой боковой панели, чтобы открыть панель <b>Комментарии</b>, и используйте ссылку <b>Добавить комментарий к документу</b>. Комментарии уровня презентации можно просмотреть на панели <b>Комментарии</b>. Здесь также доступны комментарии, относящиеся к объектам и слайдам.</p>
                 <p>Любой другой пользователь может ответить на добавленный комментарий, чтобы дать ответ на вопросы или отчитаться о проделанной работе. Для этого надо нажать на ссылку <b>Добавить ответ</b>, расположенную под комментарием, ввести текст ответа в поле ввода и нажать кнопку <b>Ответить</b>.</p>
-                <p>Если вы используете <b>Строгий</b> режим совместного редактирования, новые комментарии, добавленные другими пользователями, станут видимыми только после того, как вы нажмете на значок <img alt="Значок Сохранить и получить обновления" src="../images/saveupdate.png" /> в левом верхнем углу верхней панели инструментов.</p>
+                <p>Если вы используете <b>Строгий</b> режим совместного редактирования, новые комментарии, добавленные другими пользователями, станут видимыми только после того, как вы нажмете на значок <div class = "icon icon-saveupdate"></div> в левом верхнем углу верхней панели инструментов.</p>
                 <p>Вы можете управлять добавленными комментариями, используя значки во всплывающем окне комментария или на панели <b>Комментарии</b> слева:</p>
                 <ul>
-                    <li>отредактируйте выбранный комментарий, нажав значок <img alt="Значок Редактировать" src="../images/editcommenticon.png" />,</li>
-                    <li>удалите выбранный комментарий, нажав значок <img alt="Значок Удалить" src="../images/deletecommenticon.png" />,</li>
-                    <li>закройте выбранное обсуждение, нажав на значок <img alt="Значок Решить" src="../images/resolveicon.png" />, если задача или проблема, обозначенная в комментарии, решена; после этого обсуждение, которое вы открыли своим комментарием, приобретет статус решенного. Чтобы вновь его открыть, нажмите на значок <img alt="Значок Открыть снова" src="../images/resolvedicon.png" />.</li>
+                    <li>отредактируйте выбранный комментарий, нажав значок <div class = "icon icon-editcommenticon"></div>,</li>
+                    <li>удалите выбранный комментарий, нажав значок <div class = "icon icon-deletecommenticon"></div>,</li>
+                    <li>закройте выбранное обсуждение, нажав на значок <div class = "icon icon-resolveicon"></div>, если задача или проблема, обозначенная в комментарии, решена; после этого обсуждение, которое вы открыли своим комментарием, приобретет статус решенного. Чтобы вновь его открыть, нажмите на значок <div class = "icon icon-resolvedicon"></div>.</li>
                     <li>если вы хотите решить сразу несколько комментариев, на вкладке <b>Совместная работа</b> нажмите выпадающий список <b>Решить</b> и выберите один из вариантов решения комментариев: <b>решить текущие комментарии</b>, <b>решить мои комментарии</b> или <b>решить все комментарии</b> в презентации.</li>
                 </ul>
                 <h4>Добавление упоминаний</h4>
@@ -89,7 +90,7 @@
             <p>Упомянутый пользователь получит по электронной почте оповещение о том, что он был упомянут в комментарии. Если к файлу был предоставлен доступ, пользователь также получит соответствующее оповещение.</p>    
             <p>Чтобы удалить комментарии,</p>
             <ol>
-                <li>нажмите кнопку <img alt="Значок Удалить комментарий" src="../images/removecomment_toptoolbar.png" /> <b>Удалить</b> на вкладке <b>Совместная работа</b> верхней панели инструментов,</li>
+                <li>нажмите кнопку <div class = "icon icon-removecomment_toptoolbar"></div> <b>Удалить</b> на вкладке <b>Совместная работа</b> верхней панели инструментов,</li>
                 <li>
                     выберите нужный пункт меню:
                     <ul>
@@ -99,7 +100,7 @@
                     </ul>
                 </li>
             </ol>
-            <p>Чтобы закрыть панель с комментариями, нажмите на значок <img alt="Значок Комментарии" src="../images/commentsicon.png" /> еще раз.</p>
+            <p>Чтобы закрыть панель с комментариями, нажмите на значок <div class = "icon icon-commentsicon"></div> еще раз.</p>
             </div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/ru/HelpfulHints/KeyboardShortcuts.htm b/apps/presentationeditor/main/resources/help/ru/HelpfulHints/KeyboardShortcuts.htm
index 56bcfe2592..1a7e87ccfe 100644
--- a/apps/presentationeditor/main/resources/help/ru/HelpfulHints/KeyboardShortcuts.htm
+++ b/apps/presentationeditor/main/resources/help/ru/HelpfulHints/KeyboardShortcuts.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Список сочетаний клавиш, используемых для быстрого и легкого доступа к функциям онлайн-редактора презентаций с помощью клавиатуры." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
         <script type="text/javascript" src="../search/js/jquery.min.js"></script>
diff --git a/apps/presentationeditor/main/resources/help/ru/HelpfulHints/Navigation.htm b/apps/presentationeditor/main/resources/help/ru/HelpfulHints/Navigation.htm
index 6be73c4b21..dbedde0b60 100644
--- a/apps/presentationeditor/main/resources/help/ru/HelpfulHints/Navigation.htm
+++ b/apps/presentationeditor/main/resources/help/ru/HelpfulHints/Navigation.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Описание параметров представления и инструментов навигации, таких как масштаб, кнопки предыдущего/следующего слайда" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -16,12 +17,12 @@
 		<h1>Параметры представления и инструменты навигации</h1>
 			<p>В <b>редакторе презентаций</b> доступен ряд инструментов, позволяющих облегчить просмотр и навигацию по презентации: масштаб, кнопки перехода на предыдущий/следующий слайд, указатель номера слайда.</p>
 			<h3>Настройте параметры представления</h3>
-			<p>Чтобы настроить стандартные параметры представления и установить наиболее удобный режим работы с презентацией, нажмите значок <b>Параметры представления</b> <img alt="Значок Параметры представления" src="../images/viewsettingsicon.png" /> в правой части шапки редактора и выберите, какие элементы интерфейса требуется скрыть или отобразить.
+			<p>Чтобы настроить стандартные параметры представления и установить наиболее удобный режим работы с презентацией, нажмите значок <b>Параметры представления</b> <div class = "icon icon-viewsettingsicon"></div> в правой части шапки редактора и выберите, какие элементы интерфейса требуется скрыть или отобразить.
 			Из выпадающего списка <b>Параметры представления</b> можно выбрать следующие опции:
 			</p>
 			<ul>
 				<li>
-					<b>Скрыть панель инструментов</b> - скрывает верхнюю панель инструментов, которая содержит команды. Вкладки при этом остаются видимыми. Чтобы показать панель инструментов, когда эта опция включена, можно нажать на любую вкладку. Панель инструментов будет отображаться до тех пор, пока вы не щелкнете мышью где-либо за ее пределами.<br /> Чтобы отключить этот режим, нажмите значок <b>Параметры представления</b> <img alt="Значок Параметры представления" src="../images/viewsettingsicon.png" /> и еще раз щелкните по опции <b>Скрыть панель инструментов</b>. Верхняя панель инструментов будет отображаться постоянно.
+					<b>Скрыть панель инструментов</b> - скрывает верхнюю панель инструментов, которая содержит команды. Вкладки при этом остаются видимыми. Чтобы показать панель инструментов, когда эта опция включена, можно нажать на любую вкладку. Панель инструментов будет отображаться до тех пор, пока вы не щелкнете мышью где-либо за ее пределами.<br /> Чтобы отключить этот режим, нажмите значок <b>Параметры представления</b> <div class = "icon icon-viewsettingsicon"></div> и еще раз щелкните по опции <b>Скрыть панель инструментов</b>. Верхняя панель инструментов будет отображаться постоянно.
 					<p class="note"><b>Примечание</b>: можно также дважды щелкнуть по любой вкладке, чтобы скрыть верхнюю панель инструментов или отобразить ее снова.</p>
 				</li>
 				<li><b>Скрыть строку состояния</b> - скрывает самую нижнюю панель, на которой находится <b>Указатель номера слайда</b> и кнопки <b>Масштаба</b>. Чтобы отобразить скрытую <b>строку состояния</b>, щелкните по этой опции еще раз.</li>
@@ -34,12 +35,12 @@
 			<p>Для осуществления навигации по презентации используйте следующие инструменты:</p>			
 			<p>Кнопки <b>Масштаб</b> расположены в правом нижнем углу и используются для увеличения и уменьшения масштаба текущей презентации. 
 			Чтобы изменить выбранное в текущий момент значение масштаба в процентах, щелкните по нему и выберите в списке один из доступных параметров масштабирования (50% / 75% / 100% / 125% / 150% / 175% / 200%) или используйте кнопки 
-			<b>Увеличить</b> <img alt="Кнопка Увеличить" src="../images/zoomin.png" /> или <b>Уменьшить</b> <img alt="Кнопка Уменьшить" src="../images/zoomout.png" />. 
-			Щелкните по значку <b>По ширине</b> <img alt="Кнопка По ширине" src="../images/fitwidth.png" />, чтобы ширина слайда соответствовала видимой части рабочей области.
-			Чтобы весь слайд целиком помещался в видимой части рабочей области, нажмите значок <b>По размеру слайда</b> <img alt="Кнопка По размеру слайда" src="../images/fitslide.png" />.
-			Параметры масштаба доступны также из выпадающего списка <b>Параметры представления</b> <img alt="Значок Параметры представления" src="../images/viewsettingsicon.png" />, что может быть полезно в том случае, если Вы решили скрыть <b>строку состояния</b>.</p>
+			<b>Увеличить</b> <div class = "icon icon-zoomin"></div> или <b>Уменьшить</b> <div class = "icon icon-zoomout"></div>. 
+			Щелкните по значку <b>По ширине</b> <div class = "icon icon-fitwidth"></div>, чтобы ширина слайда соответствовала видимой части рабочей области.
+			Чтобы весь слайд целиком помещался в видимой части рабочей области, нажмите значок <b>По размеру слайда</b> <div class = "icon icon-fitslide"></div>.
+			Параметры масштаба доступны также из выпадающего списка <b>Параметры представления</b> <div class = "icon icon-viewsettingsicon"></div>, что может быть полезно в том случае, если Вы решили скрыть <b>строку состояния</b>.</p>
 			<p class="note"><b>Примечание</b>: можно задать значение масштаба по умолчанию. Откройте вкладку <b>Файл</b> на верхней панели инструментов, перейдите в раздел <b>Дополнительные параметры...</b>, выберите из списка нужное <b>Стандартное значение масштаба</b> и нажмите кнопку <b>Применить</b>.</p>
-			<p>Для перехода на предыдущий или следующий слайд в ходе редактирования презентации можно использовать кнопки <img alt="Кнопка Предыдущий слайд" src="../images/previouspage.png" /> и <img alt="Кнопка Следующий слайд" src="../images/nextpage.png" />, расположенные сверху и снизу вертикальной полосы прокрутки, которая находится справа от слайда.</p>
+			<p>Для перехода на предыдущий или следующий слайд в ходе редактирования презентации можно использовать кнопки <div class = "icon icon-previouspage"></div> и <div class = "icon icon-nextpage"></div>, расположенные сверху и снизу вертикальной полосы прокрутки, которая находится справа от слайда.</p>
 			<p><b>Указатель номера слайда</b> показывает текущий слайд в составе всех слайдов текущей презентации (слайд 'n' из 'nn'). 
 			Щелкните по этой надписи, чтобы открыть окно, в котором можно ввести номер нужного слайда и быстро перейти к нему. Если Вы решите скрыть <b>строку состояния</b>, этот инструмент станет недоступен.</p>
 		</div>
diff --git a/apps/presentationeditor/main/resources/help/ru/HelpfulHints/Password.htm b/apps/presentationeditor/main/resources/help/ru/HelpfulHints/Password.htm
index ac64dbee71..2c2f5f2dd6 100644
--- a/apps/presentationeditor/main/resources/help/ru/HelpfulHints/Password.htm
+++ b/apps/presentationeditor/main/resources/help/ru/HelpfulHints/Password.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Защита файлов с помощью пароля" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/ru/HelpfulHints/Search.htm b/apps/presentationeditor/main/resources/help/ru/HelpfulHints/Search.htm
index 162c7e54b4..7e157daab9 100644
--- a/apps/presentationeditor/main/resources/help/ru/HelpfulHints/Search.htm
+++ b/apps/presentationeditor/main/resources/help/ru/HelpfulHints/Search.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Описание функции поиска и замены в редакторе презентаций" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -15,20 +16,20 @@
         </div>
 		<h1>Функция поиска и замены</h1>
 			<p>Чтобы найти нужные символы, слова или фразы, которые используются в редактируемой презентации, 
-			щелкните по значку <img alt="Значок Поиск" src="../images/searchicon.png" />, расположенному на левой боковой панели, или используйте сочетание клавиш <em>Ctrl+F</em>.</p>
+			щелкните по значку <div class = "icon icon-searchicon"></div>, расположенному на левой боковой панели, или используйте сочетание клавиш <em>Ctrl+F</em>.</p>
 			<p>Откроется окно <b>Поиск и замена</b>:</p>
             <img alt="Окно Поиск и замена" src="../images/search_window.png" />
 			<ol>
 			<li>Введите запрос в соответствующее поле ввода данных.</li>
                 <li>
-                    Задайте параметры поиска, нажав на значок <img alt="Значок Параметры поиска" src="../images/search_options.png" /> и отметив нужные опции:
+                    Задайте параметры поиска, нажав на значок <div class = "icon icon-search_options"></div> и отметив нужные опции:
                     <ul>
                         <li><b>С учетом регистра</b> - используется для поиска только тех вхождений, которые набраны в таком же регистре, что и Ваш запрос, (например, если Вы ввели запрос 'Редактор', такие слова, как 'редактор' или 'РЕДАКТОР' и т.д. не будут найдены). Чтобы отключить этот параметр, щелкните по флажку еще раз.</li>
                         <!--<li><b>Выделить результаты</b> - используется для подсветки всех найденных вхождений сразу. Чтобы отключить этот параметр и убрать подсветку, щелкните по этой опции еще раз.</li>-->
                     </ul>
                 </li>
 			<li>Нажмите на одну из кнопок <b>со стрелками</b> справа. 
-			Поиск будет выполняться или по направлению к началу презентации (если нажата кнопка <img alt="Кнопка Стрелка влево" src="../images/searchupbutton.png" />), или по направлению к концу презентации (если нажата кнопка <img alt="Кнопка Стрелка вправо" src="../images/searchdownbutton.png" />), начиная с текущей позиции.
+			Поиск будет выполняться или по направлению к началу презентации (если нажата кнопка <div class = "icon icon-searchupbutton"></div>), или по направлению к концу презентации (если нажата кнопка <div class = "icon icon-searchdownbutton"></div>), начиная с текущей позиции.
             <!--<p class="note"><b>Примечание</b>: при включенном параметре <b>Выделить результаты</b> используйте эти кнопки для навигации по подсвеченным результатам.</p>-->    
             </li>
 			</ol>
diff --git a/apps/presentationeditor/main/resources/help/ru/HelpfulHints/SpellChecking.htm b/apps/presentationeditor/main/resources/help/ru/HelpfulHints/SpellChecking.htm
index ae8b378a57..2c931e3d32 100644
--- a/apps/presentationeditor/main/resources/help/ru/HelpfulHints/SpellChecking.htm
+++ b/apps/presentationeditor/main/resources/help/ru/HelpfulHints/SpellChecking.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="Проверяйте правописание текста на своем языке в ходе редактирования презентации" />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -15,12 +16,12 @@
         </div>
         <h1>Проверка орфографии</h1>
         <p>В редакторе презентаций можно проверять правописание текста на определенном языке и исправлять ошибки в ходе редактирования. В <em>десктопной версии</em> также доступна возможность добавлять слова в пользовательский словарь, общий для всех трех редакторов.</p>
-        <p>Прежде всего <b>выберите язык</b> презентации. Щелкните по значку <img alt="Значок Задать язык презентации" src="../images/document_language.png" /> в правой части <b>строки состояния</b>. В окне, которое появится, выберите нужный язык и нажмите кнопку <b>OK</b>. Выбранный язык будет применен ко всей презентации. </p>
+        <p>Прежде всего <b>выберите язык</b> презентации. Щелкните по значку <div class = "icon icon-document_language"></div> в правой части <b>строки состояния</b>. В окне, которое появится, выберите нужный язык и нажмите кнопку <b>OK</b>. Выбранный язык будет применен ко всей презентации. </p>
         <p><img alt="Окно выбора языка презентации" src="../images/document_language_window.png" /></p>
         <p>Чтобы выбрать какой-то другой язык для любого фрагмента текста в этой презентации, выделите мышью нужную часть теста и используйте меню <img alt="Проверка орфографии - выбор языка текста" src="../images/spellchecking_language.png" />, которое находится в <b>строке состояния</b>.</p>
         <p>Для <b>включения</b> функции проверки орфографии можно сделать следующее:</p>
         <ul>
-            <li>нажмите на значок <img alt="Проверка орфографии отключена" src="../images/spellcheckdeactivated.png" /> <b>Проверка орфографии</b> в строке состояния или</li>
+            <li>нажмите на значок <div class = "icon icon-spellcheckdeactivated"></div> <b>Проверка орфографии</b> в строке состояния или</li>
             <li>откройте вкладку <b>Файл</b> верхней панели инструментов, выберите опцию <b>Дополнительные параметры...</b>, поставьте галочку рядом с опцией <b>Включить проверку орфографии</b> и нажмите кнопку <b>Применить</b>.</li>
         </ul>
         <p>Слова, написанные с ошибками, будут подчеркнуты красной чертой.</p>
@@ -34,7 +35,7 @@
         <p><img alt="Проверка орфографии" src="../images/spellchecking_presentation.png" /></p>
         <p>Для <b>отключения</b> функции проверки орфографии можно сделать следующее:</p>
         <ul>
-            <li>нажмите на значок <img alt="Проверка орфографии включена" src="../images/spellcheckactivated.png" /> <b>Проверка орфографии</b> в строке состояния или</li>
+            <li>нажмите на значок <div class = "icon icon-spellcheckactivated"></div> <b>Проверка орфографии</b> в строке состояния или</li>
             <li>откройте вкладку <b>Файл</b> верхней панели инструментов, выберите опцию <b>Дополнительные параметры...</b>, уберите галочку рядом с опцией <b>Включить проверку орфографии</b> и нажмите кнопку <b>Применить</b>.</li>
         </ul>
     </div>
diff --git a/apps/presentationeditor/main/resources/help/ru/HelpfulHints/SupportedFormats.htm b/apps/presentationeditor/main/resources/help/ru/HelpfulHints/SupportedFormats.htm
index b2e6cf1352..1b8c656230 100644
--- a/apps/presentationeditor/main/resources/help/ru/HelpfulHints/SupportedFormats.htm
+++ b/apps/presentationeditor/main/resources/help/ru/HelpfulHints/SupportedFormats.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Список форматов презентаций, которые поддерживает онлайн-редактор презентаций" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/ru/HelpfulHints/UsingChat.htm b/apps/presentationeditor/main/resources/help/ru/HelpfulHints/UsingChat.htm
index 39bbd80319..f145dbee45 100644
--- a/apps/presentationeditor/main/resources/help/ru/HelpfulHints/UsingChat.htm
+++ b/apps/presentationeditor/main/resources/help/ru/HelpfulHints/UsingChat.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Советы по использованию Чата" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
 	</head>
 	<body>
 		<div class="mainpart">
@@ -12,12 +13,12 @@
 			<p><b>ONLYOFFICE Presentation Editor</b> предоставляет Вам возможность общения в чате для обмена идеями по поводу отдельных частей презентации.</p>
 			<p>Чтобы войти в чат и оставить сообщение для других пользователей:</p>
 			<ol>
-				<li>нажмите на значок <img alt="Значок Чат" src="../images/chaticon.png" /> на левой боковой панели,</li>
+				<li>нажмите на значок <div class = "icon icon-chaticon"></div> на левой боковой панели,</li>
 				<li>введите текст в соответствующем поле ниже,</li>
 				<li>нажмите кнопку <b>Отправить</b>.</li>
 			</ol>
-			<p>Все сообщения, оставленные пользователями, будут отображаться на панели слева. Если есть новые сообщения, которые Вы еще не прочитали, значок чата будет выглядеть так - <img alt="Значок Чат" src="../images/chaticon_new.png" />.</p>
-			<p>Чтобы закрыть панель с сообщениями чата, нажмите на значок <img alt="Значок Чат" src="../images/chaticon.png" /> еще раз.</p>
+			<p>Все сообщения, оставленные пользователями, будут отображаться на панели слева. Если есть новые сообщения, которые Вы еще не прочитали, значок чата будет выглядеть так - <div class = "icon icon-chaticon_new"></div>.</p>
+			<p>Чтобы закрыть панель с сообщениями чата, нажмите на значок <div class = "icon icon-chaticon"></div> еще раз.</p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/ru/ProgramInterface/CollaborationTab.htm b/apps/presentationeditor/main/resources/help/ru/ProgramInterface/CollaborationTab.htm
index 82553bac27..96281fb76c 100644
--- a/apps/presentationeditor/main/resources/help/ru/ProgramInterface/CollaborationTab.htm
+++ b/apps/presentationeditor/main/resources/help/ru/ProgramInterface/CollaborationTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Знакомство с пользовательским интерфейсом редактора презентаций - Вкладка Совместная работа" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/ru/ProgramInterface/FileTab.htm b/apps/presentationeditor/main/resources/help/ru/ProgramInterface/FileTab.htm
index 94ab61046a..fb4260ed54 100644
--- a/apps/presentationeditor/main/resources/help/ru/ProgramInterface/FileTab.htm
+++ b/apps/presentationeditor/main/resources/help/ru/ProgramInterface/FileTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Знакомство с пользовательским интерфейсом редактора презентаций - Вкладка Файл" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/ru/ProgramInterface/HomeTab.htm b/apps/presentationeditor/main/resources/help/ru/ProgramInterface/HomeTab.htm
index dff76cef94..923721a926 100644
--- a/apps/presentationeditor/main/resources/help/ru/ProgramInterface/HomeTab.htm
+++ b/apps/presentationeditor/main/resources/help/ru/ProgramInterface/HomeTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Знакомство с пользовательским интерфейсом редактора презентаций - Вкладка Главная" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/ru/ProgramInterface/InsertTab.htm b/apps/presentationeditor/main/resources/help/ru/ProgramInterface/InsertTab.htm
index 15a3625c8a..6967690501 100644
--- a/apps/presentationeditor/main/resources/help/ru/ProgramInterface/InsertTab.htm
+++ b/apps/presentationeditor/main/resources/help/ru/ProgramInterface/InsertTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Знакомство с пользовательским интерфейсом редактора презентаций - Вкладка Вставка" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/ru/ProgramInterface/PluginsTab.htm b/apps/presentationeditor/main/resources/help/ru/ProgramInterface/PluginsTab.htm
index e589fc5a26..a8bca649f6 100644
--- a/apps/presentationeditor/main/resources/help/ru/ProgramInterface/PluginsTab.htm
+++ b/apps/presentationeditor/main/resources/help/ru/ProgramInterface/PluginsTab.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Знакомство с пользовательским интерфейсом редактора презентаций - Вкладка Плагины" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
diff --git a/apps/presentationeditor/main/resources/help/ru/ProgramInterface/ProgramInterface.htm b/apps/presentationeditor/main/resources/help/ru/ProgramInterface/ProgramInterface.htm
index e2480c5a71..7c4c4573f7 100644
--- a/apps/presentationeditor/main/resources/help/ru/ProgramInterface/ProgramInterface.htm
+++ b/apps/presentationeditor/main/resources/help/ru/ProgramInterface/ProgramInterface.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Знакомство с пользовательским интерфейсом редактора презентаций" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -28,28 +29,28 @@
                 <li>
                     В <b>Шапке редактора</b> отображается логотип, <span class="desktopDocumentFeatures">вкладки открытых документов, </span> название документа и вкладки меню.
                     <p>В левой части <b>Шапки редактора</b> расположены кнопки <b>Сохранить</b>, <b>Напечатать файл</b>, <b>Отменить</b> и <b>Повторить</b>.</p>
-                    <p><img alt="Значки в шапке редактора" src="../images/interface/leftpart.png" /></p>
+                    <p><div class = "big big-leftpart"></div></p>
                     <p>В правой части <b>Шапки редактора</b> отображается имя пользователя и находятся следующие значки:</p>
                     <ul>
-                        <li><img alt="Открыть расположение файла" src="../images/gotodocuments.png" /> <b>Открыть расположение файла</b>, с помощью которого <span class="desktopDocumentFeatures">в <em>десктопной версии</em> можно открыть в окне <b>Проводника</b> папку, в которой сохранен файл.</span><span class="onlineDocumentFeatures"> В <em>онлайн-версии</em> можно открыть в новой вкладке браузера папку модуля <b>Документы</b>, в которой сохранен файл</span>.</li>
-                        <li><img alt="Значок Параметры представления" src="../images/viewsettingsicon.png" /> <b>Параметры представления</b>, с помощью которого можно настраивать <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">параметры представления</a> и получать доступ к <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">дополнительным параметрам</a> редактора.</li>
-                        <li class="onlineDocumentFeatures"><img alt="Значок управления правами доступа" src="../images/access_rights.png" /> <b>Управление правами доступа</b> (доступно только в <em>онлайн-версии</em>), с помощью которого можно <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">задать права доступа</a> к документам, сохраненным в облаке.</li>
-                        <li><img alt="Значок Избранное" src="../images/favorites_icon.png" /> <b>Добавить в избранное</b>, чтобы добавить файл в избранное и упростить поиск. Добавленный файл - это просто ярлык, поэтому сам файл остается в исходном месте. Удаление файла из избранного не приводит к удалению файла из исходного местоположения.</li>
+                        <li><div class = "icon icon-gotodocuments"></div> <b>Открыть расположение файла</b>, с помощью которого <span class="desktopDocumentFeatures">в <em>десктопной версии</em> можно открыть в окне <b>Проводника</b> папку, в которой сохранен файл.</span><span class="onlineDocumentFeatures"> В <em>онлайн-версии</em> можно открыть в новой вкладке браузера папку модуля <b>Документы</b>, в которой сохранен файл</span>.</li>
+                        <li><div class = "icon icon-viewsettingsicon"></div> <b>Параметры представления</b>, с помощью которого можно настраивать <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">параметры представления</a> и получать доступ к <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">дополнительным параметрам</a> редактора.</li>
+                        <li class="onlineDocumentFeatures"><div class = "icon icon-access_rights"></div> <b>Управление правами доступа</b> (доступно только в <em>онлайн-версии</em>), с помощью которого можно <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">задать права доступа</a> к документам, сохраненным в облаке.</li>
+                        <li><div class = "icon icon-favorites_icon"></div> <b>Добавить в избранное</b>, чтобы добавить файл в избранное и упростить поиск. Добавленный файл - это просто ярлык, поэтому сам файл остается в исходном месте. Удаление файла из избранного не приводит к удалению файла из исходного местоположения.</li>
                     </ul>
                 </li>
                 <li>
                     На <b>Верхней панели инструментов</b> отображается набор команд редактирования в зависимости от выбранной вкладки меню. В настоящее время доступны следующие вкладки: <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">Файл</a>, <a href="../ProgramInterface/HomeTab.htm" onclick="onhyperlinkclick(this)">Главная</a>, <a href="../ProgramInterface/InsertTab.htm" onclick="onhyperlinkclick(this)">Вставка</a>, <a href="../ProgramInterface/CollaborationTab.htm" onclick="onhyperlinkclick(this)">Совместная работа</a>, <span class="desktopDocumentFeatures">Защита,</span> <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Плагины</a>.
-                    <p>Опции <img alt="Значок Копировать" src="../images/copy.png" /> <b>Копировать</b> и <img alt="Значок Вставить" src="../images/paste.png" /> <b>Вставить</b> всегда доступны в левой части <b>Верхней панели инструментов</b>, независимо от выбранной вкладки.</p>
+                    <p>Опции <div class = "icon icon-copy"></div> <b>Копировать</b> и <div class = "icon icon-paste"></div> <b>Вставить</b> всегда доступны в левой части <b>Верхней панели инструментов</b>, независимо от выбранной вкладки.</p>
                 </li>
                 <li>В <b>Строке состояния</b>, расположенной внизу окна редактора, находится значок <a href="../UsageInstructions/PreviewPresentation.htm" onclick="onhyperlinkclick(this)">Начать показ слайдов</a>, некоторые <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">инструменты навигации</a>:  указатель номера слайда и кнопки масштаба. В <b>Строке состояния</b> отображаются некоторые оповещения (например, "Все изменения сохранены" и т.д.), с ее помощью также можно <a href="../HelpfulHints/SpellChecking.htm" onclick="onhyperlinkclick(this)">задать язык текста и включить проверку орфографии</a>.</li>
                 <li>
                     На <b>Левой боковой панели</b> находятся следующие значки:
                     <ul>
-                        <li><img alt="Значок Поиск" src="../images/searchicon.png" /> - позволяет использовать инструмент <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">поиска и замены</a>,</li>
-                        <li><img alt="Значок Комментариев" src="../images/commentsicon.png" /> - позволяет открыть панель <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Комментариев</a></li>
-                        <li class="onlineDocumentFeatures"><img alt="Значок Чата" src="../images/chaticon.png" /> (доступно только в <em>онлайн-версии</em>) - позволяет открыть панель <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Чата</a>,</li>
-                        <li class="onlineDocumentFeatures"><img alt="Значок Обратная связь и поддержка" src="../images/feedbackicon.png" /> (доступно только в <em>онлайн-версии</em>) - позволяет обратиться в службу технической поддержки,</li>
-                        <li class="onlineDocumentFeatures"><img alt="Значок О программе" src="../images/abouticon.png" /> (доступно только в <em>онлайн-версии</em>) - позволяет посмотреть информацию о программе.</li>
+                        <li><div class = "icon icon-searchicon"></div> - позволяет использовать инструмент <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">поиска и замены</a>,</li>
+                        <li><div class = "icon icon-commentsicon"></div> - позволяет открыть панель <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Комментариев</a></li>
+                        <li class="onlineDocumentFeatures"><div class = "icon icon-chaticon"></div> (доступно только в <em>онлайн-версии</em>) - позволяет открыть панель <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Чата</a>,</li>
+                        <li class="onlineDocumentFeatures"><div class = "icon icon-feedbackicon"></div> (доступно только в <em>онлайн-версии</em>) - позволяет обратиться в службу технической поддержки,</li>
+                        <li class="onlineDocumentFeatures"><div class = "icon icon-about"></div> (доступно только в <em>онлайн-версии</em>) - позволяет посмотреть информацию о программе.</li>
                     </ul>
                 </li>
                 <li><b>Правая боковая панель</b> позволяет настроить дополнительные параметры различных объектов. При выделении на слайде определенного объекта активируется соответствующий значок на правой боковой панели. Нажмите на этот значок, чтобы развернуть правую боковую панель.</li>
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/AddHyperlinks.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/AddHyperlinks.htm
index 1eeec826a2..69e3d1e354 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/AddHyperlinks.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/AddHyperlinks.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Преобразуйте слово или текстовый фрагмент в гиперссылку, ведущую на внешний веб-сайт или другой слайд в этой же презентации" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<ol>
 				<li>установите курсор на том месте внутри текстового поля, где требуется добавить гиперссылку,</li>
                 <li>перейдите на вкладку <b>Вставка</b> верхней панели инструментов,</li>
-                <li>нажмите значок <img alt="Значок Гиперссылка" src="../images/addhyperlink.png" /> <b>Гиперссылка</b>,</li>
+                <li>нажмите значок <div class = "icon icon-addhyperlink"></div> <b>Гиперссылка</b>,</li>
 				<li>после этого появится окно <b>Параметры гиперссылки</b>, в котором можно указать параметры гиперссылки:
 				<ul>
 				    <li>Выберите тип ссылки, которую требуется вставить:
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/AlignArrangeObjects.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/AlignArrangeObjects.htm
index 265b0ef490..eed4336a28 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/AlignArrangeObjects.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/AlignArrangeObjects.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Выровняйте и расположите в определенном порядке текстовые поля, автофигуры и изображения на слайде." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -21,21 +22,21 @@
 
         <ol>
             <li>
-                Щелкните по значку <b>Выравнивание фигур</b> <img alt="Значок Выравнивание фигур" src="../images/alignshape.png" /> на вкладке <b>Главная</b> верхней панели инструментов и выберите один из следующих вариантов:
+                Щелкните по значку <b>Выравнивание фигур</b> <div class = "icon icon-alignshape"></div> на вкладке <b>Главная</b> верхней панели инструментов и выберите один из следующих вариантов:
                 <ul>
                     <li><b>Выровнять относительно слайда</b> чтобы выровнять объекты относительно краев слайда,</li>
                     <li><b>Выровнять выделенные объекты</b> (эта опция выбрана по умолчанию) чтобы выровнять объекты относительно друг друга,</li>
                 </ul>
             </li>
             <li>
-                Еще раз нажмите на значок <b>Выравнивание фигур</b> <img alt="Значок Выравнивание фигур" src="../images/alignshape.png" /> и выберите из списка нужный тип выравнивания:
+                Еще раз нажмите на значок <b>Выравнивание фигур</b> <div class = "icon icon-alignshape"></div> и выберите из списка нужный тип выравнивания:
                 <ul>
-                    <li><b>Выровнять по левому краю</b> <img alt="Значок Выровнять по левому краю" src="../images/alignobjectleft.png" /> - чтобы выровнять объекты по горизонтали по левому краю самого левого объекта/по левому краю слайда,</li>
-                    <li><b>Выровнять по центру</b> <img alt="Значок Выровнять по центру" src="../images/alignobjectcenter.png" /> - чтобы выровнять объекты по горизонтали по их центру/по центру слайда,</li>
-                    <li><b>Выровнять по правому краю</b> <img alt="Значок Выровнять по правому краю" src="../images/alignobjectright.png" /> - чтобы выровнять объекты по горизонтали по правому краю самого правого объекта/по правому краю слайда,</li>
-                    <li><b>Выровнять по верхнему краю</b> <img alt="Значок Выровнять по верхнему краю" src="../images/alignobjecttop.png" /> - чтобы выровнять объекты по вертикали по верхнему краю самого верхнего объекта/по верхнему краю слайда,</li>
-                    <li><b>Выровнять по середине</b> <img alt="Значок Выровнять по середине" src="../images/alignobjectmiddle.png" /> - чтобы выровнять объекты по вертикали по их середине/по середине слайда,</li>
-                    <li><b>Выровнять по нижнему краю</b> <img alt="Значок Выровнять по нижнему краю" src="../images/alignobjectbottom.png" />  - чтобы выровнять объекты по вертикали по нижнему краю самого нижнего объекта/по нижнему краю слайда.</li>
+                    <li><b>Выровнять по левому краю</b> <div class = "icon icon-alignobjectleft"></div> - чтобы выровнять объекты по горизонтали по левому краю самого левого объекта/по левому краю слайда,</li>
+                    <li><b>Выровнять по центру</b> <div class = "icon icon-alignobjectcenter"></div> - чтобы выровнять объекты по горизонтали по их центру/по центру слайда,</li>
+                    <li><b>Выровнять по правому краю</b> <div class = "icon icon-alignobjectright"></div> - чтобы выровнять объекты по горизонтали по правому краю самого правого объекта/по правому краю слайда,</li>
+                    <li><b>Выровнять по верхнему краю</b> <div class = "icon icon-alignobjecttop"></div> - чтобы выровнять объекты по вертикали по верхнему краю самого верхнего объекта/по верхнему краю слайда,</li>
+                    <li><b>Выровнять по середине</b> <div class = "icon icon-alignobjectmiddle"></div> - чтобы выровнять объекты по вертикали по их середине/по середине слайда,</li>
+                    <li><b>Выровнять по нижнему краю</b> <div class = "icon icon-alignobjectbottom"></div>  - чтобы выровнять объекты по вертикали по нижнему краю самого нижнего объекта/по нижнему краю слайда.</li>
                 </ul>
             </li>
         </ol>
@@ -46,37 +47,37 @@
 
         <ol>
             <li>
-                Щелкните по значку <b>Выравнивание фигур</b> <img alt="Значок Выравнивание фигур" src="../images/alignshape.png" /> на вкладке <b>Главная</b> верхней панели инструментов и выберите один из следующих вариантов:
+                Щелкните по значку <b>Выравнивание фигур</b> <div class = "icon icon-alignshape"></div> на вкладке <b>Главная</b> верхней панели инструментов и выберите один из следующих вариантов:
                 <ul>
                     <li><b>Выровнять относительно слайда</b> - чтобы распределить объекты между краями слайда,</li>
                     <li><b>Выровнять выделенные объекты</b> (эта опция выбрана по умолчанию) - чтобы распределить объекты между двумя крайними выделенными объектами,</li>
                 </ul>
             </li>
             <li>
-                Еще раз нажмите на значок <b>Выравнивание фигур</b> <img alt="Значок Выравнивание фигур" src="../images/alignshape.png" /> и выберите из списка нужный тип распределения:
+                Еще раз нажмите на значок <b>Выравнивание фигур</b> <div class = "icon icon-alignshape"></div> и выберите из списка нужный тип распределения:
                 <ul>
-                    <li><b>Распределить по горизонтали</b> <img alt="Значок Распределить по горизонтали" src="../images/distributehorizontally.png" /> - чтобы равномерно распределить объекты между самым левым и самым правым выделенным объектом/левым и правым краем слайда<!--чтобы выровнять выбранные объекты по их центрам (между правым и левым краем) по горизонтальному центру страницы-->.</li>
-                    <li><b>Распределить по вертикали</b> <img alt="Значок Распределить по вертикали" src="../images/distributevertically.png" /> - чтобы равномерно распределить объекты между самым верхним и самым нижним выделенным объектом/верхним и нижним краем слайда<!--чтобы выровнять выбранные объекты по их центрам (между верхним и нижним краем) по вертикальному центру страницы-->.</li>
+                    <li><b>Распределить по горизонтали</b> <div class = "icon icon-distributehorizontally"></div> - чтобы равномерно распределить объекты между самым левым и самым правым выделенным объектом/левым и правым краем слайда<!--чтобы выровнять выбранные объекты по их центрам (между правым и левым краем) по горизонтальному центру страницы-->.</li>
+                    <li><b>Распределить по вертикали</b> <div class = "icon icon-distributevertically"></div> - чтобы равномерно распределить объекты между самым верхним и самым нижним выделенным объектом/верхним и нижним краем слайда<!--чтобы выровнять выбранные объекты по их центрам (между верхним и нижним краем) по вертикальному центру страницы-->.</li>
                 </ul>
             </li>
         </ol>
         <p>Можно также щелкнуть по выделенным объектам правой кнопкой мыши, выбрать из контекстного меню пункт <b>Выравнивание</b>, а затем использовать доступные варианты распределения объектов.</p>
         <p class="note"><b>Примечание</b>: параметры распределения неактивны, если выделено менее трех объектов.</p>
         <h3>Группировка объектов</h3>
-        <p>Чтобы <b>сгруппировать</b> <em>два или более</em> выбранных объектов или <b>разгруппировать</b> их, щелкните по значку <b>Порядок фигур</b> <img alt="Значок Порядок фигур" src="../images/arrangeshape.png" /> на вкладке <b>Главная</b> верхней панели инструментов и выберите из списка нужную опцию:</p>
+        <p>Чтобы <b>сгруппировать</b> <em>два или более</em> выбранных объектов или <b>разгруппировать</b> их, щелкните по значку <b>Порядок фигур</b> <div class = "icon icon-arrangeshape"></div> на вкладке <b>Главная</b> верхней панели инструментов и выберите из списка нужную опцию:</p>
         <ul>
-            <li><b>Сгруппировать</b> <img alt="Значок Сгруппировать" src="../images/group.png" /> - чтобы объединить несколько объектов в группу, так что их можно будет одновременно поворачивать, перемещать, изменять их размер, выравнивать, упорядочивать, копировать, вставлять, форматировать как один объект.</li>
-            <li><b>Разгруппировать</b> <img alt="Значок Разгруппировать" src="../images/ungroup.png" /> - чтобы разгруппировать выбранную группу ранее сгруппированных объектов.</li>
+            <li><b>Сгруппировать</b> <div class = "icon icon-group"></div> - чтобы объединить несколько объектов в группу, так что их можно будет одновременно поворачивать, перемещать, изменять их размер, выравнивать, упорядочивать, копировать, вставлять, форматировать как один объект.</li>
+            <li><b>Разгруппировать</b> <div class = "icon icon-ungroup"></div> - чтобы разгруппировать выбранную группу ранее сгруппированных объектов.</li>
         </ul>
         <p>Можно также щелкнуть по выделенным объектам правой кнопкой мыши, выбрать из контекстного меню пункт <b>Порядок</b>, а затем использовать опцию <b>Сгруппировать</b> или <b>Разгруппировать</b>.</p>
         <p class="note"><b>Примечание</b>: параметр <b>Сгруппировать</b> неактивен, если выделено менее двух объектов. Параметр <b>Разгруппировать</b> активен только при выделении ранее сгруппированных объектов.</p>
         <h3>Упорядочивание объектов</h3>
-        <p>Чтобы определенным образом <b>расположить</b> выбранный объект или объекты (например, изменить их порядок, если несколько объектов накладываются друг на друга), щелкните по значку <b>Порядок фигур</b> <img alt="Значок Порядок фигур" src="../images/arrangeshape.png" /> на вкладке <b>Главная</b> верхней панели инструментов и выберите из списка нужный тип расположения:</p>
+        <p>Чтобы определенным образом <b>расположить</b> выбранный объект или объекты (например, изменить их порядок, если несколько объектов накладываются друг на друга), щелкните по значку <b>Порядок фигур</b> <div class = "icon icon-arrangeshape"></div> на вкладке <b>Главная</b> верхней панели инструментов и выберите из списка нужный тип расположения:</p>
         <ul>
-            <li><b>Перенести на передний план</b> <img alt="Значок Перенести на передний план" src="../images/bringtofront.png" /> - чтобы переместить выбранный объект (объекты), так что он будет находиться перед всеми остальными объектами,</li>
-            <li><b>Перенести на задний план</b> <img alt="Значок Перенести на задний план" src="../images/sendtoback.png" /> - чтобы переместить выбранный объект (объекты), так что он будет находиться позади всех остальных объектов,</li>
-            <li><b>Перенести вперед</b> <img alt="Значок Перенести вперед" src="../images/bringforward.png" /> - чтобы переместить выбранный объект (объекты) на один уровень вперед по отношению к другим объектам.</li>
-            <li><b>Перенести назад</b> <img alt="Значок Перенести назад" src="../images/sendbackward.png" /> - чтобы переместить выбранный объект (объекты) на один уровень назад по отношению к другим объектам.</li>
+            <li><b>Перенести на передний план</b> <div class = "icon icon-bringtofront"></div> - чтобы переместить выбранный объект (объекты), так что он будет находиться перед всеми остальными объектами,</li>
+            <li><b>Перенести на задний план</b> <div class = "icon icon-sendtoback"></div> - чтобы переместить выбранный объект (объекты), так что он будет находиться позади всех остальных объектов,</li>
+            <li><b>Перенести вперед</b> <div class = "icon icon-bringforward"></div> - чтобы переместить выбранный объект (объекты) на один уровень вперед по отношению к другим объектам.</li>
+            <li><b>Перенести назад</b> <div class = "icon icon-sendbackward"></div> - чтобы переместить выбранный объект (объекты) на один уровень назад по отношению к другим объектам.</li>
         </ul>
         <p>Можно также щелкнуть по выделенному объекту или объектам правой кнопкой мыши, выбрать из контекстного меню пункт <b>Порядок</b>, а затем использовать доступные варианты расположения объектов.</p>
         </div>
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/ApplyTransitions.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/ApplyTransitions.htm
index d0a8a4db5a..60f0ed4cec 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/ApplyTransitions.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/ApplyTransitions.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Добавляйте эффекты анимации между слайдами" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<p><b>Для применения перехода к отдельному слайду</b> или нескольким выделенным слайдам:</p>
 			<p><img class="floatleft"alt="Вкладка Параметры слайда" src="../images/slidesettingstab.png" /></p>
 			<ol style="margin-left: 280px;">
-				<li>Выделите в списке слайдов нужный слайд или несколько слайдов, к которым требуется применить переход. На правой боковой панели будет активирована вкладка <b>Параметры слайда</b>. Чтобы ее открыть, щелкните по значку <b>Параметры слайда</b> <img alt="Значок Параметры слайда" src="../images/slide_settings_icon.png" /> справа. Можно также щелкнуть правой кнопкой мыши по слайду в области редактирования слайда и выбрать в контекстном меню пункт <b>Параметры слайда</b>.
+				<li>Выделите в списке слайдов нужный слайд или несколько слайдов, к которым требуется применить переход. На правой боковой панели будет активирована вкладка <b>Параметры слайда</b>. Чтобы ее открыть, щелкните по значку <b>Параметры слайда</b> <div class = "icon icon-slide_settings_icon"></div> справа. Можно также щелкнуть правой кнопкой мыши по слайду в области редактирования слайда и выбрать в контекстном меню пункт <b>Параметры слайда</b>.
 				</li>
 				<li>В выпадающем списке <b>Эффект</b> выберите переход, который надо использовать.
 				<p>Доступны следующие переходы: Выцветание, Задвигание, Появление, Панорама, Открывание, Наплыв, Часы, Масштабирование.</p>
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/CopyClearFormatting.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/CopyClearFormatting.htm
index 9ba1d59035..ccc302d6cb 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/CopyClearFormatting.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/CopyClearFormatting.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Копируйте/очищайте форматирование текста в документе" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,20 +18,20 @@
 			<p>Чтобы скопировать определенное форматирование текста,</p>
 			<ol>
 				<li>выделите мышью или <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">с помощью клавиатуры</a> фрагмент текста с форматированием, которое надо скопировать,</li>
-				<li>нажмите значок <b>Копировать стиль</b> <img alt="Копировать стиль" src="../images/copystyle.png" /> на вкладке <b>Главная</b> верхней панели инструментов (указатель мыши будет при этом выглядеть так: <img alt="Указатель мыши при вставке стиля" src="../images/paste_style.png" />),</li>
+				<li>нажмите значок <b>Копировать стиль</b> <div class = "icon icon-copystyle"></div> на вкладке <b>Главная</b> верхней панели инструментов (указатель мыши будет при этом выглядеть так: <div class = "icon icon-paste_style"></div>),</li>
         		<li>выделите фрагмент текста, к которому требуется применить то же самое форматирование.</li>
 			</ol>
             <p>Чтобы применить скопированное форматирование ко множеству фрагментов текста,</p>
             <ol>
                 <li>с помощью мыши или <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">клавиатуры</a> выделите фрагмент текста, форматирование которого надо скопировать,</li>
-                <li>дважды нажмите значок <b>Копировать стиль</b> <img alt="Копировать стиль" src="../images/copystyle.png" /> на вкладке <b>Главная</b> верхней панели инструментов (указатель мыши будет при этом выглядеть так: <img alt="Указатель мыши при вставке стиля" src="../images/paste_style.png" />, а значок <b>Копировать стиль</b> будет оставаться нажатым: <img alt="Множественное копирование стиля" src="../images/copystyle_selected.png" />),</li>
+                <li>дважды нажмите значок <b>Копировать стиль</b> <div class = "icon icon-copystyle"></div> на вкладке <b>Главная</b> верхней панели инструментов (указатель мыши будет при этом выглядеть так: <div class = "icon icon-paste_style"></div>, а значок <b>Копировать стиль</b> будет оставаться нажатым: <div class = "icon icon-copystyle_selected"></div>),</li>
                 <li>поочередно выделяйте нужные фрагменты текста, чтобы применить одинаковое форматирование к каждому из них,</li>
-                <li>для выхода из этого режима еще раз нажмите значок <b>Копировать стиль</b> <img alt="Множественное копирование стиля" src="../images/copystyle_selected.png" /> или нажмите клавишу <b>Esc</b> на клавиатуре.</li>
+                <li>для выхода из этого режима еще раз нажмите значок <b>Копировать стиль</b> <div class = "icon icon-copystyle_selected"></div> или нажмите клавишу <b>Esc</b> на клавиатуре.</li>
             </ol>
 			<p>Чтобы быстро убрать из текста примененное форматирование,</p>
 			<ol>
 				<li>выделите фрагмент текста, форматирование которого надо убрать,</li>
-				<li>нажмите значок <b>Очистить стиль</b> <img alt="Очистить стиль" src="../images/clearstyle.png" /> на вкладке <b>Главная</b> верхней панели инструментов.</li>
+				<li>нажмите значок <b>Очистить стиль</b> <div class = "icon icon-clearstyle"></div> на вкладке <b>Главная</b> верхней панели инструментов.</li>
 			</ol>
 		</div>
 	</body>
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/CopyPasteUndoRedo.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/CopyPasteUndoRedo.htm
index 774bde65ee..eb29b6eae1 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/CopyPasteUndoRedo.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/CopyPasteUndoRedo.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Выполняйте основные операции с презентацией: копируйте, вставляйте, отменяйте, повторяйте" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,8 +19,8 @@
 			<p>Для вырезания, копирования и вставки выделенных объектов (слайдов, фрагментов текста, автофигур) в текущей презентации или отмены / повтора действий используйте соответствующие команды контекстного меню или значки, доступные на любой вкладке верхней панели инструментов:</p>
             <ul>
                 <li><b>Вырезать</b> – выделите фрагмент текста или объект и используйте опцию контекстного меню <b>Вырезать</b>, чтобы удалить выделенный фрагмент и отправить его в буфер обмена компьютера. <span class="onlineDocumentFeatures">Вырезанные данные можно затем вставить в другое место этой же презентации.</span></li>
-                <li><b>Копировать</b> – выделите объект и используйте значок <b>Копировать</b> <img alt="Значок Копировать" src="../images/copy.png" /> чтобы отправить выделенные данные в буфер обмена компьютера. <span class="onlineDocumentFeatures">Скопированный объект можно затем вставить в другое место этой же презентации.</span></li>
-                <li><b>Вставить</b> – найдите то место в презентации, куда надо вставить ранее скопированный объект и используйте значок <b>Вставить</b> <img alt="Значок Вставить" src="../images/paste.png" />. Объект будет вставлен в текущей позиции курсора. <span class="onlineDocumentFeatures">Объект может быть ранее скопирован из этой же презентации.</span></li>
+                <li><b>Копировать</b> – выделите объект и используйте значок <b>Копировать</b> <div class = "icon icon-copy"></div> чтобы отправить выделенные данные в буфер обмена компьютера. <span class="onlineDocumentFeatures">Скопированный объект можно затем вставить в другое место этой же презентации.</span></li>
+                <li><b>Вставить</b> – найдите то место в презентации, куда надо вставить ранее скопированный объект и используйте значок <b>Вставить</b> <div class = "icon icon-paste"></div>. Объект будет вставлен в текущей позиции курсора. <span class="onlineDocumentFeatures">Объект может быть ранее скопирован из этой же презентации.</span></li>
             </ul> 
             <p><span class="onlineDocumentFeatures">В <em>онлайн-версии</em> для копирования данных из другой презентации или какой-то другой программы или вставки данных в них используются только сочетания клавиш,</span> <span class="desktopDocumentFeatures">в <em>десктопной версии</em> для любых операций копирования и вставки можно использовать как кнопки на панели инструментов или опции контекстного меню, так и сочетания клавиш:</span></p>
                 <ul>
@@ -28,7 +29,7 @@
 			    <li>сочетание клавиш <b>Ctrl+X</b> для вырезания.</li>
 			    </ul>
             <h3>Использование функции Специальная вставка</h3>
-            <p>После вставки скопированных данных рядом со вставленным текстовым фрагментом или объектом появляется кнопка <b>Специальная вставка</b> <img alt="Специальная вставка" src="../images/pastespecialbutton.png" />. Нажмите на эту кнопку, чтобы выбрать нужный параметр вставки. </p>
+            <p>После вставки скопированных данных рядом со вставленным текстовым фрагментом или объектом появляется кнопка <b>Специальная вставка</b> <div class = "icon icon-pastespecialbutton"></div>. Нажмите на эту кнопку, чтобы выбрать нужный параметр вставки. </p>
             <p>При вставке фрагментов текста доступны следующие параметры:</p>
             <ul>
                 <li><em>Использовать конечную тему</em> - позволяет применить форматирование, определяемое темой текущей презентации. Эта опция используется по умолчанию.</li>
@@ -46,9 +47,9 @@
             <h3>Отмена / повтор действий</h3>
             <p>Для выполнения операций отмены/повтора используйте соответствующие значки в левой части шапки редактора или сочетания клавиш:</p>	
             <ul>
-                <li><b>Отменить</b> – используйте значок <b>Отменить</b> <img alt="Значок Отменить" src="../images/undo.png" />, чтобы отменить последнее выполненное действие.</li>
+                <li><b>Отменить</b> – используйте значок <b>Отменить</b> <div class = "icon icon-undo"></div>, чтобы отменить последнее выполненное действие.</li>
                 <li>
-                    <b>Повторить</b> – используйте значок <b>Повторить</b> <img alt="Значок Повторить" src="../images/redo.png" />, чтобы повторить последнее отмененное действие.
+                    <b>Повторить</b> – используйте значок <b>Повторить</b> <div class = "icon icon-redo"></div>, чтобы повторить последнее отмененное действие.
                     <p>Можно также использовать сочетание клавиш <b>Ctrl+Z</b> для отмены или <b>Ctrl+Y</b> для повтора действия.</p>
                 </li>
             </ul>
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/CreateLists.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/CreateLists.htm
index f1453323f3..c24efbb72b 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/CreateLists.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/CreateLists.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Создавайте в документе маркированные и нумерованные списки, изменяя структуру списков" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -21,23 +22,23 @@
                 <li>
                     выберите тип списка, который требуется создать:
                     <ul>
-                        <li><b>Неупорядоченный список</b> с маркерами создается с помощью значка <b>Маркированный список</b> <img alt="Значок Маркированный список" src="../images/bullets.png" />, расположенного на верхней панели инструментов;</li>
+                        <li><b>Неупорядоченный список</b> с маркерами создается с помощью значка <b>Маркированный список</b> <div class = "icon icon-bullets"></div>, расположенного на верхней панели инструментов;</li>
                         <li>
-                            <b>Упорядоченный список</b> с цифрами или буквами создается с помощью значка <b>Нумерованный список</b> <img alt="Значок Нумерованный список" src="../images/numbering.png" />, расположенного на верхней панели инструментов;
+                            <b>Упорядоченный список</b> с цифрами или буквами создается с помощью значка <b>Нумерованный список</b> <div class = "icon icon-numbering"></div>, расположенного на верхней панели инструментов;
                             <p class="note"><b>Примечание</b>: нажмите направленную вниз стрелку рядом со значком <b>Маркированный список</b> или <b>Нумерованный список</b>, чтобы выбрать, как должен выглядеть список.</p>
                         </li>
                     </ul>
                 </li>
                 <li>теперь при каждом нажатии клавиши <b>Enter</b> в конце строки будет появляться новый элемент упорядоченного или неупорядоченного списка. Чтобы закончить список, нажмите клавишу <b>Backspace</b> и продолжайте текст обычного абзаца.</li>
             </ol>
-            <p>На вкладке <b>Главная</b> верхней панели инструментов при помощи значков <b>Уменьшить отступ</b> <img alt="Значок Уменьшить отступ" src="../images/decreaseindent.png" /> и <b>Увеличить отступ</b> <img alt="Значок Увеличить отступ" src="../images/increaseindent.png" /> можно изменить отступы текста в списках.</p>
+            <p>На вкладке <b>Главная</b> верхней панели инструментов при помощи значков <b>Уменьшить отступ</b> <div class = "icon icon-decreaseindent"></div> и <b>Увеличить отступ</b> <div class = "icon icon-increaseindent"></div> можно изменить отступы текста в списках.</p>
             <p class="note"><b>Примечание</b>: дополнительные параметры отступов и интервалов можно изменить на правой боковой панели и в окне дополнительных параметров. Чтобы получить дополнительную информацию об этом, прочитайте раздел <a href="InsertText.htm" onclick="onhyperlinkclick(this)">Вставка и форматирование текста</a>.</p>
 
             <h3>Изменение параметров списков</h3>
             <p>Чтобы изменить параметры списка, такие как тип, размер и цвет маркеров или нумерации:</p>
             <ol>
                 <li>щелкните по какому-либо пункту существующего списка или выделите текст, который требуется отформатировать как список,</li>
-                <li>нажмите на кнопку <b>Маркированный список</b> <img alt="Значок Маркированный список" src="../images/bullets.png" /> или <b>Нумерованный список</b> <img alt="Значок Нумерованный список" src="../images/numbering.png" /> на вкладке <b>Главная</b> верхней панели инструментов,</li>
+                <li>нажмите на кнопку <b>Маркированный список</b> <div class = "icon icon-bullets"></div> или <b>Нумерованный список</b> <div class = "icon icon-numbering"></div> на вкладке <b>Главная</b> верхней панели инструментов,</li>
                 <li>выберите опцию <b>Параметры списка</b>,</li>
                 <li>
                     откроется окно <b>Параметры списка</b>. Окно настроек маркированного списка выглядит следующим образом:
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/FillObjectsSelectColor.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/FillObjectsSelectColor.htm
index 1c96a17847..755f2655d4 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/FillObjectsSelectColor.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/FillObjectsSelectColor.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Заливайте добавленные объекты, используя цвет, изображение или текстуру, выбирайте цвета для фона слайда, заливки и обводки автофигуры, шрифта." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,9 +19,9 @@
 			<ol>
 			<li>Выберите объект
                 <ul>
-                    <li>Чтобы изменить заливку фона слайда, выделите нужные слайды в списке слайдов. На правой боковой панели будет активирована вкладка <img alt="Значок Параметры слайда" src="../images/slide_settings_icon.png" /> <b>Параметры слайда</b>.</li>
-                    <li>Чтобы изменить заливку автофигуры, щелкните по нужной автофигуре левой кнопкой мыши. На правой боковой панели будет активирована вкладка <img alt="Значок Параметры фигуры" src="../images/shape_settings_icon.png" /> <b>Параметры фигуры</b>.</li>
-                    <li>Чтобы изменить заливку шрифта объекта Text Art, выделите нужный текстовый объект. На правой боковой панели будет активирована вкладка <img alt="Значок Параметры объектов Text Art" src="../images/textart_settings_icon.png" /> <b>Параметры объектов Text Art</b>.</li>
+                    <li>Чтобы изменить заливку фона слайда, выделите нужные слайды в списке слайдов. На правой боковой панели будет активирована вкладка <div class = "icon icon-slide_settings_icon"></div> <b>Параметры слайда</b>.</li>
+                    <li>Чтобы изменить заливку автофигуры, щелкните по нужной автофигуре левой кнопкой мыши. На правой боковой панели будет активирована вкладка <div class = "icon icon-shape_settings_icon"></div> <b>Параметры фигуры</b>.</li>
+                    <li>Чтобы изменить заливку шрифта объекта Text Art, выделите нужный текстовый объект. На правой боковой панели будет активирована вкладка <div class = "icon icon-textart_settings_icon"></div> <b>Параметры объектов Text Art</b>.</li>
                 </ul>
 			</li>
 			<li>Определите нужный тип заливки</li>
@@ -56,7 +57,7 @@
 					<li>
 						<b>Точка градиента</b> - это определенная точка перехода от одного цвета к другому.
 						<ol>
-							<li>Чтобы добавить точку градиента, Используйте кнопку <img alt="Добавить точку градиента" src="../images/addgradientpoint.png" /> <b>Добавить точку градиента</b> или ползунок. Вы можете добавить до 10 точек градиента. Каждая следующая добавленная точка градиента никоим образом не повлияет на внешний вид текущей градиентной заливки. Чтобы удалить определенную точку градиента, используйте кнопку  <img alt="Удалить точку градиента" src="../images/removegradientpoint.png" /> <b>Удалить точку градиента</b>.</li>
+							<li>Чтобы добавить точку градиента, Используйте кнопку <div class = "icon icon-addgradientpoint"></div> <b>Добавить точку градиента</b> или ползунок. Вы можете добавить до 10 точек градиента. Каждая следующая добавленная точка градиента никоим образом не повлияет на внешний вид текущей градиентной заливки. Чтобы удалить определенную точку градиента, используйте кнопку  <div class = "icon icon-removegradientpoint"></div> <b>Удалить точку градиента</b>.</li>
 							<li>Чтобы изменить положение точки градиента, используйте ползунок или укажите <b>Положение</b> в процентах для точного местоположения.</li>
 							<li>Чтобы применить цвет к точке градиента, щелкните точку на панели ползунка, а затем нажмите <b>Цвет</b>, чтобы выбрать нужный цвет.</li>
 						</ol>
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertAutoshapes.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertAutoshapes.htm
index b9544ad991..a8e6228867 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertAutoshapes.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertAutoshapes.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Добавьте в презентацию автофигуру и настройте ее свойства." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<p>Для <b>добавления</b> автофигуры на слайд:</p>
 			<ol>
 				<li>в списке слайдов слева выберите тот слайд, на который требуется добавить автофигуру,</li>
-				<li>щелкните по значку <img alt="Значок Фигура" src="../images/insertautoshape.png" /> <b>Фигура</b> на вкладке <b>Главная</b> или <b>Вставка</b> верхней панели инструментов,</li>
+				<li>щелкните по значку <div class = "icon icon-insertautoshape"></div> <b>Фигура</b> на вкладке <b>Главная</b> или <b>Вставка</b> верхней панели инструментов,</li>
 				<li>выберите одну из доступных групп автофигур: Основные фигуры, Фигурные стрелки, Математические знаки, Схемы, Звезды и ленты, Выноски, Кнопки, Прямоугольники, Линии,</li>
 				<li>щелкните по нужной автофигуре внутри выбранной группы,</li>
 				<li>в области редактирования слайда установите курсор там, где требуется поместить автофигуру,
@@ -31,7 +32,7 @@
             <p>Также можно добавить автофигуру в макет слайда. Для получения дополнительной информации вы можете обратиться к этой <a href="../UsageInstructions/SetSlideParameters.htm#addtolayout" onclick="onhyperlinkclick(this)">статье</a>.</p>
 			<hr />
             <h3>Изменение параметров автофигуры</h3>
-			<p>Некоторые параметры автофигуры можно изменить с помощью вкладки <b>Параметры фигуры</b> на правой боковой панели. Чтобы ее активировать, щелкните по автофигуре и выберите значок <b>Параметры фигуры</b> <img alt="Значок Параметры фигуры" src="../images/shape_settings_icon.png" /> справа. Здесь можно изменить следующие свойства:</p>
+			<p>Некоторые параметры автофигуры можно изменить с помощью вкладки <b>Параметры фигуры</b> на правой боковой панели. Чтобы ее активировать, щелкните по автофигуре и выберите значок <b>Параметры фигуры</b> <div class = "icon icon-shape_settings_icon"></div> справа. Здесь можно изменить следующие свойства:</p>
 			<p><img class="floatleft"alt="Вкладка Параметры фигуры" src="../images/shapesettingstab.png" /></p>
 			<ul style="margin-left: 280px;">
 			<li><b>Заливка</b> - используйте этот раздел, чтобы выбрать заливку автофигуры. Можно выбрать следующие варианты:
@@ -54,10 +55,10 @@
                 <li>
                     <b>Поворот</b> - используется, чтобы повернуть фигуру на 90 градусов по часовой стрелке или против часовой стрелки, а также чтобы отразить фигуру слева направо или сверху вниз. Нажмите на одну из кнопок:
                     <ul>
-                        <li><img alt="Значок Повернуть против часовой стрелки" src="../images/rotatecounterclockwise.png" /> чтобы повернуть фигуру на 90 градусов против часовой стрелки</li>
-                        <li><img alt="Значок Повернуть по часовой стрелке" src="../images/rotateclockwise.png" /> чтобы повернуть фигуру на 90 градусов по часовой стрелке</li>
-                        <li><img alt="Значок Отразить слева направо" src="../images/fliplefttoright.png" /> чтобы отразить фигуру по горизонтали (слева направо)</li>
-                        <li><img alt="Значок Отразить сверху вниз" src="../images/flipupsidedown.png" /> чтобы отразить фигуру по вертикали (сверху вниз)</li>
+                        <li><div class = "icon icon-rotatecounterclockwise"></div> чтобы повернуть фигуру на 90 градусов против часовой стрелки</li>
+                        <li><div class = "icon icon-rotateclockwise"></div> чтобы повернуть фигуру на 90 градусов по часовой стрелке</li>
+                        <li><div class = "icon icon-fliplefttoright"></div> чтобы отразить фигуру по горизонтали (слева направо)</li>
+                        <li><div class = "icon icon-flipupsidedown"></div> чтобы отразить фигуру по вертикали (сверху вниз)</li>
                     </ul>
                 </li>
                 <li><b>Изменить автофигуру</b> - используйте этот раздел, чтобы заменить текущую автофигуру на другую, выбрав ее из выпадающего списка.</li>
@@ -66,7 +67,7 @@
 			<hr />
 			<p>Для изменения <b>дополнительных параметров</b> автофигуры щелкните по ней правой кнопкой мыши и выберите из контекстного меню пункт <b>Дополнительные параметры фигуры</b> или щелкните левой кнопкой мыши и нажмите на ссылку <b>Дополнительные параметры</b> на правой боковой панели. Откроется окно свойств фигуры:</p>
             <p><img alt="Свойства фигуры - вкладка Размер" src="../images/shape_properties1.png" /></p>
-			<p>На вкладке <b>Размер</b> можно изменить <b>Ширину</b> и/или <b>Высоту</b> автофигуры. Если нажата кнопка <b>Сохранять пропорции</b> <img alt="Значок Сохранять пропорции" src="../images/constantproportions.png" /> (в этом случае она выглядит так: <img alt="Кнопка Сохранять пропорции нажата" src="../images/constantproportionsactivated.png" />), ширина и высота будут изменены пропорционально, сохраняя исходное соотношение сторон фигуры.</p>
+			<p>На вкладке <b>Размер</b> можно изменить <b>Ширину</b> и/или <b>Высоту</b> автофигуры. Если нажата кнопка <b>Сохранять пропорции</b> <div class = "icon icon-constantproportions"></div> (в этом случае она выглядит так: <div class = "icon icon-constantproportionsactivated"></div>), ширина и высота будут изменены пропорционально, сохраняя исходное соотношение сторон фигуры.</p>
             <p><img alt="Фигура - дополнительные параметры: Поворот" src="../images/shape_properties5.png" /></p>
             <p>Вкладка <b>Поворот</b> содержит следующие параметры:</p>
             <ul>
@@ -112,23 +113,23 @@
             <h3>Соединение автофигур с помощью соединительных линий</h3>
             <p>Автофигуры можно соединять, используя линии с точками соединения, чтобы продемонстрировать зависимости между объектами (например, если вы хотите создать блок-схему). Для этого:</p>
             <ol>
-                <li>щелкните по значку <img alt="Значок Фигура" src="../images/insertautoshape.png" /> <b>Фигура</b> на вкладке <b>Главная</b> или <b>Вставка</b> верхней панели инструментов,</li>
+                <li>щелкните по значку <div class = "icon icon-insertautoshape"></div> <b>Фигура</b> на вкладке <b>Главная</b> или <b>Вставка</b> верхней панели инструментов,</li>
                 <li>
                     выберите в меню группу <b>Линии</b>,
                     <p><img alt="Фигуры - Линии" src="../images/connectors.png" /></p>
                 </li>
                 <li>щелкните по нужной фигуре в выбранной группе (кроме трех последних фигур, которые не являются соединительными линиями, а именно <em>Кривая</em>, <em>Рисованная кривая</em> и <em>Произвольная форма</em>),</li>
                 <li>
-                    наведите указатель мыши на первую автофигуру и щелкните по одной из точек соединения <img alt="Точка соединения" src="../images/connectionpoint.png" />, появившихся на контуре фигуры,
-                    <p><img alt="Использование соединительных линий" src="../images/connectors_firstshape.png" /></p>
+                    наведите указатель мыши на первую автофигуру и щелкните по одной из точек соединения <div class = "icon icon-connectionpoint"></div>, появившихся на контуре фигуры,
+                    <p><div class = "big big-connectors_firstshape"></div></p>
                 </li>
                 <li>
                     перетащите указатель мыши ко второй фигуре и щелкните по нужной точке соединения на ее контуре.
-                    <p><img alt="Использование соединительных линий" src="../images/connectors_secondshape.png" /></p>
+                    <p><div class = "big big-connectors_secondshape"></div></p>
                 </li>
             </ol>
             <p>При перемещении соединенных автофигур соединительная линия остается прикрепленной к фигурам и перемещается вместе с ними. </p>
-            <p><img alt="Перемещение соединенных фигур" src="../images/connectors_moveshape.png" /></p>
+            <p><div class = "big big-connectors_moveshape"></div></p>
             <p>Можно также открепить соединительную линию от фигур, а затем прикрепить ее к любым другим точкам соединения.</p>
 		</div>
 	</body>
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertCharts.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertCharts.htm
index 785f6ded81..8f3b7091c1 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertCharts.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertCharts.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Добавьте в презентацию диаграмму и скорректируйте ее свойства" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,7 +20,7 @@
             <ol>
                 <li>установите курсор там, где требуется поместить диаграмму,</li>
                 <li>перейдите на вкладку <b>Вставка</b> верхней панели инструментов,</li>
-                <li>щелкните по значку <img alt="Значок Диаграмма" src="../images/insertchart.png" /> <b>Диаграмма</b> на верхней панели инструментов,</li>
+                <li>щелкните по значку <div class = "icon icon-insertchart"></div> <b>Диаграмма</b> на верхней панели инструментов,</li>
                 <li>
                     выберите из доступных типов диаграммы:
                     <details class="details-example">
@@ -99,10 +100,10 @@
                 <li>
                     после этого появится окно <b>Редактор диаграмм</b>, в котором можно ввести в ячейки необходимые данные при помощи следующих элементов управления:
                     <ul>
-                        <li><img alt="Копировать" src="../images/copy.png" /> и <img alt="Вставить" src="../images/paste.png" /> для копирования и вставки скопированных данных</li>
-                        <li><img alt="Отменить" src="../images/undo1.png" /> и <img alt="Повторить" src="../images/redo1.png" /> для отмены и повтора действий</li>
-                        <li><img alt="Вставить функцию" src="../images/insertfunction.png" /> для вставки функции</li>
-                        <li><img alt="Уменьшить разрядность" src="../images/decreasedec.png" /> и <img alt="Увеличить разрядность" src="../images/increasedec.png" /> для уменьшения и увеличения числа десятичных знаков</li>
+                        <li><div class = "icon icon-copy"></div> и <div class = "icon icon-paste"></div> для копирования и вставки скопированных данных</li>
+                        <li><div class = "icon icon-undo1"></div> и <div class = "icon icon-redo1"></div> для отмены и повтора действий</li>
+                        <li><div class = "icon icon-insertfunction"></div> для вставки функции</li>
+                        <li><div class = "icon icon-decreasedec"></div> и <div class = "icon icon-increasedec"></div> для уменьшения и увеличения числа десятичных знаков</li>
                         <li><img alt="Формат чисел" src="../images/numberformat.png" /> для изменения числового формата, то есть того, каким образом выглядят введенные числа в ячейках</li>
                         <li><img alt="Тип диаграммы" src="../images/charttypebutton.png" /> для выбора диаграммы другого типа.</li>
                     </ul>
@@ -119,7 +120,7 @@
                                     <b>Диапазон данных для диаграммы</b> - выберите данные для вашей диаграммы.
                                     <ul>
                                         <li>
-                                            Щелкните значок <img alt="Иконка Выбор данных" src="../images/changerange.png" /> справа от поля <b>Диапазон данных для диаграммы</b>, чтобы выбрать диапазон ячеек.
+                                            Щелкните значок <div class = "icon icon-changerange"></div> справа от поля <b>Диапазон данных для диаграммы</b>, чтобы выбрать диапазон ячеек.
                                             <p><img alt="Окно Диапазон данных для диаграммы" src="../images/selectdata.png" /></p>
                                         </li>
                                     </ul>
@@ -129,7 +130,7 @@
                                     <ul>
                                         <li>В Элементах легенды (ряды) нажмите кнопку <b>Добавить</b>.</li>
                                         <li>
-                                            В диалоговом окне <b>Изменить ряд</b> выберите диапазон ячеек для легенды или нажмите на иконку <img alt="Иконка Выбор данных" src="../images/changerange.png" /> справа от поля <b>Имя ряда</b>.
+                                            В диалоговом окне <b>Изменить ряд</b> выберите диапазон ячеек для легенды или нажмите на иконку <div class = "icon icon-changerange"></div> справа от поля <b>Имя ряда</b>.
                                             <p><img alt="Окно Изменить ряд" src="../images/editseries.png" /></p>
                                         </li>
                                     </ul>
@@ -139,7 +140,7 @@
                                     <ul>
                                         <li>В <b>Подписях горизонтальной оси (категории)</b> нажмите <b>Редактировать</b>.</li>
                                         <li>
-                                            В поле <b>Диапазон подписей оси</b> введите названия для категорий или нажмите на иконку <img alt="Иконка Выбор данных" src="../images/changerange.png" />, чтобы выбрать диапазон ячеек.
+                                            В поле <b>Диапазон подписей оси</b> введите названия для категорий или нажмите на иконку <div class = "icon icon-changerange"></div>, чтобы выбрать диапазон ячеек.
                                             <p><img alt="Окно Подписи оси" src="../images/axislabels.png" /></p>
                                         </li>
                                     </ul>
@@ -354,7 +355,7 @@
             <p>Чтобы изменить <b>Заголовок</b> диаграммы, выделите мышью стандартный текст и введите вместо него свой собственный.</p>
             <p>Чтобы изменить форматирование шрифта внутри текстовых элементов, таких как заголовок диаграммы, названия осей, элементы условных обозначений, подписи данных и так далее, выделите нужный текстовый элемент, щелкнув по нему левой кнопкой мыши. Затем используйте значки на вкладке <b>Главная</b> верхней панели инструментов, чтобы изменить <a href="../UsageInstructions/InsertText.htm#formatfont" onclick="onhyperlinkclick(this)">тип, стиль, размер или цвет</a> шрифта.</p>
             <p>
-                При выборе диаграммы становится также активным значок <b>Параметры фигуры</b> <img alt="Значок Параметры фигуры" src="../images/shape_settings_icon.png" />
+                При выборе диаграммы становится также активным значок <b>Параметры фигуры</b> <div class = "icon icon-shape_settings_icon"></div>
                 справа, так как фигура используется в качестве фона для диаграммы. Можно щелкнуть по этому значку, чтобы открыть вкладку
                 <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">Параметры фигуры</a> на правой боковой панели инструментов и изменить параметры <b>Заливки</b> и <b>Обводки</b> фигуры.
                 Обратите, пожалуйста, внимание, что вы не можете изменить тип фигуры.
@@ -364,18 +365,18 @@
                 При выделении вертикальной или горизонтальной оси или линий сетки на вкладке <b>Параметры фигуры</b> будут доступны только параметры обводки: <em>цвет</em>, <em>толщина</em> и <em>тип</em> линии. Для получения дополнительной информации о работе с цветами, заливками и обводкой фигур можно обратиться к <a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">этой странице</a>.
             </p>
             <p class="note"><b>Обратите внимание</b>: параметр <b>Отображать тень</b> также доступен на вкладке <b>Параметры фигуры</b>, но для элементов диаграммы он неактивен.</p>
-            <p>Если вам нужно изменить размер элементов диаграммы, щелкните левой кнопкой мыши, чтобы выбрать нужный элемент, и перетащите один из 8 белых квадратов <img alt="Значок Квадратик" src="../images/resize_square.png" />, расположенных по периметру элемента.</p>
-            <p><img alt="Изменить размер элемент диаграммы" src="../images/resizeelement.png" /></p>
-            <p>Чтобы изменить положение элемента, щелкните по нему левой кнопкой мыши, убедитесь, что ваш курсор изменился на <img alt="Стрелка" src="../images/arrow.png" />, удерживайте левую кнопку мыши и перетащите элемент в нужное положение.</p>
-            <p><img alt="Передвинуть элемент диаграммы" src="../images/moveelement.png" /></p>
+            <p>Если вам нужно изменить размер элементов диаграммы, щелкните левой кнопкой мыши, чтобы выбрать нужный элемент, и перетащите один из 8 белых квадратов <div class = "icon icon-resize_square"></div>, расположенных по периметру элемента.</p>
+            <p><div class = "big big-resizeelement"></div></p>
+            <p>Чтобы изменить положение элемента, щелкните по нему левой кнопкой мыши, убедитесь, что ваш курсор изменился на <div class = "icon icon-arrow"></div>, удерживайте левую кнопку мыши и перетащите элемент в нужное положение.</p>
+            <p><div class = "big big-moveelement"></div></p>
             <p>Чтобы удалить элемент диаграммы, выделите его, щелкнув левой кнопкой мыши, и нажмите клавишу <b>Delete</b> на клавиатуре.</p>
             <p>Можно также поворачивать 3D-диаграммы с помощью мыши. Щелкните левой кнопкой мыши внутри области построения диаграммы и удерживайте кнопку мыши. Не отпуская кнопку мыши, перетащите курсор, чтобы изменить ориентацию 3D-диаграммы.</p>
             <p><img alt="3D-диаграмма" src="../images/3dchart.png" /></p>
             <hr />
             <h3>Изменение параметров диаграммы</h3>
             <img class="Chart tab" alt="Вкладка Параметры диаграммы" src="../images/charttab.png" />
-            <p>Размер, тип и стиль диаграммы, а также данные, используемые для построения диаграммы, можно изменить с помощью правой боковой панели. Чтобы ее активировать, щелкните по диаграмме и выберите значок <b>Параметры диаграммы</b> <img alt="Значок Параметры диаграммы" src="../images/chart_settings_icon.png" /> справа.</p>
-            <p>Раздел <b>Размер</b> позволяет изменить ширину и/или высоту диаграммы. Если нажата кнопка <b>Сохранять пропорции</b> <img alt="Значок Сохранять пропорции" src="../images/constantproportions.png" /> (в этом случае она выглядит так: <img alt="Кнопка Сохранять пропорции нажата" src="../images/constantproportionsactivated.png" />), ширина и высота будут изменены пропорционально, сохраняя исходное соотношение сторон диаграммы.</p>
+            <p>Размер, тип и стиль диаграммы, а также данные, используемые для построения диаграммы, можно изменить с помощью правой боковой панели. Чтобы ее активировать, щелкните по диаграмме и выберите значок <b>Параметры диаграммы</b> <div class = "icon icon-chart_settings_icon"></div> справа.</p>
+            <p>Раздел <b>Размер</b> позволяет изменить ширину и/или высоту диаграммы. Если нажата кнопка <b>Сохранять пропорции</b> <div class = "icon icon-constantproportions"></div> (в этом случае она выглядит так: <div class = "icon icon-constantproportionsactivated"></div>), ширина и высота будут изменены пропорционально, сохраняя исходное соотношение сторон диаграммы.</p>
             <p>Раздел <b>Изменить тип диаграммы</b> позволяет изменить выбранный тип и/или стиль диаграммы с помощью соответствующего выпадающего меню.</p>
             <p>Для выбора нужного <b>Стиля</b> диаграммы используйте второе выпадающее меню в разделе <b>Изменить тип диаграммы</b>.</p>
             <p>Кнопка <b>Изменить данные</b> позволяет вызвать окно <b>Редактор диаграмм</b> и начать редактирование данных, как описано выше.</p>
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertEquation.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertEquation.htm
index ef79468032..fcb76cfcef 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertEquation.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertEquation.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Вставляйте уравнения и математические символы." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,27 +20,27 @@
 			<p>Чтобы вставить уравнение из коллекции,</p>
 			<ol>
                 <li>перейдите на вкладку <b>Вставка</b> верхней панели инструментов,</li>
-                <li>нажмите на стрелку рядом со значком <img alt="Значок Уравнение" src="../images/insertequationicon.png" /> <b>Уравнение</b> на верхней панели инструментов,</li>
+                <li>нажмите на стрелку рядом со значком <div class = "icon icon-insertequationicon"></div> <b>Уравнение</b> на верхней панели инструментов,</li>
 				<li>в открывшемся выпадающем списке выберите нужную категорию уравнений. В настоящее время доступны следующие категории: <em>Символы</em>, <em>Дроби</em>, <em>Индексы</em>, <em>Радикалы</em>, <em>Интегралы</em>, <em>Крупные операторы</em>, <em>Скобки</em>, <em>Функции</em>, <em>Диакритические знаки</em>, <em>Пределы и логарифмы</em>, <em>Операторы</em>, <em>Матрицы</em>,</li>
                 <li>щелкните по определенному символу/уравнению в соответствующем наборе шаблонов.</li>
 			</ol>
             <p>Выбранный символ или уравнение будут вставлены в центре текущего слайда.</p>
-            <img alt="Вставленное уравнение" src="../images/insertedequation.png" />
+            <div class = "big big-insertedequation"></div>
             <p>Если вы не видите границу рамки уравнения, щелкните внутри уравнения - граница будет отображена в виде пунктирной линии. Рамку уравнения можно свободно <b>перемещать, изменять ее размер или поворачивать</b> на слайде. Для этого щелкните по границе рамки уравнения (она будет отображена как сплошная линия) и используйте <a href="ManipulateObjects.htm" onclick="onhyperlinkclick(this)">соответствующие маркеры</a>.</p>
-            <img alt="Выделенное уравнение" src="../images/selectedequation.png" />
-            <p>Каждый шаблон уравнения представляет собой совокупность слотов. Слот - это позиция для каждого элемента, образующего уравнение. Пустой слот, также называемый полем для заполнения, имеет пунктирный контур <img alt="Местозаполнитель уравнения" src="../images/equationplaceholder.png" />. Необходимо заполнить все поля, указав нужные значения.</p>
+            <div class = "big big-selectedequation"></div>
+            <p>Каждый шаблон уравнения представляет собой совокупность слотов. Слот - это позиция для каждого элемента, образующего уравнение. Пустой слот, также называемый полем для заполнения, имеет пунктирный контур <div class = "icon icon-equationplaceholder"></div>. Необходимо заполнить все поля, указав нужные значения.</p>
             <h3>Ввод значений</h3>
             <p><b>Курсор</b> определяет, где появится следующий символ, который вы введете. Чтобы точно установить курсор, щелкните внутри поля для заполнения и используйте клавиши со стрелками на клавиатуре для перемещения курсора на один символ влево/вправо.</p>
-            <img alt="Редактируемое уравнение" src="../images/newslot.png" />
+            <div class = "big big-newslot"></div>
             <p>
                 Когда курсор будет установлен в нужную позицию, можно заполнить поле:
                 <ul>
                     <li>введите требуемое цифровое или буквенное значение с помощью клавиатуры,</li>
-                    <li>вставьте специальный символ, используя палитру <b>Символы</b> из меню <img alt="Значок Уравнение" src="../images/insertequationicon.png" /> <b>Уравнение</b> на вкладке <b>Вставка</b> верхней панели инструментов или вводя их с клавиатуры (см. описание функции <a href="../UsageInstructions/MathAutoCorrect.htm" onclick="onhyperlinkclick(this)"><b>Автозамена математическими символами</b></a>),</li>
+                    <li>вставьте специальный символ, используя палитру <b>Символы</b> из меню <div class = "icon icon-insertequationicon"></div> <b>Уравнение</b> на вкладке <b>Вставка</b> верхней панели инструментов или вводя их с клавиатуры (см. описание функции <a href="../UsageInstructions/MathAutoCorrect.htm" onclick="onhyperlinkclick(this)"><b>Автозамена математическими символами</b></a>),</li>
                     <li>добавьте шаблон другого уравнения с палитры, чтобы создать сложное вложенное уравнение. Размер начального уравнения будет автоматически изменен в соответствии с содержимым. Размер элементов вложенного уравнения зависит от размера поля начального уравнения, но не может быть меньше, чем размер мелкого индекса.</li>
                 </ul>
             </p>
-            <p><img alt="Редактируемое уравнение" src="../images/nestedfraction.png" /></p>
+            <p><div class = "big big-nestedfraction"></div></p>
             <p>Для добавления некоторых новых элементов уравнений можно также использовать <b>пункты контекстного меню</b>:</p>
             <ul>
                 <li>Чтобы добавить новый аргумент, идущий до или после имеющегося аргумента в <em>Скобках</em>, можно щелкнуть правой кнопкой мыши по существующему аргументу и выбрать из контекстного меню пункт <b>Вставить аргумент перед/после</b>.</li>
@@ -53,7 +54,7 @@
             <p>По умолчанию уравнение внутри рамки горизонтально выровнено по центру, а вертикально выровнено по верхнему краю рамки уравнения. Чтобы изменить горизонтальное или вертикальное выравнивание, установите курсор внутри рамки уравнения (контуры рамки будут отображены как пунктирные линии) и используйте <a href="../UsageInstructions/InsertText.htm#formattext" onclick="onhyperlinkclick(this)">соответствующие значки</a> на вкладке <b>Главная</b> верхней панели инструментов.</p>
             <p>Чтобы увеличить или уменьшить <b>размер шрифта</b> в уравнении, щелкните мышью внутри рамки уравнения и выберите нужный размер шрифта из списка на вкладке <b>Главная</b> верхней панели инструментов. Все элементы уравнения изменятся соответственно.</p>
             <p>По умолчанию буквы в уравнении форматируются курсивом. В случае необходимости можно изменить <b>стиль шрифта</b> (<em>выделение полужирным, курсив, зачеркивание</em>) или <b>цвет</b> для всего уравнения или его части. <em>Подчеркивание</em> можно применить только ко всему уравнению, а не к отдельным символам. Выделите нужную часть уравнения путем перетаскивания. Выделенная часть будет подсвечена голубым цветом. Затем используйте нужные кнопки на вкладке <b>Главная</b> верхней панели инструментов, чтобы отформатировать выделенный фрагмент. Например, можно убрать форматирование курсивом для обычных слов, которые не являются переменными или константами.</p>
-            <img alt="Редактируемое уравнение" src="../images/formatastext.png" />
+            <div class = "big big-formatastext"></div>
             <p>Для изменения некоторых элементов уравнений можно также использовать <b>пункты контекстного меню</b>:</p>
             <ul>
                 <li>Чтобы изменить формат <em>Дробей</em>, можно щелкнуть правой кнопкой мыши по дроби и выбрать из контекстного меню пункт <b>Изменить на диагональную/горизонтальную/вертикальную простую дробь</b> (доступные опции отличаются в зависимости от типа выбранной дроби). <!--Для вертикальных простых дробей также доступна опция <b>Удалить/Добавить дробную черту</b>.--></li>
@@ -79,7 +80,7 @@
             <p>Чтобы удалить часть уравнения, выделите фрагмент, который требуется удалить, путем перетаскивания или удерживая клавишу <b>Shift</b> и используя клавиши со стрелками, затем нажмите на клавиатуре клавишу <b>Delete</b>.</p>
             <p>Слот можно удалить только вместе с шаблоном, к которому он относится.</p>
             <p>Чтобы удалить всё уравнение, щелкните по границе рамки уравнения, (она будет отображена как сплошная линия) и нажмите на клавиатуре клавишу <b>Delete</b>.</p>
-            <img alt="Удаление уравнения" src="../images/deleteequation.png" />
+            <div class = "big big-deleteequation"></div>
             <p>Для удаления некоторых элементов уравнений можно также использовать <b>пункты контекстного меню</b>:</p>
             <ul>
                 <li>Чтобы удалить <em>Радикал</em>, можно щелкнуть по нему правой кнопкой мыши и выбрать из контекстного меню пункт <b>Удалить радикал</b>.</li>
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertHeadersFooters.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertHeadersFooters.htm
index a4878b98e8..d0d2f3d463 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertHeadersFooters.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertHeadersFooters.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
         <meta name="description" content="Вставляйте в презентацию колонтитулы, добавляйте дату и время, номера слайдов." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
 			<p>Для вставки колонтитула в презентацию:</p>
 			<ol>
 			<li>перейдите на вкладку <b>Вставка</b>,</li>
-			<li>нажмите кнопку <img alt="Значок Изменить нижний колонтитул" src="../images/header_footer_icon.png" /> <b>Изменить нижний колонтитул</b> на верхней панели инструментов,</li>
+			<li>нажмите кнопку <div class = "icon icon-header_footer_icon"></div> <b>Изменить нижний колонтитул</b> на верхней панели инструментов,</li>
             <li>откроется окно <b>Параметры нижнего колонтитула</b>. Отметьте галочками данные, которые требуется добавить в нижний колонтитул. Изменения отображаются в окне предварительного просмотра справа.
                 <ul>
                     <li>поставьте галочку <b>Дата и время</b>, чтобы вставить дату или время в выбранном формате. Выбранная дата будет добавлена в левое поле нижнего колонтитула слайда.
@@ -39,13 +40,13 @@
             <li>нажмите кнопку <b>Применить ко всем</b>, чтобы применить изменения ко всем слайдам, или используйте кнопку <b>Применить</b>, чтобы применить изменения только к текущему слайду.</li>
 			</ol>
             <p>Чтобы быстро вставить дату или номер слайда в нижний колонтитул выбранного слайда, можно использовать опции <b>Показывать номер слайда</b> и <b>Показывать дату и время</b> на вкладке <b>Параметры слайда</b> правой боковой панели. В этом случае выбранные настройки будут применены только к текущему слайду. Дату и время или номер слайда, добавленные таким образом, в дальнейшем можно настроить в окне <b>Параметры нижнего колонтитула</b>.</p>
-            <p>Чтобы отредактировать добавленный нижний колонтитул, нажмите кнопку <img alt="Значок Изменить нижний колонтитул" src="../images/header_footer_icon.png" /> <b>Изменить нижний колонтитул</b> на верхней панели инструментов, внесите необходимые изменения в окне <b>Параметры нижнего колонтитула</b> и нажмите кнопку <b>Применить</b> или <b>Применить ко всем</b>, чтобы сохранить изменения.</p>
+            <p>Чтобы отредактировать добавленный нижний колонтитул, нажмите кнопку <div class = "icon icon-header_footer_icon"></div> <b>Изменить нижний колонтитул</b> на верхней панели инструментов, внесите необходимые изменения в окне <b>Параметры нижнего колонтитула</b> и нажмите кнопку <b>Применить</b> или <b>Применить ко всем</b>, чтобы сохранить изменения.</p>
             <h3>Вставка даты, времени и номера слайда в текстовое поле</h3>
             <p>Также можно вставлять дату и время или номер слайда в выбранное текстовое поле, используя соответствующие кнопки на вкладке <b>Вставка</b> верхней панели инструментов.</p>
             <h5>Вставка даты и времени</h5>
             <ol>
                 <li>установите курсор внутри текстового поля там, где требуется вставить дату и время,</li>
-                <li>нажмите кнопку <img alt="Кнопка Дата и время" src="../images/date_time_icon.png" /> <b>Дата и время</b> на вкладке <b>Вставка</b> верхней панели инструментов,</li>
+                <li>нажмите кнопку <div class = "icon icon-date_time_icon"></div> <b>Дата и время</b> на вкладке <b>Вставка</b> верхней панели инструментов,</li>
                 <li>выберите нужный <b>Язык</b> из списка и выберите нужный <b>Формат</b> даты и времени в окне <b>Дата и время</b>,
                 <p><img alt="Параметры даты и времени" src="../images/date_time_settings.png" /></p>
                 </li>
@@ -55,14 +56,14 @@
             <p>Дата и время будут вставлены в текущей позиции курсора. Чтобы отредактировать вставленную дату и время,</p>
             <ol>
                 <li>выделите вставленную дату и время в текстовом поле,</li>
-                <li>нажмите на кнопку <img alt="Значок Дата и время" src="../images/date_time_icon.png" /> <b>Дата и время</b> на вкладке <b>Вставка</b> верхней панели инструментов,</li>
+                <li>нажмите на кнопку <div class = "icon icon-date_time_icon"></div> <b>Дата и время</b> на вкладке <b>Вставка</b> верхней панели инструментов,</li>
                 <li>выберите нужный формат в окне <b>Дата и время</b>,</li>
                 <li>нажмите кнопку <b>OK</b>.</li>
             </ol>
             <h5>Вставка номера слайда</h5>
             <ol>
                 <li>установите курсор внутри текстового поля там, где требуется вставить номер слайда,</li>
-                <li>нажмите кнопку <img alt="Кнопка Номер слайда" src="../images/slide_number_icon.png" /> <b>Номер слайда</b> на вкладке <b>Вставка</b> верхней панели инструментов,</li>
+                <li>нажмите кнопку <div class = "icon icon-slide_number_icon"></div> <b>Номер слайда</b> на вкладке <b>Вставка</b> верхней панели инструментов,</li>
                 <li>поставьте галочку <b>Номер слайда</b> в окне <b>Параметры нижнего колонтитула</b>,</li>
                 <li>нажмите кнопку <b>Применить ко всем</b> или <b>Применить</b>.</li>
             </ol> 
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertImages.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertImages.htm
index 8407f83533..2d9250216a 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertImages.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertImages.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Добавьте в презентацию изображение и настройте его размер и положение." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,7 +20,7 @@
 			<p>Для <b>добавления</b> изображения на слайд:</p>
 			<ol>
 				<li>в списке слайдов слева выберите тот слайд, на который требуется добавить изображение,</li>
-				<li>щелкните по значку <img alt="Значок Изображение" src="../images/image.png" /> <b>Изображение</b> на вкладке <b>Главная</b> или <b>Вставка</b> верхней панели инструментов,</li>
+				<li>щелкните по значку <div class = "icon icon-image"></div> <b>Изображение</b> на вкладке <b>Главная</b> или <b>Вставка</b> верхней панели инструментов,</li>
 				<li>для загрузки изображения выберите одну из следующих опций:
 					<ul>
 						<li>при выборе опции <b>Изображение из файла</b> откроется стандартное диалоговое окно для выбора файлов. Выберите нужный файл на жестком диске компьютера и нажмите кнопку <b>Открыть</b>
@@ -31,15 +32,15 @@
 				</li>
 				<li>после того как изображение будет добавлено, можно изменить его <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">размер и положение</a>.</li>
 			</ol>
-            <p>Вы также можете добавить изображение внутри текстовой рамки, нажав на кнопку <img alt="Значок Изображение из файла" src="../images/placeholder_imagefromfile.png" /> <b>Изображение из файла</b> в ней и выбрав нужное изображение, сохраненное на компьютере, или используйте  кнопку <img alt="Значок Изображение по URL" src="../images/placeholder_imagefromurl.png" /> <b>Изображение по URL</b> и укажите URL-адрес изображения:</p>
+            <p>Вы также можете добавить изображение внутри текстовой рамки, нажав на кнопку <div class = "icon icon-placeholder_imagefromfile"></div> <b>Изображение из файла</b> в ней и выбрав нужное изображение, сохраненное на компьютере, или используйте  кнопку <div class = "icon icon-placeholder_imagefromurl"></div> <b>Изображение по URL</b> и укажите URL-адрес изображения:</p>
             <p><img alt="Добавление диаграммы в текстовую рамку" src="../images/placeholder_object.png" /></p>
             <p>Также можно добавить изображение в макет слайда. Для получения дополнительной информации вы можете обратиться к этой <a href="../UsageInstructions/SetSlideParameters.htm#addtolayout" onclick="onhyperlinkclick(this)">статье</a>.</p>
 			<hr />
             <h3>Изменение параметров изображения</h3>
-			<p>Правая боковая панель активируется при щелчке по изображению левой кнопкой мыши и выборе значка <b>Параметры изображения</b> <img alt="Значок Параметры изображения" src="../images/image_settings_icon.png" /> справа. Вкладка содержит следующие разделы:</p>
+			<p>Правая боковая панель активируется при щелчке по изображению левой кнопкой мыши и выборе значка <b>Параметры изображения</b> <div class = "icon icon-image_settings_icon"></div> справа. Вкладка содержит следующие разделы:</p>
             <img alt="Вкладка Параметры изображения" src="../images/imagesettingstab.png" />
             <p><b>Размер</b> - используется, чтобы просмотреть текущую <b>Ширину</b> и <b>Высоту</b> изображения или при необходимости восстановить <b>Реальный размер</b> изображения.</p>
-            <p>Кнопка <b>Обрезать</b> используется, чтобы обрезать изображение. Нажмите кнопку <b>Обрезать</b>, чтобы активировать маркеры обрезки, которые появятся в углах изображения и в центре каждой его стороны. Вручную перетаскивайте маркеры, чтобы задать область обрезки. Вы можете навести курсор мыши на границу области обрезки, чтобы курсор превратился в значок <img alt="Стрелка" src="../images/arrow.png" />, и перетащить область обрезки. </p>
+            <p>Кнопка <b>Обрезать</b> используется, чтобы обрезать изображение. Нажмите кнопку <b>Обрезать</b>, чтобы активировать маркеры обрезки, которые появятся в углах изображения и в центре каждой его стороны. Вручную перетаскивайте маркеры, чтобы задать область обрезки. Вы можете навести курсор мыши на границу области обрезки, чтобы курсор превратился в значок <div class = "icon icon-arrow"></div>, и перетащить область обрезки. </p>
             <ul>
                 <li>Чтобы обрезать одну сторону, перетащите маркер, расположенный в центре этой стороны.</li>
                 <li>Чтобы одновременно обрезать две смежных стороны, перетащите один из угловых маркеров.</li>
@@ -55,12 +56,12 @@
             <p><b>Заменить изображение</b> - используется, чтобы загрузить другое изображение вместо текущего, выбрав нужный источник. Можно выбрать одну из опций: <b>Из файла</b>, <b>Из хранилища</b> или <b>По URL</b>. Опция <b>Заменить изображение</b> также доступна в контекстном меню, вызываемом правой кнопкой мыши.</p>
             <p><b>Поворот</b> - используется, чтобы повернуть изображение на 90 градусов по часовой стрелке или против часовой стрелки, а также чтобы отразить изображение слева направо или сверху вниз. Нажмите на одну из кнопок:</p>
             <ul>
-                <li><img alt="Значок Повернуть против часовой стрелки" src="../images/rotatecounterclockwise.png" /> чтобы повернуть изображение на 90 градусов против часовой стрелки</li>
-                <li><img alt="Значок Повернуть по часовой стрелке" src="../images/rotateclockwise.png" /> чтобы повернуть изображение на 90 градусов по часовой стрелке</li>
-                <li><img alt="Значок Отразить слева направо" src="../images/fliplefttoright.png" /> чтобы отразить изображение по горизонтали (слева направо)</li>
-                <li><img alt="Значок Отразить сверху вниз" src="../images/flipupsidedown.png" /> чтобы отразить изображение по вертикали (сверху вниз)</li>
+                <li><div class = "icon icon-rotatecounterclockwise"></div> чтобы повернуть изображение на 90 градусов против часовой стрелки</li>
+                <li><div class = "icon icon-rotateclockwise"></div> чтобы повернуть изображение на 90 градусов по часовой стрелке</li>
+                <li><div class = "icon icon-fliplefttoright"></div> чтобы отразить изображение по горизонтали (слева направо)</li>
+                <li><div class = "icon icon-flipupsidedown"></div> чтобы отразить изображение по вертикали (сверху вниз)</li>
             </ul>
-            <p>Когда изображение выделено, справа также доступен значок <b>Параметры фигуры</b> <img alt="Значок Параметры фигуры" src="../images/shape_settings_icon.png" />. Можно щелкнуть по нему, чтобы открыть вкладку <b>Параметры фигуры</b> на правой боковой панели и настроить тип, толщину и цвет <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>Контуров</b></a> фигуры, а также изменить тип фигуры, выбрав другую фигуру в меню <b>Изменить автофигуру</b>. Форма изображения изменится соответствующим образом.</p>
+            <p>Когда изображение выделено, справа также доступен значок <b>Параметры фигуры</b> <div class = "icon icon-shape_settings_icon"></div>. Можно щелкнуть по нему, чтобы открыть вкладку <b>Параметры фигуры</b> на правой боковой панели и настроить тип, толщину и цвет <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>Контуров</b></a> фигуры, а также изменить тип фигуры, выбрав другую фигуру в меню <b>Изменить автофигуру</b>. Форма изображения изменится соответствующим образом.</p>
             <p>На вкладке <b>Параметры фигуры</b> также можно использовать опцию <b>Отображать тень</b>, чтобы добавить тень к изображеню.</p>
             <p><img alt="Вкладка Параметры фигуры" src="../images/right_image_shape.png" /></p>
             <hr />
@@ -68,7 +69,7 @@
             <p><img alt="Свойства изображения" src="../images/image_properties.png" /></p>
 			<p>Вкладка <b>Положение</b> позволяет задать следующие свойства изображения:</p>
 			<ul>
-				<li><b>Размер</b> - используйте эту опцию, чтобы изменить ширину и/или высоту изображения. Если нажата кнопка <b>Сохранять пропорции</b> <img alt="Значок Сохранять пропорции" src="../images/constantproportions.png" /> (в этом случае она выглядит так: <img alt="Кнопка Сохранять пропорции нажата" src="../images/constantproportionsactivated.png" />), ширина и высота будут изменены пропорционально, сохраняя исходное соотношение сторон изображения. Чтобы восстановить реальный размер добавленного изображения, нажмите кнопку <b>Реальный размер</b>.</li>
+				<li><b>Размер</b> - используйте эту опцию, чтобы изменить ширину и/или высоту изображения. Если нажата кнопка <b>Сохранять пропорции</b> <div class = "icon icon-constantproportions"></div> (в этом случае она выглядит так: <div class = "icon icon-constantproportionsactivated"></div>), ширина и высота будут изменены пропорционально, сохраняя исходное соотношение сторон изображения. Чтобы восстановить реальный размер добавленного изображения, нажмите кнопку <b>Реальный размер</b>.</li>
 				<li><b>Положение</b> - используйте эту опцию, чтобы изменить положение изображения на слайде (вычисляется относительно верхней и левой стороны слайда).</li>
 			</ul>
             <p><img alt="Свойства изображения: Поворот" src="../images/image_properties2.png" /></p>
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertSymbols.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertSymbols.htm
index 71ccfd3bca..2a52a13680 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertSymbols.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertSymbols.htm
@@ -5,6 +5,7 @@
         <meta charset="utf-8" />
         <meta name="description" content="Советы по совместному редактированию" />
         <link type="text/css" rel="stylesheet" href="../editor.css" />
+        <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
     </head>
@@ -14,13 +15,13 @@
                 <input id="search" class="searchBar" placeholder="Поиск" type="text" onkeypress="doSearch(event)">
             </div>
             <h1>Вставка символов и знаков</h1>
-            <p>При работе может возникнуть необходимость поставить символ, которого нет на вашей клавиатуре. Для вставки таких символов используйте функцию <img alt="Таблица символов иконка" src="../images/insert_symbol_icon.png" /> <b>Вставить символ</b>.</p>
+            <p>При работе может возникнуть необходимость поставить символ, которого нет на вашей клавиатуре. Для вставки таких символов используйте функцию <div class = "icon icon-insert_symbol_icon"></div> <b>Вставить символ</b>.</p>
             <p>Для этого выполните следующие шаги:</p>
             <ul>
                 <li>установите курсор, куда будет помещен символ,</li>
                 <li>перейдите на вкладку <b>Вставка</b> верхней панели инструментов,</li>
                 <li>
-                    щелкните по значку <img alt="Таблица символов иконка" src="../images/insert_symbol_icon.png" /> <b>Символ</b>,
+                    щелкните по значку <div class = "icon icon-insert_symbol_icon"></div> <b>Символ</b>,
                     <br /><img alt="Таблица символов панель слева" src="../images/insert_symbol_window.png" />
                 </li>
                 <li>в открывшемся окне выберите необходимый символ,</li>
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertTables.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertTables.htm
index cac207428a..783ba5561a 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertTables.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertTables.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Добавьте в презентацию таблицу и настройте ее свойства" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,7 +20,7 @@
 			<ol>
 				<li>выберите слайд, на который надо добавить таблицу,</li>
                 <li>перейдите на вкладку <b>Вставка</b> верхней панели инструментов,</li>
-                <li>нажмите значок <img alt="Значок Таблица" src="../images/table.png" /> <b>Таблица</b> на верхней панели инструментов,</li>
+                <li>нажмите значок <div class = "icon icon-table"></div> <b>Таблица</b> на верхней панели инструментов,</li>
 				<li>выберите опцию для создания таблицы:
 					<ul>
 						<li><p>или таблица со стандартным количеством ячеек (максимум 10 на 8 ячеек)</p>
@@ -30,11 +31,11 @@
 				</li>
 				<li>после того, как таблица будет добавлена, Вы сможете изменить ее свойства и положение.</li>
 			</ol>
-            <p>Вы также можете добавить таблицу внутри текстовой рамки, нажав на кнопку <img alt="Значок Таблица" src="../images/placeholder_table.png" /> <b>Таблица</b> в ней и выбрав нужное количество ячеек или опцию <b>Вставить пользовательскую таблицу</b>:</p>
+            <p>Вы также можете добавить таблицу внутри текстовой рамки, нажав на кнопку <div class = "icon icon-placeholder_table"></div> <b>Таблица</b> в ней и выбрав нужное количество ячеек или опцию <b>Вставить пользовательскую таблицу</b>:</p>
             <p><img alt="Добавление таблицы в текстовую рамку" src="../images/placeholder_object.png" /></p>
-            <p>Чтобы изменить размер таблицы, перетаскивайте маркеры <img alt="Значок Квадрат" src="../images/resize_square.png" />, расположенные по ее краям, пока таблица не достигнет нужного размера.</p>
-            <p><img alt="Изменение размера таблицы" src="../images/resizetable.png" /></p>
-            <p>Вы также можете вручную изменить ширину определенного столбца или высоту строки. Наведите курсор мыши на правую границу столбца, чтобы курсор превратился в двунаправленную стрелку <img alt="Курсор при изменении ширины столбца" src="../images/changecolumnwidth.png" />, и перетащите границу влево или вправо, чтобы задать нужную ширину. Чтобы вручную изменить высоту отдельной строки, наведите курсор мыши на нижнюю границу строки, чтобы курсор превратился в двунаправленную стрелку <img alt="Курсор при изменении высоты строки" src="../images/changerowheight.png" />, и перетащите границу вверх или вниз.</p>
+            <p>Чтобы изменить размер таблицы, перетаскивайте маркеры <div class = "icon icon-resize_square"></div>, расположенные по ее краям, пока таблица не достигнет нужного размера.</p>
+            <p><div class = "big big-resizetable"></div></p>
+            <p>Вы также можете вручную изменить ширину определенного столбца или высоту строки. Наведите курсор мыши на правую границу столбца, чтобы курсор превратился в двунаправленную стрелку <div class = "icon icon-changecolumnwidth"></div>, и перетащите границу влево или вправо, чтобы задать нужную ширину. Чтобы вручную изменить высоту отдельной строки, наведите курсор мыши на нижнюю границу строки, чтобы курсор превратился в двунаправленную стрелку <div class = "icon icon-changerowheight"></div>, и перетащите границу вверх или вниз.</p>
 			<p>Можно задать <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">положение таблицы</a> на слайде путем перетаскивания ее по вертикали или по горизонтали.</p>
             <p class="note">
                 <b>Примечание</b>: для перемещения по таблице можно использовать <a href="../HelpfulHints/KeyboardShortcuts.htm#workwithtables" onclick="onhyperlinkclick(this)">сочетания клавиш</a>.
@@ -43,7 +44,7 @@
             <hr />
             <h3>Изменение параметров таблицы</h3>
 			<img class="floatleft"alt="Вкладка Параметры таблицы" src="../images/tablesettingstab.png" />
-			<p>Большинство свойств таблицы, а также ее структуру можно изменить с помощью правой боковой панели. Чтобы ее активировать, щелкните по таблице и выберите значок <b>Параметры таблицы</b> <img alt="Значок Параметры таблицы" src="../images/table_settings_icon.png" /> справа.</p>
+			<p>Большинство свойств таблицы, а также ее структуру можно изменить с помощью правой боковой панели. Чтобы ее активировать, щелкните по таблице и выберите значок <b>Параметры таблицы</b> <div class = "icon icon-table_settings_icon"></div> справа.</p>
 			<p>Разделы <b>Строки</b> и <b>Столбцы</b>, расположенные наверху, позволяют выделить некоторые строки или столбцы при помощи особого форматирования, или выделить разные строки и столбцы с помощью разных цветов фона для их четкого разграничения. Доступны следующие опции:</p>
 			<ul style="margin-left: 280px;">
 				<li><b>Заголовок</b> - выделяет при помощи особого форматирования самую верхнюю строку в таблице.</li>
@@ -55,15 +56,15 @@
 			</ul>
 			<p>Раздел <b>По шаблону</b> позволяет выбрать один из готовых стилей таблиц. Каждый шаблон сочетает в себе определенные параметры форматирования, такие как цвет фона, стиль границ, чередование строк или столбцов и т.д.
 			Набор шаблонов отображается по-разному в зависимости от параметров, указанных в разделах <b>Строки</b> и/или <b>Столбцы</b> выше. Например, если Вы отметили опцию <b>Заголовок</b> в разделе <b>Строки</b> и опцию <b>Чередовать</b> в разделе <b>Столбцы</b>, отображаемый список шаблонов будет содержать только шаблоны со строкой заголовка и чередованием столбцов:</p>
-			<p><img alt="Список шаблонов" src="../images/templateslist.png" /></p>
+			<p><div class = "big big-templateslist"></div></p>
 			<p>Раздел <b>Стиль границ</b> позволяет изменить примененное форматирование, соответствующее выбранному шаблону. Можно выделить всю таблицу или определенный диапазон ячеек, для которого необходимо изменить форматирование, и задать все параметры вручную.</p>
 			<ul>
-				<li>Параметры <b>Границ</b> - задайте толщину границы с помощью списка <img alt="Список Толщина границ" src="../images/bordersize.png" /> (или выберите опцию <b>Без границ</b>), выберите ее <b>Цвет</b> на доступных палитрах и определите, как они должны отображаться в ячейках, нажимая на значки: 
-				<p><img alt="Значки Тип границ" src="../images/bordertype.png" /></p>
+				<li>Параметры <b>Границ</b> - задайте толщину границы с помощью списка <div class = "big big-bordersize"></div> (или выберите опцию <b>Без границ</b>), выберите ее <b>Цвет</b> на доступных палитрах и определите, как они должны отображаться в ячейках, нажимая на значки: 
+				<p><div class = "big big-bordertype"></div></p>
 				</li>
 				<li><b>Цвет фона</b> - выберите цвет фона внутри выбранных ячеек.</li>
 			</ul>
-			<p>Раздел <b>Строки и столбцы</b> <img alt="Строки и столбцы" src="../images/rowsandcolumns.png" /> позволяет выполнить следующие операции:</p>
+			<p>Раздел <b>Строки и столбцы</b> <div class = "icon icon-rowsandcolumns"></div> позволяет выполнить следующие операции:</p>
 			<ul>
 				<li><b>Выбрать</b> строку, столбец, ячейку (в зависимости от позиции курсора) или всю таблицу.</li>
 				<li><b>Вставить</b> новую строку выше или ниже выделенной, а также новый столбец слева или справа от выделенного.</li>
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertText.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertText.htm
index 3f05cf7dfb..17eeec352d 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertText.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/InsertText.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Вставьте и отформатируйте текст" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -21,10 +22,10 @@
 			        <li>Добавить фрагмент текста в любом месте на слайде. Можно вставить надпись (прямоугольную рамку, внутри которой вводится текст) или объект Text Art (текстовое поле с предварительно заданным стилем и цветом шрифта, позволяющее применять текстовые эффекты). В зависимости от требуемого типа текстового объекта можно сделать следующее:
 			                    <ul>
                                     <li>
-                                        чтобы добавить текстовое поле, щелкните по значку <img alt="Значок Надпись" src="../images/inserttexticon.png" /> <b>Надпись</b> на вкладке <b>Главная</b> или <b>Вставка</b> верхней панели инструментов, затем щелкните там, где требуется поместить надпись, удерживайте кнопку мыши и перетаскивайте границу текстового поля, чтобы задать его размер. Когда вы отпустите кнопку мыши, в добавленном текстовом поле появится курсор, и вы сможете ввести свой текст.
-                                        <p class="note"><b>Примечание</b>: надпись можно также вставить, если щелкнуть по значку <img alt="Значок Фигура" src="../images/insertautoshape.png" /> <b>Фигура</b> на верхней панели инструментов и выбрать фигуру <img alt="Автофигура Вставка текста" src="../images/text_autoshape.png" /> из группы <b>Основные фигуры</b>.</p>
+                                        чтобы добавить текстовое поле, щелкните по значку <div class = "icon icon-inserttexticon"></div> <b>Надпись</b> на вкладке <b>Главная</b> или <b>Вставка</b> верхней панели инструментов, затем щелкните там, где требуется поместить надпись, удерживайте кнопку мыши и перетаскивайте границу текстового поля, чтобы задать его размер. Когда вы отпустите кнопку мыши, в добавленном текстовом поле появится курсор, и вы сможете ввести свой текст.
+                                        <p class="note"><b>Примечание</b>: надпись можно также вставить, если щелкнуть по значку <div class = "icon icon-insertautoshape"></div> <b>Фигура</b> на верхней панели инструментов и выбрать фигуру <div class = "icon icon-text_autoshape"></div> из группы <b>Основные фигуры</b>.</p>
                                     </li>
-                                    <li>чтобы добавить объект Text Art, щелкните по значку <img alt="Значок Text Art" src="../images/inserttextarticon.png" /> <b>Text Art</b> на вкладке <b>Вставка</b> верхней панели инструментов, затем щелкните по нужному шаблону стиля – объект Text Art будет добавлен в центре слайда. Выделите мышью стандартный текст внутри текстового поля и напишите вместо него свой текст.</li>
+                                    <li>чтобы добавить объект Text Art, щелкните по значку <div class = "icon icon-inserttextarticon"></div> <b>Text Art</b> на вкладке <b>Вставка</b> верхней панели инструментов, затем щелкните по нужному шаблону стиля – объект Text Art будет добавлен в центре слайда. Выделите мышью стандартный текст внутри текстового поля и напишите вместо него свой текст.</li>
                                 </ul>
 			        </li>
 			        <li>Добавить фрагмент текста внутри автофигуры. Выделите фигуру и начинайте печатать текст.</li>
@@ -38,7 +39,7 @@
             <p><img alt="Выделенное текстовое поле" src="../images/textbox_boxselected.png" /></p>
 			<ul>
                 <li>чтобы <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">изменить размер текстового поля, переместить, повернуть</a> его, используйте специальные маркеры по краям фигуры.</li>
-                <li>чтобы изменить <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">заливку</a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">контур</a> текстового поля, <b>заменить</b> прямоугольное поле на какую-то другую фигуру или открыть <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">дополнительные параметры фигуры</a>, щелкните по значку <b>Параметры фигуры</b> <img alt="Значок Параметры фигуры" src="../images/shape_settings_icon.png" /> на правой боковой панели и используйте соответствующие опции.</li>
+                <li>чтобы изменить <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">заливку</a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">контур</a> текстового поля, <b>заменить</b> прямоугольное поле на какую-то другую фигуру или открыть <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">дополнительные параметры фигуры</a>, щелкните по значку <b>Параметры фигуры</b> <div class = "icon icon-shape_settings_icon"></div> на правой боковой панели и используйте соответствующие опции.</li>
                 <li>чтобы <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">выровнять текстовое поле на слайде, повернуть или отразить поле, расположить</a> текстовые поля в определенном порядке относительно других объектов, щелкните правой кнопкой мыши по границе текстового поля и используйте опции контекстного меню.</li>
                 <li>чтобы создать <b>колонки текста</b> внутри текстового поля, щелкните правой кнопкой мыши по границе текстового поля, нажмите на пункт меню <b>Дополнительные параметры фигуры</b> и перейдите на вкладку <a href="../UsageInstructions/InsertAutoshapes.htm#columns" onclick="onhyperlinkclick(this)"><b>Колонки</b></a> в окне <b>Фигура - дополнительные параметры</b>.</li>
             </ul>
@@ -50,13 +51,13 @@
 			<p>Горизонтально текст выравнивается четырьмя способами: по левому краю, по правому краю, по центру или по ширине. Для этого:</p>
 			<ol>
 				<li>установите курсор в том месте, где требуется применить выравнивание (это может быть новая строка или уже введенный текст),</li>
-				<li>разверните список <b>Горизонтальное выравнивание</b> <img alt="Значок Горизонтальное выравнивание" src="../images/horizontalalign.png" /> на вкладке <b>Главная</b> верхней панели инструментов,</li>
+				<li>разверните список <b>Горизонтальное выравнивание</b> <div class = "icon icon-horizontalalign"></div> на вкладке <b>Главная</b> верхней панели инструментов,</li>
 				<li>выберите тип выравнивания, который вы хотите применить:
 					<ul>
-						<li>опция <b>Выравнивание текста по левому краю</b> <img alt="Значок Выравнивание текста по левому краю" src="../images/alignleft.png" /> позволяет выровнять текст по левому краю текстового поля (правый край остается невыровненным).</li>
-						<li>опция <b>Выравнивание текста по центру</b> <img alt="Значок Выравнивание текста по центру" src="../images/aligncenter.png" /> позволяет выровнять текст по центру текстового поля (правый и левый края остаются невыровненными).</li>
-						<li>опция <b>Выравнивание текста по правому краю</b> <img alt="Значок Выравнивание текста по правому краю" src="../images/alignright.png" /> позволяет выровнять текст по правому краю текстового поля (левый край остается невыровненным).</li>
-						<li>опция <b>Выравнивание текста по ширине</b> <img alt="Значок Выравнивание текста по ширине" src="../images/justify.png" /> позволяет выровнять текст как по левому, так и по правому краю текстового поля (выравнивание осуществляется за счет добавления дополнительных интервалов там, где это необходимо).</li>
+						<li>опция <b>Выравнивание текста по левому краю</b> <div class = "icon icon-alignleft"></div> позволяет выровнять текст по левому краю текстового поля (правый край остается невыровненным).</li>
+						<li>опция <b>Выравнивание текста по центру</b> <div class = "icon icon-aligncenter"></div> позволяет выровнять текст по центру текстового поля (правый и левый края остаются невыровненными).</li>
+						<li>опция <b>Выравнивание текста по правому краю</b> <div class = "icon icon-alignright"></div> позволяет выровнять текст по правому краю текстового поля (левый край остается невыровненным).</li>
+						<li>опция <b>Выравнивание текста по ширине</b> <div class = "icon icon-justify"></div> позволяет выровнять текст как по левому, так и по правому краю текстового поля (выравнивание осуществляется за счет добавления дополнительных интервалов там, где это необходимо).</li>
 					</ul>
 				</li>
 			</ol>
@@ -64,12 +65,12 @@
 			<p>Вертикально текст выравнивается тремя способами: по верхнему краю, по середине или по нижнему краю. Для этого:</p>
 			<ol>
 				<li>установите курсор в том месте, где требуется применить выравнивание (это может быть новая строка или уже введенный текст),</li>
-				<li>разверните список <b>Вертикальное выравнивание</b> <img alt="Значок Вертикальное выравнивание" src="../images/verticalalign.png" /> на вкладке <b>Главная</b> верхней панели инструментов,</li>
+				<li>разверните список <b>Вертикальное выравнивание</b> <div class = "icon icon-verticalalign"></div> на вкладке <b>Главная</b> верхней панели инструментов,</li>
 				<li>выберите тип выравнивания, который вы хотите применить:
 					<ul>
-						<li>опция <b>Выравнивание текста по верхнему краю</b> <img alt="Значок Выравнивание текста по верхнему краю" src="../images/aligntop.png" /> позволяет выровнять текст по верхнему краю текстового поля.</li>
-						<li>опция <b>Выравнивание текста по середине</b> <img alt="Значок Выравнивание текста по середине" src="../images/alignmiddle.png" /> позволяет выровнять текст по центру текстового поля.</li>
-						<li>опция <b>Выравнивание текста по нижнему краю</b> <img alt="Значок Выравнивание текста по нижнему краюn" src="../images/alignbottom.png" /> позволяет выровнять текст по нижнему краю текстового поля.</li>
+						<li>опция <b>Выравнивание текста по верхнему краю</b> <div class = "icon icon-aligntop"></div> позволяет выровнять текст по верхнему краю текстового поля.</li>
+						<li>опция <b>Выравнивание текста по середине</b> <div class = "icon icon-alignmiddle"></div> позволяет выровнять текст по центру текстового поля.</li>
+						<li>опция <b>Выравнивание текста по нижнему краю</b> <div class = "icon icon-alignbottom"></div> позволяет выровнять текст по нижнему краю текстового поля.</li>
 					</ul>
 				</li>
 			</ol>
@@ -83,73 +84,73 @@
 			<table>
 				<tr>
 					<td width="10%">Шрифт</td>
-					<td width="15%"><img alt="Шрифт" src="../images/fontfamily.png" /></td>
+					<td width="15%"><div class = "big big-fontfamily"></div></td>
 					<td>Используется для выбора шрифта из списка доступных. <span class="desktopDocumentFeatures">Если требуемый шрифт отсутствует в списке, его можно скачать и установить в вашей операционной системе, после чего он будет доступен для использования в <em>десктопной версии</em>.</span></td>
 				</tr>
 				<tr>
 					<td>Размер шрифта</td>
-					<td><img alt="Размер шрифта" src="../images/fontsize.png" /></td>
+					<td><div class = "icon icon-fontsize"></div></td>
 					<td>Используется для выбора предустановленного значения размера шрифта из выпадающего списка (доступны следующие стандартные значения: 8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26, 28, 36, 48, 72 и 96). Также можно вручную ввести произвольное значение до 300 пунктов в поле ввода и нажать клавишу <em>Enter</em>.</td>
 				</tr>
 				<tr>
 					<td>Увеличить размер шрифта</td>
-					<td><img alt="Увеличить размер шрифта" src="../images/larger.png" /></td>
+					<td><div class = "icon icon-larger"></div></td>
 					<td>Используется для изменения размера шрифта, делая его на один пункт крупнее при каждом нажатии на кнопку.</td>
 				</tr>
 				<tr>
 					<td>Уменьшить размер шрифта</td>
-					<td><img alt="Уменьшить размер шрифта" src="../images/smaller.png" /></td>
+					<td><div class = "icon icon-smaller"></div></td>
 					<td>Используется для изменения размера шрифта, делая его на один пункт мельче при каждом нажатии на кнопку.</td>
 				</tr>
 				<tr>
 					<td>Изменить регистр</td>
-					<td><img alt="Change case" src="../images/change_case.png" /></td>
+					<td><div class = "icon icon-change_case"></div></td>
 					<td>Используется для изменения регистра шрифта. <em>Как в предложениях.</em> - регистр совпадает с обычным предложением. <em>нижнеий регистр</em> - все буквы маленькие. <em>ВЕРХНИЙ РЕГИСТР</em> - все буквы прописные. <em>Каждое Слово С Прописной</em> - каждое слово начинается с заглавной буквы. <em>иЗМЕНИТЬ рЕГИСТР</em> - поменять регистр выделенного текста или слова, в котором находится курсор мыши.</td>
 				</tr>
 				<tr>
 					<td>Цвет выделения</td>
-					<td><img alt="Цвет выделения" src="../images/highlightcolor.png" /></td>
+					<td><div class = "icon icon-highlightcolor"></div></td>
 					<td>
 						Используется для выделения отдельных предложений, фраз, слов или даже символов путем добавления цветовой полосы, имитирующей отчеркивание текста
 						маркером. Можно выделить нужную часть текста, а потом нажать направленную вниз стрелку рядом с этим значком, чтобы выбрать цвет на палитре (этот набор
 						цветов не зависит от выбранной <b>Цветовой схемы</b> и включает в себя 16 цветов), и этот цвет будет применен к выбранному тексту. Или же можно сначала выбрать
-						цвет выделения, а потом начать выделять текст мышью - указатель мыши будет выглядеть так: <img alt="Указатель мыши при выделении цветом" src="../images/highlight_color_mouse_pointer.png" /> - и появится возможность выделить несколько разных частей
+						цвет выделения, а потом начать выделять текст мышью - указатель мыши будет выглядеть так: <div class = "icon icon-highlight_color_mouse_pointer"></div> - и появится возможность выделить несколько разных частей
 						текста одну за другой. Чтобы остановить выделение текста, просто еще раз щелкните по значку. Для очистки цвета выделения воспользуйтесь опцией <b>Без заливки</b>.
 					</td>
 				<tr>
 				<tr>
 					<td>Цвет шрифта</td>
-					<td><img alt="Цвет шрифта" src="../images/fontcolor.png" /></td>
+					<td><div class = "icon icon-fontcolor"></div></td>
 					<td>Используется для изменения цвета букв/символов в тексте. <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">Для выбора цвета</a> нажмите направленную вниз стрелку рядом со значком.</td>
 				</tr>
 				<tr>
 					<td>Полужирный</td>
-					<td><img alt="Полужирный" src="../images/bold.png" /></td>
+					<td><div class = "icon icon-bold"></div></td>
 					<td>Используется для придания шрифту большей насыщенности.</td>
 				</tr>
 				<tr>
 					<td>Курсив</td>
-					<td><img alt="Курсив" src="../images/italic.png" /></td>
+					<td><div class = "icon icon-italic"></div></td>
 					<td>Используется для придания шрифту наклона вправо.</td>
 				</tr>
 				<tr>
 					<td>Подчеркнутый</td>
-					<td><img alt="Подчеркнутый" src="../images/underline.png" /></td>
+					<td><div class = "icon icon-underline"></div></td>
 					<td>Используется для подчеркивания текста чертой, проведенной под буквами.</td>
 				</tr>
 				<tr>
 					<td>Зачеркнутый</td>
-					<td><img alt="Зачеркнутый" src="../images/strike.png" /></td>
+					<td><div class = "icon icon-strike"></div></td>
 					<td>Используется для зачеркивания текста чертой, проведенной по буквам.</td>
 				</tr>
 				<tr>
 					<td>Надстрочные знаки</td>
-					<td><img alt="Надстрочные знаки" src="../images/sup.png" /></td>
+					<td><div class = "icon icon-sup"></div></td>
 					<td>Используется, чтобы сделать текст мельче и поместить его в верхней части строки, например, как в дробях.</td>
 				</tr>
 				<tr>
 					<td>Подстрочные знаки</td>
-					<td><img alt="Подстрочные знаки" src="../images/sub.png" /></td>
+					<td><div class = "icon icon-sub"></div></td>
 					<td>Используется, чтобы сделать текст мельче и поместить его в нижней части строки, например, как в химических формулах.</td>
 				</tr>
 			</table>
@@ -159,7 +160,7 @@
 			<p>Для этого:</p>
 			<ol style="margin-left: 280px;">
 				<li>установите курсор в пределах нужного абзаца, или выделите мышью несколько абзацев,</li>
-				<li>используйте соответствующие поля вкладки <img alt="Значок Параметры текста" src="../images/text_settings_icon.png" /> <b>Параметры текста</b> на правой боковой панели, чтобы добиться нужного результата:
+				<li>используйте соответствующие поля вкладки <div class = "icon icon-text_settings_icon"></div> <b>Параметры текста</b> на правой боковой панели, чтобы добиться нужного результата:
 					<ul>
 						<li><b>Междустрочный интервал</b> - задайте высоту строки для строк текста в абзаце. Вы можете выбрать одну из двух опций: <b>множитель</b> (устанавливает междустрочный интервал, который может быть выражен в числах больше 1), <b>точно</b> (устанавливает фиксированный междустрочный интервал). Необходимое значение можно указать в поле справа.</li>
 						<li><b>Интервал между абзацами</b> - задайте величину свободного пространства между абзацами.
@@ -172,10 +173,10 @@
 				</li>
 			</ol>
             <p class="note"><b>Примечание</b>: эти параметры также можно найти в окне <a href="../UsageInstructions/InsertText.htm#textadvancedsettings" onclick="onhyperlinkclick(this)"><b>Абзац - Дополнительные параметры</b></a>.</p>
-            <p>Чтобы быстро изменить междустрочный интервал в текущем абзаце, можно также использовать значок <b>Междустрочный интервал</b> <img alt="Междустрочный интервал" src="../images/linespacing.png" /> на вкладке <b>Главная</b> верхней панели инструментов, выбрав нужное значение из списка: 1.0, 1.15, 1.5, 2.0, 2.5, или 3.0 строки.</p>
-		    <p>Чтобы изменить смещение абзаца от левого края текстового поля, установите курсор в пределах нужного абзаца или выделите мышью несколько абзацев и используйте соответствующие значки на вкладке <b>Главная</b> верхней панели инструментов: <b>Уменьшить отступ</b> <img alt="Уменьшить отступ" src="../images/decreaseindent.png" /> и <b>Увеличить отступ</b> <img alt="Увеличить отступ" src="../images/increaseindent.png" />.</p>
+            <p>Чтобы быстро изменить междустрочный интервал в текущем абзаце, можно также использовать значок <b>Междустрочный интервал</b> <div class = "icon icon-linespacing"></div> на вкладке <b>Главная</b> верхней панели инструментов, выбрав нужное значение из списка: 1.0, 1.15, 1.5, 2.0, 2.5, или 3.0 строки.</p>
+		    <p>Чтобы изменить смещение абзаца от левого края текстового поля, установите курсор в пределах нужного абзаца или выделите мышью несколько абзацев и используйте соответствующие значки на вкладке <b>Главная</b> верхней панели инструментов: <b>Уменьшить отступ</b> <div class = "icon icon-decreaseindent"></div> и <b>Увеличить отступ</b> <div class = "icon icon-increaseindent"></div>.</p>
             <h3 id="textadvancedsettings">Изменение дополнительных параметров абзаца</h3>
-		    <p>Чтобы открыть окно <b>Абзац - Дополнительные параметры</b>, щелкните по тексту правой кнопкой мыши и выберите в контекстном меню пункт <b>Дополнительные параметры текста</b>. Также можно установить курсор в пределах нужного абзаца - на правой боковой панели будет активирована вкладка <img alt="Значок Параметры текста" src="../images/text_settings_icon.png" /> <b>Параметры текста</b>. Нажмите на ссылку <b>Дополнительные параметры</b>. Откроется окно свойств абзаца:</p>
+		    <p>Чтобы открыть окно <b>Абзац - Дополнительные параметры</b>, щелкните по тексту правой кнопкой мыши и выберите в контекстном меню пункт <b>Дополнительные параметры текста</b>. Также можно установить курсор в пределах нужного абзаца - на правой боковой панели будет активирована вкладка <div class = "icon icon-text_settings_icon"></div> <b>Параметры текста</b>. Нажмите на ссылку <b>Дополнительные параметры</b>. Откроется окно свойств абзаца:</p>
 			<img alt="Свойства абзаца - вкладка Отступы и интервалы" src="../images/textadvancedsettings1.png" />
 			<p>На вкладке <b>Отступы и интервалы</b> можно выполнить следующие действия:</p>
             <ul>
@@ -192,22 +193,22 @@
             <p>
         Чтобы задать отступы, можно также использовать горизонтальную <b>линейку</b>.
       </p>
-      <img alt="Линейка - маркеры отступов" src="../images/indents_ruler.png" />
+      <div class = "big big-indents_ruler"></div>
       <p>Выделите нужный абзац или абзацы и перетащите маркеры отступов по линейке.</p>
       <ul>
         <li>
-          Маркер <b>отступа первой строки</b> <img alt="Маркер отступа первой строки" src="../images/firstline_indent.png" /> используется, чтобы задать смещение от левого внутреннего поля текстового объекта для первой строки абзаца.
+          Маркер <b>отступа первой строки</b> <div class = "icon icon-firstline_indent"></div> используется, чтобы задать смещение от левого внутреннего поля текстового объекта для первой строки абзаца.
         </li>
         <li>
-          Маркер <b>выступа</b> <img alt="Маркер выступа" src="../images/hanging.png" /> используется, чтобы задать смещение от левого внутреннего поля текстового объекта для второй и всех последующих строк абзаца.
+          Маркер <b>выступа</b> <div class = "icon icon-hanging"></div> используется, чтобы задать смещение от левого внутреннего поля текстового объекта для второй и всех последующих строк абзаца.
         </li>
-        <li>Маркер <b>отступа слева</b> <img alt="Маркер отступа слева" src="../images/leftindent.png" /> используется, чтобы задать смещение от левого внутреннего поля текстового объекта для всего абзаца.</li>
+        <li>Маркер <b>отступа слева</b> <div class = "icon icon-leftindent"></div> используется, чтобы задать смещение от левого внутреннего поля текстового объекта для всего абзаца.</li>
         <li>
-          Маркер <b>отступа справа</b> <img alt="Маркер отступа справа" src="../images/right_indent.png" /> используется, чтобы задать смещение абзаца от правого внутреннего поля текстового объекта.
+          Маркер <b>отступа справа</b> <div class = "icon icon-right_indent"></div> используется, чтобы задать смещение абзаца от правого внутреннего поля текстового объекта.
         </li>
       </ul>
       <p class="note">
-        <b>Примечание</b>: если вы не видите линеек, перейдите на вкладку <b>Главная</b> верхней панели инструментов, щелкните по значку <b>Параметры представления</b> <img alt="Значок Параметры представления" src="../images/viewsettingsicon.png" /> в правом верхнем углу и снимите отметку с опции <b>Скрыть линейки</b>, чтобы отобразить их.</p>
+        <b>Примечание</b>: если вы не видите линеек, перейдите на вкладку <b>Главная</b> верхней панели инструментов, щелкните по значку <b>Параметры представления</b> <div class = "icon icon-viewsettingsicon"></div> в правом верхнем углу и снимите отметку с опции <b>Скрыть линейки</b>, чтобы отобразить их.</p>
       <img alt="Свойства абзаца - вкладка Шрифт" src="../images/textadvancedsettings2.png" />
 			<p>Вкладка <b>Шрифт</b> содержит следующие параметры:</p>
 			<ul>
@@ -228,9 +229,9 @@
 			    <li><b>Позиция</b> - используется, чтобы задать пользовательские позиции табуляции. Введите в этом поле нужное значение, настройте его более точно, используя кнопки со стрелками, и нажмите на кнопку <b>Задать</b>. Пользовательская позиция табуляции будет добавлена в список в расположенном ниже поле.</li>
 			    <li><b>Выравнивание</b> - используется, чтобы задать нужный тип выравнивания для каждой из позиций табуляции в расположенном выше списке. Выделите нужную позицию табуляции в списке, выберите в выпадающем списке <b>Выравнивание</b> опцию <b>По левому краю</b>, <b>По центру</b> или <b>По правому краю</b> и нажмите на кнопку <b>Задать</b>.
 			        <ul>
-			            <li><b>По левому краю</b> - выравнивает текст по левому краю относительно позиции табуляции; при наборе текст движется вправо от позиции табуляции. Такая позиция табуляции будет обозначена на горизонтальной линейке маркером <img alt="Маркер табуляции по левому краю" src="../images/tabstopleft_marker.png" />.</li>
-			            <li><b>По центру</b> - центрирует текст относительно позиции табуляции. Такая позиция табуляции будет обозначена на горизонтальной линейке маркером <img alt="Маркер табуляции по центру" src="../images/tabstopcenter_marker.png" />.</li>
-			            <li><b>По правому краю</b> - выравнивает текст по правому краю относительно позиции табуляции; при наборе текст движется влево от позиции табуляции. Такая позиция табуляции будет обозначена на горизонтальной линейке маркером <img alt="Маркер табуляции по правому краю" src="../images/tabstopright_marker.png" />.</li>
+			            <li><b>По левому краю</b> - выравнивает текст по левому краю относительно позиции табуляции; при наборе текст движется вправо от позиции табуляции. Такая позиция табуляции будет обозначена на горизонтальной линейке маркером <div class = "icon icon-tabstopleft_marker"></div>.</li>
+			            <li><b>По центру</b> - центрирует текст относительно позиции табуляции. Такая позиция табуляции будет обозначена на горизонтальной линейке маркером <div class = "icon icon-tabstopcenter_marker"></div>.</li>
+			            <li><b>По правому краю</b> - выравнивает текст по правому краю относительно позиции табуляции; при наборе текст движется влево от позиции табуляции. Такая позиция табуляции будет обозначена на горизонтальной линейке маркером <div class = "icon icon-tabstopright_marker"></div>.</li>
 			        </ul>
 			        <p>Для удаления позиций табуляции из списка выделите позицию табуляции и нажмите кнопку <b>Удалить</b> или <b>Удалить все</b>.</p>
 			    </li>
@@ -238,21 +239,21 @@
       <p>Для установки позиций табуляции можно также использовать горизонтальную линейку:</p>
       <ol>
         <li>
-          Выберите нужный тип позиции табуляции, нажав на кнопку <img alt="Кнопка Табуляция с выравниванием по левому краю" src="../images/tabstopleft.png" /> в левом верхнем углу рабочей области:          
-              <b>По левому краю</b> <img alt="Кнопка табуляции с выравниванием по левому краю" src="../images/tabstopleft.png" />,
-              <b>По центру</b> <img alt="Кнопка табуляции с выравниванием по центру" src="../images/tabstopcenter.png" />,
-              <b>По правому краю</b> <img alt="Кнопка табуляции с выравниванием по правому краю" src="../images/tabstopright.png" />.
+          Выберите нужный тип позиции табуляции, нажав на кнопку <div class = "icon icon-tabstopleft"></div> в левом верхнем углу рабочей области:          
+              <b>По левому краю</b> <div class = "icon icon-tabstopleft"></div>,
+              <b>По центру</b> <div class = "icon icon-tabstopcenter"></div>,
+              <b>По правому краю</b> <div class = "icon icon-tabstopright"></div>.
             </li>
           <li>
           Щелкните по нижнему краю линейки в том месте, где требуется установить позицию табуляции. Для изменения местоположения позиции табуляции перетащите ее по линейке. Для удаления добавленной позиции табуляции перетащите ее за пределы линейки.
           <p>
-            <img alt="Горизонтальная линейка с добавленными позициями табуляции" src="../images/tabstops_ruler.png" />
+            <div class = "big big-tabstops_ruler"></div>
           </p>
-              <p class="note"><b>Примечание</b>: если вы не видите линеек, перейдите на вкладку <b>Главная</b> верхней панели инструментов, щелкните по значку <b>Параметры представления</b> <img alt="Значок Параметры представления" src="../images/viewsettingsicon.png" /> в правом верхнем углу и снимите отметку с опции <b>Скрыть линейки</b>, чтобы отобразить их.</p>
+              <p class="note"><b>Примечание</b>: если вы не видите линеек, перейдите на вкладку <b>Главная</b> верхней панели инструментов, щелкните по значку <b>Параметры представления</b> <div class = "icon icon-viewsettingsicon"></div> в правом верхнем углу и снимите отметку с опции <b>Скрыть линейки</b>, чтобы отобразить их.</p>
         </li>
       </ol>      
             <h3>Изменение стиля объекта Text Art</h3>
-            <p>Выделите текстовый объект и щелкните по значку <b>Параметры объектов Text Art</b> <img alt="Значок Параметры объектов Text Art" src="../images/textart_settings_icon.png" /> на правой боковой панели.</p>
+            <p>Выделите текстовый объект и щелкните по значку <b>Параметры объектов Text Art</b> <div class = "icon icon-textart_settings_icon"></div> на правой боковой панели.</p>
             <p><img alt="Вкладка Параметры объектов Text Art" src="../images/right_textart.png" /></p>
             <ul>
                 <li>Измените примененный стиль текста, выбрав из галереи новый <b>Шаблон</b>. Можно также дополнительно изменить этот базовый стиль, выбрав другой тип, размер шрифта и т.д.</li>
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/ManageSlides.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/ManageSlides.htm
index 6fd722a54d..828c1c6a87 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/ManageSlides.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/ManageSlides.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Добавляйте новые пустые слайды, дублируйте, перемещайте или удаляйте их" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,13 +18,13 @@
 			<p>По умолчанию новая созданная презентация содержит один пустой <em>титульный слайд</em>. Вы можете создавать новые слайды, копировать слайды, чтобы затем можно было вставить их в другое место в списке слайдов, дублировать слайды, перемещать слайды, чтобы изменить их порядок в списке, удалять ненужные слайды, помечать отдельные слайды как скрытые. </p>
             <p><b>Для создания нового слайда с макетом <em>Заголовок и объект</em>:</b></p>
             <ul>
-                <li>щелкните по значку <img alt="Значок Добавить слайд" src="../images/addslide.png" /> <b>Добавить слайд</b> на вкладке <b>Главная</b> или <b>Вставка</b> верхней панели инструментов или</li>
+                <li>щелкните по значку <div class = "icon icon-addslide"></div> <b>Добавить слайд</b> на вкладке <b>Главная</b> или <b>Вставка</b> верхней панели инструментов или</li>
                 <li>щелкните правой кнопкой мыши по любому слайду в списке и выберите в контекстном меню пункт <b>Новый слайд</b> или</li>
                 <li>нажмите сочетание клавиш <b>Ctrl+M</b>.</li>
             </ul>
             <p><b>Для создания нового слайда с другим макетом:</b></p>
 			<ol>
-				<li>нажмите на стрелку рядом со значком <img alt="Значок Добавить слайд" src="../images/addslide.png" /> <b>Добавить слайд</b> на вкладке <b>Главная</b> или <b>Вставка</b> верхней панели инструментов,</li>
+				<li>нажмите на стрелку рядом со значком <div class = "icon icon-addslide"></div> <b>Добавить слайд</b> на вкладке <b>Главная</b> или <b>Вставка</b> верхней панели инструментов,</li>
 				<li>выберите в меню слайд с нужным макетом.
 				<p class="note"><b>Примечание</b>: вы в любое время сможете изменить макет добавленного слайда. Чтобы получить дополнительную информацию о том, как это сделать, обратитесь к разделу <a href="../UsageInstructions/SetSlideParameters.htm#changelayout" onclick="onhyperlinkclick(this)">Настройка параметров слайда</a>.</p>
 				</li>
@@ -58,7 +59,7 @@
                 <li>в контекстном меню выберите пункт <b>Скрыть слайд</b>.</li>
             </ol>
             <p>Номер, соответствующий скрытому слайду, будет перечеркнут в списке слайдов слева. Чтобы отображать скрытый слайд как обычный слайд в списке, щелкните по опции <b>Скрыть слайд</b> еще раз.</p>
-            <p><img alt="Скрытый слайд" src="../images/hidden_slide.png" /></p>
+            <p><div class = "big big-hidden_slide"></div></p>
             <p class="note"><b>Примечание</b>: эту опцию можно использовать, если вы не хотите демонстрировать зрителям некоторые слайды, но вам требуется, чтобы в случае необходимости к этим слайдам можно было получить доступ. При запуске показа слайдов в <a href="../UsageInstructions/PreviewPresentation.htm#presenter" onclick="onhyperlinkclick(this)">режиме <b>докладчика</b></a> все имеющиеся слайды отображаются в списке слева, при этом номера скрытых слайдов перечеркнуты. Если вы захотите показать зрителям слайд, помеченный как скрытый, просто щелкните по нему в списке слайдов слева - слайд будет отображен.</p>
 			<p><b>Для выделения всех существующих слайдов сразу:</b></p>
 			<ol>
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/ManipulateObjects.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/ManipulateObjects.htm
index 18816935af..436ae63115 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/ManipulateObjects.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/ManipulateObjects.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Перемещайте, поворачивайте автофигуры и изображения, изменяйте их размер и форму автофигур." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,26 +20,26 @@
                 <b>Примечание</b>: список сочетаний клавиш, которые можно использовать при работе с объектами, доступен <a href="../HelpfulHints/KeyboardShortcuts.htm#workwithobjects" onclick="onhyperlinkclick(this)">здесь</a>.
             </p>
             <h3>Изменение размера объектов</h3>
-			<p>Для изменения размера <b>автофигуры/изображения/диаграммы/таблицы/текстового поля</b> перетаскивайте маленькие квадраты <img alt="Значок Квадрат" src="../images/resize_square.png" />, расположенные по краям объекта. Чтобы сохранить исходные пропорции выбранного объекта при изменении размера, удерживайте клавишу <b>Shift</b> и перетаскивайте один из угловых значков.</p>
-			<p><img alt="Сохранение пропорций" src="../images/maintain_proportions.png" /></p>
+			<p>Для изменения размера <b>автофигуры/изображения/диаграммы/таблицы/текстового поля</b> перетаскивайте маленькие квадраты <div class = "icon icon-resize_square"></div>, расположенные по краям объекта. Чтобы сохранить исходные пропорции выбранного объекта при изменении размера, удерживайте клавишу <b>Shift</b> и перетаскивайте один из угловых значков.</p>
+			<p><div class = "big big-maintain_proportions"></div></p>
 			<p>Чтобы задать точную ширину и высоту <b>диаграммы</b>, выделите ее на слайде и используйте раздел <b>Размер</b> на правой боковой панели, которая будет активирована.</p>
 			<p>Чтобы задать точные размеры <b>изображения</b> или <b>автофигуры</b>, щелкните правой кнопкой мыши по нужному объекту на слайде и выберите пункт меню <b>Дополнительные параметры изображения/фигуры</b>. Укажите нужные значения на вкладке <b>Размер</b> окна <b>Дополнительные параметры</b> и нажмите кнопку <b>OK</b>.</p>
 			<h3>Изменение формы автофигур</h3>
-			<p>При изменении некоторых фигур, например, фигурных стрелок или выносок, также доступен желтый значок в форме ромба <img alt="Значок Желтый ромб" src="../images/yellowdiamond.png" />. Он позволяет изменять отдельные параметры формы, например, длину указателя стрелки.</p>
-			<p><img alt="Изменение формы автофигуры" src="../images/reshaping.png" /></p>
+			<p>При изменении некоторых фигур, например, фигурных стрелок или выносок, также доступен желтый значок в форме ромба <div class = "icon icon-yellowdiamond"></div>. Он позволяет изменять отдельные параметры формы, например, длину указателя стрелки.</p>
+			<p><div class = "big big-reshaping"></div></p>
 			<h3>Перемещение объектов</h3>
-			<p>Для изменения местоположения <b>автофигуры/изображения/диаграммы/таблицы/текстового поля</b> используйте значок <img alt="Стрелка" src="../images/arrow.png" />, который появляется после наведения курсора мыши на объект. Перетащите объект на нужное место, не отпуская кнопку мыши. 
+			<p>Для изменения местоположения <b>автофигуры/изображения/диаграммы/таблицы/текстового поля</b> используйте значок <div class = "icon icon-arrow"></div>, который появляется после наведения курсора мыши на объект. Перетащите объект на нужное место, не отпуская кнопку мыши. 
 			Чтобы перемещать объект с шагом в один пиксель, удерживайте клавишу <b>Ctrl</b> и используйте стрелки на клавиатуре. 
 			Чтобы перемещать объект строго по горизонтали/вертикали и предотвратить его смещение в перпендикулярном направлении, при перетаскивании удерживайте клавишу <b>Shift</b>.</p>
 			<p>Чтобы задать точное положение <b>изображения</b>, щелкните правой кнопкой мыши по изображению на слайде и выберите пункт меню <b>Дополнительные параметры изображения</b>. Укажите нужные значения в разделе <b>Положение</b> окна <b>Дополнительные параметры</b> и нажмите кнопку <b>OK</b>.</p>
 			<h3>Поворот объектов</h3>
-			<p>Чтобы вручную повернуть <b>автофигуру/изображение/текстовое поле</b>, наведите курсор мыши на маркер поворота <img alt="Маркер поворота" src="../images/greencircle.png" /> и перетащите его по часовой стрелке или против часовой стрелки. Чтобы ограничить угол поворота шагом в 15 градусов, при поворачивании удерживайте клавишу <b>Shift</b>.</p>
-            <p>Чтобы повернуть объект на 90 градусов против часовой стрелки или по часовой стрелке или отразить объект по горизонтали или по вертикали, можно использовать раздел <b>Поворот</b> на правой боковой панели, которая будет активирована, как только вы выделите нужный объект. Чтобы открыть ее, нажмите на значок <b>Параметры фигуры</b> <img alt="Значок Параметры фигуры" src="../images/shape_settings_icon.png" />  или <b>Параметры изображения</b> <img alt="Значок Параметры изображения" src="../images/image_settings_icon.png" /> справа. Нажмите на одну из кнопок:</p>
+			<p>Чтобы вручную повернуть <b>автофигуру/изображение/текстовое поле</b>, наведите курсор мыши на маркер поворота <div class = "icon icon-greencircle"></div> и перетащите его по часовой стрелке или против часовой стрелки. Чтобы ограничить угол поворота шагом в 15 градусов, при поворачивании удерживайте клавишу <b>Shift</b>.</p>
+            <p>Чтобы повернуть объект на 90 градусов против часовой стрелки или по часовой стрелке или отразить объект по горизонтали или по вертикали, можно использовать раздел <b>Поворот</b> на правой боковой панели, которая будет активирована, как только вы выделите нужный объект. Чтобы открыть ее, нажмите на значок <b>Параметры фигуры</b> <div class = "icon icon-shape_settings_icon"></div>  или <b>Параметры изображения</b> <div class = "icon icon-image_settings_icon"></div> справа. Нажмите на одну из кнопок:</p>
             <ul>
-                <li><img alt="Значок Повернуть против часовой стрелки" src="../images/rotatecounterclockwise.png" /> чтобы повернуть объект на 90 градусов против часовой стрелки</li>
-                <li><img alt="Значок Повернуть по часовой стрелке" src="../images/rotateclockwise.png" /> чтобы повернуть объект на 90 градусов по часовой стрелке</li>
-                <li><img alt="Значок Отразить слева направо" src="../images/fliplefttoright.png" /> чтобы отразить объект по горизонтали (слева направо)</li>
-                <li><img alt="Значок Отразить сверху вниз" src="../images/flipupsidedown.png" /> чтобы отразить объект по вертикали (сверху вниз)</li>
+                <li><div class = "icon icon-rotatecounterclockwise"></div> чтобы повернуть объект на 90 градусов против часовой стрелки</li>
+                <li><div class = "icon icon-rotateclockwise"></div> чтобы повернуть объект на 90 градусов по часовой стрелке</li>
+                <li><div class = "icon icon-fliplefttoright"></div> чтобы отразить объект по горизонтали (слева направо)</li>
+                <li><div class = "icon icon-flipupsidedown"></div> чтобы отразить объект по вертикали (сверху вниз)</li>
             </ul>
             <p>Также можно щелкнуть правой кнопкой мыши по объекту, выбрать из контекстного меню пункт <b>Поворот</b>, а затем использовать один из доступных вариантов поворота объекта.</p>
             <p>Чтобы повернуть объект на точно заданный угол, нажмите на ссылку <b>Дополнительные параметры</b> на правой боковой панели и используйте вкладку <b>Поворот</b> в окне <b>Дополнительные параметры</b>. Укажите нужное значение в градусах в поле <b>Угол</b> и нажмите кнопку <b>OK</b>.</p>			
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/MathAutoCorrect.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/MathAutoCorrect.htm
index ea0f40727d..bd848c5afb 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/MathAutoCorrect.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/MathAutoCorrect.htm
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="description" content="Функции автозамены используются для автоматического форматирования текста при обнаружении или вставки специальных математических символов путем распознавания определенных символов." />
     <link type="text/css" rel="stylesheet" href="../editor.css" />
+    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
     <script type="text/javascript" src="../callback.js"></script>
     <script type="text/javascript" src="../search/js/page-search.js"></script>
 </head>
@@ -62,722 +63,722 @@
                 </tr>
                 <tr>
                     <td>!!</td>
-                    <td><img alt="Двойной факториал" src="../images/symbols/doublefactorial.png" /></td>
+                    <td><div class = "smb smb-doublefactorial"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>...</td>
-                    <td><img alt="Горизонтальное многоточие" src="../images/symbols/horizontalellipsis.png" /></td>
+                    <td><div class = "smb smb-horizontalellipsis"></div></td>
                     <td>Точки</td>
                 </tr>
                 <tr>
                     <td>::</td>
-                    <td><img alt="Двойное двоеточие" src="../images/symbols/doublecolon.png" /></td>
+                    <td><div class = "smb smb-doublecolon"></div></td>
                     <td>Операторы</td>
                 </tr>
                 <tr>
                     <td>:=</td>
-                    <td><img alt="Двоеточие равно" src="../images/symbols/colonequal.png" /></td>
+                    <td><div class = "smb smb-colonequal"></div></td>
                     <td>Операторы</td>
                 </tr>
                 <tr>
                     <td>/<</td>
-                    <td><img alt="Не меньше чем" src="../images/symbols/notlessthan.png" /></td>
+                    <td><div class = "smb smb-notlessthan"></div></td>
                     <td>Операторы отношения</td>
                 </tr>
                 <tr>
                     <td>/></td>
-                    <td><img alt="Не больше чем" src="../images/symbols/notgreaterthan.png" /></td>
+                    <td><div class = "smb smb-notgreaterthan"></div></td>
                     <td>Операторы отношения</td>
                 </tr>
                 <tr>
                     <td>/=</td>
-                    <td><img alt="Не равно" src="../images/symbols/notequal.png" /></td>
+                    <td><div class = "smb smb-notequal"></div></td>
                     <td>Операторы отношения</td>
                 </tr>
                 <tr>
                     <td>\above</td>
-                    <td><img alt="Символ" src="../images/symbols/above.png" /></td>
+                    <td><div class = "smb smb-above"></div></td>
                     <td>Символы Above/Below</td>
                 </tr>
                 <tr>
                     <td>\acute</td>
-                    <td><img alt="Символ" src="../images/symbols/acute.png" /></td>
+                    <td><div class = "smb smb-acute"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\aleph</td>
-                    <td><img alt="Символ" src="../images/symbols/aleph.png" /></td>
+                    <td><div class = "smb smb-aleph"></div></td>
                     <td>Буквы иврита</td>
                 </tr>
                 <tr>
                     <td>\alpha</td>
-                    <td><img alt="Символ" src="../images/symbols/alpha.png" /></td>
+                    <td><div class = "smb smb-alpha"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Alpha</td>
-                    <td><img alt="Символ" src="../images/symbols/alpha2.png" /></td>
+                    <td><div class = "smb smb-alpha2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\amalg</td>
-                    <td><img alt="Символ" src="../images/symbols/amalg.png" /></td>
+                    <td><div class = "smb smb-amalg"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\angle</td>
-                    <td><img alt="Символ" src="../images/symbols/angle.png" /></td>
+                    <td><div class = "smb smb-angle"></div></td>
                     <td>Геометрические обозначения</td>
                 </tr>
                 <tr>
                     <td>\aoint</td>
-                    <td><img alt="Символ" src="../images/symbols/aoint.png" /></td>
+                    <td><div class = "smb smb-aoint"></div></td>
                     <td>Интегралы</td>
                 </tr>
                 <tr>
                     <td>\approx</td>
-                    <td><img alt="Символ" src="../images/symbols/approx.png" /></td>
+                    <td><div class = "smb smb-approx"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\asmash</td>
-                    <td><img alt="Символ" src="../images/symbols/asmash.png" /></td>
+                    <td><div class = "smb smb-asmash"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\ast</td>
-                    <td><img alt="Звездочка" src="../images/symbols/ast.png" /></td>
+                    <td><div class = "smb smb-ast"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\asymp</td>
-                    <td><img alt="Символ" src="../images/symbols/asymp.png" /></td>
+                    <td><div class = "smb smb-asymp"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\atop</td>
-                    <td><img alt="Символ" src="../images/symbols/atop.png" /></td>
+                    <td><div class = "smb smb-atop"></div></td>
                     <td>Операторы</td>
                 </tr>
                 <tr>
                     <td>\bar</td>
-                    <td><img alt="Символ" src="../images/symbols/bar.png" /></td>
+                    <td><div class = "smb smb-bar"></div></td>
                     <td>Черта сверху/снизу</td>
                 </tr>
                 <tr>
                     <td>\Bar</td>
-                    <td><img alt="Символ" src="../images/symbols/bar2.png" /></td>
+                    <td><div class = "smb smb-bar2"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\because</td>
-                    <td><img alt="Символ" src="../images/symbols/because.png" /></td>
+                    <td><div class = "smb smb-because"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\begin</td>
-                    <td><img alt="Символ" src="../images/symbols/begin.png" /></td>
+                    <td><div class = "smb smb-begin"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\below</td>
-                    <td><img alt="Символ" src="../images/symbols/below.png" /></td>
+                    <td><div class = "smb smb-below"></div></td>
                     <td>Символы Above/Below</td>
                 </tr>
                 <tr>
                     <td>\bet</td>
-                    <td><img alt="Символ" src="../images/symbols/bet.png" /></td>
+                    <td><div class = "smb smb-bet"></div></td>
                     <td>Буквы иврита</td>
                 </tr>
                 <tr>
                     <td>\beta</td>
-                    <td><img alt="Символ" src="../images/symbols/beta.png" /></td>
+                    <td><div class = "smb smb-beta"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Beta</td>
-                    <td><img alt="Символ" src="../images/symbols/beta2.png" /></td>
+                    <td><div class = "smb smb-beta2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\beth</td>
-                    <td><img alt="Символ" src="../images/symbols/beth.png" /></td>
+                    <td><div class = "smb smb-beth"></div></td>
                     <td>Буквы иврита</td>
                 </tr>
                 <tr>
                     <td>\bigcap</td>
-                    <td><img alt="Символ" src="../images/symbols/bigcap.png" /></td>
+                    <td><div class = "smb smb-bigcap"></div></td>
                     <td>Крупные операторы</td>
                 </tr>
                 <tr>
                     <td>\bigcup</td>
-                    <td><img alt="Символ" src="../images/symbols/bigcup.png" /></td>
+                    <td><div class = "smb smb-bigcup"></div></td>
                     <td>Крупные операторы</td>
                 </tr>
                 <tr>
                     <td>\bigodot</td>
-                    <td><img alt="Символ" src="../images/symbols/bigodot.png" /></td>
+                    <td><div class = "smb smb-bigodot"></div></td>
                     <td>Крупные операторы</td>
                 </tr>
                 <tr>
                     <td>\bigoplus</td>
-                    <td><img alt="Символ" src="../images/symbols/bigoplus.png" /></td>
+                    <td><div class = "smb smb-bigoplus"></div></td>
                     <td>Крупные операторы</td>
                 </tr>
                 <tr>
                     <td>\bigotimes</td>
-                    <td><img alt="Символ" src="../images/symbols/bigotimes.png" /></td>
+                    <td><div class = "smb smb-bigotimes"></div></td>
                     <td>Крупные операторы</td>
                 </tr>
                 <tr>
                     <td>\bigsqcup</td>
-                    <td><img alt="Символ" src="../images/symbols/bigsqcup.png" /></td>
+                    <td><div class = "smb smb-bigsqcup"></div></td>
                     <td>Крупные операторы</td>
                 </tr>
                 <tr>
                     <td>\biguplus</td>
-                    <td><img alt="Символ" src="../images/symbols/biguplus.png" /></td>
+                    <td><div class = "smb smb-biguplus"></div></td>
                     <td>Крупные операторы</td>
                 </tr>
                 <tr>
                     <td>\bigvee</td>
-                    <td><img alt="Символ" src="../images/symbols/bigvee.png" /></td>
+                    <td><div class = "smb smb-bigvee"></div></td>
                     <td>Крупные операторы</td>
                 </tr>
                 <tr>
                     <td>\bigwedge</td>
-                    <td><img alt="Символ" src="../images/symbols/bigwedge.png" /></td>
+                    <td><div class = "smb smb-bigwedge"></div></td>
                     <td>Крупные операторы</td>
                 </tr>
                 <tr>
                     <td>\binomial</td>
-                    <td><img alt="Символ" src="../images/symbols/binomial.png" /></td>
+                    <td><div class = "smb smb-binomial"></div></td>
                     <td>Уравнения</td>
                 </tr>
                 <tr>
                     <td>\bot</td>
-                    <td><img alt="Символ" src="../images/symbols/bot.png" /></td>
+                    <td><div class = "smb smb-bot"></div></td>
                     <td>Логические обозначения</td>
                 </tr>
                 <tr>
                     <td>\bowtie</td>
-                    <td><img alt="Символ" src="../images/symbols/bowtie.png" /></td>
+                    <td><div class = "smb smb-bowtie"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\box</td>
-                    <td><img alt="Символ" src="../images/symbols/box.png" /></td>
+                    <td><div class = "smb smb-box"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\boxdot</td>
-                    <td><img alt="Символ" src="../images/symbols/boxdot.png" /></td>
+                    <td><div class = "smb smb-boxdot"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\boxminus</td>
-                    <td><img alt="Символ" src="../images/symbols/boxminus.png" /></td>
+                    <td><div class = "smb smb-boxminus"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\boxplus</td>
-                    <td><img alt="Символ" src="../images/symbols/boxplus.png" /></td>
+                    <td><div class = "smb smb-boxplus"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\bra</td>
-                    <td><img alt="Символ" src="../images/symbols/bra.png" /></td>
+                    <td><div class = "smb smb-bra"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\break</td>
-                    <td><img alt="Символ" src="../images/symbols/break.png" /></td>
+                    <td><div class = "smb smb-break"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\breve</td>
-                    <td><img alt="Символ" src="../images/symbols/breve.png" /></td>
+                    <td><div class = "smb smb-breve"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\bullet</td>
-                    <td><img alt="Символ" src="../images/symbols/bullet.png" /></td>
+                    <td><div class = "smb smb-bullet"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\cap</td>
-                    <td><img alt="Символ" src="../images/symbols/cap.png" /></td>
+                    <td><div class = "smb smb-cap"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\cbrt</td>
-                    <td><img alt="Символ" src="../images/symbols/cbrt.png" /></td>
+                    <td><div class = "smb smb-cbrt"></div></td>
                     <td>Квадратные корни и радикалы</td>
                 </tr>
                 <tr>
                     <td>\cases</td>
-                    <td><img alt="Символ" src="../images/symbols/cases.png" /></td>
+                    <td><div class = "smb smb-cases"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\cdot</td>
-                    <td><img alt="Символ" src="../images/symbols/cdot.png" /></td>
+                    <td><div class = "smb smb-cdot"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\cdots</td>
-                    <td><img alt="Символ" src="../images/symbols/cdots.png" /></td>
+                    <td><div class = "smb smb-cdots"></div></td>
                     <td>Точки</td>
                 </tr>
                 <tr>
                     <td>\check</td>
-                    <td><img alt="Символ" src="../images/symbols/check.png" /></td>
+                    <td><div class = "smb smb-check"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\chi</td>
-                    <td><img alt="Символ" src="../images/symbols/chi.png" /></td>
+                    <td><div class = "smb smb-chi"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Chi</td>
-                    <td><img alt="Символ" src="../images/symbols/chi2.png" /></td>
+                    <td><div class = "smb smb-chi2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\circ</td>
-                    <td><img alt="Символ" src="../images/symbols/circ.png" /></td>
+                    <td><div class = "smb smb-circ"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\close</td>
-                    <td><img alt="Символ" src="../images/symbols/close.png" /></td>
+                    <td><div class = "smb smb-close"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\clubsuit</td>
-                    <td><img alt="Символ" src="../images/symbols/clubsuit.png" /></td>
+                    <td><div class = "smb smb-clubsuit"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\coint</td>
-                    <td><img alt="Символ" src="../images/symbols/coint.png" /></td>
+                    <td><div class = "smb smb-coint"></div></td>
                     <td>Интегралы</td>
                 </tr>
                 <tr>
                     <td>\cong</td>
-                    <td><img alt="Символ" src="../images/symbols/cong.png" /></td>
+                    <td><div class = "smb smb-cong"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\coprod</td>
-                    <td><img alt="Символ" src="../images/symbols/coprod.png" /></td>
+                    <td><div class = "smb smb-coprod"></div></td>
                     <td>Математические операторы</td>
                 </tr>
                 <tr>
                     <td>\cup</td>
-                    <td><img alt="Символ" src="../images/symbols/cup.png" /></td>
+                    <td><div class = "smb smb-cup"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\dalet</td>
-                    <td><img alt="Символ" src="../images/symbols/dalet.png" /></td>
+                    <td><div class = "smb smb-dalet"></div></td>
                     <td>Буквы иврита</td>
                 </tr>
                 <tr>
                     <td>\daleth</td>
-                    <td><img alt="Символ" src="../images/symbols/daleth.png" /></td>
+                    <td><div class = "smb smb-daleth"></div></td>
                     <td>Буквы иврита</td>
                 </tr>
                 <tr>
                     <td>\dashv</td>
-                    <td><img alt="Символ" src="../images/symbols/dashv.png" /></td>
+                    <td><div class = "smb smb-dashv"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\dd</td>
-                    <td><img alt="Символ" src="../images/symbols/dd.png" /></td>
+                    <td><div class = "smb smb-dd"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\Dd</td>
-                    <td><img alt="Символ" src="../images/symbols/dd2.png" /></td>
+                    <td><div class = "smb smb-dd2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\ddddot</td>
-                    <td><img alt="Символ" src="../images/symbols/ddddot.png" /></td>
+                    <td><div class = "smb smb-ddddot"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\dddot</td>
-                    <td><img alt="Символ" src="../images/symbols/dddot.png" /></td>
+                    <td><div class = "smb smb-dddot"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\ddot</td>
-                    <td><img alt="Символ" src="../images/symbols/ddot.png" /></td>
+                    <td><div class = "smb smb-ddot"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\ddots</td>
-                    <td><img alt="Символ" src="../images/symbols/ddots.png" /></td>
+                    <td><div class = "smb smb-ddots"></div></td>
                     <td>Точки</td>
                 </tr>
                 <tr>
                     <td>\defeq</td>
-                    <td><img alt="Символ" src="../images/symbols/defeq.png" /></td>
+                    <td><div class = "smb smb-defeq"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\degc</td>
-                    <td><img alt="Символ" src="../images/symbols/degc.png" /></td>
+                    <td><div class = "smb smb-degc"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\degf</td>
-                    <td><img alt="Символ" src="../images/symbols/degf.png" /></td>
+                    <td><div class = "smb smb-degf"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\degree</td>
-                    <td><img alt="Символ" src="../images/symbols/degree.png" /></td>
+                    <td><div class = "smb smb-degree"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\delta</td>
-                    <td><img alt="Символ" src="../images/symbols/delta.png" /></td>
+                    <td><div class = "smb smb-delta"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Delta</td>
-                    <td><img alt="Символ" src="../images/symbols/delta2.png" /></td>
+                    <td><div class = "smb smb-delta2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Deltaeq</td>
-                    <td><img alt="Символ" src="../images/symbols/deltaeq.png" /></td>
+                    <td><div class = "smb smb-deltaeq"></div></td>
                     <td>Операторы</td>
                 </tr>
                 <tr>
                     <td>\diamond</td>
-                    <td><img alt="Символ" src="../images/symbols/diamond.png" /></td>
+                    <td><div class = "smb smb-diamond"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\diamondsuit</td>
-                    <td><img alt="Символ" src="../images/symbols/diamondsuit.png" /></td>
+                    <td><div class = "smb smb-diamondsuit"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\div</td>
-                    <td><img alt="Символ" src="../images/symbols/div.png" /></td>
+                    <td><div class = "smb smb-div"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\dot</td>
-                    <td><img alt="Символ" src="../images/symbols/dot.png" /></td>
+                    <td><div class = "smb smb-dot"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\doteq</td>
-                    <td><img alt="Символ" src="../images/symbols/doteq.png" /></td>
+                    <td><div class = "smb smb-doteq"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\dots</td>
-                    <td><img alt="Символ" src="../images/symbols/dots.png" /></td>
+                    <td><div class = "smb smb-dots"></div></td>
                     <td>Точки</td>
                 </tr>
                 <tr>
                     <td>\doublea</td>
-                    <td><img alt="Символ" src="../images/symbols/doublea.png" /></td>
+                    <td><div class = "smb smb-doublea"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleA</td>
-                    <td><img alt="Символ" src="../images/symbols/doublea2.png" /></td>
+                    <td><div class = "smb smb-doublea2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleb</td>
-                    <td><img alt="Символ" src="../images/symbols/doubleb.png" /></td>
+                    <td><div class = "smb smb-doubleb"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleB</td>
-                    <td><img alt="Символ" src="../images/symbols/doubleb2.png" /></td>
+                    <td><div class = "smb smb-doubleb2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doublec</td>
-                    <td><img alt="Символ" src="../images/symbols/doublec.png" /></td>
+                    <td><div class = "smb smb-doublec"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleC</td>
-                    <td><img alt="Символ" src="../images/symbols/doublec2.png" /></td>
+                    <td><div class = "smb smb-doublec2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubled</td>
-                    <td><img alt="Символ" src="../images/symbols/doubled.png" /></td>
+                    <td><div class = "smb smb-doubled"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleD</td>
-                    <td><img alt="Символ" src="../images/symbols/doubled2.png" /></td>
+                    <td><div class = "smb smb-doubled2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doublee</td>
-                    <td><img alt="Символ" src="../images/symbols/doublee.png" /></td>
+                    <td><div class = "smb smb-doublee"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleE</td>
-                    <td><img alt="Символ" src="../images/symbols/doublee2.png" /></td>
+                    <td><div class = "smb smb-doublee2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doublef</td>
-                    <td><img alt="Символ" src="../images/symbols/doublef.png" /></td>
+                    <td><div class = "smb smb-doublef"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleF</td>
-                    <td><img alt="Символ" src="../images/symbols/doublef2.png" /></td>
+                    <td><div class = "smb smb-doublef2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleg</td>
-                    <td><img alt="Символ" src="../images/symbols/doubleg.png" /></td>
+                    <td><div class = "smb smb-doubleg"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleG</td>
-                    <td><img alt="Символ" src="../images/symbols/doubleg2.png" /></td>
+                    <td><div class = "smb smb-doubleg2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleh</td>
-                    <td><img alt="Символ" src="../images/symbols/doubleh.png" /></td>
+                    <td><div class = "smb smb-doubleh"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleH</td>
-                    <td><img alt="Символ" src="../images/symbols/doubleh2.png" /></td>
+                    <td><div class = "smb smb-doubleh2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doublei</td>
-                    <td><img alt="Символ" src="../images/symbols/doublei.png" /></td>
+                    <td><div class = "smb smb-doublei"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleI</td>
-                    <td><img alt="Символ" src="../images/symbols/doublei2.png" /></td>
+                    <td><div class = "smb smb-doublei2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doublej</td>
-                    <td><img alt="Символ" src="../images/symbols/doublej.png" /></td>
+                    <td><div class = "smb smb-doublej"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleJ</td>
-                    <td><img alt="Символ" src="../images/symbols/doublej2.png" /></td>
+                    <td><div class = "smb smb-doublej2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doublek</td>
-                    <td><img alt="Символ" src="../images/symbols/doublek.png" /></td>
+                    <td><div class = "smb smb-doublek"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleK</td>
-                    <td><img alt="Символ" src="../images/symbols/doublek2.png" /></td>
+                    <td><div class = "smb smb-doublek2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doublel</td>
-                    <td><img alt="Символ" src="../images/symbols/doublel.png" /></td>
+                    <td><div class = "smb smb-doublel"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleL</td>
-                    <td><img alt="Символ" src="../images/symbols/doublel2.png" /></td>
+                    <td><div class = "smb smb-doublel2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doublem</td>
-                    <td><img alt="Символ" src="../images/symbols/doublem.png" /></td>
+                    <td><div class = "smb smb-doublem"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleM</td>
-                    <td><img alt="Символ" src="../images/symbols/doublem2.png" /></td>
+                    <td><div class = "smb smb-doublem2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doublen</td>
-                    <td><img alt="Символ" src="../images/symbols/doublen.png" /></td>
+                    <td><div class = "smb smb-doublen"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleN</td>
-                    <td><img alt="Символ" src="../images/symbols/doublen2.png" /></td>
+                    <td><div class = "smb smb-doublen2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleo</td>
-                    <td><img alt="Символ" src="../images/symbols/doubleo.png" /></td>
+                    <td><div class = "smb smb-doubleo"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleO</td>
-                    <td><img alt="Символ" src="../images/symbols/doubleo2.png" /></td>
+                    <td><div class = "smb smb-doubleo2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doublep</td>
-                    <td><img alt="Символ" src="../images/symbols/doublep.png" /></td>
+                    <td><div class = "smb smb-doublep"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleP</td>
-                    <td><img alt="Символ" src="../images/symbols/doublep2.png" /></td>
+                    <td><div class = "smb smb-doublep2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleq</td>
-                    <td><img alt="Символ" src="../images/symbols/doubleq.png" /></td>
+                    <td><div class = "smb smb-doubleq"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleQ</td>
-                    <td><img alt="Символ" src="../images/symbols/doubleq2.png" /></td>
+                    <td><div class = "smb smb-doubleq2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubler</td>
-                    <td><img alt="Символ" src="../images/symbols/doubler.png" /></td>
+                    <td><div class = "smb smb-doubler"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleR</td>
-                    <td><img alt="Символ" src="../images/symbols/doubler2.png" /></td>
+                    <td><div class = "smb smb-doubler2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubles</td>
-                    <td><img alt="Символ" src="../images/symbols/doubles.png" /></td>
+                    <td><div class = "smb smb-doubles"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleS</td>
-                    <td><img alt="Символ" src="../images/symbols/doubles2.png" /></td>
+                    <td><div class = "smb smb-doubles2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doublet</td>
-                    <td><img alt="Символ" src="../images/symbols/doublet.png" /></td>
+                    <td><div class = "smb smb-doublet"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleT</td>
-                    <td><img alt="Символ" src="../images/symbols/doublet2.png" /></td>
+                    <td><div class = "smb smb-doublet2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleu</td>
-                    <td><img alt="Символ" src="../images/symbols/doubleu.png" /></td>
+                    <td><div class = "smb smb-doubleu"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleU</td>
-                    <td><img alt="Символ" src="../images/symbols/doubleu2.png" /></td>
+                    <td><div class = "smb smb-doubleu2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doublev</td>
-                    <td><img alt="Символ" src="../images/symbols/doublev.png" /></td>
+                    <td><div class = "smb smb-doublev"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleV</td>
-                    <td><img alt="Символ" src="../images/symbols/doublev2.png" /></td>
+                    <td><div class = "smb smb-doublev2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doublew</td>
-                    <td><img alt="Символ" src="../images/symbols/doublew.png" /></td>
+                    <td><div class = "smb smb-doublew"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleW</td>
-                    <td><img alt="Символ" src="../images/symbols/doublew2.png" /></td>
+                    <td><div class = "smb smb-doublew2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doublex</td>
-                    <td><img alt="Символ" src="../images/symbols/doublex.png" /></td>
+                    <td><div class = "smb smb-doublex"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleX</td>
-                    <td><img alt="Символ" src="../images/symbols/doublex2.png" /></td>
+                    <td><div class = "smb smb-doublex2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubley</td>
-                    <td><img alt="Символ" src="../images/symbols/doubley.png" /></td>
+                    <td><div class = "smb smb-doubley"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleY</td>
-                    <td><img alt="Символ" src="../images/symbols/doubley2.png" /></td>
+                    <td><div class = "smb smb-doubley2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doublez</td>
-                    <td><img alt="Символ" src="../images/symbols/doublez.png" /></td>
+                    <td><div class = "smb smb-doublez"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\doubleZ</td>
-                    <td><img alt="Символ" src="../images/symbols/doublez2.png" /></td>
+                    <td><div class = "smb smb-doublez2"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\downarrow</td>
-                    <td><img alt="Символ" src="../images/symbols/downarrow.png" /></td>
+                    <td><div class = "smb smb-downarrow"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\Downarrow</td>
-                    <td><img alt="Символ" src="../images/symbols/downarrow2.png" /></td>
+                    <td><div class = "smb smb-downarrow2"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\dsmash</td>
-                    <td><img alt="Символ" src="../images/symbols/dsmash.png" /></td>
+                    <td><div class = "smb smb-dsmash"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\ee</td>
-                    <td><img alt="Символ" src="../images/symbols/ee.png" /></td>
+                    <td><div class = "smb smb-ee"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\ell</td>
-                    <td><img alt="Символ" src="../images/symbols/ell.png" /></td>
+                    <td><div class = "smb smb-ell"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\emptyset</td>
-                    <td><img alt="Символ" src="../images/symbols/emptyset.png" /></td>
+                    <td><div class = "smb smb-emptyset"></div></td>
                     <td>Обозначения множествs</td>
                 </tr>
                 <tr>
@@ -787,7 +788,7 @@
                 </tr>
                 <tr>
                     <td>\end</td>
-                    <td><img alt="Символ" src="../images/symbols/end.png" /></td>
+                    <td><div class = "smb smb-end"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
@@ -797,297 +798,297 @@
                 </tr>
                 <tr>
                     <td>\epsilon</td>
-                    <td><img alt="Символ" src="../images/symbols/epsilon.png" /></td>
+                    <td><div class = "smb smb-epsilon"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Epsilon</td>
-                    <td><img alt="Символ" src="../images/symbols/epsilon2.png" /></td>
+                    <td><div class = "smb smb-epsilon2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\eqarray</td>
-                    <td><img alt="Символ" src="../images/symbols/eqarray.png" /></td>
+                    <td><div class = "smb smb-eqarray"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\equiv</td>
-                    <td><img alt="Символ" src="../images/symbols/equiv.png" /></td>
+                    <td><div class = "smb smb-equiv"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\eta</td>
-                    <td><img alt="Символ" src="../images/symbols/eta.png" /></td>
+                    <td><div class = "smb smb-eta"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Eta</td>
-                    <td><img alt="Символ" src="../images/symbols/eta2.png" /></td>
+                    <td><div class = "smb smb-eta2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\exists</td>
-                    <td><img alt="Символ" src="../images/symbols/exists.png" /></td>
+                    <td><div class = "smb smb-exists"></div></td>
                     <td>Логические обозначенияs</td>
                 </tr>
                 <tr>
                     <td>\forall</td>
-                    <td><img alt="Символ" src="../images/symbols/forall.png" /></td>
+                    <td><div class = "smb smb-forall"></div></td>
                     <td>Логические обозначенияs</td>
                 </tr>
                 <tr>
                     <td>\fraktura</td>
-                    <td><img alt="Символ" src="../images/symbols/fraktura.png" /></td>
+                    <td><div class = "smb smb-fraktura"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturA</td>
-                    <td><img alt="Символ" src="../images/symbols/fraktura2.png" /></td>
+                    <td><div class = "smb smb-fraktura2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturb</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturb.png" /></td>
+                    <td><div class = "smb smb-frakturb"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturB</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturb2.png" /></td>
+                    <td><div class = "smb smb-frakturb2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturc</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturc.png" /></td>
+                    <td><div class = "smb smb-frakturc"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturC</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturc2.png" /></td>
+                    <td><div class = "smb smb-frakturc2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturd</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturd.png" /></td>
+                    <td><div class = "smb smb-frakturd"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturD</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturd2.png" /></td>
+                    <td><div class = "smb smb-frakturd2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakture</td>
-                    <td><img alt="Символ" src="../images/symbols/frakture.png" /></td>
+                    <td><div class = "smb smb-frakture"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturE</td>
-                    <td><img alt="Символ" src="../images/symbols/frakture2.png" /></td>
+                    <td><div class = "smb smb-frakture2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturf</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturf.png" /></td>
+                    <td><div class = "smb smb-frakturf"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturF</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturf2.png" /></td>
+                    <td><div class = "smb smb-frakturf2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturg</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturg.png" /></td>
+                    <td><div class = "smb smb-frakturg"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturG</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturg2.png" /></td>
+                    <td><div class = "smb smb-frakturg2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturh</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturh.png" /></td>
+                    <td><div class = "smb smb-frakturh"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturH</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturh2.png" /></td>
+                    <td><div class = "smb smb-frakturh2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturi</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturi.png" /></td>
+                    <td><div class = "smb smb-frakturi"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturI</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturi2.png" /></td>
+                    <td><div class = "smb smb-frakturi2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturk</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturk.png" /></td>
+                    <td><div class = "smb smb-frakturk"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturK</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturk2.png" /></td>
+                    <td><div class = "smb smb-frakturk2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturl</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturl.png" /></td>
+                    <td><div class = "smb smb-frakturl"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturL</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturl2.png" /></td>
+                    <td><div class = "smb smb-frakturl2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturm</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturm.png" /></td>
+                    <td><div class = "smb smb-frakturm"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturM</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturm2.png" /></td>
+                    <td><div class = "smb smb-frakturm2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturn</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturn.png" /></td>
+                    <td><div class = "smb smb-frakturn"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturN</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturn2.png" /></td>
+                    <td><div class = "smb smb-frakturn2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturo</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturo.png" /></td>
+                    <td><div class = "smb smb-frakturo"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturO</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturo2.png" /></td>
+                    <td><div class = "smb smb-frakturo2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturp</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturp.png" /></td>
+                    <td><div class = "smb smb-frakturp"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturP</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturp2.png" /></td>
+                    <td><div class = "smb smb-frakturp2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturq</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturq.png" /></td>
+                    <td><div class = "smb smb-frakturq"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturQ</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturq2.png" /></td>
+                    <td><div class = "smb smb-frakturq2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturr</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturr.png" /></td>
+                    <td><div class = "smb smb-frakturr"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturR</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturr2.png" /></td>
+                    <td><div class = "smb smb-frakturr2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturs</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturs.png" /></td>
+                    <td><div class = "smb smb-frakturs"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturS</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturs2.png" /></td>
+                    <td><div class = "smb smb-frakturs2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturt</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturt.png" /></td>
+                    <td><div class = "smb smb-frakturt"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturT</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturt2.png" /></td>
+                    <td><div class = "smb smb-frakturt2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturu</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturu.png" /></td>
+                    <td><div class = "smb smb-frakturu"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturU</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturu2.png" /></td>
+                    <td><div class = "smb smb-frakturu2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturv</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturv.png" /></td>
+                    <td><div class = "smb smb-frakturv"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturV</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturv2.png" /></td>
+                    <td><div class = "smb smb-frakturv2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturw</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturw.png" /></td>
+                    <td><div class = "smb smb-frakturw"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturW</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturw2.png" /></td>
+                    <td><div class = "smb smb-frakturw2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturx</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturx.png" /></td>
+                    <td><div class = "smb smb-frakturx"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturX</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturx2.png" /></td>
+                    <td><div class = "smb smb-frakturx2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\fraktury</td>
-                    <td><img alt="Символ" src="../images/symbols/fraktury.png" /></td>
+                    <td><div class = "smb smb-fraktury"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturY</td>
-                    <td><img alt="Символ" src="../images/symbols/fraktury2.png" /></td>
+                    <td><div class = "smb smb-fraktury2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturz</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturz.png" /></td>
+                    <td><div class = "smb smb-frakturz"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frakturZ</td>
-                    <td><img alt="Символ" src="../images/symbols/frakturz2.png" /></td>
+                    <td><div class = "smb smb-frakturz2"></div></td>
                     <td>Буквы готического шрифта</td>
                 </tr>
                 <tr>
                     <td>\frown</td>
-                    <td><img alt="Символ" src="../images/symbols/frown.png" /></td>
+                    <td><div class = "smb smb-frown"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
@@ -1097,47 +1098,47 @@
                 </tr>
                 <tr>
                     <td>\G</td>
-                    <td><img alt="Символ" src="../images/symbols/g.png" /></td>
+                    <td><div class = "smb smb-g"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\gamma</td>
-                    <td><img alt="Символ" src="../images/symbols/gamma.png" /></td>
+                    <td><div class = "smb smb-gamma"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Gamma</td>
-                    <td><img alt="Символ" src="../images/symbols/gamma2.png" /></td>
+                    <td><div class = "smb smb-gamma2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\ge</td>
-                    <td><img alt="Символ" src="../images/symbols/ge.png" /></td>
+                    <td><div class = "smb smb-ge"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\geq</td>
-                    <td><img alt="Символ" src="../images/symbols/geq.png" /></td>
+                    <td><div class = "smb smb-geq"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\gets</td>
-                    <td><img alt="Символ" src="../images/symbols/gets.png" /></td>
+                    <td><div class = "smb smb-gets"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\gg</td>
-                    <td><img alt="Символ" src="../images/symbols/gg.png" /></td>
+                    <td><div class = "smb smb-gg"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\gimel</td>
-                    <td><img alt="Символ" src="../images/symbols/gimel.png" /></td>
+                    <td><div class = "smb smb-gimel"></div></td>
                     <td>Буквы иврита</td>
                 </tr>
                 <tr>
                     <td>\grave</td>
-                    <td><img alt="Символ" src="../images/symbols/grave.png" /></td>
+                    <td><div class = "smb smb-grave"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
@@ -1147,112 +1148,112 @@
                 </tr>
                 <tr>
                     <td>\hat</td>
-                    <td><img alt="Символ" src="../images/symbols/hat.png" /></td>
+                    <td><div class = "smb smb-hat"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\hbar</td>
-                    <td><img alt="Символ" src="../images/symbols/hbar.png" /></td>
+                    <td><div class = "smb smb-hbar"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\heartsuit</td>
-                    <td><img alt="Символ" src="../images/symbols/heartsuit.png" /></td>
+                    <td><div class = "smb smb-heartsuit"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\hookleftarrow</td>
-                    <td><img alt="Символ" src="../images/symbols/hookleftarrow.png" /></td>
+                    <td><div class = "smb smb-hookleftarrow"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\hookrightarrow</td>
-                    <td><img alt="Символ" src="../images/symbols/hookrightarrow.png" /></td>
+                    <td><div class = "smb smb-hookrightarrow"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\hphantom</td>
-                    <td><img alt="Символ" src="../images/symbols/hphantom.png" /></td>
+                    <td><div class = "smb smb-hphantom"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\hsmash</td>
-                    <td><img alt="Символ" src="../images/symbols/hsmash.png" /></td>
+                    <td><div class = "smb smb-hsmash"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\hvec</td>
-                    <td><img alt="Символ" src="../images/symbols/hvec.png" /></td>
+                    <td><div class = "smb smb-hvec"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\identitymatrix</td>
-                    <td><img alt="Символ" src="../images/symbols/identitymatrix.png" /></td>
+                    <td><div class = "smb smb-identitymatrix"></div></td>
                     <td>Матрицы</td>
                 </tr>
                 <tr>
                     <td>\ii</td>
-                    <td><img alt="Символ" src="../images/symbols/ii.png" /></td>
+                    <td><div class = "smb smb-ii"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\iiint</td>
-                    <td><img alt="Символ" src="../images/symbols/iiint.png" /></td>
+                    <td><div class = "smb smb-iiint"></div></td>
                     <td>Интегралы</td>
                 </tr>
                 <tr>
                     <td>\iint</td>
-                    <td><img alt="Символ" src="../images/symbols/iint.png" /></td>
+                    <td><div class = "smb smb-iint"></div></td>
                     <td>Интегралы</td>
                 </tr>
                 <tr>
                     <td>\iiiint</td>
-                    <td><img alt="Символ" src="../images/symbols/iiiint.png" /></td>
+                    <td><div class = "smb smb-iiiint"></div></td>
                     <td>Интегралы</td>
                 </tr>
                 <tr>
                     <td>\Im</td>
-                    <td><img alt="Символ" src="../images/symbols/im.png" /></td>
+                    <td><div class = "smb smb-im"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\imath</td>
-                    <td><img alt="Символ" src="../images/symbols/imath.png" /></td>
+                    <td><div class = "smb smb-imath"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\in</td>
-                    <td><img alt="Символ" src="../images/symbols/in.png" /></td>
+                    <td><div class = "smb smb-in"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\inc</td>
-                    <td><img alt="Символ" src="../images/symbols/inc.png" /></td>
+                    <td><div class = "smb smb-inc"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\infty</td>
-                    <td><img alt="Символ" src="../images/symbols/infty.png" /></td>
+                    <td><div class = "smb smb-infty"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\int</td>
-                    <td><img alt="Символ" src="../images/symbols/int.png" /></td>
+                    <td><div class = "smb smb-int"></div></td>
                     <td>Интегралы</td>
                 </tr>
                 <tr>
                     <td>\integral</td>
-                    <td><img alt="Символ" src="../images/symbols/integral.png" /></td>
+                    <td><div class = "smb smb-integral"></div></td>
                     <td>Интегралы</td>
                 </tr>
                 <tr>
                     <td>\iota</td>
-                    <td><img alt="Символ" src="../images/symbols/iota.png" /></td>
+                    <td><div class = "smb smb-iota"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Iota</td>
-                    <td><img alt="Символ" src="../images/symbols/iota2.png" /></td>
+                    <td><div class = "smb smb-iota2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
@@ -1262,187 +1263,187 @@
                 </tr>
                 <tr>
                     <td>\j</td>
-                    <td><img alt="Символ" src="../images/symbols/j.png" /></td>
+                    <td><div class = "smb smb-j"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\jj</td>
-                    <td><img alt="Символ" src="../images/symbols/jj.png" /></td>
+                    <td><div class = "smb smb-jj"></div></td>
                     <td>Дважды начерченные буквы</td>
                 </tr>
                 <tr>
                     <td>\jmath</td>
-                    <td><img alt="Символ" src="../images/symbols/jmath.png" /></td>
+                    <td><div class = "smb smb-jmath"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\kappa</td>
-                    <td><img alt="Символ" src="../images/symbols/kappa.png" /></td>
+                    <td><div class = "smb smb-kappa"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Kappa</td>
-                    <td><img alt="Символ" src="../images/symbols/kappa2.png" /></td>
+                    <td><div class = "smb smb-kappa2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\ket</td>
-                    <td><img alt="Символ" src="../images/symbols/ket.png" /></td>
+                    <td><div class = "smb smb-ket"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\lambda</td>
-                    <td><img alt="Символ" src="../images/symbols/lambda.png" /></td>
+                    <td><div class = "smb smb-lambda"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Lambda</td>
-                    <td><img alt="Символ" src="../images/symbols/lambda2.png" /></td>
+                    <td><div class = "smb smb-lambda2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\langle</td>
-                    <td><img alt="Символ" src="../images/symbols/langle.png" /></td>
+                    <td><div class = "smb smb-langle"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\lbbrack</td>
-                    <td><img alt="Символ" src="../images/symbols/lbbrack.png" /></td>
+                    <td><div class = "smb smb-lbbrack"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\lbrace</td>
-                    <td><img alt="Символ" src="../images/symbols/lbrace.png" /></td>
+                    <td><div class = "smb smb-lbrace"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\lbrack</td>
-                    <td><img alt="Символ" src="../images/symbols/lbrack.png" /></td>
+                    <td><div class = "smb smb-lbrack"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\lceil</td>
-                    <td><img alt="Символ" src="../images/symbols/lceil.png" /></td>
+                    <td><div class = "smb smb-lceil"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\ldiv</td>
-                    <td><img alt="Символ" src="../images/symbols/ldiv.png" /></td>
+                    <td><div class = "smb smb-ldiv"></div></td>
                     <td>Дробная черта</td>
                 </tr>
                 <tr>
                     <td>\ldivide</td>
-                    <td><img alt="Символ" src="../images/symbols/ldivide.png" /></td>
+                    <td><div class = "smb smb-ldivide"></div></td>
                     <td>Дробная черта</td>
                 </tr>
                 <tr>
                     <td>\ldots</td>
-                    <td><img alt="Символ" src="../images/symbols/ldots.png" /></td>
+                    <td><div class = "smb smb-ldots"></div></td>
                     <td>Точки</td>
                 </tr>
                 <tr>
                     <td>\le</td>
-                    <td><img alt="Символ" src="../images/symbols/le.png" /></td>
+                    <td><div class = "smb smb-le"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\left</td>
-                    <td><img alt="Символ" src="../images/symbols/left.png" /></td>
+                    <td><div class = "smb smb-left"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\leftarrow</td>
-                    <td><img alt="Символ" src="../images/symbols/leftarrow.png" /></td>
+                    <td><div class = "smb smb-leftarrow"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\Leftarrow</td>
-                    <td><img alt="Символ" src="../images/symbols/leftarrow2.png" /></td>
+                    <td><div class = "smb smb-leftarrow2"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\leftharpoondown</td>
-                    <td><img alt="Символ" src="../images/symbols/leftharpoondown.png" /></td>
+                    <td><div class = "smb smb-leftharpoondown"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\leftharpoonup</td>
-                    <td><img alt="Символ" src="../images/symbols/leftharpoonup.png" /></td>
+                    <td><div class = "smb smb-leftharpoonup"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\leftrightarrow</td>
-                    <td><img alt="Символ" src="../images/symbols/leftrightarrow.png" /></td>
+                    <td><div class = "smb smb-leftrightarrow"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\Leftrightarrow</td>
-                    <td><img alt="Символ" src="../images/symbols/leftrightarrow2.png" /></td>
+                    <td><div class = "smb smb-leftrightarrow2"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\leq</td>
-                    <td><img alt="Символ" src="../images/symbols/leq.png" /></td>
+                    <td><div class = "smb smb-leq"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\lfloor</td>
-                    <td><img alt="Символ" src="../images/symbols/lfloor.png" /></td>
+                    <td><div class = "smb smb-lfloor"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\lhvec</td>
-                    <td><img alt="Символ" src="../images/symbols/lhvec.png" /></td>
+                    <td><div class = "smb smb-lhvec"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\limit</td>
-                    <td><img alt="Символ" src="../images/symbols/limit.png" /></td>
+                    <td><div class = "smb smb-limit"></div></td>
                     <td>Лимиты</td>
                 </tr>
                 <tr>
                     <td>\ll</td>
-                    <td><img alt="Символ" src="../images/symbols/ll.png" /></td>
+                    <td><div class = "smb smb-ll"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\lmoust</td>
-                    <td><img alt="Символ" src="../images/symbols/lmoust.png" /></td>
+                    <td><div class = "smb smb-lmoust"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\Longleftarrow</td>
-                    <td><img alt="Символ" src="../images/symbols/longleftarrow.png" /></td>
+                    <td><div class = "smb smb-longleftarrow"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\Longleftrightarrow</td>
-                    <td><img alt="Символ" src="../images/symbols/longleftrightarrow.png" /></td>
+                    <td><div class = "smb smb-longleftrightarrow"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\Longrightarrow</td>
-                    <td><img alt="Символ" src="../images/symbols/longrightarrow.png" /></td>
+                    <td><div class = "smb smb-longrightarrow"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\lrhar</td>
-                    <td><img alt="Символ" src="../images/symbols/lrhar.png" /></td>
+                    <td><div class = "smb smb-lrhar"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\lvec</td>
-                    <td><img alt="Символ" src="../images/symbols/lvec.png" /></td>
+                    <td><div class = "smb smb-lvec"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\mapsto</td>
-                    <td><img alt="Символ" src="../images/symbols/mapsto.png" /></td>
+                    <td><div class = "smb smb-mapsto"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\matrix</td>
-                    <td><img alt="Символ" src="../images/symbols/matrix.png" /></td>
+                    <td><div class = "smb smb-matrix"></div></td>
                     <td>Матрицы</td>
                 </tr>
                 <tr>
@@ -1452,42 +1453,42 @@
                 </tr>
                 <tr>
                     <td>\mid</td>
-                    <td><img alt="Символ" src="../images/symbols/mid.png" /></td>
+                    <td><div class = "smb smb-mid"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\middle</td>
-                    <td><img alt="Символ" src="../images/symbols/middle.png" /></td>
+                    <td><div class = "smb smb-middle"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\models</td>
-                    <td><img alt="Символ" src="../images/symbols/models.png" /></td>
+                    <td><div class = "smb smb-models"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\mp</td>
-                    <td><img alt="Символ" src="../images/symbols/mp.png" /></td>
+                    <td><div class = "smb smb-mp"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\mu</td>
-                    <td><img alt="Символ" src="../images/symbols/mu.png" /></td>
+                    <td><div class = "smb smb-mu"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Mu</td>
-                    <td><img alt="Символ" src="../images/symbols/mu2.png" /></td>
+                    <td><div class = "smb smb-mu2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\nabla</td>
-                    <td><img alt="Символ" src="../images/symbols/nabla.png" /></td>
+                    <td><div class = "smb smb-nabla"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\naryand</td>
-                    <td><img alt="Символ" src="../images/symbols/naryand.png" /></td>
+                    <td><div class = "smb smb-naryand"></div></td>
                     <td>Операторы</td>
                 </tr>
                 <tr>
@@ -1497,772 +1498,772 @@
                 </tr>
                 <tr>
                     <td>\ne</td>
-                    <td><img alt="Символ" src="../images/symbols/ne.png" /></td>
+                    <td><div class = "smb smb-ne"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\nearrow</td>
-                    <td><img alt="Символ" src="../images/symbols/nearrow.png" /></td>
+                    <td><div class = "smb smb-nearrow"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\neq</td>
-                    <td><img alt="Символ" src="../images/symbols/neq.png" /></td>
+                    <td><div class = "smb smb-neq"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\ni</td>
-                    <td><img alt="Символ" src="../images/symbols/ni.png" /></td>
+                    <td><div class = "smb smb-ni"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\norm</td>
-                    <td><img alt="Символ" src="../images/symbols/norm.png" /></td>
+                    <td><div class = "smb smb-norm"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\notcontain</td>
-                    <td><img alt="Символ" src="../images/symbols/notcontain.png" /></td>
+                    <td><div class = "smb smb-notcontain"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\notelement</td>
-                    <td><img alt="Символ" src="../images/symbols/notelement.png" /></td>
+                    <td><div class = "smb smb-notelement"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\notin</td>
-                    <td><img alt="Символ" src="../images/symbols/notin.png" /></td>
+                    <td><div class = "smb smb-notin"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\nu</td>
-                    <td><img alt="Символ" src="../images/symbols/nu.png" /></td>
+                    <td><div class = "smb smb-nu"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Nu</td>
-                    <td><img alt="Символ" src="../images/symbols/nu2.png" /></td>
+                    <td><div class = "smb smb-nu2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\nwarrow</td>
-                    <td><img alt="Символ" src="../images/symbols/nwarrow.png" /></td>
+                    <td><div class = "smb smb-nwarrow"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\o</td>
-                    <td><img alt="Символ" src="../images/symbols/o.png" /></td>
+                    <td><div class = "smb smb-o"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\O</td>
-                    <td><img alt="Символ" src="../images/symbols/o2.png" /></td>
+                    <td><div class = "smb smb-o2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\odot</td>
-                    <td><img alt="Символ" src="../images/symbols/odot.png" /></td>
+                    <td><div class = "smb smb-odot"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\of</td>
-                    <td><img alt="Символ" src="../images/symbols/of.png" /></td>
+                    <td><div class = "smb smb-of"></div></td>
                     <td>Операторы</td>
                 </tr>
                 <tr>
                     <td>\oiiint</td>
-                    <td><img alt="Символ" src="../images/symbols/oiiint.png" /></td>
+                    <td><div class = "smb smb-oiiint"></div></td>
                     <td>Интегралы</td>
                 </tr>
                 <tr>
                     <td>\oiint</td>
-                    <td><img alt="Символ" src="../images/symbols/oiint.png" /></td>
+                    <td><div class = "smb smb-oiint"></div></td>
                     <td>Интегралы</td>
                 </tr>
                 <tr>
                     <td>\oint</td>
-                    <td><img alt="Символ" src="../images/symbols/oint.png" /></td>
+                    <td><div class = "smb smb-oint"></div></td>
                     <td>Интегралы</td>
                 </tr>
                 <tr>
                     <td>\omega</td>
-                    <td><img alt="Символ" src="../images/symbols/omega.png" /></td>
+                    <td><div class = "smb smb-omega"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Omega</td>
-                    <td><img alt="Символ" src="../images/symbols/omega2.png" /></td>
+                    <td><div class = "smb smb-omega2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\ominus</td>
-                    <td><img alt="Символ" src="../images/symbols/ominus.png" /></td>
+                    <td><div class = "smb smb-ominus"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\open</td>
-                    <td><img alt="Символ" src="../images/symbols/open.png" /></td>
+                    <td><div class = "smb smb-open"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\oplus</td>
-                    <td><img alt="Символ" src="../images/symbols/oplus.png" /></td>
+                    <td><div class = "smb smb-oplus"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\otimes</td>
-                    <td><img alt="Символ" src="../images/symbols/otimes.png" /></td>
+                    <td><div class = "smb smb-otimes"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\over</td>
-                    <td><img alt="Символ" src="../images/symbols/over.png" /></td>
+                    <td><div class = "smb smb-over"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\overbar</td>
-                    <td><img alt="Символ" src="../images/symbols/overbar.png" /></td>
+                    <td><div class = "smb smb-overbar"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\overbrace</td>
-                    <td><img alt="Символ" src="../images/symbols/overbrace.png" /></td>
+                    <td><div class = "smb smb-overbrace"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\overbracket</td>
-                    <td><img alt="Символ" src="../images/symbols/overbracket.png" /></td>
+                    <td><div class = "smb smb-overbracket"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\overline</td>
-                    <td><img alt="Символ" src="../images/symbols/overline.png" /></td>
+                    <td><div class = "smb smb-overline"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\overparen</td>
-                    <td><img alt="Символ" src="../images/symbols/overparen.png" /></td>
+                    <td><div class = "smb smb-overparen"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\overshell</td>
-                    <td><img alt="Символ" src="../images/symbols/overshell.png" /></td>
+                    <td><div class = "smb smb-overshell"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\parallel</td>
-                    <td><img alt="Символ" src="../images/symbols/parallel.png" /></td>
+                    <td><div class = "smb smb-parallel"></div></td>
                     <td>Геометрические обозначения</td>
                 </tr>
                 <tr>
                     <td>\partial</td>
-                    <td><img alt="Символ" src="../images/symbols/partial.png" /></td>
+                    <td><div class = "smb smb-partial"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\pmatrix</td>
-                    <td><img alt="Символ" src="../images/symbols/pmatrix.png" /></td>
+                    <td><div class = "smb smb-pmatrix"></div></td>
                     <td>Матрицы</td>
                 </tr>
                 <tr>
                     <td>\perp</td>
-                    <td><img alt="Символ" src="../images/symbols/perp.png" /></td>
+                    <td><div class = "smb smb-perp"></div></td>
                     <td>Геометрические обозначения</td>
                 </tr>
                 <tr>
                     <td>\phantom</td>
-                    <td><img alt="Символ" src="../images/symbols/phantom.png" /></td>
+                    <td><div class = "smb smb-phantom"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\phi</td>
-                    <td><img alt="Символ" src="../images/symbols/phi.png" /></td>
+                    <td><div class = "smb smb-phi"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Phi</td>
-                    <td><img alt="Символ" src="../images/symbols/phi2.png" /></td>
+                    <td><div class = "smb smb-phi2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\pi</td>
-                    <td><img alt="Символ" src="../images/symbols/pi.png" /></td>
+                    <td><div class = "smb smb-pi"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Pi</td>
-                    <td><img alt="Символ" src="../images/symbols/pi2.png" /></td>
+                    <td><div class = "smb smb-pi2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\pm</td>
-                    <td><img alt="Символ" src="../images/symbols/pm.png" /></td>
+                    <td><div class = "smb smb-pm"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\pppprime</td>
-                    <td><img alt="Символ" src="../images/symbols/pppprime.png" /></td>
+                    <td><div class = "smb smb-pppprime"></div></td>
                     <td>Штрихи</td>
                 </tr>
                 <tr>
                     <td>\ppprime</td>
-                    <td><img alt="Символ" src="../images/symbols/ppprime.png" /></td>
+                    <td><div class = "smb smb-ppprime"></div></td>
                     <td>Штрихи</td>
                 </tr>
                 <tr>
                     <td>\pprime</td>
-                    <td><img alt="Символ" src="../images/symbols/pprime.png" /></td>
+                    <td><div class = "smb smb-pprime"></div></td>
                     <td>Штрихи</td>
                 </tr>
                 <tr>
                     <td>\prec</td>
-                    <td><img alt="Символ" src="../images/symbols/prec.png" /></td>
+                    <td><div class = "smb smb-prec"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\preceq</td>
-                    <td><img alt="Символ" src="../images/symbols/preceq.png" /></td>
+                    <td><div class = "smb smb-preceq"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\prime</td>
-                    <td><img alt="Символ" src="../images/symbols/prime.png" /></td>
+                    <td><div class = "smb smb-prime"></div></td>
                     <td>Штрихи</td>
                 </tr>
                 <tr>
                     <td>\prod</td>
-                    <td><img alt="Символ" src="../images/symbols/prod.png" /></td>
+                    <td><div class = "smb smb-prod"></div></td>
                     <td>Математические операторы</td>
                 </tr>
                 <tr>
                     <td>\propto</td>
-                    <td><img alt="Символ" src="../images/symbols/propto.png" /></td>
+                    <td><div class = "smb smb-propto"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\psi</td>
-                    <td><img alt="Символ" src="../images/symbols/psi.png" /></td>
+                    <td><div class = "smb smb-psi"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Psi</td>
-                    <td><img alt="Символ" src="../images/symbols/psi2.png" /></td>
+                    <td><div class = "smb smb-psi2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\qdrt</td>
-                    <td><img alt="Символ" src="../images/symbols/qdrt.png" /></td>
+                    <td><div class = "smb smb-qdrt"></div></td>
                     <td>Квадратные корни и радикалы</td>
                 </tr>
                 <tr>
                     <td>\quadratic</td>
-                    <td><img alt="Символ" src="../images/symbols/quadratic.png" /></td>
+                    <td><div class = "smb smb-quadratic"></div></td>
                     <td>Квадратные корни и радикалы</td>
                 </tr>
                 <tr>
                     <td>\rangle</td>
-                    <td><img alt="Символ" src="../images/symbols/rangle.png" /></td>
+                    <td><div class = "smb smb-rangle"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\Rangle</td>
-                    <td><img alt="Символ" src="../images/symbols/rangle2.png" /></td>
+                    <td><div class = "smb smb-rangle2"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\ratio</td>
-                    <td><img alt="Символ" src="../images/symbols/ratio.png" /></td>
+                    <td><div class = "smb smb-ratio"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\rbrace</td>
-                    <td><img alt="Символ" src="../images/symbols/rbrace.png" /></td>
+                    <td><div class = "smb smb-rbrace"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\rbrack</td>
-                    <td><img alt="Символ" src="../images/symbols/rbrack.png" /></td>
+                    <td><div class = "smb smb-rbrack"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\Rbrack</td>
-                    <td><img alt="Символ" src="../images/symbols/rbrack2.png" /></td>
+                    <td><div class = "smb smb-rbrack2"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\rceil</td>
-                    <td><img alt="Символ" src="../images/symbols/rceil.png" /></td>
+                    <td><div class = "smb smb-rceil"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\rddots</td>
-                    <td><img alt="Символ" src="../images/symbols/rddots.png" /></td>
+                    <td><div class = "smb smb-rddots"></div></td>
                     <td>Точки</td>
                 </tr>
                 <tr>
                     <td>\Re</td>
-                    <td><img alt="Символ" src="../images/symbols/re.png" /></td>
+                    <td><div class = "smb smb-re"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\rect</td>
-                    <td><img alt="Символ" src="../images/symbols/rect.png" /></td>
+                    <td><div class = "smb smb-rect"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\rfloor</td>
-                    <td><img alt="Символ" src="../images/symbols/rfloor.png" /></td>
+                    <td><div class = "smb smb-rfloor"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\rho</td>
-                    <td><img alt="Символ" src="../images/symbols/rho.png" /></td>
+                    <td><div class = "smb smb-rho"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Rho</td>
-                    <td><img alt="Символ" src="../images/symbols/rho2.png" /></td>
+                    <td><div class = "smb smb-rho2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\rhvec</td>
-                    <td><img alt="Символ" src="../images/symbols/rhvec.png" /></td>
+                    <td><div class = "smb smb-rhvec"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\right</td>
-                    <td><img alt="Символ" src="../images/symbols/right.png" /></td>
+                    <td><div class = "smb smb-right"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\rightarrow</td>
-                    <td><img alt="Символ" src="../images/symbols/rightarrow.png" /></td>
+                    <td><div class = "smb smb-rightarrow"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\Rightarrow</td>
-                    <td><img alt="Символ" src="../images/symbols/rightarrow2.png" /></td>
+                    <td><div class = "smb smb-rightarrow2"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\rightharpoondown</td>
-                    <td><img alt="Символ" src="../images/symbols/rightharpoondown.png" /></td>
+                    <td><div class = "smb smb-rightharpoondown"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\rightharpoonup</td>
-                    <td><img alt="Символ" src="../images/symbols/rightharpoonup.png" /></td>
+                    <td><div class = "smb smb-rightharpoonup"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\rmoust</td>
-                    <td><img alt="Символ" src="../images/symbols/rmoust.png" /></td>
+                    <td><div class = "smb smb-rmoust"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\root</td>
-                    <td><img alt="Символ" src="../images/symbols/root.png" /></td>
+                    <td><div class = "smb smb-root"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\scripta</td>
-                    <td><img alt="Символ" src="../images/symbols/scripta.png" /></td>
+                    <td><div class = "smb smb-scripta"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptA</td>
-                    <td><img alt="Символ" src="../images/symbols/scripta2.png" /></td>
+                    <td><div class = "smb smb-scripta2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptb</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptb.png" /></td>
+                    <td><div class = "smb smb-scriptb"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptB</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptb2.png" /></td>
+                    <td><div class = "smb smb-scriptb2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptc</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptc.png" /></td>
+                    <td><div class = "smb smb-scriptc"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptC</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptc2.png" /></td>
+                    <td><div class = "smb smb-scriptc2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptd</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptd.png" /></td>
+                    <td><div class = "smb smb-scriptd"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptD</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptd2.png" /></td>
+                    <td><div class = "smb smb-scriptd2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scripte</td>
-                    <td><img alt="Символ" src="../images/symbols/scripte.png" /></td>
+                    <td><div class = "smb smb-scripte"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptE</td>
-                    <td><img alt="Символ" src="../images/symbols/scripte2.png" /></td>
+                    <td><div class = "smb smb-scripte2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptf</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptf.png" /></td>
+                    <td><div class = "smb smb-scriptf"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptF</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptf2.png" /></td>
+                    <td><div class = "smb smb-scriptf2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptg</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptg.png" /></td>
+                    <td><div class = "smb smb-scriptg"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptG</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptg2.png" /></td>
+                    <td><div class = "smb smb-scriptg2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scripth</td>
-                    <td><img alt="Символ" src="../images/symbols/scripth.png" /></td>
+                    <td><div class = "smb smb-scripth"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptH</td>
-                    <td><img alt="Символ" src="../images/symbols/scripth2.png" /></td>
+                    <td><div class = "smb smb-scripth2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scripti</td>
-                    <td><img alt="Символ" src="../images/symbols/scripti.png" /></td>
+                    <td><div class = "smb smb-scripti"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptI</td>
-                    <td><img alt="Символ" src="../images/symbols/scripti2.png" /></td>
+                    <td><div class = "smb smb-scripti2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptk</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptk.png" /></td>
+                    <td><div class = "smb smb-scriptk"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptK</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptk2.png" /></td>
+                    <td><div class = "smb smb-scriptk2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptl</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptl.png" /></td>
+                    <td><div class = "smb smb-scriptl"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptL</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptl2.png" /></td>
+                    <td><div class = "smb smb-scriptl2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptm</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptm.png" /></td>
+                    <td><div class = "smb smb-scriptm"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptM</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptm2.png" /></td>
+                    <td><div class = "smb smb-scriptm2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptn</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptn.png" /></td>
+                    <td><div class = "smb smb-scriptn"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptN</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptn2.png" /></td>
+                    <td><div class = "smb smb-scriptn2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scripto</td>
-                    <td><img alt="Символ" src="../images/symbols/scripto.png" /></td>
+                    <td><div class = "smb smb-scripto"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptO</td>
-                    <td><img alt="Символ" src="../images/symbols/scripto2.png" /></td>
+                    <td><div class = "smb smb-scripto2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptp</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptp.png" /></td>
+                    <td><div class = "smb smb-scriptp"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptP</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptp2.png" /></td>
+                    <td><div class = "smb smb-scriptp2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptq</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptq.png" /></td>
+                    <td><div class = "smb smb-scriptq"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptQ</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptq2.png" /></td>
+                    <td><div class = "smb smb-scriptq2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptr</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptr.png" /></td>
+                    <td><div class = "smb smb-scriptr"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptR</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptr2.png" /></td>
+                    <td><div class = "smb smb-scriptr2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scripts</td>
-                    <td><img alt="Символ" src="../images/symbols/scripts.png" /></td>
+                    <td><div class = "smb smb-scripts"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptS</td>
-                    <td><img alt="Символ" src="../images/symbols/scripts2.png" /></td>
+                    <td><div class = "smb smb-scripts2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptt</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptt.png" /></td>
+                    <td><div class = "smb smb-scriptt"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptT</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptt2.png" /></td>
+                    <td><div class = "smb smb-scriptt2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptu</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptu.png" /></td>
+                    <td><div class = "smb smb-scriptu"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptU</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptu2.png" /></td>
+                    <td><div class = "smb smb-scriptu2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptv</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptv.png" /></td>
+                    <td><div class = "smb smb-scriptv"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptV</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptv2.png" /></td>
+                    <td><div class = "smb smb-scriptv2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptw</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptw.png" /></td>
+                    <td><div class = "smb smb-scriptw"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptW</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptw2.png" /></td>
+                    <td><div class = "smb smb-scriptw2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptx</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptx.png" /></td>
+                    <td><div class = "smb smb-scriptx"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptX</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptx2.png" /></td>
+                    <td><div class = "smb smb-scriptx2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scripty</td>
-                    <td><img alt="Символ" src="../images/symbols/scripty.png" /></td>
+                    <td><div class = "smb smb-scripty"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptY</td>
-                    <td><img alt="Символ" src="../images/symbols/scripty2.png" /></td>
+                    <td><div class = "smb smb-scripty2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptz</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptz.png" /></td>
+                    <td><div class = "smb smb-scriptz"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\scriptZ</td>
-                    <td><img alt="Символ" src="../images/symbols/scriptz2.png" /></td>
+                    <td><div class = "smb smb-scriptz2"></div></td>
                     <td>Буквы рукописного шрифта</td>
                 </tr>
                 <tr>
                     <td>\sdiv</td>
-                    <td><img alt="Символ" src="../images/symbols/sdiv.png" /></td>
+                    <td><div class = "smb smb-sdiv"></div></td>
                     <td>Дробная черта</td>
                 </tr>
                 <tr>
                     <td>\sdivide</td>
-                    <td><img alt="Символ" src="../images/symbols/sdivide.png" /></td>
+                    <td><div class = "smb smb-sdivide"></div></td>
                     <td>Дробная черта</td>
                 </tr>
                 <tr>
                     <td>\searrow</td>
-                    <td><img alt="Символ" src="../images/symbols/searrow.png" /></td>
+                    <td><div class = "smb smb-searrow"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\setminus</td>
-                    <td><img alt="Символ" src="../images/symbols/setminus.png" /></td>
+                    <td><div class = "smb smb-setminus"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\sigma</td>
-                    <td><img alt="Символ" src="../images/symbols/sigma.png" /></td>
+                    <td><div class = "smb smb-sigma"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Sigma</td>
-                    <td><img alt="Символ" src="../images/symbols/sigma2.png" /></td>
+                    <td><div class = "smb smb-sigma2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\sim</td>
-                    <td><img alt="Символ" src="../images/symbols/sim.png" /></td>
+                    <td><div class = "smb smb-sim"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\simeq</td>
-                    <td><img alt="Символ" src="../images/symbols/simeq.png" /></td>
+                    <td><div class = "smb smb-simeq"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\smash</td>
-                    <td><img alt="Символ" src="../images/symbols/smash.png" /></td>
+                    <td><div class = "smb smb-smash"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\smile</td>
-                    <td><img alt="Символ" src="../images/symbols/smile.png" /></td>
+                    <td><div class = "smb smb-smile"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\spadesuit</td>
-                    <td><img alt="Символ" src="../images/symbols/spadesuit.png" /></td>
+                    <td><div class = "smb smb-spadesuit"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\sqcap</td>
-                    <td><img alt="Символ" src="../images/symbols/sqcap.png" /></td>
+                    <td><div class = "smb smb-sqcap"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\sqcup</td>
-                    <td><img alt="Символ" src="../images/symbols/sqcup.png" /></td>
+                    <td><div class = "smb smb-sqcup"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\sqrt</td>
-                    <td><img alt="Символ" src="../images/symbols/sqrt.png" /></td>
+                    <td><div class = "smb smb-sqrt"></div></td>
                     <td>Квадратные корни и радикалы</td>
                 </tr>
                 <tr>
                     <td>\sqsubseteq</td>
-                    <td><img alt="Символ" src="../images/symbols/sqsubseteq.png" /></td>
+                    <td><div class = "smb smb-sqsubseteq"></div></td>
                     <td>Обозначения множеств</td>
                 </tr>
                 <tr>
                     <td>\sqsuperseteq</td>
-                    <td><img alt="Символ" src="../images/symbols/sqsuperseteq.png" /></td>
+                    <td><div class = "smb smb-sqsuperseteq"></div></td>
                     <td>Обозначения множеств</td>
                 </tr>
                 <tr>
                     <td>\star</td>
-                    <td><img alt="Символ" src="../images/symbols/star.png" /></td>
+                    <td><div class = "smb smb-star"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\subset</td>
-                    <td><img alt="Символ" src="../images/symbols/subset.png" /></td>
+                    <td><div class = "smb smb-subset"></div></td>
                     <td>Обозначения множеств</td>
                 </tr>
                 <tr>
                     <td>\subseteq</td>
-                    <td><img alt="Символ" src="../images/symbols/subseteq.png" /></td>
+                    <td><div class = "smb smb-subseteq"></div></td>
                     <td>Обозначения множеств</td>
                 </tr>
                 <tr>
                     <td>\succ</td>
-                    <td><img alt="Символ" src="../images/symbols/succ.png" /></td>
+                    <td><div class = "smb smb-succ"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\succeq</td>
-                    <td><img alt="Символ" src="../images/symbols/succeq.png" /></td>
+                    <td><div class = "smb smb-succeq"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\sum</td>
-                    <td><img alt="Символ" src="../images/symbols/sum.png" /></td>
+                    <td><div class = "smb smb-sum"></div></td>
                     <td>Математические операторы</td>
                 </tr>
                 <tr>
                     <td>\superset</td>
-                    <td><img alt="Символ" src="../images/symbols/superset.png" /></td>
+                    <td><div class = "smb smb-superset"></div></td>
                     <td>Обозначения множеств</td>
                 </tr>
                 <tr>
                     <td>\superseteq</td>
-                    <td><img alt="Символ" src="../images/symbols/superseteq.png" /></td>
+                    <td><div class = "smb smb-superseteq"></div></td>
                     <td>Обозначения множеств</td>
                 </tr>
                 <tr>
                     <td>\swarrow</td>
-                    <td><img alt="Символ" src="../images/symbols/swarrow.png" /></td>
+                    <td><div class = "smb smb-swarrow"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\tau</td>
-                    <td><img alt="Символ" src="../images/symbols/tau.png" /></td>
+                    <td><div class = "smb smb-tau"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Tau</td>
-                    <td><img alt="Символ" src="../images/symbols/tau2.png" /></td>
+                    <td><div class = "smb smb-tau2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\therefore</td>
-                    <td><img alt="Символ" src="../images/symbols/therefore.png" /></td>
+                    <td><div class = "smb smb-therefore"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\theta</td>
-                    <td><img alt="Символ" src="../images/symbols/theta.png" /></td>
+                    <td><div class = "smb smb-theta"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Theta</td>
-                    <td><img alt="Символ" src="../images/symbols/theta2.png" /></td>
+                    <td><div class = "smb smb-theta2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
@@ -2277,172 +2278,172 @@
                 </tr>
                 <tr>
                     <td>\tilde</td>
-                    <td><img alt="Символ" src="../images/symbols/tilde.png" /></td>
+                    <td><div class = "smb smb-tilde"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\times</td>
-                    <td><img alt="Символ" src="../images/symbols/times.png" /></td>
+                    <td><div class = "smb smb-times"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\to</td>
-                    <td><img alt="Символ" src="../images/symbols/to.png" /></td>
+                    <td><div class = "smb smb-to"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\top</td>
-                    <td><img alt="Символ" src="../images/symbols/top.png" /></td>
+                    <td><div class = "smb smb-top"></div></td>
                     <td>Логические обозначения</td>
                 </tr>
                 <tr>
                     <td>\tvec</td>
-                    <td><img alt="Символ" src="../images/symbols/tvec.png" /></td>
+                    <td><div class = "smb smb-tvec"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\ubar</td>
-                    <td><img alt="Символ" src="../images/symbols/ubar.png" /></td>
+                    <td><div class = "smb smb-ubar"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\Ubar</td>
-                    <td><img alt="Символ" src="../images/symbols/ubar2.png" /></td>
+                    <td><div class = "smb smb-ubar2"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\underbar</td>
-                    <td><img alt="Символ" src="../images/symbols/underbar.png" /></td>
+                    <td><div class = "smb smb-underbar"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\underbrace</td>
-                    <td><img alt="Символ" src="../images/symbols/underbrace.png" /></td>
+                    <td><div class = "smb smb-underbrace"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\underbracket</td>
-                    <td><img alt="Символ" src="../images/symbols/underbracket.png" /></td>
+                    <td><div class = "smb smb-underbracket"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\underline</td>
-                    <td><img alt="Символ" src="../images/symbols/underline.png" /></td>
+                    <td><div class = "icon icon-underline"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\underparen</td>
-                    <td><img alt="Символ" src="../images/symbols/underparen.png" /></td>
+                    <td><div class = "smb smb-underparen"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\uparrow</td>
-                    <td><img alt="Символ" src="../images/symbols/uparrow.png" /></td>
+                    <td><div class = "smb smb-uparrow"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\Uparrow</td>
-                    <td><img alt="Символ" src="../images/symbols/uparrow2.png" /></td>
+                    <td><div class = "smb smb-uparrow2"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\updownarrow</td>
-                    <td><img alt="Символ" src="../images/symbols/updownarrow.png" /></td>
+                    <td><div class = "smb smb-updownarrow"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\Updownarrow</td>
-                    <td><img alt="Символ" src="../images/symbols/updownarrow2.png" /></td>
+                    <td><div class = "smb smb-updownarrow2"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>\uplus</td>
-                    <td><img alt="Символ" src="../images/symbols/uplus.png" /></td>
+                    <td><div class = "smb smb-uplus"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\upsilon</td>
-                    <td><img alt="Символ" src="../images/symbols/upsilon.png" /></td>
+                    <td><div class = "smb smb-upsilon"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Upsilon</td>
-                    <td><img alt="Символ" src="../images/symbols/upsilon2.png" /></td>
+                    <td><div class = "smb smb-upsilon2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\varepsilon</td>
-                    <td><img alt="Символ" src="../images/symbols/varepsilon.png" /></td>
+                    <td><div class = "smb smb-varepsilon"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\varphi</td>
-                    <td><img alt="Символ" src="../images/symbols/varphi.png" /></td>
+                    <td><div class = "smb smb-varphi"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\varpi</td>
-                    <td><img alt="Символ" src="../images/symbols/varpi.png" /></td>
+                    <td><div class = "smb smb-varpi"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\varrho</td>
-                    <td><img alt="Символ" src="../images/symbols/varrho.png" /></td>
+                    <td><div class = "smb smb-varrho"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\varsigma</td>
-                    <td><img alt="Символ" src="../images/symbols/varsigma.png" /></td>
+                    <td><div class = "smb smb-varsigma"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\vartheta</td>
-                    <td><img alt="Символ" src="../images/symbols/vartheta.png" /></td>
+                    <td><div class = "smb smb-vartheta"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\vbar</td>
-                    <td><img alt="Символ" src="../images/symbols/vbar.png" /></td>
+                    <td><div class = "smb smb-vbar"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\vdash</td>
-                    <td><img alt="Символ" src="../images/symbols/vdash.png" /></td>
+                    <td><div class = "smb smb-vdash"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>\vdots</td>
-                    <td><img alt="Символ" src="../images/symbols/vdots.png" /></td>
+                    <td><div class = "smb smb-vdots"></div></td>
                     <td>Точки</td>
                 </tr>
                 <tr>
                     <td>\vec</td>
-                    <td><img alt="Символ" src="../images/symbols/vec.png" /></td>
+                    <td><div class = "smb smb-vec"></div></td>
                     <td>Акценты</td>
                 </tr>
                 <tr>
                     <td>\vee</td>
-                    <td><img alt="Символ" src="../images/symbols/vee.png" /></td>
+                    <td><div class = "smb smb-vee"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\vert</td>
-                    <td><img alt="Символ" src="../images/symbols/vert.png" /></td>
+                    <td><div class = "smb smb-vert"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\Vert</td>
-                    <td><img alt="Символ" src="../images/symbols/vert2.png" /></td>
+                    <td><div class = "smb smb-vert2"></div></td>
                     <td>Разделители</td>
                 </tr>
                 <tr>
                     <td>\Vmatrix</td>
-                    <td><img alt="Символ" src="../images/symbols/vmatrix.png" /></td>
+                    <td><div class = "smb smb-vmatrix"></div></td>
                     <td>Матрицы</td>
                 </tr>
                 <tr>
                     <td>\vphantom</td>
-                    <td><img alt="Символ" src="../images/symbols/vphantom.png" /></td>
+                    <td><div class = "smb smb-vphantom"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
@@ -2452,37 +2453,37 @@
                 </tr>
                 <tr>
                     <td>\wedge</td>
-                    <td><img alt="Символ" src="../images/symbols/wedge.png" /></td>
+                    <td><div class = "smb smb-wedge"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\wp</td>
-                    <td><img alt="Символ" src="../images/symbols/wp.png" /></td>
+                    <td><div class = "smb smb-wp"></div></td>
                     <td>Символы</td>
                 </tr>
                 <tr>
                     <td>\wr</td>
-                    <td><img alt="Символ" src="../images/symbols/wr.png" /></td>
+                    <td><div class = "smb smb-wr"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>\xi</td>
-                    <td><img alt="Символ" src="../images/symbols/xi.png" /></td>
+                    <td><div class = "smb smb-xi"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Xi</td>
-                    <td><img alt="Символ" src="../images/symbols/xi2.png" /></td>
+                    <td><div class = "smb smb-xi2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\zeta</td>
-                    <td><img alt="Символ" src="../images/symbols/zeta.png" /></td>
+                    <td><div class = "smb smb-zeta"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
                     <td>\Zeta</td>
-                    <td><img alt="Символ" src="../images/symbols/zeta2.png" /></td>
+                    <td><div class = "smb smb-zeta2"></div></td>
                     <td>Греческие буквы</td>
                 </tr>
                 <tr>
@@ -2497,42 +2498,42 @@
                 </tr>
                 <tr>
                     <td>~=</td>
-                    <td><img alt="Конгруэнтно" src="../images/symbols/cong.png" /></td>
+                    <td><div class = "smb smb-cong"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>-+</td>
-                    <td><img alt="Минус или плюс" src="../images/symbols/mp.png" /></td>
+                    <td><div class = "smb smb-mp"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td>+-</td>
-                    <td><img alt="Плюс или минус" src="../images/symbols/pm.png" /></td>
+                    <td><div class = "smb smb-pm"></div></td>
                     <td>Бинарные операторы</td>
                 </tr>
                 <tr>
                     <td><<</td>
-                    <td><img alt="Символ" src="../images/symbols/ll.png" /></td>
+                    <td><div class = "smb smb-ll"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td><=</td>
-                    <td><img alt="Меньше или равно" src="../images/symbols/lessthanorequalto.png" /></td>
+                    <td><div class = "smb smb-lessthanorequalto"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>-></td>
-                    <td><img alt="Символ" src="../images/symbols/arrow.png" /></td>
+                    <td><div class = "icon icon-arrow"></div></td>
                     <td>Стрелки</td>
                 </tr>
                 <tr>
                     <td>>=</td>
-                    <td><img alt="Больше или равно" src="../images/symbols/greaterthanorequalto.png" /></td>
+                    <td><div class = "smb smb-greaterthanorequalto"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
                 <tr>
                     <td>>></td>
-                    <td><img alt="Символ" src="../images/symbols/gg.png" /></td>
+                    <td><div class = "smb smb-gg"></div></td>
                     <td>Операторы отношений</td>
                 </tr>
             </table>
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/OpenCreateNew.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/OpenCreateNew.htm
index c5ce513c7c..a5e7d1bcec 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/OpenCreateNew.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/OpenCreateNew.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Откройте недавно отредактированную презентацию, создайте новую, или вернитесь к списку существующих презентаций" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -26,7 +27,7 @@
                 <p>В <em>десктопном редакторе</em></p>
                 <ol>
                     <li>в главном окне программы выберите пункт меню <b>Презентация</b> в разделе <b>Создать</b> на левой боковой панели - новый файл откроется в новой вкладке,</li>
-                    <li>после внесения в презентацию необходимых изменений нажмите на значок <b>Сохранить</b> <img alt="Значок Сохранить" src="../images/save.png" /> в левом верхнем углу или откройте вкладку <b>Файл</b> и выберите пункт меню <b>Сохранить как</b>. </li>
+                    <li>после внесения в презентацию необходимых изменений нажмите на значок <b>Сохранить</b> <div class = "icon icon-save"></div> в левом верхнем углу или откройте вкладку <b>Файл</b> и выберите пункт меню <b>Сохранить как</b>. </li>
                     <li>в окне проводника выберите местоположение файла на жестком диске, задайте название презентации, выберите формат сохранения (PPTX, Шаблон презентации (POTX), ODP, OTP, PDF или PDFA) и нажмите кнопку <b>Сохранить</b>.</li>
                 </ol>
             </div>
@@ -59,7 +60,7 @@
                 </ol>
             </div>
 
-            <p>Чтобы открыть папку, в которой сохранен файл, <span class="onlineDocumentFeatures"> в новой вкладке браузера в <em>онлайн-версии</em>,</span> <span class="desktopDocumentFeatures"> в окне проводника в <em>десктопной версии</em>,</span> нажмите на значок <img alt="Открыть расположение файла" src="../images/gotodocuments.png" /> <b>Открыть расположение файла</b> в правой части шапки редактора. Можно также перейти на вкладку <b>Файл</b> на верхней панели инструментов и выбрать опцию <b>Открыть расположение файла</b>.</p>
+            <p>Чтобы открыть папку, в которой сохранен файл, <span class="onlineDocumentFeatures"> в новой вкладке браузера в <em>онлайн-версии</em>,</span> <span class="desktopDocumentFeatures"> в окне проводника в <em>десктопной версии</em>,</span> нажмите на значок <div class = "icon icon-gotodocuments"></div> <b>Открыть расположение файла</b> в правой части шапки редактора. Можно также перейти на вкладку <b>Файл</b> на верхней панели инструментов и выбрать опцию <b>Открыть расположение файла</b>.</p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/PreviewPresentation.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/PreviewPresentation.htm
index 0c385cee66..a86dbcff1c 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/PreviewPresentation.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/PreviewPresentation.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Просмотрите презентацию" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -17,11 +18,11 @@
             <h3>Запуск просмотра слайдов</h3>
             <p>Чтобы просмотреть презентацию, которую вы в данный момент редактируете, можно сделать следующее:</p>
             <ul>
-                <li>щелкните по значку <b>Начать показ слайдов</b> <img alt="Значок Начать показ слайдов" src="../images/startpreview.png" /> на вкладке <b>Главная</b> верхней панели инструментов или в левой части строки состояния или</li>
+                <li>щелкните по значку <b>Начать показ слайдов</b> <div class = "icon icon-startpreview"></div> на вкладке <b>Главная</b> верхней панели инструментов или в левой части строки состояния или</li>
                 <li>выберите определенный слайд в списке слайдов слева, щелкните по нему правой кнопкой мыши и выберите в контекстном меню пункт <b>Начать показ слайдов</b>.</li>
             </ul>
             <p>Просмотр начнется с выделенного в данный момент слайда. </p>
-            <p>Можно также нажать на стрелку рядом со значком <b>Начать показ слайдов</b> <img alt="Значок Начать показ слайдов" src="../images/startpreview.png" /> на вкладке <b>Главная</b> верхней панели инструментов и выбрать одну из доступных опций:</p>
+            <p>Можно также нажать на стрелку рядом со значком <b>Начать показ слайдов</b> <div class = "icon icon-startpreview"></div> на вкладке <b>Главная</b> верхней панели инструментов и выбрать одну из доступных опций:</p>
             <ul>
                 <li><b>Показ слайдов с начала</b> - чтобы начать показ слайдов с самого первого слайда,</li>
                 <li><b>Показ слайдов с текущего слайда</b> - чтобы начать показ слайдов со слайда, выделенного в данный момент,</li>
@@ -35,31 +36,31 @@
             <p>В режиме <b>просмотра</b> можно использовать следующие элементы управления, расположенные в левом нижнем углу:</p>
             <p><img alt="Элементы управления в режиме просмотра" src="../images/preview_mode.png" /></p>
             <ul>
-                <li>кнопка <b>Предыдущий слайд</b> <img alt="Значок Предыдущий слайд" src="../images/previousslide.png" /> позволяет вернуться к предыдущему слайду.</li>
-                <li>кнопка <b>Приостановить презентацию</b> <img alt="Значок Приостановить презентацию" src="../images/pausepresentation.png" /> позволяет приостановить просмотр. После нажатия эта кнопка превращается в кнопку <img alt="Значок Запустить презентацию" src="../images/startpresentation.png" />.</li>
-                <li>кнопка <b>Запустить презентацию</b> <img alt="Значок Запустить презентацию" src="../images/startpresentation.png" /> позволяет возобновить просмотр. После нажатия эта кнопка превращается в кнопку <img alt="Значок Приостановить презентацию" src="../images/pausepresentation.png" />.</li>
-                <li>кнопка <b>Следующий слайд</b> <img alt="Значок Следующий слайд" src="../images/nextslide.png" /> позволяет перейти к следующему слайду.</li>
+                <li>кнопка <b>Предыдущий слайд</b> <div class = "icon icon-previousslide"></div> позволяет вернуться к предыдущему слайду.</li>
+                <li>кнопка <b>Приостановить презентацию</b> <div class = "icon icon-pausepresentation"></div> позволяет приостановить просмотр. После нажатия эта кнопка превращается в кнопку <div class = "icon icon-startpresentation"></div>.</li>
+                <li>кнопка <b>Запустить презентацию</b> <div class = "icon icon-startpresentation"></div> позволяет возобновить просмотр. После нажатия эта кнопка превращается в кнопку <div class = "icon icon-pausepresentation"></div>.</li>
+                <li>кнопка <b>Следующий слайд</b> <div class = "icon icon-nextslide"></div> позволяет перейти к следующему слайду.</li>
                 <li><b>Указатель номера слайда</b> отображает номер текущего слайда, а также общее количество слайдов в презентации. Для перехода к определенному слайду в режиме просмотра щелкните по <b>Указателю номера слайда</b>, введите в открывшемся окне номер нужного слайда и нажмите клавишу <b>Enter</b>.</li>
-                <li>кнопка <b>Полноэкранный режим</b> <img alt="Значок Полноэкранный режим" src="../images/fullscreen.png" /> позволяет перейти в полноэкранный режим.</li>
-                <li>кнопка <b>Выйти из полноэкранного режима</b> <img alt="Значок Выйти из полноэкранного режима" src="../images/exitfullscreen.png" /> позволяет выйти из полноэкранного режима.</li>
-                <li>кнопка <b>Завершить показ слайдов</b> <img alt="Значок Завершить показ слайдов" src="../images/closepreview.png" /> позволяет выйти из режима просмотра.</li>
+                <li>кнопка <b>Полноэкранный режим</b> <div class = "icon icon-fullscreen"></div> позволяет перейти в полноэкранный режим.</li>
+                <li>кнопка <b>Выйти из полноэкранного режима</b> <div class = "icon icon-exitfullscreen"></div> позволяет выйти из полноэкранного режима.</li>
+                <li>кнопка <b>Завершить показ слайдов</b> <div class = "icon icon-closepreview"></div> позволяет выйти из режима просмотра.</li>
             </ul>
             <p>Для навигации по слайдам в режиме просмотра можно также использовать <a href="../HelpfulHints/KeyboardShortcuts.htm#preview" onclick="onhyperlinkclick(this)">сочетания клавиш</a>.</p>	
             <h3 id="presenter">Использование режима докладчика</h3>
             <p class="note"><b>Примечание</b>: в <em>десктопной версии</em> редакторов режим докладчика можно активировать только со вторым подключенным монитором.</p>
             <p>В режиме <b>докладчика</b> вы можете просматривать презентацию с заметками к слайдам в отдельном окне, и одновременно демонстрировать презентацию зрителям на другом мониторе, не показывая заметок к слайдам. Заметки к каждому слайду отображаются под областью просмотра слайда.</p>
-            <p>Для навигации по слайдам можно использовать кнопки <img alt="Значок Предыдущий слайд" src="../images/previousslide.png" /> и <img alt="Значок Следующий слайд" src="../images/nextslide.png" /> или щелкать по слайдам в списке слева. Номера скрытых слайдов в списке перечеркнуты. Если вы захотите показать зрителям слайд, помеченный как скрытый, просто щелкните по нему в списке слайдов слева - слайд будет отображен.</p>
+            <p>Для навигации по слайдам можно использовать кнопки <div class = "icon icon-previousslide"></div> и <div class = "icon icon-nextslide"></div> или щелкать по слайдам в списке слева. Номера скрытых слайдов в списке перечеркнуты. Если вы захотите показать зрителям слайд, помеченный как скрытый, просто щелкните по нему в списке слайдов слева - слайд будет отображен.</p>
             <p>Можно использовать следующие элементы управления, расположенные под областью просмотра слайда:</p>
             <p><img alt="Элементы управления в режиме докладчика" src="../images/presenter_mode.png" /></p>
             <ul>
                 <li><b>Таймер</b> показывает истекшее время презентации в формате <em>чч.мм.сс</em>.</li>
-                <li>кнопка <b>Приостановить презентацию</b> <img alt="Значок Приостановить презентацию" src="../images/presenter_pausepresentation.png" /> позволяет приостановить просмотр. После нажатия эта кнопка превращается в кнопку <img alt="Значок Запустить презентацию" src="../images/presenter_startpresentation.png" />.</li>
-                <li>кнопка <b>Запустить презентацию</b> <img alt="Значок Запустить презентацию" src="../images/presenter_startpresentation.png" /> позволяет возобновить просмотр. После нажатия эта кнопка превращается в кнопку <img alt="Значок Приостановить презентацию" src="../images/presenter_pausepresentation.png" />.</li>
+                <li>кнопка <b>Приостановить презентацию</b> <div class = "icon icon-presenter_pausepresentation"></div> позволяет приостановить просмотр. После нажатия эта кнопка превращается в кнопку <div class = "icon icon-presenter_startpresentation"></div>.</li>
+                <li>кнопка <b>Запустить презентацию</b> <div class = "icon icon-presenter_startpresentation"></div> позволяет возобновить просмотр. После нажатия эта кнопка превращается в кнопку <div class = "icon icon-presenter_pausepresentation"></div>.</li>
                 <li>кнопка <b>Сброс</b> позволяет сбросить истекшее время презентации.</li>
-                <li>кнопка <b>Предыдущий слайд</b> <img alt="Значок Предыдущий слайд" src="../images/presenter_previousslide.png" /> позволяет вернуться к предыдущему слайду.</li>
-                <li>кнопка <b>Следующий слайд</b> <img alt="Значок Следующий слайд" src="../images/presenter_nextslide.png" /> позволяет перейти к следующему слайду.</li>
+                <li>кнопка <b>Предыдущий слайд</b> <div class = "icon icon-presenter_previousslide"></div> позволяет вернуться к предыдущему слайду.</li>
+                <li>кнопка <b>Следующий слайд</b> <div class = "icon icon-presenter_nextslide"></div> позволяет перейти к следующему слайду.</li>
                 <li><b>Указатель номера слайда</b> отображает номер текущего слайда, а также общее количество слайдов в презентации.</li>
-                <li>кнопка <b>Указка</b> <img alt="Значок Указка" src="../images/pointer.png" /> позволяет выделить что-то на экране при показе презентации. Когда эта опция включена, кнопка выглядит следующим образом: <img alt="Значок Указка" src="../images/pointer_enabled.png" />. Чтобы указать на какие-то объекты, наведите курсор мыши на область просмотра слайда и перемещайте указку по слайду. Указка будет выглядеть так: <img alt="Значок Указка" src="../images/pointer_screen.png" />. Чтобы отключить эту опцию, нажмите кнопку <img alt="Значок Указка" src="../images/pointer_enabled.png" /> еще раз.</li>
+                <li>кнопка <b>Указка</b> <div class = "icon icon-pointer"></div> позволяет выделить что-то на экране при показе презентации. Когда эта опция включена, кнопка выглядит следующим образом: <div class = "icon icon-pointer_enabled"></div>. Чтобы указать на какие-то объекты, наведите курсор мыши на область просмотра слайда и перемещайте указку по слайду. Указка будет выглядеть так: <div class = "icon icon-pointer_screen"></div>. Чтобы отключить эту опцию, нажмите кнопку <div class = "icon icon-pointer_enabled"></div> еще раз.</li>
                 <li>кнопка <b>Завершить показ слайдов</b> позволяет выйти из режима <b>докладчика</b>.</li>
             </ul>    	
 		</div>
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/SavePrintDownload.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/SavePrintDownload.htm
index da2f23d569..f97bca7d68 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/SavePrintDownload.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/SavePrintDownload.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Сохраните, распечатайте и скачайте презентацию в разных форматах" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -18,7 +19,7 @@
             <p class="onlineDocumentFeatures">По умолчанию онлайн-редактор презентаций автоматически сохраняет файл каждые 2 секунды, когда вы работаете над ним, чтобы не допустить потери данных в случае непредвиденного закрытия программы. Если вы совместно редактируете файл в <b>Быстром</b> режиме, таймер запрашивает наличие изменений 25 раз в секунду и сохраняет их, если они были внесены. При совместном редактировании файла в <b>Строгом</b> режиме изменения автоматически сохраняются каждые 10 минут. При необходимости можно легко выбрать предпочтительный режим совместного редактирования или отключить функцию автоматического сохранения на странице <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Дополнительные параметры</a>.</p>
             <p>Чтобы сохранить презентацию вручную в текущем формате и местоположении,</p>
             <ul>
-                <li>нажмите значок <b>Сохранить</b> <img alt="Значок Сохранить" src="../images/save.png" /> в левой части шапки редактора, или</li>
+                <li>нажмите значок <b>Сохранить</b> <div class = "icon icon-save"></div> в левой части шапки редактора, или</li>
                 <li>используйте сочетание клавиш <b>Ctrl+S</b>, или</li>
                 <li>нажмите на вкладку <b>Файл</b> на верхней панели инструментов и выберите опцию <b>Сохранить</b>.</li>
             </ul>
@@ -51,7 +52,7 @@
             <h3 id="print">Печать</h3>
             <p>Чтобы распечатать текущую презентацию,</p>
             <ul>
-                <li>нажмите значок <b>Напечатать файл</b> <img alt="Значок Напечатать файл" src="../images/print.png" /> в левой части шапки редактора, или</li>
+                <li>нажмите значок <b>Напечатать файл</b> <div class = "icon icon-print"></div> в левой части шапки редактора, или</li>
                 <li>используйте сочетание клавиш <b>Ctrl+P</b>, или</li>
                 <li>нажмите на вкладку <b>Файл</b> на верхней панели инструментов и выберите опцию <b>Печать</b>.</li>
             </ul>
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/SetSlideParameters.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/SetSlideParameters.htm
index 2317a83f2a..7299b6e07c 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/SetSlideParameters.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/SetSlideParameters.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Настройте параметры слайда: выберите заливку фона, темы, цветовые схемы, размер и макеты слайдов" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -19,16 +20,16 @@
                 <li>
                     <b>Темы</b> позволяют быстро изменить дизайн презентации, а именно оформление фона слайдов, предварительно заданные шрифты для заголовков и текстов и цветовую схему, которая используется для элементов презентации.
                     <b>Для выбора темы</b> презентации щелкните по нужной готовой теме из галереи тем, расположенной в правой части вкладки <b>Главная</b> верхней панели инструментов. Выбранная тема будет применена ко всем слайдам, если вы предварительно не выделили определенные слайды, к которым надо применить эту тему.
-                    <p><img alt="Галерея тем" src="../images/themes.png" /></p>
+                    <p><div class = "big big-themes"></div></p>
                     <p>Чтобы изменить выбранную тему для одного или нескольких слайдов, щелкните правой кнопкой мыши по выделенным слайдам в списке слева (или щелкните правой кнопкой мыши по слайду в области редактирования слайда), выберите в контекстном меню пункт <b>Изменить тему</b>, а затем выберите нужную тему.</p>
                 </li>
                 <li>
                     <b>Цветовые схемы</b> влияют на предварительно заданные цвета, используемые для элементов презентации (шрифтов, линий, заливок и т.д.) и позволяют обеспечить сочетаемость цветов во всей презентации.
-                    <b>Для изменения цветовой схемы</b> презентации щелкните по значку <b>Изменение цветовой схемы</b> <img alt="Значок Изменение цветовой схемы" src="../images/changecolorscheme.png" /> на вкладке <b>Главная</b> верхней панели инструментов и выберите нужную схему из выпадающего списка. Выбранная схема будет выделена в списке и применена ко всем слайдам.
+                    <b>Для изменения цветовой схемы</b> презентации щелкните по значку <b>Изменение цветовой схемы</b> <div class = "icon icon-changecolorscheme"></div> на вкладке <b>Главная</b> верхней панели инструментов и выберите нужную схему из выпадающего списка. Выбранная схема будет выделена в списке и применена ко всем слайдам.
                     <p><img alt="Цветовые схемы" src="../images/colorscheme.png" /></p>
                 </li>
                 <li>
-                    <b>Для изменения размера</b> всех слайдов в презентации, щелкните по значку <b>Выбор размеров слайда</b> <img alt="Значок Выбор размеров слайда" src="../images/selectslidesizeicon.png" /> на вкладке <b>Главная</b> верхней панели инструментов и выберите нужную опцию из выпадающего списка. Можно выбрать:
+                    <b>Для изменения размера</b> всех слайдов в презентации, щелкните по значку <b>Выбор размеров слайда</b> <div class = "icon icon-selectslidesizeicon"></div> на вкладке <b>Главная</b> верхней панели инструментов и выберите нужную опцию из выпадающего списка. Можно выбрать:
                     <ul>
                         <li>один из двух быстродоступных пресетов - <b>Стандартный (4:3)</b> или <b>Широкоэкранный (16:9)</b>,</li>
                         <li>
@@ -63,7 +64,7 @@
                         <li>в списке слайдов слева выделите слайды, к которым требуется применить переход,</li>
                         <li>
                             на вкладке <b>Параметры слайда</b> выберите переход из выпадающего списка <b>Эффект</b>,
-                            <p class="note"><b>Примечание</b>: чтобы открыть вкладку <b>Параметры слайда</b>, можно щелкнуть по значку <b>Параметры слайда</b> <img alt="Значок Параметры слайда" src="../images/slide_settings_icon.png" /> справа или щелкнуть правой кнопкой мыши по слайду в области редактирования слайда и выбрать в контекстном меню пункт <b>Параметры слайда</b>.</p>
+                            <p class="note"><b>Примечание</b>: чтобы открыть вкладку <b>Параметры слайда</b>, можно щелкнуть по значку <b>Параметры слайда</b> <div class = "icon icon-slide_settings_icon"></div> справа или щелкнуть правой кнопкой мыши по слайду в области редактирования слайда и выбрать в контекстном меню пункт <b>Параметры слайда</b>.</p>
                         </li>
                         <li>настройте свойства перехода: выберите вариант перехода, его длительность и то, каким образом должны сменяться слайды,</li>
                         <li>
@@ -76,7 +77,7 @@
                     <a id="changelayout"></a><b>Для изменения макета слайда:</b>
                     <ol>
                         <li>в списке слайдов слева выделите слайды, для которых требуется применить новый макет,</li>
-                        <li>щелкните по значку <b>Изменить макет слайда</b> <img alt="Значок Изменить макет слайда" src="../images/changelayout.png" /> на вкладке <b>Главная</b> верхней панели инструментов,</li>
+                        <li>щелкните по значку <b>Изменить макет слайда</b> <div class = "icon icon-changelayout"></div> на вкладке <b>Главная</b> верхней панели инструментов,</li>
                         <li>
                             выберите в меню нужный макет.
                             <p>Вы можете также щелкнуть правой кнопкой мыши по нужному слайду в списке слева, выбрать в контекстном меню пункт <b>Изменить макет</b> и выбрать нужный макет.</p>
@@ -87,13 +88,13 @@
                 <li>
                     <a id="addtolayout"></a><b>Для добавления объектов к макету слайда:</b>
                     <ol>
-                        <li>щелкните по значку <b>Изменить макет слайда</b> <img alt="Изменить макет слайда" src="../images/changelayout.png" /> и выберите макет, к которому вы хотите добавить объект,</li>
+                        <li>щелкните по значку <b>Изменить макет слайда</b> <div class = "icon icon-changelayout"></div> и выберите макет, к которому вы хотите добавить объект,</li>
                         <li>
                             при помощи вкладки <b>Вставка</b> верхней панели инструментов добавьте нужный объект на слайд (<em>изображение</em>, <em>таблица</em>, <em>диаграмма</em>, <em>автофигура</em>), далее нажмите <b>правой кнопкой мыши</b> на данный объект и выберите пункт <b>Добавить в макет</b>,
                             <p><img alt="Добавить в макет" src="../images/addtolayout.png" /></p>
                         </li>
                         <li>
-                            на вкладке <b>Главная</b> нажмите <b>Изменить макет слайда</b> <img alt="Изменить макет слайда" src="../images/changelayout.png" /> и примените измененный макет.
+                            на вкладке <b>Главная</b> нажмите <b>Изменить макет слайда</b> <div class = "icon icon-changelayout"></div> и примените измененный макет.
                             <p><img alt="Применить макет" src="../images/applylayout.png" /></p>
                             <p>Выделенные объекты будут добавлены к текущему макету темы.</p>
                             <p class="note"><b>Примечание</b>: расположенные таким образом объекты на слайде не могут быть выделены, изменены или передвинуты.</p>
diff --git a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/ViewPresentationInfo.htm b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/ViewPresentationInfo.htm
index c32ff067bd..f862a0e365 100644
--- a/apps/presentationeditor/main/resources/help/ru/UsageInstructions/ViewPresentationInfo.htm
+++ b/apps/presentationeditor/main/resources/help/ru/UsageInstructions/ViewPresentationInfo.htm
@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="Просмотрите название презентации, автора, размещение, дату создания, список людей, обладающих правами на просмотр и редактирование презентации" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
         <script type="text/javascript" src="../callback.js"></script>
         <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
@@ -36,7 +37,7 @@
                 <h3>История версий</h3>
                 <p>В <em>онлайн-версии</em> вы можете просматривать историю версий для файлов, сохраненных в облаке.</p>
                 <p class="note"><b>Примечание</b>: эта опция недоступна для пользователей с правами доступа <b>Только чтение</b>.</p>
-                <p>Чтобы просмотреть все внесенные в презентацию изменения, выберите опцию <b>История версий</b> на левой боковой панели. Историю версий можно также открыть, используя значок <img alt="Значок История версий" src="../images/versionhistoryicon.png" /> <b>История версий</b> на вкладке <b>Совместная работа</b> верхней панели инструментов. Вы увидите список версий (существенных изменений) и ревизий (незначительных изменений) этой презентации с указанием автора и даты и времени создания каждой версии/ревизии. Для версий презентации также указан номер версии (например, <em>вер. 2</em>). Чтобы точно знать, какие изменения были внесены в каждой конкретной версии/ревизии, можно просмотреть нужную, нажав на нее на левой боковой панели. Изменения, внесенные автором версии/ревизии, помечены цветом, который показан рядом с именем автора на левой боковой панели. Можно использовать ссылку <b>Восстановить</b>, расположенную под выбранной версией/ревизией, чтобы восстановить ее. <!--Чтобы скрыть список ревизий в составе определенной версии, используйте значок <img alt="Значок Свернуть" src="../images/collapse.png" /> рядом с версией. Чтобы вновь показать ревизии, используйте значок <img alt="Значок Развернуть" src="../images/expand.png" />.--></p>
+                <p>Чтобы просмотреть все внесенные в презентацию изменения, выберите опцию <b>История версий</b> на левой боковой панели. Историю версий можно также открыть, используя значок <div class = "icon icon-versionhistoryicon"></div> <b>История версий</b> на вкладке <b>Совместная работа</b> верхней панели инструментов. Вы увидите список версий (существенных изменений) и ревизий (незначительных изменений) этой презентации с указанием автора и даты и времени создания каждой версии/ревизии. Для версий презентации также указан номер версии (например, <em>вер. 2</em>). Чтобы точно знать, какие изменения были внесены в каждой конкретной версии/ревизии, можно просмотреть нужную, нажав на нее на левой боковой панели. Изменения, внесенные автором версии/ревизии, помечены цветом, который показан рядом с именем автора на левой боковой панели. Можно использовать ссылку <b>Восстановить</b>, расположенную под выбранной версией/ревизией, чтобы восстановить ее. <!--Чтобы скрыть список ревизий в составе определенной версии, используйте значок <img alt="Значок Свернуть" src="../images/collapse.png" /> рядом с версией. Чтобы вновь показать ревизии, используйте значок <img alt="Значок Развернуть" src="../images/expand.png" />.--></p>
                 <p><img alt="История версий" src="../images/versionhistory.png" /></p>
                 <p>Чтобы вернуться к текущей версии презентации, нажмите на ссылку <b>Закрыть историю</b> над списком версий.</p>
             </div>
diff --git a/apps/presentationeditor/main/resources/help/ru/search/js/jquery.min.js b/apps/presentationeditor/main/resources/help/ru/search/js/jquery.min.js
index 9a85bd3462..f7b56654c1 100644
--- a/apps/presentationeditor/main/resources/help/ru/search/js/jquery.min.js
+++ b/apps/presentationeditor/main/resources/help/ru/search/js/jquery.min.js
@@ -2,5 +2,5 @@
 //@ sourceMappingURL=jquery.min.map
 */
 (function(e,undefined){var t,n,r=typeof undefined,i=e.location,o=e.document,s=o.documentElement,a=e.jQuery,u=e.$,l={},c=[],p="2.0.3",f=c.concat,h=c.push,d=c.slice,g=c.indexOf,m=l.toString,y=l.hasOwnProperty,v=p.trim,x=function(e,n){return new x.fn.init(e,n,t)},b=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,w=/\S+/g,T=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,C=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,k=/^-ms-/,N=/-([\da-z])/gi,E=function(e,t){return t.toUpperCase()},S=function(){o.removeEventListener("DOMContentLoaded",S,!1),e.removeEventListener("load",S,!1),x.ready()};x.fn=x.prototype={jquery:p,constructor:x,init:function(e,t,n){var r,i;if(!e)return this;if("string"==typeof e){if(r="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:T.exec(e),!r||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof x?t[0]:t,x.merge(this,x.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:o,!0)),C.test(r[1])&&x.isPlainObject(t))for(r in t)x.isFunction(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return i=o.getElementById(r[2]),i&&i.parentNode&&(this.length=1,this[0]=i),this.context=o,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):x.isFunction(e)?n.ready(e):(e.selector!==undefined&&(this.selector=e.selector,this.context=e.context),x.makeArray(e,this))},selector:"",length:0,toArray:function(){return d.call(this)},get:function(e){return null==e?this.toArray():0>e?this[this.length+e]:this[e]},pushStack:function(e){var t=x.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e,t){return x.each(this,e,t)},ready:function(e){return x.ready.promise().done(e),this},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(0>e?t:0);return this.pushStack(n>=0&&t>n?[this[n]]:[])},map:function(e){return this.pushStack(x.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:h,sort:[].sort,splice:[].splice},x.fn.init.prototype=x.fn,x.extend=x.fn.extend=function(){var e,t,n,r,i,o,s=arguments[0]||{},a=1,u=arguments.length,l=!1;for("boolean"==typeof s&&(l=s,s=arguments[1]||{},a=2),"object"==typeof s||x.isFunction(s)||(s={}),u===a&&(s=this,--a);u>a;a++)if(null!=(e=arguments[a]))for(t in e)n=s[t],r=e[t],s!==r&&(l&&r&&(x.isPlainObject(r)||(i=x.isArray(r)))?(i?(i=!1,o=n&&x.isArray(n)?n:[]):o=n&&x.isPlainObject(n)?n:{},s[t]=x.extend(l,o,r)):r!==undefined&&(s[t]=r));return s},x.extend({expando:"jQuery"+(p+Math.random()).replace(/\D/g,""),noConflict:function(t){return e.$===x&&(e.$=u),t&&e.jQuery===x&&(e.jQuery=a),x},isReady:!1,readyWait:1,holdReady:function(e){e?x.readyWait++:x.ready(!0)},ready:function(e){(e===!0?--x.readyWait:x.isReady)||(x.isReady=!0,e!==!0&&--x.readyWait>0||(n.resolveWith(o,[x]),x.fn.trigger&&x(o).trigger("ready").off("ready")))},isFunction:function(e){return"function"===x.type(e)},isArray:Array.isArray,isWindow:function(e){return null!=e&&e===e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[m.call(e)]||"object":typeof e},isPlainObject:function(e){if("object"!==x.type(e)||e.nodeType||x.isWindow(e))return!1;try{if(e.constructor&&!y.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(t){return!1}return!0},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw Error(e)},parseHTML:function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||o;var r=C.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=x.buildFragment([e],t,i),i&&x(i).remove(),x.merge([],r.childNodes))},parseJSON:JSON.parse,parseXML:function(e){var t,n;if(!e||"string"!=typeof e)return null;try{n=new DOMParser,t=n.parseFromString(e,"text/xml")}catch(r){t=undefined}return(!t||t.getElementsByTagName("parsererror").length)&&x.error("Invalid XML: "+e),t},noop:function(){},globalEval:function(e){var t,n=eval;e=x.trim(e),e&&(1===e.indexOf("use strict")?(t=o.createElement("script"),t.text=e,o.head.appendChild(t).parentNode.removeChild(t)):n(e))},camelCase:function(e){return e.replace(k,"ms-").replace(N,E)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t,n){var r,i=0,o=e.length,s=j(e);if(n){if(s){for(;o>i;i++)if(r=t.apply(e[i],n),r===!1)break}else for(i in e)if(r=t.apply(e[i],n),r===!1)break}else if(s){for(;o>i;i++)if(r=t.call(e[i],i,e[i]),r===!1)break}else for(i in e)if(r=t.call(e[i],i,e[i]),r===!1)break;return e},trim:function(e){return null==e?"":v.call(e)},makeArray:function(e,t){var n=t||[];return null!=e&&(j(Object(e))?x.merge(n,"string"==typeof e?[e]:e):h.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:g.call(t,e,n)},merge:function(e,t){var n=t.length,r=e.length,i=0;if("number"==typeof n)for(;n>i;i++)e[r++]=t[i];else while(t[i]!==undefined)e[r++]=t[i++];return e.length=r,e},grep:function(e,t,n){var r,i=[],o=0,s=e.length;for(n=!!n;s>o;o++)r=!!t(e[o],o),n!==r&&i.push(e[o]);return i},map:function(e,t,n){var r,i=0,o=e.length,s=j(e),a=[];if(s)for(;o>i;i++)r=t(e[i],i,n),null!=r&&(a[a.length]=r);else for(i in e)r=t(e[i],i,n),null!=r&&(a[a.length]=r);return f.apply([],a)},guid:1,proxy:function(e,t){var n,r,i;return"string"==typeof t&&(n=e[t],t=e,e=n),x.isFunction(e)?(r=d.call(arguments,2),i=function(){return e.apply(t||this,r.concat(d.call(arguments)))},i.guid=e.guid=e.guid||x.guid++,i):undefined},access:function(e,t,n,r,i,o,s){var a=0,u=e.length,l=null==n;if("object"===x.type(n)){i=!0;for(a in n)x.access(e,t,a,n[a],!0,o,s)}else if(r!==undefined&&(i=!0,x.isFunction(r)||(s=!0),l&&(s?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(x(e),n)})),t))for(;u>a;a++)t(e[a],n,s?r:r.call(e[a],a,t(e[a],n)));return i?e:l?t.call(e):u?t(e[0],n):o},now:Date.now,swap:function(e,t,n,r){var i,o,s={};for(o in t)s[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=s[o];return i}}),x.ready.promise=function(t){return n||(n=x.Deferred(),"complete"===o.readyState?setTimeout(x.ready):(o.addEventListener("DOMContentLoaded",S,!1),e.addEventListener("load",S,!1))),n.promise(t)},x.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(e,t){l["[object "+t+"]"]=t.toLowerCase()});function j(e){var t=e.length,n=x.type(e);return x.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||"function"!==n&&(0===t||"number"==typeof t&&t>0&&t-1 in e)}t=x(o),function(e,undefined){var t,n,r,i,o,s,a,u,l,c,p,f,h,d,g,m,y,v="sizzle"+-new Date,b=e.document,w=0,T=0,C=st(),k=st(),N=st(),E=!1,S=function(e,t){return e===t?(E=!0,0):0},j=typeof undefined,D=1<<31,A={}.hasOwnProperty,L=[],q=L.pop,H=L.push,O=L.push,F=L.slice,P=L.indexOf||function(e){var t=0,n=this.length;for(;n>t;t++)if(this[t]===e)return t;return-1},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",W="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",$=W.replace("w","w#"),B="\\["+M+"*("+W+")"+M+"*(?:([*^$|!~]?=)"+M+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+$+")|)|)"+M+"*\\]",I=":("+W+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+B.replace(3,8)+")*)|.*)\\)|)",z=RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),_=RegExp("^"+M+"*,"+M+"*"),X=RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=RegExp(M+"*[+~]"),Y=RegExp("="+M+"*([^\\]'\"]*)"+M+"*\\]","g"),V=RegExp(I),G=RegExp("^"+$+"$"),J={ID:RegExp("^#("+W+")"),CLASS:RegExp("^\\.("+W+")"),TAG:RegExp("^("+W.replace("w","w*")+")"),ATTR:RegExp("^"+B),PSEUDO:RegExp("^"+I),CHILD:RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:RegExp("^(?:"+R+")$","i"),needsContext:RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Q=/^[^{]+\{\s*\[native \w/,K=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,Z=/^(?:input|select|textarea|button)$/i,et=/^h\d$/i,tt=/'|\\/g,nt=RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),rt=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:0>r?String.fromCharCode(r+65536):String.fromCharCode(55296|r>>10,56320|1023&r)};try{O.apply(L=F.call(b.childNodes),b.childNodes),L[b.childNodes.length].nodeType}catch(it){O={apply:L.length?function(e,t){H.apply(e,F.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function ot(e,t,r,i){var o,s,a,u,l,f,g,m,x,w;if((t?t.ownerDocument||t:b)!==p&&c(t),t=t||p,r=r||[],!e||"string"!=typeof e)return r;if(1!==(u=t.nodeType)&&9!==u)return[];if(h&&!i){if(o=K.exec(e))if(a=o[1]){if(9===u){if(s=t.getElementById(a),!s||!s.parentNode)return r;if(s.id===a)return r.push(s),r}else if(t.ownerDocument&&(s=t.ownerDocument.getElementById(a))&&y(t,s)&&s.id===a)return r.push(s),r}else{if(o[2])return O.apply(r,t.getElementsByTagName(e)),r;if((a=o[3])&&n.getElementsByClassName&&t.getElementsByClassName)return O.apply(r,t.getElementsByClassName(a)),r}if(n.qsa&&(!d||!d.test(e))){if(m=g=v,x=t,w=9===u&&e,1===u&&"object"!==t.nodeName.toLowerCase()){f=gt(e),(g=t.getAttribute("id"))?m=g.replace(tt,"\\$&"):t.setAttribute("id",m),m="[id='"+m+"'] ",l=f.length;while(l--)f[l]=m+mt(f[l]);x=U.test(e)&&t.parentNode||t,w=f.join(",")}if(w)try{return O.apply(r,x.querySelectorAll(w)),r}catch(T){}finally{g||t.removeAttribute("id")}}}return kt(e.replace(z,"$1"),t,r,i)}function st(){var e=[];function t(n,r){return e.push(n+=" ")>i.cacheLength&&delete t[e.shift()],t[n]=r}return t}function at(e){return e[v]=!0,e}function ut(e){var t=p.createElement("div");try{return!!e(t)}catch(n){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function lt(e,t){var n=e.split("|"),r=e.length;while(r--)i.attrHandle[n[r]]=t}function ct(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&(~t.sourceIndex||D)-(~e.sourceIndex||D);if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function pt(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function ft(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function ht(e){return at(function(t){return t=+t,at(function(n,r){var i,o=e([],n.length,t),s=o.length;while(s--)n[i=o[s]]&&(n[i]=!(r[i]=n[i]))})})}s=ot.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?"HTML"!==t.nodeName:!1},n=ot.support={},c=ot.setDocument=function(e){var t=e?e.ownerDocument||e:b,r=t.defaultView;return t!==p&&9===t.nodeType&&t.documentElement?(p=t,f=t.documentElement,h=!s(t),r&&r.attachEvent&&r!==r.top&&r.attachEvent("onbeforeunload",function(){c()}),n.attributes=ut(function(e){return e.className="i",!e.getAttribute("className")}),n.getElementsByTagName=ut(function(e){return e.appendChild(t.createComment("")),!e.getElementsByTagName("*").length}),n.getElementsByClassName=ut(function(e){return e.innerHTML="<div class='a'></div><div class='a i'></div>",e.firstChild.className="i",2===e.getElementsByClassName("i").length}),n.getById=ut(function(e){return f.appendChild(e).id=v,!t.getElementsByName||!t.getElementsByName(v).length}),n.getById?(i.find.ID=function(e,t){if(typeof t.getElementById!==j&&h){var n=t.getElementById(e);return n&&n.parentNode?[n]:[]}},i.filter.ID=function(e){var t=e.replace(nt,rt);return function(e){return e.getAttribute("id")===t}}):(delete i.find.ID,i.filter.ID=function(e){var t=e.replace(nt,rt);return function(e){var n=typeof e.getAttributeNode!==j&&e.getAttributeNode("id");return n&&n.value===t}}),i.find.TAG=n.getElementsByTagName?function(e,t){return typeof t.getElementsByTagName!==j?t.getElementsByTagName(e):undefined}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},i.find.CLASS=n.getElementsByClassName&&function(e,t){return typeof t.getElementsByClassName!==j&&h?t.getElementsByClassName(e):undefined},g=[],d=[],(n.qsa=Q.test(t.querySelectorAll))&&(ut(function(e){e.innerHTML="<select><option selected=''></option></select>",e.querySelectorAll("[selected]").length||d.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll(":checked").length||d.push(":checked")}),ut(function(e){var n=t.createElement("input");n.setAttribute("type","hidden"),e.appendChild(n).setAttribute("t",""),e.querySelectorAll("[t^='']").length&&d.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll(":enabled").length||d.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),d.push(",.*:")})),(n.matchesSelector=Q.test(m=f.webkitMatchesSelector||f.mozMatchesSelector||f.oMatchesSelector||f.msMatchesSelector))&&ut(function(e){n.disconnectedMatch=m.call(e,"div"),m.call(e,"[s!='']:x"),g.push("!=",I)}),d=d.length&&RegExp(d.join("|")),g=g.length&&RegExp(g.join("|")),y=Q.test(f.contains)||f.compareDocumentPosition?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},S=f.compareDocumentPosition?function(e,r){if(e===r)return E=!0,0;var i=r.compareDocumentPosition&&e.compareDocumentPosition&&e.compareDocumentPosition(r);return i?1&i||!n.sortDetached&&r.compareDocumentPosition(e)===i?e===t||y(b,e)?-1:r===t||y(b,r)?1:l?P.call(l,e)-P.call(l,r):0:4&i?-1:1:e.compareDocumentPosition?-1:1}:function(e,n){var r,i=0,o=e.parentNode,s=n.parentNode,a=[e],u=[n];if(e===n)return E=!0,0;if(!o||!s)return e===t?-1:n===t?1:o?-1:s?1:l?P.call(l,e)-P.call(l,n):0;if(o===s)return ct(e,n);r=e;while(r=r.parentNode)a.unshift(r);r=n;while(r=r.parentNode)u.unshift(r);while(a[i]===u[i])i++;return i?ct(a[i],u[i]):a[i]===b?-1:u[i]===b?1:0},t):p},ot.matches=function(e,t){return ot(e,null,null,t)},ot.matchesSelector=function(e,t){if((e.ownerDocument||e)!==p&&c(e),t=t.replace(Y,"='$1']"),!(!n.matchesSelector||!h||g&&g.test(t)||d&&d.test(t)))try{var r=m.call(e,t);if(r||n.disconnectedMatch||e.document&&11!==e.document.nodeType)return r}catch(i){}return ot(t,p,null,[e]).length>0},ot.contains=function(e,t){return(e.ownerDocument||e)!==p&&c(e),y(e,t)},ot.attr=function(e,t){(e.ownerDocument||e)!==p&&c(e);var r=i.attrHandle[t.toLowerCase()],o=r&&A.call(i.attrHandle,t.toLowerCase())?r(e,t,!h):undefined;return o===undefined?n.attributes||!h?e.getAttribute(t):(o=e.getAttributeNode(t))&&o.specified?o.value:null:o},ot.error=function(e){throw Error("Syntax error, unrecognized expression: "+e)},ot.uniqueSort=function(e){var t,r=[],i=0,o=0;if(E=!n.detectDuplicates,l=!n.sortStable&&e.slice(0),e.sort(S),E){while(t=e[o++])t===e[o]&&(i=r.push(o));while(i--)e.splice(r[i],1)}return e},o=ot.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r];r++)n+=o(t);return n},i=ot.selectors={cacheLength:50,createPseudo:at,match:J,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(nt,rt),e[3]=(e[4]||e[5]||"").replace(nt,rt),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||ot.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&ot.error(e[0]),e},PSEUDO:function(e){var t,n=!e[5]&&e[2];return J.CHILD.test(e[0])?null:(e[3]&&e[4]!==undefined?e[2]=e[4]:n&&V.test(n)&&(t=gt(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(nt,rt).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=C[e+" "];return t||(t=RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&C(e,function(e){return t.test("string"==typeof e.className&&e.className||typeof e.getAttribute!==j&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=ot.attr(r,e);return null==i?"!="===t:t?(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i+" ").indexOf(n)>-1:"|="===t?i===n||i.slice(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),s="last"!==e.slice(-4),a="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,p,f,h,d,g=o!==s?"nextSibling":"previousSibling",m=t.parentNode,y=a&&t.nodeName.toLowerCase(),x=!u&&!a;if(m){if(o){while(g){p=t;while(p=p[g])if(a?p.nodeName.toLowerCase()===y:1===p.nodeType)return!1;d=g="only"===e&&!d&&"nextSibling"}return!0}if(d=[s?m.firstChild:m.lastChild],s&&x){c=m[v]||(m[v]={}),l=c[e]||[],h=l[0]===w&&l[1],f=l[0]===w&&l[2],p=h&&m.childNodes[h];while(p=++h&&p&&p[g]||(f=h=0)||d.pop())if(1===p.nodeType&&++f&&p===t){c[e]=[w,h,f];break}}else if(x&&(l=(t[v]||(t[v]={}))[e])&&l[0]===w)f=l[1];else while(p=++h&&p&&p[g]||(f=h=0)||d.pop())if((a?p.nodeName.toLowerCase()===y:1===p.nodeType)&&++f&&(x&&((p[v]||(p[v]={}))[e]=[w,f]),p===t))break;return f-=i,f===r||0===f%r&&f/r>=0}}},PSEUDO:function(e,t){var n,r=i.pseudos[e]||i.setFilters[e.toLowerCase()]||ot.error("unsupported pseudo: "+e);return r[v]?r(t):r.length>1?(n=[e,e,"",t],i.setFilters.hasOwnProperty(e.toLowerCase())?at(function(e,n){var i,o=r(e,t),s=o.length;while(s--)i=P.call(e,o[s]),e[i]=!(n[i]=o[s])}):function(e){return r(e,0,n)}):r}},pseudos:{not:at(function(e){var t=[],n=[],r=a(e.replace(z,"$1"));return r[v]?at(function(e,t,n,i){var o,s=r(e,null,i,[]),a=e.length;while(a--)(o=s[a])&&(e[a]=!(t[a]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),!n.pop()}}),has:at(function(e){return function(t){return ot(e,t).length>0}}),contains:at(function(e){return function(t){return(t.textContent||t.innerText||o(t)).indexOf(e)>-1}}),lang:at(function(e){return G.test(e||"")||ot.error("unsupported lang: "+e),e=e.replace(nt,rt).toLowerCase(),function(t){var n;do if(n=h?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return n=n.toLowerCase(),n===e||0===n.indexOf(e+"-");while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===f},focus:function(e){return e===p.activeElement&&(!p.hasFocus||p.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeName>"@"||3===e.nodeType||4===e.nodeType)return!1;return!0},parent:function(e){return!i.pseudos.empty(e)},header:function(e){return et.test(e.nodeName)},input:function(e){return Z.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||t.toLowerCase()===e.type)},first:ht(function(){return[0]}),last:ht(function(e,t){return[t-1]}),eq:ht(function(e,t,n){return[0>n?n+t:n]}),even:ht(function(e,t){var n=0;for(;t>n;n+=2)e.push(n);return e}),odd:ht(function(e,t){var n=1;for(;t>n;n+=2)e.push(n);return e}),lt:ht(function(e,t,n){var r=0>n?n+t:n;for(;--r>=0;)e.push(r);return e}),gt:ht(function(e,t,n){var r=0>n?n+t:n;for(;t>++r;)e.push(r);return e})}},i.pseudos.nth=i.pseudos.eq;for(t in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})i.pseudos[t]=pt(t);for(t in{submit:!0,reset:!0})i.pseudos[t]=ft(t);function dt(){}dt.prototype=i.filters=i.pseudos,i.setFilters=new dt;function gt(e,t){var n,r,o,s,a,u,l,c=k[e+" "];if(c)return t?0:c.slice(0);a=e,u=[],l=i.preFilter;while(a){(!n||(r=_.exec(a)))&&(r&&(a=a.slice(r[0].length)||a),u.push(o=[])),n=!1,(r=X.exec(a))&&(n=r.shift(),o.push({value:n,type:r[0].replace(z," ")}),a=a.slice(n.length));for(s in i.filter)!(r=J[s].exec(a))||l[s]&&!(r=l[s](r))||(n=r.shift(),o.push({value:n,type:s,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?ot.error(e):k(e,u).slice(0)}function mt(e){var t=0,n=e.length,r="";for(;n>t;t++)r+=e[t].value;return r}function yt(e,t,n){var i=t.dir,o=n&&"parentNode"===i,s=T++;return t.first?function(t,n,r){while(t=t[i])if(1===t.nodeType||o)return e(t,n,r)}:function(t,n,a){var u,l,c,p=w+" "+s;if(a){while(t=t[i])if((1===t.nodeType||o)&&e(t,n,a))return!0}else while(t=t[i])if(1===t.nodeType||o)if(c=t[v]||(t[v]={}),(l=c[i])&&l[0]===p){if((u=l[1])===!0||u===r)return u===!0}else if(l=c[i]=[p],l[1]=e(t,n,a)||r,l[1]===!0)return!0}}function vt(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function xt(e,t,n,r,i){var o,s=[],a=0,u=e.length,l=null!=t;for(;u>a;a++)(o=e[a])&&(!n||n(o,r,i))&&(s.push(o),l&&t.push(a));return s}function bt(e,t,n,r,i,o){return r&&!r[v]&&(r=bt(r)),i&&!i[v]&&(i=bt(i,o)),at(function(o,s,a,u){var l,c,p,f=[],h=[],d=s.length,g=o||Ct(t||"*",a.nodeType?[a]:a,[]),m=!e||!o&&t?g:xt(g,f,e,a,u),y=n?i||(o?e:d||r)?[]:s:m;if(n&&n(m,y,a,u),r){l=xt(y,h),r(l,[],a,u),c=l.length;while(c--)(p=l[c])&&(y[h[c]]=!(m[h[c]]=p))}if(o){if(i||e){if(i){l=[],c=y.length;while(c--)(p=y[c])&&l.push(m[c]=p);i(null,y=[],l,u)}c=y.length;while(c--)(p=y[c])&&(l=i?P.call(o,p):f[c])>-1&&(o[l]=!(s[l]=p))}}else y=xt(y===s?y.splice(d,y.length):y),i?i(null,s,y,u):O.apply(s,y)})}function wt(e){var t,n,r,o=e.length,s=i.relative[e[0].type],a=s||i.relative[" "],l=s?1:0,c=yt(function(e){return e===t},a,!0),p=yt(function(e){return P.call(t,e)>-1},a,!0),f=[function(e,n,r){return!s&&(r||n!==u)||((t=n).nodeType?c(e,n,r):p(e,n,r))}];for(;o>l;l++)if(n=i.relative[e[l].type])f=[yt(vt(f),n)];else{if(n=i.filter[e[l].type].apply(null,e[l].matches),n[v]){for(r=++l;o>r;r++)if(i.relative[e[r].type])break;return bt(l>1&&vt(f),l>1&&mt(e.slice(0,l-1).concat({value:" "===e[l-2].type?"*":""})).replace(z,"$1"),n,r>l&&wt(e.slice(l,r)),o>r&&wt(e=e.slice(r)),o>r&&mt(e))}f.push(n)}return vt(f)}function Tt(e,t){var n=0,o=t.length>0,s=e.length>0,a=function(a,l,c,f,h){var d,g,m,y=[],v=0,x="0",b=a&&[],T=null!=h,C=u,k=a||s&&i.find.TAG("*",h&&l.parentNode||l),N=w+=null==C?1:Math.random()||.1;for(T&&(u=l!==p&&l,r=n);null!=(d=k[x]);x++){if(s&&d){g=0;while(m=e[g++])if(m(d,l,c)){f.push(d);break}T&&(w=N,r=++n)}o&&((d=!m&&d)&&v--,a&&b.push(d))}if(v+=x,o&&x!==v){g=0;while(m=t[g++])m(b,y,l,c);if(a){if(v>0)while(x--)b[x]||y[x]||(y[x]=q.call(f));y=xt(y)}O.apply(f,y),T&&!a&&y.length>0&&v+t.length>1&&ot.uniqueSort(f)}return T&&(w=N,u=C),b};return o?at(a):a}a=ot.compile=function(e,t){var n,r=[],i=[],o=N[e+" "];if(!o){t||(t=gt(e)),n=t.length;while(n--)o=wt(t[n]),o[v]?r.push(o):i.push(o);o=N(e,Tt(i,r))}return o};function Ct(e,t,n){var r=0,i=t.length;for(;i>r;r++)ot(e,t[r],n);return n}function kt(e,t,r,o){var s,u,l,c,p,f=gt(e);if(!o&&1===f.length){if(u=f[0]=f[0].slice(0),u.length>2&&"ID"===(l=u[0]).type&&n.getById&&9===t.nodeType&&h&&i.relative[u[1].type]){if(t=(i.find.ID(l.matches[0].replace(nt,rt),t)||[])[0],!t)return r;e=e.slice(u.shift().value.length)}s=J.needsContext.test(e)?0:u.length;while(s--){if(l=u[s],i.relative[c=l.type])break;if((p=i.find[c])&&(o=p(l.matches[0].replace(nt,rt),U.test(u[0].type)&&t.parentNode||t))){if(u.splice(s,1),e=o.length&&mt(u),!e)return O.apply(r,o),r;break}}}return a(e,f)(o,t,!h,r,U.test(e)),r}n.sortStable=v.split("").sort(S).join("")===v,n.detectDuplicates=E,c(),n.sortDetached=ut(function(e){return 1&e.compareDocumentPosition(p.createElement("div"))}),ut(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||lt("type|href|height|width",function(e,t,n){return n?undefined:e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),n.attributes&&ut(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||lt("value",function(e,t,n){return n||"input"!==e.nodeName.toLowerCase()?undefined:e.defaultValue}),ut(function(e){return null==e.getAttribute("disabled")})||lt(R,function(e,t,n){var r;return n?undefined:(r=e.getAttributeNode(t))&&r.specified?r.value:e[t]===!0?t.toLowerCase():null}),x.find=ot,x.expr=ot.selectors,x.expr[":"]=x.expr.pseudos,x.unique=ot.uniqueSort,x.text=ot.getText,x.isXMLDoc=ot.isXML,x.contains=ot.contains}(e);var D={};function A(e){var t=D[e]={};return x.each(e.match(w)||[],function(e,n){t[n]=!0}),t}x.Callbacks=function(e){e="string"==typeof e?D[e]||A(e):x.extend({},e);var t,n,r,i,o,s,a=[],u=!e.once&&[],l=function(p){for(t=e.memory&&p,n=!0,s=i||0,i=0,o=a.length,r=!0;a&&o>s;s++)if(a[s].apply(p[0],p[1])===!1&&e.stopOnFalse){t=!1;break}r=!1,a&&(u?u.length&&l(u.shift()):t?a=[]:c.disable())},c={add:function(){if(a){var n=a.length;(function s(t){x.each(t,function(t,n){var r=x.type(n);"function"===r?e.unique&&c.has(n)||a.push(n):n&&n.length&&"string"!==r&&s(n)})})(arguments),r?o=a.length:t&&(i=n,l(t))}return this},remove:function(){return a&&x.each(arguments,function(e,t){var n;while((n=x.inArray(t,a,n))>-1)a.splice(n,1),r&&(o>=n&&o--,s>=n&&s--)}),this},has:function(e){return e?x.inArray(e,a)>-1:!(!a||!a.length)},empty:function(){return a=[],o=0,this},disable:function(){return a=u=t=undefined,this},disabled:function(){return!a},lock:function(){return u=undefined,t||c.disable(),this},locked:function(){return!u},fireWith:function(e,t){return!a||n&&!u||(t=t||[],t=[e,t.slice?t.slice():t],r?u.push(t):l(t)),this},fire:function(){return c.fireWith(this,arguments),this},fired:function(){return!!n}};return c},x.extend({Deferred:function(e){var t=[["resolve","done",x.Callbacks("once memory"),"resolved"],["reject","fail",x.Callbacks("once memory"),"rejected"],["notify","progress",x.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return x.Deferred(function(n){x.each(t,function(t,o){var s=o[0],a=x.isFunction(e[t])&&e[t];i[o[1]](function(){var e=a&&a.apply(this,arguments);e&&x.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[s+"With"](this===r?n.promise():this,a?[e]:arguments)})}),e=null}).promise()},promise:function(e){return null!=e?x.extend(e,r):r}},i={};return r.pipe=r.then,x.each(t,function(e,o){var s=o[2],a=o[3];r[o[1]]=s.add,a&&s.add(function(){n=a},t[1^e][2].disable,t[2][2].lock),i[o[0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=s.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t=0,n=d.call(arguments),r=n.length,i=1!==r||e&&x.isFunction(e.promise)?r:0,o=1===i?e:x.Deferred(),s=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?d.call(arguments):r,n===a?o.notifyWith(t,n):--i||o.resolveWith(t,n)}},a,u,l;if(r>1)for(a=Array(r),u=Array(r),l=Array(r);r>t;t++)n[t]&&x.isFunction(n[t].promise)?n[t].promise().done(s(t,l,n)).fail(o.reject).progress(s(t,u,a)):--i;return i||o.resolveWith(l,n),o.promise()}}),x.support=function(t){var n=o.createElement("input"),r=o.createDocumentFragment(),i=o.createElement("div"),s=o.createElement("select"),a=s.appendChild(o.createElement("option"));return n.type?(n.type="checkbox",t.checkOn=""!==n.value,t.optSelected=a.selected,t.reliableMarginRight=!0,t.boxSizingReliable=!0,t.pixelPosition=!1,n.checked=!0,t.noCloneChecked=n.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!a.disabled,n=o.createElement("input"),n.value="t",n.type="radio",t.radioValue="t"===n.value,n.setAttribute("checked","t"),n.setAttribute("name","t"),r.appendChild(n),t.checkClone=r.cloneNode(!0).cloneNode(!0).lastChild.checked,t.focusinBubbles="onfocusin"in e,i.style.backgroundClip="content-box",i.cloneNode(!0).style.backgroundClip="",t.clearCloneStyle="content-box"===i.style.backgroundClip,x(function(){var n,r,s="padding:0;margin:0;border:0;display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box",a=o.getElementsByTagName("body")[0];a&&(n=o.createElement("div"),n.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",a.appendChild(n).appendChild(i),i.innerHTML="",i.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%",x.swap(a,null!=a.style.zoom?{zoom:1}:{},function(){t.boxSizing=4===i.offsetWidth}),e.getComputedStyle&&(t.pixelPosition="1%"!==(e.getComputedStyle(i,null)||{}).top,t.boxSizingReliable="4px"===(e.getComputedStyle(i,null)||{width:"4px"}).width,r=i.appendChild(o.createElement("div")),r.style.cssText=i.style.cssText=s,r.style.marginRight=r.style.width="0",i.style.width="1px",t.reliableMarginRight=!parseFloat((e.getComputedStyle(r,null)||{}).marginRight)),a.removeChild(n))}),t):t}({});var L,q,H=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,O=/([A-Z])/g;function F(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=x.expando+Math.random()}F.uid=1,F.accepts=function(e){return e.nodeType?1===e.nodeType||9===e.nodeType:!0},F.prototype={key:function(e){if(!F.accepts(e))return 0;var t={},n=e[this.expando];if(!n){n=F.uid++;try{t[this.expando]={value:n},Object.defineProperties(e,t)}catch(r){t[this.expando]=n,x.extend(e,t)}}return this.cache[n]||(this.cache[n]={}),n},set:function(e,t,n){var r,i=this.key(e),o=this.cache[i];if("string"==typeof t)o[t]=n;else if(x.isEmptyObject(o))x.extend(this.cache[i],t);else for(r in t)o[r]=t[r];return o},get:function(e,t){var n=this.cache[this.key(e)];return t===undefined?n:n[t]},access:function(e,t,n){var r;return t===undefined||t&&"string"==typeof t&&n===undefined?(r=this.get(e,t),r!==undefined?r:this.get(e,x.camelCase(t))):(this.set(e,t,n),n!==undefined?n:t)},remove:function(e,t){var n,r,i,o=this.key(e),s=this.cache[o];if(t===undefined)this.cache[o]={};else{x.isArray(t)?r=t.concat(t.map(x.camelCase)):(i=x.camelCase(t),t in s?r=[t,i]:(r=i,r=r in s?[r]:r.match(w)||[])),n=r.length;while(n--)delete s[r[n]]}},hasData:function(e){return!x.isEmptyObject(this.cache[e[this.expando]]||{})},discard:function(e){e[this.expando]&&delete this.cache[e[this.expando]]}},L=new F,q=new F,x.extend({acceptData:F.accepts,hasData:function(e){return L.hasData(e)||q.hasData(e)},data:function(e,t,n){return L.access(e,t,n)},removeData:function(e,t){L.remove(e,t)},_data:function(e,t,n){return q.access(e,t,n)},_removeData:function(e,t){q.remove(e,t)}}),x.fn.extend({data:function(e,t){var n,r,i=this[0],o=0,s=null;if(e===undefined){if(this.length&&(s=L.get(i),1===i.nodeType&&!q.get(i,"hasDataAttrs"))){for(n=i.attributes;n.length>o;o++)r=n[o].name,0===r.indexOf("data-")&&(r=x.camelCase(r.slice(5)),P(i,r,s[r]));q.set(i,"hasDataAttrs",!0)}return s}return"object"==typeof e?this.each(function(){L.set(this,e)}):x.access(this,function(t){var n,r=x.camelCase(e);if(i&&t===undefined){if(n=L.get(i,e),n!==undefined)return n;if(n=L.get(i,r),n!==undefined)return n;if(n=P(i,r,undefined),n!==undefined)return n}else this.each(function(){var n=L.get(this,r);L.set(this,r,t),-1!==e.indexOf("-")&&n!==undefined&&L.set(this,e,t)})},null,t,arguments.length>1,null,!0)},removeData:function(e){return this.each(function(){L.remove(this,e)})}});function P(e,t,n){var r;if(n===undefined&&1===e.nodeType)if(r="data-"+t.replace(O,"-$1").toLowerCase(),n=e.getAttribute(r),"string"==typeof n){try{n="true"===n?!0:"false"===n?!1:"null"===n?null:+n+""===n?+n:H.test(n)?JSON.parse(n):n}catch(i){}L.set(e,t,n)}else n=undefined;return n}x.extend({queue:function(e,t,n){var r;return e?(t=(t||"fx")+"queue",r=q.get(e,t),n&&(!r||x.isArray(n)?r=q.access(e,t,x.makeArray(n)):r.push(n)),r||[]):undefined},dequeue:function(e,t){t=t||"fx";var n=x.queue(e,t),r=n.length,i=n.shift(),o=x._queueHooks(e,t),s=function(){x.dequeue(e,t)
-};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,s,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return q.get(e,n)||q.access(e,n,{empty:x.Callbacks("once memory").add(function(){q.remove(e,[t+"queue",n])})})}}),x.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),n>arguments.length?x.queue(this[0],e):t===undefined?this:this.each(function(){var n=x.queue(this,e,t);x._queueHooks(this,e),"fx"===e&&"inprogress"!==n[0]&&x.dequeue(this,e)})},dequeue:function(e){return this.each(function(){x.dequeue(this,e)})},delay:function(e,t){return e=x.fx?x.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=x.Deferred(),o=this,s=this.length,a=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=undefined),e=e||"fx";while(s--)n=q.get(o[s],e+"queueHooks"),n&&n.empty&&(r++,n.empty.add(a));return a(),i.promise(t)}});var R,M,W=/[\t\r\n\f]/g,$=/\r/g,B=/^(?:input|select|textarea|button)$/i;x.fn.extend({attr:function(e,t){return x.access(this,x.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){x.removeAttr(this,e)})},prop:function(e,t){return x.access(this,x.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[x.propFix[e]||e]})},addClass:function(e){var t,n,r,i,o,s=0,a=this.length,u="string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).addClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=x.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,s=0,a=this.length,u=0===arguments.length||"string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).removeClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?x.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):x.isFunction(e)?this.each(function(n){x(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var t,i=0,o=x(this),s=e.match(w)||[];while(t=s[i++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else(n===r||"boolean"===n)&&(this.className&&q.set(this,"__className__",this.className),this.className=this.className||e===!1?"":q.get(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(W," ").indexOf(t)>=0)return!0;return!1},val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=x.isFunction(e),this.each(function(n){var i;1===this.nodeType&&(i=r?e.call(this,n,x(this).val()):e,null==i?i="":"number"==typeof i?i+="":x.isArray(i)&&(i=x.map(i,function(e){return null==e?"":e+""})),t=x.valHooks[this.type]||x.valHooks[this.nodeName.toLowerCase()],t&&"set"in t&&t.set(this,i,"value")!==undefined||(this.value=i))});if(i)return t=x.valHooks[i.type]||x.valHooks[i.nodeName.toLowerCase()],t&&"get"in t&&(n=t.get(i,"value"))!==undefined?n:(n=i.value,"string"==typeof n?n.replace($,""):null==n?"":n)}}}),x.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,s=o?null:[],a=o?i+1:r.length,u=0>i?a:o?i:0;for(;a>u;u++)if(n=r[u],!(!n.selected&&u!==i||(x.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&x.nodeName(n.parentNode,"optgroup"))){if(t=x(n).val(),o)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=x.makeArray(t),s=i.length;while(s--)r=i[s],(r.selected=x.inArray(x(r).val(),o)>=0)&&(n=!0);return n||(e.selectedIndex=-1),o}}},attr:function(e,t,n){var i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return typeof e.getAttribute===r?x.prop(e,t,n):(1===s&&x.isXMLDoc(e)||(t=t.toLowerCase(),i=x.attrHooks[t]||(x.expr.match.bool.test(t)?M:R)),n===undefined?i&&"get"in i&&null!==(o=i.get(e,t))?o:(o=x.find.attr(e,t),null==o?undefined:o):null!==n?i&&"set"in i&&(o=i.set(e,n,t))!==undefined?o:(e.setAttribute(t,n+""),n):(x.removeAttr(e,t),undefined))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(w);if(o&&1===e.nodeType)while(n=o[i++])r=x.propFix[n]||n,x.expr.match.bool.test(n)&&(e[r]=!1),e.removeAttribute(n)},attrHooks:{type:{set:function(e,t){if(!x.support.radioValue&&"radio"===t&&x.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{"for":"htmlFor","class":"className"},prop:function(e,t,n){var r,i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return o=1!==s||!x.isXMLDoc(e),o&&(t=x.propFix[t]||t,i=x.propHooks[t]),n!==undefined?i&&"set"in i&&(r=i.set(e,n,t))!==undefined?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){return e.hasAttribute("tabindex")||B.test(e.nodeName)||e.href?e.tabIndex:-1}}}}),M={set:function(e,t,n){return t===!1?x.removeAttr(e,n):e.setAttribute(n,n),n}},x.each(x.expr.match.bool.source.match(/\w+/g),function(e,t){var n=x.expr.attrHandle[t]||x.find.attr;x.expr.attrHandle[t]=function(e,t,r){var i=x.expr.attrHandle[t],o=r?undefined:(x.expr.attrHandle[t]=undefined)!=n(e,t,r)?t.toLowerCase():null;return x.expr.attrHandle[t]=i,o}}),x.support.optSelected||(x.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null}}),x.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){x.propFix[this.toLowerCase()]=this}),x.each(["radio","checkbox"],function(){x.valHooks[this]={set:function(e,t){return x.isArray(t)?e.checked=x.inArray(x(e).val(),t)>=0:undefined}},x.support.checkOn||(x.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var I=/^key/,z=/^(?:mouse|contextmenu)|click/,_=/^(?:focusinfocus|focusoutblur)$/,X=/^([^.]*)(?:\.(.+)|)$/;function U(){return!0}function Y(){return!1}function V(){try{return o.activeElement}catch(e){}}x.event={global:{},add:function(e,t,n,i,o){var s,a,u,l,c,p,f,h,d,g,m,y=q.get(e);if(y){n.handler&&(s=n,n=s.handler,o=s.selector),n.guid||(n.guid=x.guid++),(l=y.events)||(l=y.events={}),(a=y.handle)||(a=y.handle=function(e){return typeof x===r||e&&x.event.triggered===e.type?undefined:x.event.dispatch.apply(a.elem,arguments)},a.elem=e),t=(t||"").match(w)||[""],c=t.length;while(c--)u=X.exec(t[c])||[],d=m=u[1],g=(u[2]||"").split(".").sort(),d&&(f=x.event.special[d]||{},d=(o?f.delegateType:f.bindType)||d,f=x.event.special[d]||{},p=x.extend({type:d,origType:m,data:i,handler:n,guid:n.guid,selector:o,needsContext:o&&x.expr.match.needsContext.test(o),namespace:g.join(".")},s),(h=l[d])||(h=l[d]=[],h.delegateCount=0,f.setup&&f.setup.call(e,i,g,a)!==!1||e.addEventListener&&e.addEventListener(d,a,!1)),f.add&&(f.add.call(e,p),p.handler.guid||(p.handler.guid=n.guid)),o?h.splice(h.delegateCount++,0,p):h.push(p),x.event.global[d]=!0);e=null}},remove:function(e,t,n,r,i){var o,s,a,u,l,c,p,f,h,d,g,m=q.hasData(e)&&q.get(e);if(m&&(u=m.events)){t=(t||"").match(w)||[""],l=t.length;while(l--)if(a=X.exec(t[l])||[],h=g=a[1],d=(a[2]||"").split(".").sort(),h){p=x.event.special[h]||{},h=(r?p.delegateType:p.bindType)||h,f=u[h]||[],a=a[2]&&RegExp("(^|\\.)"+d.join("\\.(?:.*\\.|)")+"(\\.|$)"),s=o=f.length;while(o--)c=f[o],!i&&g!==c.origType||n&&n.guid!==c.guid||a&&!a.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(f.splice(o,1),c.selector&&f.delegateCount--,p.remove&&p.remove.call(e,c));s&&!f.length&&(p.teardown&&p.teardown.call(e,d,m.handle)!==!1||x.removeEvent(e,h,m.handle),delete u[h])}else for(h in u)x.event.remove(e,h+t[l],n,r,!0);x.isEmptyObject(u)&&(delete m.handle,q.remove(e,"events"))}},trigger:function(t,n,r,i){var s,a,u,l,c,p,f,h=[r||o],d=y.call(t,"type")?t.type:t,g=y.call(t,"namespace")?t.namespace.split("."):[];if(a=u=r=r||o,3!==r.nodeType&&8!==r.nodeType&&!_.test(d+x.event.triggered)&&(d.indexOf(".")>=0&&(g=d.split("."),d=g.shift(),g.sort()),c=0>d.indexOf(":")&&"on"+d,t=t[x.expando]?t:new x.Event(d,"object"==typeof t&&t),t.isTrigger=i?2:3,t.namespace=g.join("."),t.namespace_re=t.namespace?RegExp("(^|\\.)"+g.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=undefined,t.target||(t.target=r),n=null==n?[t]:x.makeArray(n,[t]),f=x.event.special[d]||{},i||!f.trigger||f.trigger.apply(r,n)!==!1)){if(!i&&!f.noBubble&&!x.isWindow(r)){for(l=f.delegateType||d,_.test(l+d)||(a=a.parentNode);a;a=a.parentNode)h.push(a),u=a;u===(r.ownerDocument||o)&&h.push(u.defaultView||u.parentWindow||e)}s=0;while((a=h[s++])&&!t.isPropagationStopped())t.type=s>1?l:f.bindType||d,p=(q.get(a,"events")||{})[t.type]&&q.get(a,"handle"),p&&p.apply(a,n),p=c&&a[c],p&&x.acceptData(a)&&p.apply&&p.apply(a,n)===!1&&t.preventDefault();return t.type=d,i||t.isDefaultPrevented()||f._default&&f._default.apply(h.pop(),n)!==!1||!x.acceptData(r)||c&&x.isFunction(r[d])&&!x.isWindow(r)&&(u=r[c],u&&(r[c]=null),x.event.triggered=d,r[d](),x.event.triggered=undefined,u&&(r[c]=u)),t.result}},dispatch:function(e){e=x.event.fix(e);var t,n,r,i,o,s=[],a=d.call(arguments),u=(q.get(this,"events")||{})[e.type]||[],l=x.event.special[e.type]||{};if(a[0]=e,e.delegateTarget=this,!l.preDispatch||l.preDispatch.call(this,e)!==!1){s=x.event.handlers.call(this,e,u),t=0;while((i=s[t++])&&!e.isPropagationStopped()){e.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(o.namespace))&&(e.handleObj=o,e.data=o.data,r=((x.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,a),r!==undefined&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return l.postDispatch&&l.postDispatch.call(this,e),e.result}},handlers:function(e,t){var n,r,i,o,s=[],a=t.delegateCount,u=e.target;if(a&&u.nodeType&&(!e.button||"click"!==e.type))for(;u!==this;u=u.parentNode||this)if(u.disabled!==!0||"click"!==e.type){for(r=[],n=0;a>n;n++)o=t[n],i=o.selector+" ",r[i]===undefined&&(r[i]=o.needsContext?x(i,this).index(u)>=0:x.find(i,this,null,[u]).length),r[i]&&r.push(o);r.length&&s.push({elem:u,handlers:r})}return t.length>a&&s.push({elem:this,handlers:t.slice(a)}),s},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,t){var n,r,i,s=t.button;return null==e.pageX&&null!=t.clientX&&(n=e.target.ownerDocument||o,r=n.documentElement,i=n.body,e.pageX=t.clientX+(r&&r.scrollLeft||i&&i.scrollLeft||0)-(r&&r.clientLeft||i&&i.clientLeft||0),e.pageY=t.clientY+(r&&r.scrollTop||i&&i.scrollTop||0)-(r&&r.clientTop||i&&i.clientTop||0)),e.which||s===undefined||(e.which=1&s?1:2&s?3:4&s?2:0),e}},fix:function(e){if(e[x.expando])return e;var t,n,r,i=e.type,s=e,a=this.fixHooks[i];a||(this.fixHooks[i]=a=z.test(i)?this.mouseHooks:I.test(i)?this.keyHooks:{}),r=a.props?this.props.concat(a.props):this.props,e=new x.Event(s),t=r.length;while(t--)n=r[t],e[n]=s[n];return e.target||(e.target=o),3===e.target.nodeType&&(e.target=e.target.parentNode),a.filter?a.filter(e,s):e},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==V()&&this.focus?(this.focus(),!1):undefined},delegateType:"focusin"},blur:{trigger:function(){return this===V()&&this.blur?(this.blur(),!1):undefined},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&x.nodeName(this,"input")?(this.click(),!1):undefined},_default:function(e){return x.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){e.result!==undefined&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=x.extend(new x.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?x.event.trigger(i,null,t):x.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},x.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)},x.Event=function(e,t){return this instanceof x.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.getPreventDefault&&e.getPreventDefault()?U:Y):this.type=e,t&&x.extend(this,t),this.timeStamp=e&&e.timeStamp||x.now(),this[x.expando]=!0,undefined):new x.Event(e,t)},x.Event.prototype={isDefaultPrevented:Y,isPropagationStopped:Y,isImmediatePropagationStopped:Y,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=U,e&&e.preventDefault&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=U,e&&e.stopPropagation&&e.stopPropagation()},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=U,this.stopPropagation()}},x.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){x.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return(!i||i!==r&&!x.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),x.support.focusinBubbles||x.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){x.event.simulate(t,e.target,x.event.fix(e),!0)};x.event.special[t]={setup:function(){0===n++&&o.addEventListener(e,r,!0)},teardown:function(){0===--n&&o.removeEventListener(e,r,!0)}}}),x.fn.extend({on:function(e,t,n,r,i){var o,s;if("object"==typeof e){"string"!=typeof t&&(n=n||t,t=undefined);for(s in e)this.on(s,t,n,e[s],i);return this}if(null==n&&null==r?(r=t,n=t=undefined):null==r&&("string"==typeof t?(r=n,n=undefined):(r=n,n=t,t=undefined)),r===!1)r=Y;else if(!r)return this;return 1===i&&(o=r,r=function(e){return x().off(e),o.apply(this,arguments)},r.guid=o.guid||(o.guid=x.guid++)),this.each(function(){x.event.add(this,e,r,n,t)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,x(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return(t===!1||"function"==typeof t)&&(n=t,t=undefined),n===!1&&(n=Y),this.each(function(){x.event.remove(this,e,n,t)})},trigger:function(e,t){return this.each(function(){x.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];return n?x.event.trigger(e,t,n,!0):undefined}});var G=/^.[^:#\[\.,]*$/,J=/^(?:parents|prev(?:Until|All))/,Q=x.expr.match.needsContext,K={children:!0,contents:!0,next:!0,prev:!0};x.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(x(e).filter(function(){for(t=0;i>t;t++)if(x.contains(r[t],this))return!0}));for(t=0;i>t;t++)x.find(e,r[t],n);return n=this.pushStack(i>1?x.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},has:function(e){var t=x(e,this),n=t.length;return this.filter(function(){var e=0;for(;n>e;e++)if(x.contains(this,t[e]))return!0})},not:function(e){return this.pushStack(et(this,e||[],!0))},filter:function(e){return this.pushStack(et(this,e||[],!1))},is:function(e){return!!et(this,"string"==typeof e&&Q.test(e)?x(e):e||[],!1).length},closest:function(e,t){var n,r=0,i=this.length,o=[],s=Q.test(e)||"string"!=typeof e?x(e,t||this.context):0;for(;i>r;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(11>n.nodeType&&(s?s.index(n)>-1:1===n.nodeType&&x.find.matchesSelector(n,e))){n=o.push(n);break}return this.pushStack(o.length>1?x.unique(o):o)},index:function(e){return e?"string"==typeof e?g.call(x(e),this[0]):g.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?x(e,t):x.makeArray(e&&e.nodeType?[e]:e),r=x.merge(this.get(),n);return this.pushStack(x.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function Z(e,t){while((e=e[t])&&1!==e.nodeType);return e}x.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return x.dir(e,"parentNode")},parentsUntil:function(e,t,n){return x.dir(e,"parentNode",n)},next:function(e){return Z(e,"nextSibling")},prev:function(e){return Z(e,"previousSibling")},nextAll:function(e){return x.dir(e,"nextSibling")},prevAll:function(e){return x.dir(e,"previousSibling")},nextUntil:function(e,t,n){return x.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return x.dir(e,"previousSibling",n)},siblings:function(e){return x.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return x.sibling(e.firstChild)},contents:function(e){return e.contentDocument||x.merge([],e.childNodes)}},function(e,t){x.fn[e]=function(n,r){var i=x.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=x.filter(r,i)),this.length>1&&(K[e]||x.unique(i),J.test(e)&&i.reverse()),this.pushStack(i)}}),x.extend({filter:function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?x.find.matchesSelector(r,e)?[r]:[]:x.find.matches(e,x.grep(t,function(e){return 1===e.nodeType}))},dir:function(e,t,n){var r=[],i=n!==undefined;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&x(e).is(n))break;r.push(e)}return r},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function et(e,t,n){if(x.isFunction(t))return x.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return x.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(G.test(t))return x.filter(t,e,n);t=x.filter(t,e)}return x.grep(e,function(e){return g.call(t,e)>=0!==n})}var tt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,nt=/<([\w:]+)/,rt=/<|&#?\w+;/,it=/<(?:script|style|link)/i,ot=/^(?:checkbox|radio)$/i,st=/checked\s*(?:[^=]|=\s*.checked.)/i,at=/^$|\/(?:java|ecma)script/i,ut=/^true\/(.*)/,lt=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,ct={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};ct.optgroup=ct.option,ct.tbody=ct.tfoot=ct.colgroup=ct.caption=ct.thead,ct.th=ct.td,x.fn.extend({text:function(e){return x.access(this,function(e){return e===undefined?x.text(this):this.empty().append((this[0]&&this[0].ownerDocument||o).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.appendChild(e)}})},prepend:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=e?x.filter(e,this):this,i=0;for(;null!=(n=r[i]);i++)t||1!==n.nodeType||x.cleanData(mt(n)),n.parentNode&&(t&&x.contains(n.ownerDocument,n)&&dt(mt(n,"script")),n.parentNode.removeChild(n));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++)1===e.nodeType&&(x.cleanData(mt(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return x.clone(this,e,t)})},html:function(e){return x.access(this,function(e){var t=this[0]||{},n=0,r=this.length;if(e===undefined&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!it.test(e)&&!ct[(nt.exec(e)||["",""])[1].toLowerCase()]){e=e.replace(tt,"<$1></$2>");try{for(;r>n;n++)t=this[n]||{},1===t.nodeType&&(x.cleanData(mt(t,!1)),t.innerHTML=e);t=0}catch(i){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=x.map(this,function(e){return[e.nextSibling,e.parentNode]}),t=0;return this.domManip(arguments,function(n){var r=e[t++],i=e[t++];i&&(r&&r.parentNode!==i&&(r=this.nextSibling),x(this).remove(),i.insertBefore(n,r))},!0),t?this:this.remove()},detach:function(e){return this.remove(e,!0)},domManip:function(e,t,n){e=f.apply([],e);var r,i,o,s,a,u,l=0,c=this.length,p=this,h=c-1,d=e[0],g=x.isFunction(d);if(g||!(1>=c||"string"!=typeof d||x.support.checkClone)&&st.test(d))return this.each(function(r){var i=p.eq(r);g&&(e[0]=d.call(this,r,i.html())),i.domManip(e,t,n)});if(c&&(r=x.buildFragment(e,this[0].ownerDocument,!1,!n&&this),i=r.firstChild,1===r.childNodes.length&&(r=i),i)){for(o=x.map(mt(r,"script"),ft),s=o.length;c>l;l++)a=r,l!==h&&(a=x.clone(a,!0,!0),s&&x.merge(o,mt(a,"script"))),t.call(this[l],a,l);if(s)for(u=o[o.length-1].ownerDocument,x.map(o,ht),l=0;s>l;l++)a=o[l],at.test(a.type||"")&&!q.access(a,"globalEval")&&x.contains(u,a)&&(a.src?x._evalUrl(a.src):x.globalEval(a.textContent.replace(lt,"")))}return this}}),x.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){x.fn[e]=function(e){var n,r=[],i=x(e),o=i.length-1,s=0;for(;o>=s;s++)n=s===o?this:this.clone(!0),x(i[s])[t](n),h.apply(r,n.get());return this.pushStack(r)}}),x.extend({clone:function(e,t,n){var r,i,o,s,a=e.cloneNode(!0),u=x.contains(e.ownerDocument,e);if(!(x.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||x.isXMLDoc(e)))for(s=mt(a),o=mt(e),r=0,i=o.length;i>r;r++)yt(o[r],s[r]);if(t)if(n)for(o=o||mt(e),s=s||mt(a),r=0,i=o.length;i>r;r++)gt(o[r],s[r]);else gt(e,a);return s=mt(a,"script"),s.length>0&&dt(s,!u&&mt(e,"script")),a},buildFragment:function(e,t,n,r){var i,o,s,a,u,l,c=0,p=e.length,f=t.createDocumentFragment(),h=[];for(;p>c;c++)if(i=e[c],i||0===i)if("object"===x.type(i))x.merge(h,i.nodeType?[i]:i);else if(rt.test(i)){o=o||f.appendChild(t.createElement("div")),s=(nt.exec(i)||["",""])[1].toLowerCase(),a=ct[s]||ct._default,o.innerHTML=a[1]+i.replace(tt,"<$1></$2>")+a[2],l=a[0];while(l--)o=o.lastChild;x.merge(h,o.childNodes),o=f.firstChild,o.textContent=""}else h.push(t.createTextNode(i));f.textContent="",c=0;while(i=h[c++])if((!r||-1===x.inArray(i,r))&&(u=x.contains(i.ownerDocument,i),o=mt(f.appendChild(i),"script"),u&&dt(o),n)){l=0;while(i=o[l++])at.test(i.type||"")&&n.push(i)}return f},cleanData:function(e){var t,n,r,i,o,s,a=x.event.special,u=0;for(;(n=e[u])!==undefined;u++){if(F.accepts(n)&&(o=n[q.expando],o&&(t=q.cache[o]))){if(r=Object.keys(t.events||{}),r.length)for(s=0;(i=r[s])!==undefined;s++)a[i]?x.event.remove(n,i):x.removeEvent(n,i,t.handle);q.cache[o]&&delete q.cache[o]}delete L.cache[n[L.expando]]}},_evalUrl:function(e){return x.ajax({url:e,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})}});function pt(e,t){return x.nodeName(e,"table")&&x.nodeName(1===t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function ft(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function ht(e){var t=ut.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function dt(e,t){var n=e.length,r=0;for(;n>r;r++)q.set(e[r],"globalEval",!t||q.get(t[r],"globalEval"))}function gt(e,t){var n,r,i,o,s,a,u,l;if(1===t.nodeType){if(q.hasData(e)&&(o=q.access(e),s=q.set(t,o),l=o.events)){delete s.handle,s.events={};for(i in l)for(n=0,r=l[i].length;r>n;n++)x.event.add(t,i,l[i][n])}L.hasData(e)&&(a=L.access(e),u=x.extend({},a),L.set(t,u))}}function mt(e,t){var n=e.getElementsByTagName?e.getElementsByTagName(t||"*"):e.querySelectorAll?e.querySelectorAll(t||"*"):[];return t===undefined||t&&x.nodeName(e,t)?x.merge([e],n):n}function yt(e,t){var n=t.nodeName.toLowerCase();"input"===n&&ot.test(e.type)?t.checked=e.checked:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}x.fn.extend({wrapAll:function(e){var t;return x.isFunction(e)?this.each(function(t){x(this).wrapAll(e.call(this,t))}):(this[0]&&(t=x(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this)},wrapInner:function(e){return x.isFunction(e)?this.each(function(t){x(this).wrapInner(e.call(this,t))}):this.each(function(){var t=x(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=x.isFunction(e);return this.each(function(n){x(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){x.nodeName(this,"body")||x(this).replaceWith(this.childNodes)}).end()}});var vt,xt,bt=/^(none|table(?!-c[ea]).+)/,wt=/^margin/,Tt=RegExp("^("+b+")(.*)$","i"),Ct=RegExp("^("+b+")(?!px)[a-z%]+$","i"),kt=RegExp("^([+-])=("+b+")","i"),Nt={BODY:"block"},Et={position:"absolute",visibility:"hidden",display:"block"},St={letterSpacing:0,fontWeight:400},jt=["Top","Right","Bottom","Left"],Dt=["Webkit","O","Moz","ms"];function At(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=Dt.length;while(i--)if(t=Dt[i]+n,t in e)return t;return r}function Lt(e,t){return e=t||e,"none"===x.css(e,"display")||!x.contains(e.ownerDocument,e)}function qt(t){return e.getComputedStyle(t,null)}function Ht(e,t){var n,r,i,o=[],s=0,a=e.length;for(;a>s;s++)r=e[s],r.style&&(o[s]=q.get(r,"olddisplay"),n=r.style.display,t?(o[s]||"none"!==n||(r.style.display=""),""===r.style.display&&Lt(r)&&(o[s]=q.access(r,"olddisplay",Rt(r.nodeName)))):o[s]||(i=Lt(r),(n&&"none"!==n||!i)&&q.set(r,"olddisplay",i?n:x.css(r,"display"))));for(s=0;a>s;s++)r=e[s],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[s]||"":"none"));return e}x.fn.extend({css:function(e,t){return x.access(this,function(e,t,n){var r,i,o={},s=0;if(x.isArray(t)){for(r=qt(e),i=t.length;i>s;s++)o[t[s]]=x.css(e,t[s],!1,r);return o}return n!==undefined?x.style(e,t,n):x.css(e,t)},e,t,arguments.length>1)},show:function(){return Ht(this,!0)},hide:function(){return Ht(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){Lt(this)?x(this).show():x(this).hide()})}}),x.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=vt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,s,a=x.camelCase(t),u=e.style;return t=x.cssProps[a]||(x.cssProps[a]=At(u,a)),s=x.cssHooks[t]||x.cssHooks[a],n===undefined?s&&"get"in s&&(i=s.get(e,!1,r))!==undefined?i:u[t]:(o=typeof n,"string"===o&&(i=kt.exec(n))&&(n=(i[1]+1)*i[2]+parseFloat(x.css(e,t)),o="number"),null==n||"number"===o&&isNaN(n)||("number"!==o||x.cssNumber[a]||(n+="px"),x.support.clearCloneStyle||""!==n||0!==t.indexOf("background")||(u[t]="inherit"),s&&"set"in s&&(n=s.set(e,n,r))===undefined||(u[t]=n)),undefined)}},css:function(e,t,n,r){var i,o,s,a=x.camelCase(t);return t=x.cssProps[a]||(x.cssProps[a]=At(e.style,a)),s=x.cssHooks[t]||x.cssHooks[a],s&&"get"in s&&(i=s.get(e,!0,n)),i===undefined&&(i=vt(e,t,r)),"normal"===i&&t in St&&(i=St[t]),""===n||n?(o=parseFloat(i),n===!0||x.isNumeric(o)?o||0:i):i}}),vt=function(e,t,n){var r,i,o,s=n||qt(e),a=s?s.getPropertyValue(t)||s[t]:undefined,u=e.style;return s&&(""!==a||x.contains(e.ownerDocument,e)||(a=x.style(e,t)),Ct.test(a)&&wt.test(t)&&(r=u.width,i=u.minWidth,o=u.maxWidth,u.minWidth=u.maxWidth=u.width=a,a=s.width,u.width=r,u.minWidth=i,u.maxWidth=o)),a};function Ot(e,t,n){var r=Tt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function Ft(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,s=0;for(;4>o;o+=2)"margin"===n&&(s+=x.css(e,n+jt[o],!0,i)),r?("content"===n&&(s-=x.css(e,"padding"+jt[o],!0,i)),"margin"!==n&&(s-=x.css(e,"border"+jt[o]+"Width",!0,i))):(s+=x.css(e,"padding"+jt[o],!0,i),"padding"!==n&&(s+=x.css(e,"border"+jt[o]+"Width",!0,i)));return s}function Pt(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=qt(e),s=x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=vt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Ct.test(i))return i;r=s&&(x.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+Ft(e,t,n||(s?"border":"content"),r,o)+"px"}function Rt(e){var t=o,n=Nt[e];return n||(n=Mt(e,t),"none"!==n&&n||(xt=(xt||x("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(t.documentElement),t=(xt[0].contentWindow||xt[0].contentDocument).document,t.write("<!doctype html><html><body>"),t.close(),n=Mt(e,t),xt.detach()),Nt[e]=n),n}function Mt(e,t){var n=x(t.createElement(e)).appendTo(t.body),r=x.css(n[0],"display");return n.remove(),r}x.each(["height","width"],function(e,t){x.cssHooks[t]={get:function(e,n,r){return n?0===e.offsetWidth&&bt.test(x.css(e,"display"))?x.swap(e,Et,function(){return Pt(e,t,r)}):Pt(e,t,r):undefined},set:function(e,n,r){var i=r&&qt(e);return Ot(e,n,r?Ft(e,t,r,x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,i),i):0)}}}),x(function(){x.support.reliableMarginRight||(x.cssHooks.marginRight={get:function(e,t){return t?x.swap(e,{display:"inline-block"},vt,[e,"marginRight"]):undefined}}),!x.support.pixelPosition&&x.fn.position&&x.each(["top","left"],function(e,t){x.cssHooks[t]={get:function(e,n){return n?(n=vt(e,t),Ct.test(n)?x(e).position()[t]+"px":n):undefined}}})}),x.expr&&x.expr.filters&&(x.expr.filters.hidden=function(e){return 0>=e.offsetWidth&&0>=e.offsetHeight},x.expr.filters.visible=function(e){return!x.expr.filters.hidden(e)}),x.each({margin:"",padding:"",border:"Width"},function(e,t){x.cssHooks[e+t]={expand:function(n){var r=0,i={},o="string"==typeof n?n.split(" "):[n];for(;4>r;r++)i[e+jt[r]+t]=o[r]||o[r-2]||o[0];return i}},wt.test(e)||(x.cssHooks[e+t].set=Ot)});var Wt=/%20/g,$t=/\[\]$/,Bt=/\r?\n/g,It=/^(?:submit|button|image|reset|file)$/i,zt=/^(?:input|select|textarea|keygen)/i;x.fn.extend({serialize:function(){return x.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=x.prop(this,"elements");return e?x.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!x(this).is(":disabled")&&zt.test(this.nodeName)&&!It.test(e)&&(this.checked||!ot.test(e))}).map(function(e,t){var n=x(this).val();return null==n?null:x.isArray(n)?x.map(n,function(e){return{name:t.name,value:e.replace(Bt,"\r\n")}}):{name:t.name,value:n.replace(Bt,"\r\n")}}).get()}}),x.param=function(e,t){var n,r=[],i=function(e,t){t=x.isFunction(t)?t():null==t?"":t,r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(t===undefined&&(t=x.ajaxSettings&&x.ajaxSettings.traditional),x.isArray(e)||e.jquery&&!x.isPlainObject(e))x.each(e,function(){i(this.name,this.value)});else for(n in e)_t(n,e[n],t,i);return r.join("&").replace(Wt,"+")};function _t(e,t,n,r){var i;if(x.isArray(t))x.each(t,function(t,i){n||$t.test(e)?r(e,i):_t(e+"["+("object"==typeof i?t:"")+"]",i,n,r)});else if(n||"object"!==x.type(t))r(e,t);else for(i in t)_t(e+"["+i+"]",t[i],n,r)}x.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){x.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),x.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)
+};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,s,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return q.get(e,n)||q.access(e,n,{empty:x.Callbacks("once memory").add(function(){q.remove(e,[t+"queue",n])})})}}),x.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),n>arguments.length?x.queue(this[0],e):t===undefined?this:this.each(function(){var n=x.queue(this,e,t);x._queueHooks(this,e),"fx"===e&&"inprogress"!==n[0]&&x.dequeue(this,e)})},dequeue:function(e){return this.each(function(){x.dequeue(this,e)})},delay:function(e,t){return e=x.fx?x.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=x.Deferred(),o=this,s=this.length,a=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=undefined),e=e||"fx";while(s--)n=q.get(o[s],e+"queueHooks"),n&&n.empty&&(r++,n.empty.add(a));return a(),i.promise(t)}});var R,M,W=/[\t\r\n\f]/g,$=/\r/g,B=/^(?:input|select|textarea|button)$/i;x.fn.extend({attr:function(e,t){return x.access(this,x.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){x.removeAttr(this,e)})},prop:function(e,t){return x.access(this,x.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[x.propFix[e]||e]})},addClass:function(e){var t,n,r,i,o,s=0,a=this.length,u="string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).addClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=x.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,s=0,a=this.length,u=0===arguments.length||"string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).removeClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?x.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):x.isFunction(e)?this.each(function(n){x(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var t,i=0,o=x(this),s=e.match(w)||[];while(t=s[i++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else(n===r||"boolean"===n)&&(this.className&&q.set(this,"__className__",this.className),this.className=this.className||e===!1?"":q.get(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(W," ").indexOf(t)>=0)return!0;return!1},val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=x.isFunction(e),this.each(function(n){var i;1===this.nodeType&&(i=r?e.call(this,n,x(this).val()):e,null==i?i="":"number"==typeof i?i+="":x.isArray(i)&&(i=x.map(i,function(e){return null==e?"":e+""})),t=x.valHooks[this.type]||x.valHooks[this.nodeName.toLowerCase()],t&&"set"in t&&t.set(this,i,"value")!==undefined||(this.value=i))});if(i)return t=x.valHooks[i.type]||x.valHooks[i.nodeName.toLowerCase()],t&&"get"in t&&(n=t.get(i,"value"))!==undefined?n:(n=i.value,"string"==typeof n?n.replace($,""):null==n?"":n)}}}),x.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,s=o?null:[],a=o?i+1:r.length,u=0>i?a:o?i:0;for(;a>u;u++)if(n=r[u],!(!n.selected&&u!==i||(x.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&x.nodeName(n.parentNode,"optgroup"))){if(t=x(n).val(),o)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=x.makeArray(t),s=i.length;while(s--)r=i[s],(r.selected=x.inArray(x(r).val(),o)>=0)&&(n=!0);return n||(e.selectedIndex=-1),o}}},attr:function(e,t,n){var i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return typeof e.getAttribute===r?x.prop(e,t,n):(1===s&&x.isXMLDoc(e)||(t=t.toLowerCase(),i=x.attrHooks[t]||(x.expr.match.bool.test(t)?M:R)),n===undefined?i&&"get"in i&&null!==(o=i.get(e,t))?o:(o=x.find.attr(e,t),null==o?undefined:o):null!==n?i&&"set"in i&&(o=i.set(e,n,t))!==undefined?o:(e.setAttribute(t,n+""),n):(x.removeAttr(e,t),undefined))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(w);if(o&&1===e.nodeType)while(n=o[i++])r=x.propFix[n]||n,x.expr.match.bool.test(n)&&(e[r]=!1),e.removeAttribute(n)},attrHooks:{type:{set:function(e,t){if(!x.support.radioValue&&"radio"===t&&x.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{"for":"htmlFor","class":"className"},prop:function(e,t,n){var r,i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return o=1!==s||!x.isXMLDoc(e),o&&(t=x.propFix[t]||t,i=x.propHooks[t]),n!==undefined?i&&"set"in i&&(r=i.set(e,n,t))!==undefined?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){return e.hasAttribute("tabindex")||B.test(e.nodeName)||e.href?e.tabIndex:-1}}}}),M={set:function(e,t,n){return t===!1?x.removeAttr(e,n):e.setAttribute(n,n),n}},x.each(x.expr.match.bool.source.match(/\w+/g),function(e,t){var n=x.expr.attrHandle[t]||x.find.attr;x.expr.attrHandle[t]=function(e,t,r){var i=x.expr.attrHandle[t],o=r?undefined:(x.expr.attrHandle[t]=undefined)!=n(e,t,r)?t.toLowerCase():null;return x.expr.attrHandle[t]=i,o}}),x.support.optSelected||(x.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null}}),x.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){x.propFix[this.toLowerCase()]=this}),x.each(["radio","checkbox"],function(){x.valHooks[this]={set:function(e,t){return x.isArray(t)?e.checked=x.inArray(x(e).val(),t)>=0:undefined}},x.support.checkOn||(x.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var I=/^key/,z=/^(?:mouse|contextmenu)|click/,_=/^(?:focusinfocus|focusoutblur)$/,X=/^([^.]*)(?:\.(.+)|)$/;function U(){return!0}function Y(){return!1}function V(){try{return o.activeElement}catch(e){}}x.event={global:{},add:function(e,t,n,i,o){var s,a,u,l,c,p,f,h,d,g,m,y=q.get(e);if(y){n.handler&&(s=n,n=s.handler,o=s.selector),n.guid||(n.guid=x.guid++),(l=y.events)||(l=y.events={}),(a=y.handle)||(a=y.handle=function(e){return typeof x===r||e&&x.event.triggered===e.type?undefined:x.event.dispatch.apply(a.elem,arguments)},a.elem=e),t=(t||"").match(w)||[""],c=t.length;while(c--)u=X.exec(t[c])||[],d=m=u[1],g=(u[2]||"").split(".").sort(),d&&(f=x.event.special[d]||{},d=(o?f.delegateType:f.bindType)||d,f=x.event.special[d]||{},p=x.extend({type:d,origType:m,data:i,handler:n,guid:n.guid,selector:o,needsContext:o&&x.expr.match.needsContext.test(o),namespace:g.join(".")},s),(h=l[d])||(h=l[d]=[],h.delegateCount=0,f.setup&&f.setup.call(e,i,g,a)!==!1||e.addEventListener&&e.addEventListener(d,a,!1)),f.add&&(f.add.call(e,p),p.handler.guid||(p.handler.guid=n.guid)),o?h.splice(h.delegateCount++,0,p):h.push(p),x.event.global[d]=!0);e=null}},remove:function(e,t,n,r,i){var o,s,a,u,l,c,p,f,h,d,g,m=q.hasData(e)&&q.get(e);if(m&&(u=m.events)){t=(t||"").match(w)||[""],l=t.length;while(l--)if(a=X.exec(t[l])||[],h=g=a[1],d=(a[2]||"").split(".").sort(),h){p=x.event.special[h]||{},h=(r?p.delegateType:p.bindType)||h,f=u[h]||[],a=a[2]&&RegExp("(^|\\.)"+d.join("\\.(?:.*\\.|)")+"(\\.|$)"),s=o=f.length;while(o--)c=f[o],!i&&g!==c.origType||n&&n.guid!==c.guid||a&&!a.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(f.splice(o,1),c.selector&&f.delegateCount--,p.remove&&p.remove.call(e,c));s&&!f.length&&(p.teardown&&p.teardown.call(e,d,m.handle)!==!1||x.removeEvent(e,h,m.handle),delete u[h])}else for(h in u)x.event.remove(e,h+t[l],n,r,!0);x.isEmptyObject(u)&&(delete m.handle,q.remove(e,"events"))}},trigger:function(t,n,r,i){var s,a,u,l,c,p,f,h=[r||o],d=y.call(t,"type")?t.type:t,g=y.call(t,"namespace")?t.namespace.split("."):[];if(a=u=r=r||o,3!==r.nodeType&&8!==r.nodeType&&!_.test(d+x.event.triggered)&&(d.indexOf(".")>=0&&(g=d.split("."),d=g.shift(),g.sort()),c=0>d.indexOf(":")&&"on"+d,t=t[x.expando]?t:new x.Event(d,"object"==typeof t&&t),t.isTrigger=i?2:3,t.namespace=g.join("."),t.namespace_re=t.namespace?RegExp("(^|\\.)"+g.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=undefined,t.target||(t.target=r),n=null==n?[t]:x.makeArray(n,[t]),f=x.event.special[d]||{},i||!f.trigger||f.trigger.apply(r,n)!==!1)){if(!i&&!f.noBubble&&!x.isWindow(r)){for(l=f.delegateType||d,_.test(l+d)||(a=a.parentNode);a;a=a.parentNode)h.push(a),u=a;u===(r.ownerDocument||o)&&h.push(u.defaultView||u.parentWindow||e)}s=0;while((a=h[s++])&&!t.isPropagationStopped())t.type=s>1?l:f.bindType||d,p=(q.get(a,"events")||{})[t.type]&&q.get(a,"handle"),p&&p.apply(a,n),p=c&&a[c],p&&x.acceptData(a)&&p.apply&&p.apply(a,n)===!1&&t.preventDefault();return t.type=d,i||t.isDefaultPrevented()||f._default&&f._default.apply(h.pop(),n)!==!1||!x.acceptData(r)||c&&x.isFunction(r[d])&&!x.isWindow(r)&&(u=r[c],u&&(r[c]=null),x.event.triggered=d,r[d](),x.event.triggered=undefined,u&&(r[c]=u)),t.result}},dispatch:function(e){e=x.event.fix(e);var t,n,r,i,o,s=[],a=d.call(arguments),u=(q.get(this,"events")||{})[e.type]||[],l=x.event.special[e.type]||{};if(a[0]=e,e.delegateTarget=this,!l.preDispatch||l.preDispatch.call(this,e)!==!1){s=x.event.handlers.call(this,e,u),t=0;while((i=s[t++])&&!e.isPropagationStopped()){e.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(o.namespace))&&(e.handleObj=o,e.data=o.data,r=((x.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,a),r!==undefined&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return l.postDispatch&&l.postDispatch.call(this,e),e.result}},handlers:function(e,t){var n,r,i,o,s=[],a=t.delegateCount,u=e.target;if(a&&u.nodeType&&(!e.button||"click"!==e.type))for(;u!==this;u=u.parentNode||this)if(u.disabled!==!0||"click"!==e.type){for(r=[],n=0;a>n;n++)o=t[n],i=o.selector+" ",r[i]===undefined&&(r[i]=o.needsContext?x(i,this).index(u)>=0:x.find(i,this,null,[u]).length),r[i]&&r.push(o);r.length&&s.push({elem:u,handlers:r})}return t.length>a&&s.push({elem:this,handlers:t.slice(a)}),s},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,t){var n,r,i,s=t.button;return null==e.pageX&&null!=t.clientX&&(n=e.target.ownerDocument||o,r=n.documentElement,i=n.body,e.pageX=t.clientX+(r&&r.scrollLeft||i&&i.scrollLeft||0)-(r&&r.clientLeft||i&&i.clientLeft||0),e.pageY=t.clientY+(r&&r.scrollTop||i&&i.scrollTop||0)-(r&&r.clientTop||i&&i.clientTop||0)),e.which||s===undefined||(e.which=1&s?1:2&s?3:4&s?2:0),e}},fix:function(e){if(e[x.expando])return e;var t,n,r,i=e.type,s=e,a=this.fixHooks[i];a||(this.fixHooks[i]=a=z.test(i)?this.mouseHooks:I.test(i)?this.keyHooks:{}),r=a.props?this.props.concat(a.props):this.props,e=new x.Event(s),t=r.length;while(t--)n=r[t],e[n]=s[n];return e.target||(e.target=o),3===e.target.nodeType&&(e.target=e.target.parentNode),a.filter?a.filter(e,s):e},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==V()&&this.focus?(this.focus(),!1):undefined},delegateType:"focusin"},blur:{trigger:function(){return this===V()&&this.blur?(this.blur(),!1):undefined},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&x.nodeName(this,"input")?(this.click(),!1):undefined},_default:function(e){return x.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){e.result!==undefined&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=x.extend(new x.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?x.event.trigger(i,null,t):x.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},x.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)},x.Event=function(e,t){return this instanceof x.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.getPreventDefault&&e.getPreventDefault()?U:Y):this.type=e,t&&x.extend(this,t),this.timeStamp=e&&e.timeStamp||x.now(),this[x.expando]=!0,undefined):new x.Event(e,t)},x.Event.prototype={isDefaultPrevented:Y,isPropagationStopped:Y,isImmediatePropagationStopped:Y,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=U,e&&e.preventDefault&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=U,e&&e.stopPropagation&&e.stopPropagation()},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=U,this.stopPropagation()}},x.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){x.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return(!i||i!==r&&!x.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),x.support.focusinBubbles||x.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){x.event.simulate(t,e.target,x.event.fix(e),!0)};x.event.special[t]={setup:function(){0===n++&&o.addEventListener(e,r,!0)},teardown:function(){0===--n&&o.removeEventListener(e,r,!0)}}}),x.fn.extend({on:function(e,t,n,r,i){var o,s;if("object"==typeof e){"string"!=typeof t&&(n=n||t,t=undefined);for(s in e)this.on(s,t,n,e[s],i);return this}if(null==n&&null==r?(r=t,n=t=undefined):null==r&&("string"==typeof t?(r=n,n=undefined):(r=n,n=t,t=undefined)),r===!1)r=Y;else if(!r)return this;return 1===i&&(o=r,r=function(e){return x().off(e),o.apply(this,arguments)},r.guid=o.guid||(o.guid=x.guid++)),this.each(function(){x.event.add(this,e,r,n,t)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,x(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return(t===!1||"function"==typeof t)&&(n=t,t=undefined),n===!1&&(n=Y),this.each(function(){x.event.remove(this,e,n,t)})},trigger:function(e,t){return this.each(function(){x.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];return n?x.event.trigger(e,t,n,!0):undefined}});var G=/^.[^:#\[\.,]*$/,J=/^(?:parents|prev(?:Until|All))/,Q=x.expr.match.needsContext,K={children:!0,contents:!0,next:!0,prev:!0};x.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(x(e).filter(function(){for(t=0;i>t;t++)if(x.contains(r[t],this))return!0}));for(t=0;i>t;t++)x.find(e,r[t],n);return n=this.pushStack(i>1?x.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},has:function(e){var t=x(e,this),n=t.length;return this.filter(function(){var e=0;for(;n>e;e++)if(x.contains(this,t[e]))return!0})},not:function(e){return this.pushStack(et(this,e||[],!0))},filter:function(e){return this.pushStack(et(this,e||[],!1))},is:function(e){return!!et(this,"string"==typeof e&&Q.test(e)?x(e):e||[],!1).length},closest:function(e,t){var n,r=0,i=this.length,o=[],s=Q.test(e)||"string"!=typeof e?x(e,t||this.context):0;for(;i>r;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(11>n.nodeType&&(s?s.index(n)>-1:1===n.nodeType&&x.find.matchesSelector(n,e))){n=o.push(n);break}return this.pushStack(o.length>1?x.unique(o):o)},index:function(e){return e?"string"==typeof e?g.call(x(e),this[0]):g.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?x(e,t):x.makeArray(e&&e.nodeType?[e]:e),r=x.merge(this.get(),n);return this.pushStack(x.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function Z(e,t){while((e=e[t])&&1!==e.nodeType);return e}x.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return x.dir(e,"parentNode")},parentsUntil:function(e,t,n){return x.dir(e,"parentNode",n)},next:function(e){return Z(e,"nextSibling")},prev:function(e){return Z(e,"previousSibling")},nextAll:function(e){return x.dir(e,"nextSibling")},prevAll:function(e){return x.dir(e,"previousSibling")},nextUntil:function(e,t,n){return x.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return x.dir(e,"previousSibling",n)},siblings:function(e){return x.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return x.sibling(e.firstChild)},contents:function(e){return e.contentDocument||x.merge([],e.childNodes)}},function(e,t){x.fn[e]=function(n,r){var i=x.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=x.filter(r,i)),this.length>1&&(K[e]||x.unique(i),J.test(e)&&i.reverse()),this.pushStack(i)}}),x.extend({filter:function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?x.find.matchesSelector(r,e)?[r]:[]:x.find.matches(e,x.grep(t,function(e){return 1===e.nodeType}))},dir:function(e,t,n){var r=[],i=n!==undefined;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&x(e).is(n))break;r.push(e)}return r},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function et(e,t,n){if(x.isFunction(t))return x.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return x.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(G.test(t))return x.filter(t,e,n);t=x.filter(t,e)}return x.grep(e,function(e){return g.call(t,e)>=0!==n})}var tt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,nt=/<([\w:]+)/,rt=/<|&#?\w+;/,it=/<(?:script|style|link)/i,ot=/^(?:checkbox|radio)$/i,st=/checked\s*(?:[^=]|=\s*.checked.)/i,at=/^$|\/(?:java|ecma)script/i,ut=/^true\/(.*)/,lt=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,ct={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};ct.optgroup=ct.option,ct.tbody=ct.tfoot=ct.colgroup=ct.caption=ct.thead,ct.th=ct.td,x.fn.extend({text:function(e){return x.access(this,function(e){return e===undefined?x.text(this):this.empty().append((this[0]&&this[0].ownerDocument||o).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.appendChild(e)}})},prepend:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=e?x.filter(e,this):this,i=0;for(;null!=(n=r[i]);i++)t||1!==n.nodeType||x.cleanData(mt(n)),n.parentNode&&(t&&x.contains(n.ownerDocument,n)&&dt(mt(n,"script")),n.parentNode.removeChild(n));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++)1===e.nodeType&&(x.cleanData(mt(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return x.clone(this,e,t)})},html:function(e){return x.access(this,function(e){var t=this[0]||{},n=0,r=this.length;if(e===undefined&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!it.test(e)&&!ct[(nt.exec(e)||["",""])[1].toLowerCase()]){e=e.replace(tt,"<$1></$2>");try{for(;r>n;n++)t=this[n]||{},1===t.nodeType&&(x.cleanData(mt(t,!1)),t.innerHTML=e);t=0}catch(i){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=x.map(this,function(e){return[e.nextSibling,e.parentNode]}),t=0;return this.domManip(arguments,function(n){var r=e[t++],i=e[t++];i&&(r&&r.parentNode!==i&&(r=this.nextSibling),x(this).remove(),i.insertBefore(n,r))},!0),t?this:this.remove()},detach:function(e){return this.remove(e,!0)},domManip:function(e,t,n){e=f.apply([],e);var r,i,o,s,a,u,l=0,c=this.length,p=this,h=c-1,d=e[0],g=x.isFunction(d);if(g||!(1>=c||"string"!=typeof d||x.support.checkClone)&&st.test(d))return this.each(function(r){var i=p.eq(r);g&&(e[0]=d.call(this,r,i.html())),i.domManip(e,t,n)});if(c&&(r=x.buildFragment(e,this[0].ownerDocument,!1,!n&&this),i=r.firstChild,1===r.childNodes.length&&(r=i),i)){for(o=x.map(mt(r,"script"),ft),s=o.length;c>l;l++)a=r,l!==h&&(a=x.clone(a,!0,!0),s&&x.merge(o,mt(a,"script"))),t.call(this[l],a,l);if(s)for(u=o[o.length-1].ownerDocument,x.map(o,ht),l=0;s>l;l++)a=o[l],at.test(a.type||"")&&!q.access(a,"globalEval")&&x.contains(u,a)&&(a.src?x._evalUrl(a.src):x.globalEval(a.textContent.replace(lt,"")))}return this}}),x.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){x.fn[e]=function(e){var n,r=[],i=x(e),o=i.length-1,s=0;for(;o>=s;s++)n=s===o?this:this.clone(!0),x(i[s])[t](n),h.apply(r,n.get());return this.pushStack(r)}}),x.extend({clone:function(e,t,n){var r,i,o,s,a=e.cloneNode(!0),u=x.contains(e.ownerDocument,e);if(!(x.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||x.isXMLDoc(e)))for(s=mt(a),o=mt(e),r=0,i=o.length;i>r;r++)yt(o[r],s[r]);if(t)if(n)for(o=o||mt(e),s=s||mt(a),r=0,i=o.length;i>r;r++)gt(o[r],s[r]);else gt(e,a);return s=mt(a,"script"),s.length>0&&dt(s,!u&&mt(e,"script")),a},buildFragment:function(e,t,n,r){var i,o,s,a,u,l,c=0,p=e.length,f=t.createDocumentFragment(),h=[];for(;p>c;c++)if(i=e[c],i||0===i)if("object"===x.type(i))x.merge(h,i.nodeType?[i]:i);else if(rt.test(i)){o=o||f.appendChild(t.createElement("div")),s=(nt.exec(i)||["",""])[1].toLowerCase(),a=ct[s]||ct._default,o.innerHTML=a[1]+i.replace(tt,"<$1></$2>")+a[2],l=a[0];while(l--)o=o.lastChild;x.merge(h,o.childNodes),o=f.firstChild,o.textContent=""}else h.push(t.createTextNode(i));f.textContent="",c=0;while(i=h[c++])if((!r||-1===x.inArray(i,r))&&(u=x.contains(i.ownerDocument,i),o=mt(f.appendChild(i),"script"),u&&dt(o),n)){l=0;while(i=o[l++])at.test(i.type||"")&&n.push(i)}return f},cleanData:function(e){var t,n,r,i,o,s,a=x.event.special,u=0;for(;(n=e[u])!==undefined;u++){if(F.accepts(n)&&(o=n[q.expando],o&&(t=q.cache[o]))){if(r=Object.keys(t.events||{}),r.length)for(s=0;(i=r[s])!==undefined;s++)a[i]?x.event.remove(n,i):x.removeEvent(n,i,t.handle);q.cache[o]&&delete q.cache[o]}delete L.cache[n[L.expando]]}},_evalUrl:function(e){return x.ajax({url:e,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})}});function pt(e,t){return x.nodeName(e,"table")&&x.nodeName(1===t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function ft(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function ht(e){var t=ut.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function dt(e,t){var n=e.length,r=0;for(;n>r;r++)q.set(e[r],"globalEval",!t||q.get(t[r],"globalEval"))}function gt(e,t){var n,r,i,o,s,a,u,l;if(1===t.nodeType){if(q.hasData(e)&&(o=q.access(e),s=q.set(t,o),l=o.events)){delete s.handle,s.events={};for(i in l)for(n=0,r=l[i].length;r>n;n++)x.event.add(t,i,l[i][n])}L.hasData(e)&&(a=L.access(e),u=x.extend({},a),L.set(t,u))}}function mt(e,t){var n=e.getElementsByTagName?e.getElementsByTagName(t||"*"):e.querySelectorAll?e.querySelectorAll(t||"*"):[];return t===undefined||t&&x.nodeName(e,t)?x.merge([e],n):n}function yt(e,t){var n=t.nodeName.toLowerCase();"input"===n&&ot.test(e.type)?t.checked=e.checked:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}x.fn.extend({wrapAll:function(e){var t;return x.isFunction(e)?this.each(function(t){x(this).wrapAll(e.call(this,t))}):(this[0]&&(t=x(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this)},wrapInner:function(e){return x.isFunction(e)?this.each(function(t){x(this).wrapInner(e.call(this,t))}):this.each(function(){var t=x(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=x.isFunction(e);return this.each(function(n){x(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){x.nodeName(this,"body")||x(this).replaceWith(this.childNodes)}).end()}});var vt,xt,bt=/^(none|table(?!-c[ea]).+)/,wt=/^margin/,Tt=RegExp("^("+b+")(.*)$","i"),Ct=RegExp("^("+b+")(?!px)[a-z%]+$","i"),kt=RegExp("^([+-])=("+b+")","i"),Nt={BODY:"block"},Et={position:"absolute",visibility:"hidden",display:"block"},St={letterSpacing:0,fontWeight:400},jt=["Top","Right","Bottom","Left"],Dt=["Webkit","O","Moz","ms"];function At(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=Dt.length;while(i--)if(t=Dt[i]+n,t in e)return t;return r}function Lt(e,t){return e=t||e,"none"===x.css(e,"display")||!x.contains(e.ownerDocument,e)}function qt(t){return e.getComputedStyle(t,null)}function Ht(e,t){var n,r,i,o=[],s=0,a=e.length;for(;a>s;s++)r=e[s],r.style&&(o[s]=q.get(r,"olddisplay"),n=r.style.display,t?(o[s]||"none"!==n||(r.style.display=""),""===r.style.display&&Lt(r)&&(o[s]=q.access(r,"olddisplay",Rt(r.nodeName)))):o[s]||(i=Lt(r),(n&&"none"!==n||!i)&&q.set(r,"olddisplay",i?n:x.css(r,"display"))));for(s=0;a>s;s++)r=e[s],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[s]||"":"none"));return e}x.fn.extend({css:function(e,t){return x.access(this,function(e,t,n){var r,i,o={},s=0;if(x.isArray(t)){for(r=qt(e),i=t.length;i>s;s++)o[t[s]]=x.css(e,t[s],!1,r);return o}return n!==undefined?x.style(e,t,n):x.css(e,t)},e,t,arguments.length>1)},show:function(){return Ht(this,!0)},hide:function(){return Ht(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){Lt(this)?x(this).show():x(this).hide()})}}),x.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=vt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,s,a=x.camelCase(t),u=e.style;return t=x.cssProps[a]||(x.cssProps[a]=At(u,a)),s=x.cssHooks[t]||x.cssHooks[a],n===undefined?s&&"get"in s&&(i=s.get(e,!1,r))!==undefined?i:u[t]:(o=typeof n,"string"===o&&(i=kt.exec(n))&&(n=(i[1]+1)*i[2]+parseFloat(x.css(e,t)),o="number"),null==n||"number"===o&&isNaN(n)||("number"!==o||x.cssNumber[a]||(n+="px"),x.support.clearCloneStyle||""!==n||0!==t.indexOf("background")||(u[t]="inherit"),s&&"set"in s&&(n=s.set(e,n,r))===undefined||(u[t]=n)),undefined)}},css:function(e,t,n,r){var i,o,s,a=x.camelCase(t);return t=x.cssProps[a]||(x.cssProps[a]=At(e.style,a)),s=x.cssHooks[t]||x.cssHooks[a],s&&"get"in s&&(i=s.get(e,!0,n)),i===undefined&&(i=vt(e,t,r)),"normal"===i&&t in St&&(i=St[t]),""===n||n?(o=parseFloat(i),n===!0||x.isNumeric(o)?o||0:i):i}}),vt=function(e,t,n){var r,i,o,s=n||qt(e),a=s?s.getPropertyValue(t)||s[t]:undefined,u=e.style;return s&&(""!==a||x.contains(e.ownerDocument,e)||(a=x.style(e,t)),Ct.test(a)&&wt.test(t)&&(r=u.width,i=u.minWidth,o=u.maxWidth,u.minWidth=u.maxWidth=u.width=a,a=s.width,u.width=r,u.minWidth=i,u.maxWidth=o)),a};function Ot(e,t,n){var r=Tt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function Ft(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,s=0;for(;4>o;o+=2)"margin"===n&&(s+=x.css(e,n+jt[o],!0,i)),r?("content"===n&&(s-=x.css(e,"padding"+jt[o],!0,i)),"margin"!==n&&(s-=x.css(e,"border"+jt[o]+"Width",!0,i))):(s+=x.css(e,"padding"+jt[o],!0,i),"padding"!==n&&(s+=x.css(e,"border"+jt[o]+"Width",!0,i)));return s}function Pt(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=qt(e),s=x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=vt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Ct.test(i))return i;r=s&&(x.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+Ft(e,t,n||(s?"border":"content"),r,o)+"px"}function Rt(e){var t=o,n=Nt[e];return n||(n=Mt(e,t),"none"!==n&&n||(xt=(xt||x("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(t.documentElement),t=(xt[0].contentWindow||xt[0].contentDocument).document,t.write("<!DOCTYPE html><html><body>"),t.close(),n=Mt(e,t),xt.detach()),Nt[e]=n),n}function Mt(e,t){var n=x(t.createElement(e)).appendTo(t.body),r=x.css(n[0],"display");return n.remove(),r}x.each(["height","width"],function(e,t){x.cssHooks[t]={get:function(e,n,r){return n?0===e.offsetWidth&&bt.test(x.css(e,"display"))?x.swap(e,Et,function(){return Pt(e,t,r)}):Pt(e,t,r):undefined},set:function(e,n,r){var i=r&&qt(e);return Ot(e,n,r?Ft(e,t,r,x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,i),i):0)}}}),x(function(){x.support.reliableMarginRight||(x.cssHooks.marginRight={get:function(e,t){return t?x.swap(e,{display:"inline-block"},vt,[e,"marginRight"]):undefined}}),!x.support.pixelPosition&&x.fn.position&&x.each(["top","left"],function(e,t){x.cssHooks[t]={get:function(e,n){return n?(n=vt(e,t),Ct.test(n)?x(e).position()[t]+"px":n):undefined}}})}),x.expr&&x.expr.filters&&(x.expr.filters.hidden=function(e){return 0>=e.offsetWidth&&0>=e.offsetHeight},x.expr.filters.visible=function(e){return!x.expr.filters.hidden(e)}),x.each({margin:"",padding:"",border:"Width"},function(e,t){x.cssHooks[e+t]={expand:function(n){var r=0,i={},o="string"==typeof n?n.split(" "):[n];for(;4>r;r++)i[e+jt[r]+t]=o[r]||o[r-2]||o[0];return i}},wt.test(e)||(x.cssHooks[e+t].set=Ot)});var Wt=/%20/g,$t=/\[\]$/,Bt=/\r?\n/g,It=/^(?:submit|button|image|reset|file)$/i,zt=/^(?:input|select|textarea|keygen)/i;x.fn.extend({serialize:function(){return x.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=x.prop(this,"elements");return e?x.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!x(this).is(":disabled")&&zt.test(this.nodeName)&&!It.test(e)&&(this.checked||!ot.test(e))}).map(function(e,t){var n=x(this).val();return null==n?null:x.isArray(n)?x.map(n,function(e){return{name:t.name,value:e.replace(Bt,"\r\n")}}):{name:t.name,value:n.replace(Bt,"\r\n")}}).get()}}),x.param=function(e,t){var n,r=[],i=function(e,t){t=x.isFunction(t)?t():null==t?"":t,r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(t===undefined&&(t=x.ajaxSettings&&x.ajaxSettings.traditional),x.isArray(e)||e.jquery&&!x.isPlainObject(e))x.each(e,function(){i(this.name,this.value)});else for(n in e)_t(n,e[n],t,i);return r.join("&").replace(Wt,"+")};function _t(e,t,n,r){var i;if(x.isArray(t))x.each(t,function(t,i){n||$t.test(e)?r(e,i):_t(e+"["+("object"==typeof i?t:"")+"]",i,n,r)});else if(n||"object"!==x.type(t))r(e,t);else for(i in t)_t(e+"["+i+"]",t[i],n,r)}x.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){x.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),x.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)
 },delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)}});var Xt,Ut,Yt=x.now(),Vt=/\?/,Gt=/#.*$/,Jt=/([?&])_=[^&]*/,Qt=/^(.*?):[ \t]*([^\r\n]*)$/gm,Kt=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Zt=/^(?:GET|HEAD)$/,en=/^\/\//,tn=/^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,nn=x.fn.load,rn={},on={},sn="*/".concat("*");try{Ut=i.href}catch(an){Ut=o.createElement("a"),Ut.href="",Ut=Ut.href}Xt=tn.exec(Ut.toLowerCase())||[];function un(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(w)||[];if(x.isFunction(n))while(r=o[i++])"+"===r[0]?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function ln(e,t,n,r){var i={},o=e===on;function s(a){var u;return i[a]=!0,x.each(e[a]||[],function(e,a){var l=a(t,n,r);return"string"!=typeof l||o||i[l]?o?!(u=l):undefined:(t.dataTypes.unshift(l),s(l),!1)}),u}return s(t.dataTypes[0])||!i["*"]&&s("*")}function cn(e,t){var n,r,i=x.ajaxSettings.flatOptions||{};for(n in t)t[n]!==undefined&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&x.extend(!0,e,r),e}x.fn.load=function(e,t,n){if("string"!=typeof e&&nn)return nn.apply(this,arguments);var r,i,o,s=this,a=e.indexOf(" ");return a>=0&&(r=e.slice(a),e=e.slice(0,a)),x.isFunction(t)?(n=t,t=undefined):t&&"object"==typeof t&&(i="POST"),s.length>0&&x.ajax({url:e,type:i,dataType:"html",data:t}).done(function(e){o=arguments,s.html(r?x("<div>").append(x.parseHTML(e)).find(r):e)}).complete(n&&function(e,t){s.each(n,o||[e.responseText,t,e])}),this},x.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){x.fn[t]=function(e){return this.on(t,e)}}),x.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Ut,type:"GET",isLocal:Kt.test(Xt[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":sn,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":x.parseJSON,"text xml":x.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?cn(cn(e,x.ajaxSettings),t):cn(x.ajaxSettings,e)},ajaxPrefilter:un(rn),ajaxTransport:un(on),ajax:function(e,t){"object"==typeof e&&(t=e,e=undefined),t=t||{};var n,r,i,o,s,a,u,l,c=x.ajaxSetup({},t),p=c.context||c,f=c.context&&(p.nodeType||p.jquery)?x(p):x.event,h=x.Deferred(),d=x.Callbacks("once memory"),g=c.statusCode||{},m={},y={},v=0,b="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(2===v){if(!o){o={};while(t=Qt.exec(i))o[t[1].toLowerCase()]=t[2]}t=o[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return 2===v?i:null},setRequestHeader:function(e,t){var n=e.toLowerCase();return v||(e=y[n]=y[n]||e,m[e]=t),this},overrideMimeType:function(e){return v||(c.mimeType=e),this},statusCode:function(e){var t;if(e)if(2>v)for(t in e)g[t]=[g[t],e[t]];else T.always(e[T.status]);return this},abort:function(e){var t=e||b;return n&&n.abort(t),k(0,t),this}};if(h.promise(T).complete=d.add,T.success=T.done,T.error=T.fail,c.url=((e||c.url||Ut)+"").replace(Gt,"").replace(en,Xt[1]+"//"),c.type=t.method||t.type||c.method||c.type,c.dataTypes=x.trim(c.dataType||"*").toLowerCase().match(w)||[""],null==c.crossDomain&&(a=tn.exec(c.url.toLowerCase()),c.crossDomain=!(!a||a[1]===Xt[1]&&a[2]===Xt[2]&&(a[3]||("http:"===a[1]?"80":"443"))===(Xt[3]||("http:"===Xt[1]?"80":"443")))),c.data&&c.processData&&"string"!=typeof c.data&&(c.data=x.param(c.data,c.traditional)),ln(rn,c,t,T),2===v)return T;u=c.global,u&&0===x.active++&&x.event.trigger("ajaxStart"),c.type=c.type.toUpperCase(),c.hasContent=!Zt.test(c.type),r=c.url,c.hasContent||(c.data&&(r=c.url+=(Vt.test(r)?"&":"?")+c.data,delete c.data),c.cache===!1&&(c.url=Jt.test(r)?r.replace(Jt,"$1_="+Yt++):r+(Vt.test(r)?"&":"?")+"_="+Yt++)),c.ifModified&&(x.lastModified[r]&&T.setRequestHeader("If-Modified-Since",x.lastModified[r]),x.etag[r]&&T.setRequestHeader("If-None-Match",x.etag[r])),(c.data&&c.hasContent&&c.contentType!==!1||t.contentType)&&T.setRequestHeader("Content-Type",c.contentType),T.setRequestHeader("Accept",c.dataTypes[0]&&c.accepts[c.dataTypes[0]]?c.accepts[c.dataTypes[0]]+("*"!==c.dataTypes[0]?", "+sn+"; q=0.01":""):c.accepts["*"]);for(l in c.headers)T.setRequestHeader(l,c.headers[l]);if(c.beforeSend&&(c.beforeSend.call(p,T,c)===!1||2===v))return T.abort();b="abort";for(l in{success:1,error:1,complete:1})T[l](c[l]);if(n=ln(on,c,t,T)){T.readyState=1,u&&f.trigger("ajaxSend",[T,c]),c.async&&c.timeout>0&&(s=setTimeout(function(){T.abort("timeout")},c.timeout));try{v=1,n.send(m,k)}catch(C){if(!(2>v))throw C;k(-1,C)}}else k(-1,"No Transport");function k(e,t,o,a){var l,m,y,b,w,C=t;2!==v&&(v=2,s&&clearTimeout(s),n=undefined,i=a||"",T.readyState=e>0?4:0,l=e>=200&&300>e||304===e,o&&(b=pn(c,T,o)),b=fn(c,b,T,l),l?(c.ifModified&&(w=T.getResponseHeader("Last-Modified"),w&&(x.lastModified[r]=w),w=T.getResponseHeader("etag"),w&&(x.etag[r]=w)),204===e||"HEAD"===c.type?C="nocontent":304===e?C="notmodified":(C=b.state,m=b.data,y=b.error,l=!y)):(y=C,(e||!C)&&(C="error",0>e&&(e=0))),T.status=e,T.statusText=(t||C)+"",l?h.resolveWith(p,[m,C,T]):h.rejectWith(p,[T,C,y]),T.statusCode(g),g=undefined,u&&f.trigger(l?"ajaxSuccess":"ajaxError",[T,c,l?m:y]),d.fireWith(p,[T,C]),u&&(f.trigger("ajaxComplete",[T,c]),--x.active||x.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return x.get(e,t,n,"json")},getScript:function(e,t){return x.get(e,undefined,t,"script")}}),x.each(["get","post"],function(e,t){x[t]=function(e,n,r,i){return x.isFunction(n)&&(i=i||r,r=n,n=undefined),x.ajax({url:e,type:t,dataType:i,data:n,success:r})}});function pn(e,t,n){var r,i,o,s,a=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),r===undefined&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in a)if(a[i]&&a[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}s||(s=i)}o=o||s}return o?(o!==u[0]&&u.unshift(o),n[o]):undefined}function fn(e,t,n,r){var i,o,s,a,u,l={},c=e.dataTypes.slice();if(c[1])for(s in e.converters)l[s.toLowerCase()]=e.converters[s];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(s=l[u+" "+o]||l["* "+o],!s)for(i in l)if(a=i.split(" "),a[1]===o&&(s=l[u+" "+a[0]]||l["* "+a[0]])){s===!0?s=l[i]:l[i]!==!0&&(o=a[0],c.unshift(a[1]));break}if(s!==!0)if(s&&e["throws"])t=s(t);else try{t=s(t)}catch(p){return{state:"parsererror",error:s?p:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}x.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(e){return x.globalEval(e),e}}}),x.ajaxPrefilter("script",function(e){e.cache===undefined&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),x.ajaxTransport("script",function(e){if(e.crossDomain){var t,n;return{send:function(r,i){t=x("<script>").prop({async:!0,charset:e.scriptCharset,src:e.url}).on("load error",n=function(e){t.remove(),n=null,e&&i("error"===e.type?404:200,e.type)}),o.head.appendChild(t[0])},abort:function(){n&&n()}}}});var hn=[],dn=/(=)\?(?=&|$)|\?\?/;x.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=hn.pop()||x.expando+"_"+Yt++;return this[e]=!0,e}}),x.ajaxPrefilter("json jsonp",function(t,n,r){var i,o,s,a=t.jsonp!==!1&&(dn.test(t.url)?"url":"string"==typeof t.data&&!(t.contentType||"").indexOf("application/x-www-form-urlencoded")&&dn.test(t.data)&&"data");return a||"jsonp"===t.dataTypes[0]?(i=t.jsonpCallback=x.isFunction(t.jsonpCallback)?t.jsonpCallback():t.jsonpCallback,a?t[a]=t[a].replace(dn,"$1"+i):t.jsonp!==!1&&(t.url+=(Vt.test(t.url)?"&":"?")+t.jsonp+"="+i),t.converters["script json"]=function(){return s||x.error(i+" was not called"),s[0]},t.dataTypes[0]="json",o=e[i],e[i]=function(){s=arguments},r.always(function(){e[i]=o,t[i]&&(t.jsonpCallback=n.jsonpCallback,hn.push(i)),s&&x.isFunction(o)&&o(s[0]),s=o=undefined}),"script"):undefined}),x.ajaxSettings.xhr=function(){try{return new XMLHttpRequest}catch(e){}};var gn=x.ajaxSettings.xhr(),mn={0:200,1223:204},yn=0,vn={};e.ActiveXObject&&x(e).on("unload",function(){for(var e in vn)vn[e]();vn=undefined}),x.support.cors=!!gn&&"withCredentials"in gn,x.support.ajax=gn=!!gn,x.ajaxTransport(function(e){var t;return x.support.cors||gn&&!e.crossDomain?{send:function(n,r){var i,o,s=e.xhr();if(s.open(e.type,e.url,e.async,e.username,e.password),e.xhrFields)for(i in e.xhrFields)s[i]=e.xhrFields[i];e.mimeType&&s.overrideMimeType&&s.overrideMimeType(e.mimeType),e.crossDomain||n["X-Requested-With"]||(n["X-Requested-With"]="XMLHttpRequest");for(i in n)s.setRequestHeader(i,n[i]);t=function(e){return function(){t&&(delete vn[o],t=s.onload=s.onerror=null,"abort"===e?s.abort():"error"===e?r(s.status||404,s.statusText):r(mn[s.status]||s.status,s.statusText,"string"==typeof s.responseText?{text:s.responseText}:undefined,s.getAllResponseHeaders()))}},s.onload=t(),s.onerror=t("error"),t=vn[o=yn++]=t("abort"),s.send(e.hasContent&&e.data||null)},abort:function(){t&&t()}}:undefined});var xn,bn,wn=/^(?:toggle|show|hide)$/,Tn=RegExp("^(?:([+-])=|)("+b+")([a-z%]*)$","i"),Cn=/queueHooks$/,kn=[An],Nn={"*":[function(e,t){var n=this.createTween(e,t),r=n.cur(),i=Tn.exec(t),o=i&&i[3]||(x.cssNumber[e]?"":"px"),s=(x.cssNumber[e]||"px"!==o&&+r)&&Tn.exec(x.css(n.elem,e)),a=1,u=20;if(s&&s[3]!==o){o=o||s[3],i=i||[],s=+r||1;do a=a||".5",s/=a,x.style(n.elem,e,s+o);while(a!==(a=n.cur()/r)&&1!==a&&--u)}return i&&(s=n.start=+s||+r||0,n.unit=o,n.end=i[1]?s+(i[1]+1)*i[2]:+i[2]),n}]};function En(){return setTimeout(function(){xn=undefined}),xn=x.now()}function Sn(e,t,n){var r,i=(Nn[t]||[]).concat(Nn["*"]),o=0,s=i.length;for(;s>o;o++)if(r=i[o].call(n,t,e))return r}function jn(e,t,n){var r,i,o=0,s=kn.length,a=x.Deferred().always(function(){delete u.elem}),u=function(){if(i)return!1;var t=xn||En(),n=Math.max(0,l.startTime+l.duration-t),r=n/l.duration||0,o=1-r,s=0,u=l.tweens.length;for(;u>s;s++)l.tweens[s].run(o);return a.notifyWith(e,[l,o,n]),1>o&&u?n:(a.resolveWith(e,[l]),!1)},l=a.promise({elem:e,props:x.extend({},t),opts:x.extend(!0,{specialEasing:{}},n),originalProperties:t,originalOptions:n,startTime:xn||En(),duration:n.duration,tweens:[],createTween:function(t,n){var r=x.Tween(e,l.opts,t,n,l.opts.specialEasing[t]||l.opts.easing);return l.tweens.push(r),r},stop:function(t){var n=0,r=t?l.tweens.length:0;if(i)return this;for(i=!0;r>n;n++)l.tweens[n].run(1);return t?a.resolveWith(e,[l,t]):a.rejectWith(e,[l,t]),this}}),c=l.props;for(Dn(c,l.opts.specialEasing);s>o;o++)if(r=kn[o].call(l,e,c,l.opts))return r;return x.map(c,Sn,l),x.isFunction(l.opts.start)&&l.opts.start.call(e,l),x.fx.timer(x.extend(u,{elem:e,anim:l,queue:l.opts.queue})),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always)}function Dn(e,t){var n,r,i,o,s;for(n in e)if(r=x.camelCase(n),i=t[r],o=e[n],x.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),s=x.cssHooks[r],s&&"expand"in s){o=s.expand(o),delete e[r];for(n in o)n in e||(e[n]=o[n],t[n]=i)}else t[r]=i}x.Animation=x.extend(jn,{tweener:function(e,t){x.isFunction(e)?(t=e,e=["*"]):e=e.split(" ");var n,r=0,i=e.length;for(;i>r;r++)n=e[r],Nn[n]=Nn[n]||[],Nn[n].unshift(t)},prefilter:function(e,t){t?kn.unshift(e):kn.push(e)}});function An(e,t,n){var r,i,o,s,a,u,l=this,c={},p=e.style,f=e.nodeType&&Lt(e),h=q.get(e,"fxshow");n.queue||(a=x._queueHooks(e,"fx"),null==a.unqueued&&(a.unqueued=0,u=a.empty.fire,a.empty.fire=function(){a.unqueued||u()}),a.unqueued++,l.always(function(){l.always(function(){a.unqueued--,x.queue(e,"fx").length||a.empty.fire()})})),1===e.nodeType&&("height"in t||"width"in t)&&(n.overflow=[p.overflow,p.overflowX,p.overflowY],"inline"===x.css(e,"display")&&"none"===x.css(e,"float")&&(p.display="inline-block")),n.overflow&&(p.overflow="hidden",l.always(function(){p.overflow=n.overflow[0],p.overflowX=n.overflow[1],p.overflowY=n.overflow[2]}));for(r in t)if(i=t[r],wn.exec(i)){if(delete t[r],o=o||"toggle"===i,i===(f?"hide":"show")){if("show"!==i||!h||h[r]===undefined)continue;f=!0}c[r]=h&&h[r]||x.style(e,r)}if(!x.isEmptyObject(c)){h?"hidden"in h&&(f=h.hidden):h=q.access(e,"fxshow",{}),o&&(h.hidden=!f),f?x(e).show():l.done(function(){x(e).hide()}),l.done(function(){var t;q.remove(e,"fxshow");for(t in c)x.style(e,t,c[t])});for(r in c)s=Sn(f?h[r]:0,r,l),r in h||(h[r]=s.start,f&&(s.end=s.start,s.start="width"===r||"height"===r?1:0))}}function Ln(e,t,n,r,i){return new Ln.prototype.init(e,t,n,r,i)}x.Tween=Ln,Ln.prototype={constructor:Ln,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||"swing",this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(x.cssNumber[n]?"":"px")},cur:function(){var e=Ln.propHooks[this.prop];return e&&e.get?e.get(this):Ln.propHooks._default.get(this)},run:function(e){var t,n=Ln.propHooks[this.prop];return this.pos=t=this.options.duration?x.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):Ln.propHooks._default.set(this),this}},Ln.prototype.init.prototype=Ln.prototype,Ln.propHooks={_default:{get:function(e){var t;return null==e.elem[e.prop]||e.elem.style&&null!=e.elem.style[e.prop]?(t=x.css(e.elem,e.prop,""),t&&"auto"!==t?t:0):e.elem[e.prop]},set:function(e){x.fx.step[e.prop]?x.fx.step[e.prop](e):e.elem.style&&(null!=e.elem.style[x.cssProps[e.prop]]||x.cssHooks[e.prop])?x.style(e.elem,e.prop,e.now+e.unit):e.elem[e.prop]=e.now}}},Ln.propHooks.scrollTop=Ln.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},x.each(["toggle","show","hide"],function(e,t){var n=x.fn[t];x.fn[t]=function(e,r,i){return null==e||"boolean"==typeof e?n.apply(this,arguments):this.animate(qn(t,!0),e,r,i)}}),x.fn.extend({fadeTo:function(e,t,n,r){return this.filter(Lt).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(e,t,n,r){var i=x.isEmptyObject(e),o=x.speed(t,n,r),s=function(){var t=jn(this,x.extend({},e),o);(i||q.get(this,"finish"))&&t.stop(!0)};return s.finish=s,i||o.queue===!1?this.each(s):this.queue(o.queue,s)},stop:function(e,t,n){var r=function(e){var t=e.stop;delete e.stop,t(n)};return"string"!=typeof e&&(n=t,t=e,e=undefined),t&&e!==!1&&this.queue(e||"fx",[]),this.each(function(){var t=!0,i=null!=e&&e+"queueHooks",o=x.timers,s=q.get(this);if(i)s[i]&&s[i].stop&&r(s[i]);else for(i in s)s[i]&&s[i].stop&&Cn.test(i)&&r(s[i]);for(i=o.length;i--;)o[i].elem!==this||null!=e&&o[i].queue!==e||(o[i].anim.stop(n),t=!1,o.splice(i,1));(t||!n)&&x.dequeue(this,e)})},finish:function(e){return e!==!1&&(e=e||"fx"),this.each(function(){var t,n=q.get(this),r=n[e+"queue"],i=n[e+"queueHooks"],o=x.timers,s=r?r.length:0;for(n.finish=!0,x.queue(this,e,[]),i&&i.stop&&i.stop.call(this,!0),t=o.length;t--;)o[t].elem===this&&o[t].queue===e&&(o[t].anim.stop(!0),o.splice(t,1));for(t=0;s>t;t++)r[t]&&r[t].finish&&r[t].finish.call(this);delete n.finish})}});function qn(e,t){var n,r={height:e},i=0;for(t=t?1:0;4>i;i+=2-t)n=jt[i],r["margin"+n]=r["padding"+n]=e;return t&&(r.opacity=r.width=e),r}x.each({slideDown:qn("show"),slideUp:qn("hide"),slideToggle:qn("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,t){x.fn[e]=function(e,n,r){return this.animate(t,e,n,r)}}),x.speed=function(e,t,n){var r=e&&"object"==typeof e?x.extend({},e):{complete:n||!n&&t||x.isFunction(e)&&e,duration:e,easing:n&&t||t&&!x.isFunction(t)&&t};return r.duration=x.fx.off?0:"number"==typeof r.duration?r.duration:r.duration in x.fx.speeds?x.fx.speeds[r.duration]:x.fx.speeds._default,(null==r.queue||r.queue===!0)&&(r.queue="fx"),r.old=r.complete,r.complete=function(){x.isFunction(r.old)&&r.old.call(this),r.queue&&x.dequeue(this,r.queue)},r},x.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2}},x.timers=[],x.fx=Ln.prototype.init,x.fx.tick=function(){var e,t=x.timers,n=0;for(xn=x.now();t.length>n;n++)e=t[n],e()||t[n]!==e||t.splice(n--,1);t.length||x.fx.stop(),xn=undefined},x.fx.timer=function(e){e()&&x.timers.push(e)&&x.fx.start()},x.fx.interval=13,x.fx.start=function(){bn||(bn=setInterval(x.fx.tick,x.fx.interval))},x.fx.stop=function(){clearInterval(bn),bn=null},x.fx.speeds={slow:600,fast:200,_default:400},x.fx.step={},x.expr&&x.expr.filters&&(x.expr.filters.animated=function(e){return x.grep(x.timers,function(t){return e===t.elem}).length}),x.fn.offset=function(e){if(arguments.length)return e===undefined?this:this.each(function(t){x.offset.setOffset(this,e,t)});var t,n,i=this[0],o={top:0,left:0},s=i&&i.ownerDocument;if(s)return t=s.documentElement,x.contains(t,i)?(typeof i.getBoundingClientRect!==r&&(o=i.getBoundingClientRect()),n=Hn(s),{top:o.top+n.pageYOffset-t.clientTop,left:o.left+n.pageXOffset-t.clientLeft}):o},x.offset={setOffset:function(e,t,n){var r,i,o,s,a,u,l,c=x.css(e,"position"),p=x(e),f={};"static"===c&&(e.style.position="relative"),a=p.offset(),o=x.css(e,"top"),u=x.css(e,"left"),l=("absolute"===c||"fixed"===c)&&(o+u).indexOf("auto")>-1,l?(r=p.position(),s=r.top,i=r.left):(s=parseFloat(o)||0,i=parseFloat(u)||0),x.isFunction(t)&&(t=t.call(e,n,a)),null!=t.top&&(f.top=t.top-a.top+s),null!=t.left&&(f.left=t.left-a.left+i),"using"in t?t.using.call(e,f):p.css(f)}},x.fn.extend({position:function(){if(this[0]){var e,t,n=this[0],r={top:0,left:0};return"fixed"===x.css(n,"position")?t=n.getBoundingClientRect():(e=this.offsetParent(),t=this.offset(),x.nodeName(e[0],"html")||(r=e.offset()),r.top+=x.css(e[0],"borderTopWidth",!0),r.left+=x.css(e[0],"borderLeftWidth",!0)),{top:t.top-r.top-x.css(n,"marginTop",!0),left:t.left-r.left-x.css(n,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||s;while(e&&!x.nodeName(e,"html")&&"static"===x.css(e,"position"))e=e.offsetParent;return e||s})}}),x.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,n){var r="pageYOffset"===n;x.fn[t]=function(i){return x.access(this,function(t,i,o){var s=Hn(t);return o===undefined?s?s[n]:t[i]:(s?s.scrollTo(r?e.pageXOffset:o,r?o:e.pageYOffset):t[i]=o,undefined)},t,i,arguments.length,null)}});function Hn(e){return x.isWindow(e)?e:9===e.nodeType&&e.defaultView}x.each({Height:"height",Width:"width"},function(e,t){x.each({padding:"inner"+e,content:t,"":"outer"+e},function(n,r){x.fn[r]=function(r,i){var o=arguments.length&&(n||"boolean"!=typeof r),s=n||(r===!0||i===!0?"margin":"border");return x.access(this,function(t,n,r){var i;return x.isWindow(t)?t.document.documentElement["client"+e]:9===t.nodeType?(i=t.documentElement,Math.max(t.body["scroll"+e],i["scroll"+e],t.body["offset"+e],i["offset"+e],i["client"+e])):r===undefined?x.css(t,n,s):x.style(t,n,r,s)},t,o?r:undefined,o,null)}})}),x.fn.size=function(){return this.length},x.fn.andSelf=x.fn.addBack,"object"==typeof module&&module&&"object"==typeof module.exports?module.exports=x:"function"==typeof define&&define.amd&&define("jquery",[],function(){return x}),"object"==typeof e&&"object"==typeof e.document&&(e.jQuery=e.$=x)})(window);
diff --git a/apps/presentationeditor/main/resources/help/ru/search/js/lunr-languages/lunr.ru.js b/apps/presentationeditor/main/resources/help/ru/search/js/lunr-languages/lunr.ru.js
index 3e79452523..ec2021c80f 100644
--- a/apps/presentationeditor/main/resources/help/ru/search/js/lunr-languages/lunr.ru.js
+++ b/apps/presentationeditor/main/resources/help/ru/search/js/lunr-languages/lunr.ru.js
@@ -384,7 +384,7 @@
 
     lunr.Pipeline.registerFunction(lunr.ru.stemmer, 'stemmer-ru');
 
-    lunr.ru.stopWordFilter = lunr.generateStopWordFilter('алло без близко более больше будем будет будете будешь будто буду будут будь бы бывает бывь был была были было быть в важная важное важные важный вам вами вас ваш ваша ваше ваши вверх вдали вдруг ведь везде весь вниз внизу во вокруг вон восемнадцатый восемнадцать восемь восьмой вот впрочем времени время все всегда всего всем всеми всему всех всею всю всюду вся всё второй вы г где говорил говорит год года году да давно даже далеко дальше даром два двадцатый двадцать две двенадцатый двенадцать двух девятнадцатый девятнадцать девятый девять действительно дел день десятый десять для до довольно долго должно другая другие других друго другое другой е его ее ей ему если есть еще ещё ею её ж же жизнь за занят занята занято заняты затем зато зачем здесь значит и из или им именно иметь ими имя иногда их к каждая каждое каждые каждый кажется как какая какой кем когда кого ком кому конечно которая которого которой которые который которых кроме кругом кто куда лет ли лишь лучше люди м мало между меля менее меньше меня миллионов мимо мира мне много многочисленная многочисленное многочисленные многочисленный мной мною мог могут мож может можно можхо мои мой мор мочь моя моё мы на наверху над надо назад наиболее наконец нам нами нас начала наш наша наше наши не него недавно недалеко нее ней нельзя нем немного нему непрерывно нередко несколько нет нею неё ни нибудь ниже низко никогда никуда ними них ничего но ну нужно нх о об оба обычно один одиннадцатый одиннадцать однажды однако одного одной около он она они оно опять особенно от отовсюду отсюда очень первый перед по под пожалуйста позже пока пор пора после посреди потом потому почему почти прекрасно при про просто против процентов пятнадцатый пятнадцать пятый пять раз разве рано раньше рядом с сам сама сами самим самими самих само самого самой самом самому саму свое своего своей свои своих свою сеаой себе себя сегодня седьмой сейчас семнадцатый семнадцать семь сих сказал сказала сказать сколько слишком сначала снова со собой собою совсем спасибо стал суть т та так такая также такие такое такой там твой твоя твоё те тебе тебя тем теми теперь тех то тобой тобою тогда того тоже только том тому тот тою третий три тринадцатый тринадцать ту туда тут ты тысяч у уж уже уметь хорошо хотеть хоть хотя хочешь часто чаще чего человек чем чему через четвертый четыре четырнадцатый четырнадцать что чтоб чтобы чуть шестнадцатый шестнадцать шестой шесть эта эти этим этими этих это этого этой этом этому этот эту я а'.split(' '));
+    lunr.ru.stopWordFilter = lunr.generateStopWordFilter('алло без близко более больше будем будет будете будешь будто буду будут будь бы бывает бывь был была были было быть в важная важное важные важный вам вами вас ваш ваша ваше ваши вверх вдали вдруг ведь везде весь вниз внизу во вокруг вон восемнадцатый восемнадцать восемь восьмой вот впрочем времени время все всегда всего всем всеми всему всех всею всю всюду вся всё второй вы г где говорил говорит год года году да давно даже далеко дальше даром два двадцатый двадцать две двенадцатый двенадцать двух девятнадцатый девятнадцать девятый девять действительно дел день десятый десять для до довольно долго должно другая другие других друго другое другой е его ее ей ему если есть еще ещё ею её ж же жизнь за занят занята занято заняты затем зато зачем здесь значит и из или им именно иметь ими имя иногда их к каждая каждое каждые каждый кажется как какая какой кем когда кого ком кому конечно которая которого которой которые который которых кроме кругом кто куда лет ли лишь лучше люди м мало между меля менее меньше меня миллионов мимо мира мне много многочисленная многочисленное многочисленные многочисленный мной мною мог могут мож может можно можхо мои мой мор мочь моя моё мы на наверху над надо назад наиболее наконец нам нами нас начала наш наша наше наши не него недавно недалеко нее ней нельзя нем немного нему непрерывно нередко несколько нет нею неё ни нибудь ниже низко никогда никуда ними них ничего но ну нужно нх о об оба обычно один одиннадцатый одиннадцать однажды однако одного одной около он она они оно опять особенно от отовсюду отсюда очень первый перед по под пожалуйста позже пока пор пора после посреди потом потому почему почти прекрасно при про просто против процентов пятнадцатый пятнадцать пятый пять раз разве рано раньше рядом с сам сама сами самим самими самих само самого самой самом самому саму свое своего своей свои своих свою сеаой себе себя сегодня седьмой сейчас семнадцатый семнадцать семь сих сказал сказала сказать сколько слишком сначала снова со собой собою совсем спасибо стал суть т та так такая также такие такое такой там твой твоя твоё те тебе тебя тем теми теперь тех то тобой тобою тогда того тоже только том тому тот тою третий три тринадцатый тринадцать ту туда тут ты тысяч у уж уже уметь хорошо хотеть хоть хотя хочешь часто чаще чего человек чем чему через четвертый четыре четырнадцатый четырнадцать что чтоб чтобы чуть шестнадцатый шестнадцать шестой шесть эта эти этим этими этих это этого этой этом этому этот эту я а'.split(' '));
 
     lunr.Pipeline.registerFunction(lunr.ru.stopWordFilter, 'stopWordFilter-ru');
   };
diff --git a/apps/presentationeditor/main/resources/help/ru/search/search.html b/apps/presentationeditor/main/resources/help/ru/search/search.html
index e49d47f870..4978778218 100644
--- a/apps/presentationeditor/main/resources/help/ru/search/search.html
+++ b/apps/presentationeditor/main/resources/help/ru/search/search.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html>
     <head>
         <title>Результаты поиска</title>