trestle-tinymce 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: d3f1daaec312814059d3c203564e60494fb3fb9b
+  data.tar.gz: 5d8a4c58c9bf8f3e3505351c7901a0cc40b44e74
+SHA512:
+  metadata.gz: 629a210fb069b3e65b2c6906780f232279763a9de2466c84d57fcc8c040d19789d7d0050b449d05541426619cda7daf2e90c1a05470ed9be1995bbd19dd81e21
+  data.tar.gz: aa395a2926e1941ec5a226e2281e257df5cd656142b4c65863ed5c686a302fb8ea50a577da1d0eb202f00dd81d009a3708ebffa3603fb9077e3466c81958da8c

data/.gitignore

@@ -0,0 +1,13 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+/node_modules/
+
+# rspec failure tracking
+.rspec_status

data/.rspec

@@ -0,0 +1,2 @@
+--format documentation
+--color

data/.travis.yml

@@ -0,0 +1,5 @@
+sudo: false
+language: ruby
+rvm:
+  - 2.4.1
+before_install: gem install bundler -v 1.15.1

data/Gemfile

@@ -0,0 +1,4 @@
+source "https://rubygems.org"
+
+# Specify your gem's dependencies in trestle-tinymce.gemspec
+gemspec

data/Gruntfile.js

@@ -0,0 +1,77 @@
+/*eslint-env node */
+
+module.exports = function (grunt) {
+  grunt.initConfig({
+    less: {
+      modern: {
+        options: {
+          cleancss: true,
+          strictImports: true
+        },
+
+        expand: true,
+        rename: function () {
+          return "app/assets/javascripts/tinymce/skins/trestle/_skin-lightgray.css";
+        },
+        src: ["src/trestle/less/Skin.less"],
+        dest: "app/assets/javascripts/tinymce/skins/trestle"
+      },
+
+      content: {
+        options: {
+          cleancss: true,
+          strictImports: true
+        },
+        expand: true,
+        rename: function () {
+          return "app/assets/javascripts/tinymce/skins/trestle/content.min.css";
+        },
+        src: ["src/trestle/less/Content.less"],
+        dest: "app/assets/javascripts/tinymce/skins/trestle"
+      },
+
+      "content-inline": {
+        options: {
+          cleancss: true,
+          strictImports: true
+        },
+        expand: true,
+        rename: function () {
+          return "app/assets/javascripts/tinymce/skins/trestle/content.inline.min.css";
+        },
+        src: ["src/trestle/less/Content.Inline.less"],
+        dest: "app/assets/javascripts/tinymce/skins/trestle"
+      }
+    },
+
+    copy: {
+      "plugin": {
+        files: [
+          {
+            expand: true,
+            flatten: true,
+            cwd: "src/trestle/fonts",
+            src: [
+              "**",
+              "!*.json",
+              "!*.md"
+            ],
+            dest: "app/assets/javascripts/tinymce/skins/trestle/fonts"
+          },
+          {
+            expand: true,
+            flatten: true,
+            cwd: "src/trestle/img",
+            src: "**",
+            dest: "app/assets/javascripts/tinymce/skins/trestle/img"
+          }
+        ]
+      }
+    }
+  });
+
+  grunt.task.loadNpmTasks("grunt-contrib-copy");
+  grunt.task.loadNpmTasks("grunt-contrib-less");
+
+  grunt.registerTask("default", ["less", "copy"]);
+};

data/LICENSE

@@ -0,0 +1,165 @@
+                   GNU LESSER GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+
+  This version of the GNU Lesser General Public License incorporates
+the terms and conditions of version 3 of the GNU General Public
+License, supplemented by the additional permissions listed below.
+
+  0. Additional Definitions.
+
+  As used herein, "this License" refers to version 3 of the GNU Lesser
+General Public License, and the "GNU GPL" refers to version 3 of the GNU
+General Public License.
+
+  "The Library" refers to a covered work governed by this License,
+other than an Application or a Combined Work as defined below.
+
+  An "Application" is any work that makes use of an interface provided
+by the Library, but which is not otherwise based on the Library.
+Defining a subclass of a class defined by the Library is deemed a mode
+of using an interface provided by the Library.
+
+  A "Combined Work" is a work produced by combining or linking an
+Application with the Library.  The particular version of the Library
+with which the Combined Work was made is also called the "Linked
+Version".
+
+  The "Minimal Corresponding Source" for a Combined Work means the
+Corresponding Source for the Combined Work, excluding any source code
+for portions of the Combined Work that, considered in isolation, are
+based on the Application, and not on the Linked Version.
+
+  The "Corresponding Application Code" for a Combined Work means the
+object code and/or source code for the Application, including any data
+and utility programs needed for reproducing the Combined Work from the
+Application, but excluding the System Libraries of the Combined Work.
+
+  1. Exception to Section 3 of the GNU GPL.
+
+  You may convey a covered work under sections 3 and 4 of this License
+without being bound by section 3 of the GNU GPL.
+
+  2. Conveying Modified Versions.
+
+  If you modify a copy of the Library, and, in your modifications, a
+facility refers to a function or data to be supplied by an Application
+that uses the facility (other than as an argument passed when the
+facility is invoked), then you may convey a copy of the modified
+version:
+
+   a) under this License, provided that you make a good faith effort to
+   ensure that, in the event an Application does not supply the
+   function or data, the facility still operates, and performs
+   whatever part of its purpose remains meaningful, or
+
+   b) under the GNU GPL, with none of the additional permissions of
+   this License applicable to that copy.
+
+  3. Object Code Incorporating Material from Library Header Files.
+
+  The object code form of an Application may incorporate material from
+a header file that is part of the Library.  You may convey such object
+code under terms of your choice, provided that, if the incorporated
+material is not limited to numerical parameters, data structure
+layouts and accessors, or small macros, inline functions and templates
+(ten or fewer lines in length), you do both of the following:
+
+   a) Give prominent notice with each copy of the object code that the
+   Library is used in it and that the Library and its use are
+   covered by this License.
+
+   b) Accompany the object code with a copy of the GNU GPL and this license
+   document.
+
+  4. Combined Works.
+
+  You may convey a Combined Work under terms of your choice that,
+taken together, effectively do not restrict modification of the
+portions of the Library contained in the Combined Work and reverse
+engineering for debugging such modifications, if you also do each of
+the following:
+
+   a) Give prominent notice with each copy of the Combined Work that
+   the Library is used in it and that the Library and its use are
+   covered by this License.
+
+   b) Accompany the Combined Work with a copy of the GNU GPL and this license
+   document.
+
+   c) For a Combined Work that displays copyright notices during
+   execution, include the copyright notice for the Library among
+   these notices, as well as a reference directing the user to the
+   copies of the GNU GPL and this license document.
+
+   d) Do one of the following:
+
+       0) Convey the Minimal Corresponding Source under the terms of this
+       License, and the Corresponding Application Code in a form
+       suitable for, and under terms that permit, the user to
+       recombine or relink the Application with a modified version of
+       the Linked Version to produce a modified Combined Work, in the
+       manner specified by section 6 of the GNU GPL for conveying
+       Corresponding Source.
+
+       1) Use a suitable shared library mechanism for linking with the
+       Library.  A suitable mechanism is one that (a) uses at run time
+       a copy of the Library already present on the user's computer
+       system, and (b) will operate properly with a modified version
+       of the Library that is interface-compatible with the Linked
+       Version.
+
+   e) Provide Installation Information, but only if you would otherwise
+   be required to provide such information under section 6 of the
+   GNU GPL, and only to the extent that such information is
+   necessary to install and execute a modified version of the
+   Combined Work produced by recombining or relinking the
+   Application with a modified version of the Linked Version. (If
+   you use option 4d0, the Installation Information must accompany
+   the Minimal Corresponding Source and Corresponding Application
+   Code. If you use option 4d1, you must provide the Installation
+   Information in the manner specified by section 6 of the GNU GPL
+   for conveying Corresponding Source.)
+
+  5. Combined Libraries.
+
+  You may place library facilities that are a work based on the
+Library side by side in a single library together with other library
+facilities that are not Applications and are not covered by this
+License, and convey such a combined library under terms of your
+choice, if you do both of the following:
+
+   a) Accompany the combined library with a copy of the same work based
+   on the Library, uncombined with any other library facilities,
+   conveyed under the terms of this License.
+
+   b) Give prominent notice with the combined library that part of it
+   is a work based on the Library, and explaining where to find the
+   accompanying uncombined form of the same work.
+
+  6. Revised Versions of the GNU Lesser General Public License.
+
+  The Free Software Foundation may publish revised and/or new versions
+of the GNU Lesser General Public License from time to time. Such new
+versions will be similar in spirit to the present version, but may
+differ in detail to address new problems or concerns.
+
+  Each version is given a distinguishing version number. If the
+Library as you received it specifies that a certain numbered version
+of the GNU Lesser General Public License "or any later version"
+applies to it, you have the option of following the terms and
+conditions either of that published version or of any later version
+published by the Free Software Foundation. If the Library as you
+received it does not specify a version number of the GNU Lesser
+General Public License, you may choose any version of the GNU Lesser
+General Public License ever published by the Free Software Foundation.
+
+  If the Library as you received it specifies that a proxy can decide
+whether future versions of the GNU Lesser General Public License shall
+apply, that proxy's public statement of acceptance of any version is
+permanent authorization for you to choose that version for the
+Library.

data/README.md

@@ -0,0 +1,60 @@
+# Trestle TinyMCE Integration (trestle-tinymce)
+
+> TinyMCE integration plugin for the Trestle admin framework
+
+
+## Getting Started
+
+These instructions assume you have a working Trestle application. To integrate trestle-tinymce, first add it to your application's Gemfile:
+
+```ruby
+gem 'trestle-tinymce'
+```
+
+Run `bundle install`, and then restart your Rails server.
+
+To add a TinyMCE editor to your form, use the `editor` (or `tinymce`) field type:
+
+```ruby
+Trestle.resource(:articles) do
+  form do |article|
+    editor :content
+  end
+end
+```
+
+The default TinyMCE configuration can be edited by defining options within `config/initializers/trestle.rb`. The default configuration is shown below:
+
+```ruby
+Trestle.configure do |config|
+  config.tinymce.default.configure do |c|
+    c.skin = "trestle"
+    c.selector = "textarea.tinymce"
+    c.branding = false
+    c.elementpath = false
+    c.menubar = false
+    c.statusbar = false
+    c.plugins = [
+      :lists,
+      :link,
+      :image,
+      :charmap,
+      :table,
+      :code,
+      :hr,
+      :paste
+    ]
+    c.toolbar = [
+      "styleselect | bold italic underline strikethrough | subscript superscript hr | alignleft aligncenter alignright alignjustify",
+      "bullist numlist | indent outdent | undo redo | link unlink | image charmap table | code"
+    ]
+    c.link_context_toolbar = true
+    c.convert_urls = false
+  end
+end
+```
+
+
+## License
+
+The gem is available as open source under the terms of the [LGPLv3 License](https://opensource.org/licenses/LGPL-3.0).

data/Rakefile

@@ -0,0 +1,6 @@
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+
+RSpec::Core::RakeTask.new(:spec)
+
+task :default => :spec

data/app/assets/javascripts/tinymce/skins/trestle/_skin-lightgray.scss

@@ -0,0 +1,2415 @@
+.mce-container,
+.mce-container *,
+.mce-widget,
+.mce-widget *,
+.mce-reset {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  vertical-align: top;
+  background: transparent;
+  text-decoration: none;
+  color: #333;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  text-shadow: none;
+  float: none;
+  position: static;
+  width: auto;
+  height: auto;
+  white-space: nowrap;
+  cursor: inherit;
+  -webkit-tap-highlight-color: transparent;
+  line-height: normal;
+  font-weight: normal;
+  text-align: left;
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+  direction: ltr;
+  max-width: none;
+}
+.mce-widget button {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.mce-container *[unselectable] {
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+}
+.mce-fade {
+  opacity: 0;
+  -webkit-transition: opacity 0.15s linear;
+  transition: opacity 0.15s linear;
+}
+.mce-fade.mce-in {
+  opacity: 1;
+}
+.mce-tinymce {
+  visibility: inherit !important;
+  position: relative;
+}
+.mce-fullscreen {
+  border: 0;
+  padding: 0;
+  margin: 0;
+  overflow: hidden;
+  height: 100%;
+  z-index: 100;
+}
+div.mce-fullscreen {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: auto;
+}
+.mce-tinymce {
+  display: block;
+}
+.mce-wordcount {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 8px;
+}
+div.mce-edit-area {
+  background: #FFF;
+  filter: none;
+}
+.mce-statusbar {
+  position: relative;
+}
+.mce-statusbar .mce-container-body {
+  position: relative;
+}
+.mce-fullscreen .mce-resizehandle {
+  display: none;
+}
+.mce-charmap {
+  border-collapse: collapse;
+}
+.mce-charmap td {
+  cursor: default;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  text-align: center;
+  vertical-align: middle;
+  padding: 2px;
+}
+.mce-charmap td div {
+  text-align: center;
+}
+.mce-charmap td:hover {
+  background: #D9D9D9;
+}
+.mce-grid td.mce-grid-cell div {
+  border: 1px solid #d6d6d6;
+  width: 15px;
+  height: 15px;
+  margin: 0px;
+  cursor: pointer;
+}
+.mce-grid td.mce-grid-cell div:focus {
+  border-color: #3498db;
+}
+.mce-grid td.mce-grid-cell div[disabled] {
+  cursor: not-allowed;
+}
+.mce-grid {
+  border-spacing: 2px;
+  border-collapse: separate;
+}
+.mce-grid a {
+  display: block;
+  border: 1px solid transparent;
+}
+.mce-grid a:hover,
+.mce-grid a:focus {
+  border-color: #3498db;
+}
+.mce-grid-border {
+  margin: 0 4px 0 4px;
+}
+.mce-grid-border a {
+  border-color: #d6d6d6;
+  width: 13px;
+  height: 13px;
+}
+.mce-grid-border a:hover,
+.mce-grid-border a.mce-active {
+  border-color: #3498db;
+  background: #3498db;
+}
+.mce-text-center {
+  text-align: center;
+}
+div.mce-tinymce-inline {
+  width: 100%;
+}
+.mce-colorbtn-trans div {
+  text-align: center;
+  vertical-align: middle;
+  font-weight: bold;
+  font-size: 20px;
+  line-height: 16px;
+  color: #707070;
+}
+.mce-monospace {
+  font-family: "Courier New", Courier, monospace;
+}
+.mce-toolbar-grp {
+  padding: 2px 0;
+}
+.mce-toolbar-grp .mce-flow-layout-item {
+  margin-bottom: 0;
+}
+.mce-rtl .mce-wordcount {
+  left: 0;
+  right: auto;
+}
+.mce-container b {
+  font-weight: bold;
+}
+.mce-container p {
+  margin-bottom: 5px;
+}
+.mce-container a {
+  cursor: pointer;
+  color: #2980b9;
+}
+.mce-container a:hover {
+  text-decoration: underline;
+}
+.mce-container ul {
+  margin-left: 15px;
+}
+.mce-container .mce-table-striped {
+  border-collapse: collapse;
+  margin: 10px;
+}
+.mce-container .mce-table-striped thead > tr {
+  background-color: #fafafa;
+}
+.mce-container .mce-table-striped thead > tr th {
+  font-weight: bold;
+}
+.mce-container .mce-table-striped td,
+.mce-container .mce-table-striped th {
+  padding: 5px;
+}
+.mce-container .mce-table-striped tr:nth-child(even) {
+  background-color: #fafafa;
+}
+.mce-container .mce-table-striped tbody > tr:hover {
+  background-color: #e1e1e1;
+}
+.mce-branding-powered-by {
+  background-color: #f0f0f0;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 91px;
+  height: 9px;
+  margin-right: -1px;
+  margin-bottom: -1px;
+  border: 1px solid #c5c5c5;
+  border-width: 1px 1px 0 1px;
+  padding: 6px 6px 0 6px;
+  background-image: url('data:image/gif;base64,R0lGODlhXwAJAIABAIiIiAAAACH5BAEKAAEALAAAAABfAAkAAAJxhBGpy+2PUnzqGNpmPNJqDIZSJY4m+KXLF3At2V6xPFfuvMF6J6fINTnhTr9XcaRC6pKvFYlZjDIszaXRSA3ijlXo9AlWindaldSJthJ55XAz6+ZWbVCOdojP77p8J8vlUSI4SHEnaEiYqOhARdhIWAAAOw');
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+.mce-croprect-container {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.mce-croprect-handle {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 20px;
+  height: 20px;
+  border: 2px solid white;
+}
+.mce-croprect-handle-nw {
+  border-width: 2px 0 0 2px;
+  margin: -2px 0 0 -2px;
+  cursor: nw-resize;
+  top: 100px;
+  left: 100px;
+}
+.mce-croprect-handle-ne {
+  border-width: 2px 2px 0 0;
+  margin: -2px 0 0 -20px;
+  cursor: ne-resize;
+  top: 100px;
+  left: 200px;
+}
+.mce-croprect-handle-sw {
+  border-width: 0 0 2px 2px;
+  margin: -20px 2px 0 -2px;
+  cursor: sw-resize;
+  top: 200px;
+  left: 100px;
+}
+.mce-croprect-handle-se {
+  border-width: 0 2px 2px 0;
+  margin: -20px 0 0 -20px;
+  cursor: se-resize;
+  top: 200px;
+  left: 200px;
+}
+.mce-croprect-handle-move {
+  position: absolute;
+  cursor: move;
+  border: 0;
+}
+.mce-croprect-block {
+  opacity: 0.3;
+  filter: alpha(opacity=30);
+  zoom: 1;
+  position: absolute;
+  background: black;
+}
+.mce-croprect-handle:focus {
+  border-color: #3498db;
+}
+.mce-croprect-handle-move:focus {
+  outline: 1px solid #3498db;
+}
+.mce-imagepanel {
+  overflow: auto;
+  background: black;
+}
+.mce-imagepanel-bg {
+  position: absolute;
+  background: url('data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==');
+}
+.mce-imagepanel img {
+  position: absolute;
+}
+.mce-imagetool.mce-btn .mce-ico {
+  display: block;
+  width: 20px;
+  height: 20px;
+  text-align: center;
+  line-height: 20px;
+  font-size: 20px;
+  padding: 5px;
+}
+.mce-arrow-up {
+  margin-top: 12px;
+}
+.mce-arrow-down {
+  margin-top: -12px;
+}
+.mce-arrow:before,
+.mce-arrow:after {
+  position: absolute;
+  left: 50%;
+  display: block;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-color: transparent;
+  content: "";
+}
+.mce-arrow.mce-arrow-up:before {
+  top: -9px;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  border-width: 0 9px 9px;
+  margin-left: -9px;
+}
+.mce-arrow.mce-arrow-down:before {
+  bottom: -9px;
+  border-top-color: rgba(0, 0, 0, 0.2);
+  border-width: 9px 9px 0;
+  margin-left: -9px;
+}
+.mce-arrow.mce-arrow-up:after {
+  top: -8px;
+  border-bottom-color: #f0f0f0;
+  border-width: 0 8px 8px;
+  margin-left: -8px;
+}
+.mce-arrow.mce-arrow-down:after {
+  bottom: -8px;
+  border-top-color: #f0f0f0;
+  border-width: 8px 8px 0;
+  margin-left: -8px;
+}
+.mce-arrow.mce-arrow-left:before,
+.mce-arrow.mce-arrow-left:after {
+  margin: 0;
+}
+.mce-arrow.mce-arrow-left:before {
+  left: 8px;
+}
+.mce-arrow.mce-arrow-left:after {
+  left: 9px;
+}
+.mce-arrow.mce-arrow-right:before,
+.mce-arrow.mce-arrow-right:after {
+  left: auto;
+  margin: 0;
+}
+.mce-arrow.mce-arrow-right:before {
+  right: 8px;
+}
+.mce-arrow.mce-arrow-right:after {
+  right: 9px;
+}
+.mce-arrow.mce-arrow-center.mce-arrow.mce-arrow-left:before {
+  left: -9px;
+  top: 50%;
+  border-right-color: rgba(0, 0, 0, 0.2);
+  border-width: 9px 9px 9px 0;
+  margin-top: -9px;
+}
+.mce-arrow.mce-arrow-center.mce-arrow.mce-arrow-left:after {
+  left: -8px;
+  top: 50%;
+  border-right-color: #f0f0f0;
+  border-width: 8px 8px 8px 0;
+  margin-top: -8px;
+}
+.mce-arrow.mce-arrow-center.mce-arrow.mce-arrow-left {
+  margin-left: 12px;
+}
+.mce-arrow.mce-arrow-center.mce-arrow.mce-arrow-right:before {
+  right: -9px;
+  top: 50%;
+  border-left-color: rgba(0, 0, 0, 0.2);
+  border-width: 9px 0 9px 9px;
+  margin-top: -9px;
+}
+.mce-arrow.mce-arrow-center.mce-arrow.mce-arrow-right:after {
+  right: -8px;
+  top: 50%;
+  border-left-color: #f0f0f0;
+  border-width: 8px 0 8px 8px;
+  margin-top: -8px;
+}
+.mce-arrow.mce-arrow-center.mce-arrow.mce-arrow-right {
+  margin-left: -14px;
+}
+.mce-edit-aria-container > .mce-container-body {
+  display: flex;
+}
+.mce-edit-aria-container > .mce-container-body .mce-edit-area {
+  flex: 1;
+}
+.mce-edit-aria-container > .mce-container-body .mce-sidebar > .mce-container-body {
+  display: flex;
+  align-items: stretch;
+  height: 100%;
+}
+.mce-edit-aria-container > .mce-container-body .mce-sidebar-panel {
+  min-width: 250px;
+  max-width: 250px;
+  position: relative;
+}
+.mce-edit-aria-container > .mce-container-body .mce-sidebar-panel > .mce-container-body {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  top: 0;
+  left: 0;
+}
+.mce-sidebar-toolbar {
+  border: 0 solid rgba(0, 0, 0, 0.2);
+  border-left-width: 1px;
+}
+.mce-sidebar-toolbar .mce-btn.mce-active,
+.mce-sidebar-toolbar .mce-btn.mce-active:hover {
+  border: 1px solid transparent;
+  border-color: transparent;
+  background-color: #2d8ac7;
+}
+.mce-sidebar-toolbar .mce-btn.mce-active button,
+.mce-sidebar-toolbar .mce-btn.mce-active:hover button,
+.mce-sidebar-toolbar .mce-btn.mce-active button i,
+.mce-sidebar-toolbar .mce-btn.mce-active:hover button i {
+  color: #fff;
+  text-shadow: 1px 1px none;
+}
+.mce-sidebar-panel {
+  border: 0 solid rgba(0, 0, 0, 0.2);
+  border-left-width: 1px;
+}
+.mce-container,
+.mce-container-body {
+  display: block;
+}
+.mce-autoscroll {
+  overflow: hidden;
+}
+.mce-scrollbar {
+  position: absolute;
+  width: 7px;
+  height: 100%;
+  top: 2px;
+  right: 2px;
+  opacity: 0.4;
+  filter: alpha(opacity=40);
+  zoom: 1;
+}
+.mce-scrollbar-h {
+  top: auto;
+  right: auto;
+  left: 2px;
+  bottom: 2px;
+  width: 100%;
+  height: 7px;
+}
+.mce-scrollbar-thumb {
+  position: absolute;
+  background-color: #000;
+  border: 1px solid #888;
+  border-color: rgba(85, 85, 85, 0.6);
+  width: 5px;
+  height: 100%;
+}
+.mce-scrollbar-h .mce-scrollbar-thumb {
+  width: 100%;
+  height: 5px;
+}
+.mce-scrollbar:hover,
+.mce-scrollbar.mce-active {
+  background-color: #AAA;
+  opacity: 0.6;
+  filter: alpha(opacity=60);
+  zoom: 1;
+}
+.mce-scroll {
+  position: relative;
+}
+.mce-panel {
+  border: 0 solid #cacaca;
+  border: 0 solid rgba(0, 0, 0, 0.2);
+  background-color: #f0f0f0;
+}
+.mce-floatpanel {
+  position: absolute;
+}
+.mce-floatpanel.mce-fixed {
+  position: fixed;
+}
+.mce-floatpanel .mce-arrow,
+.mce-floatpanel .mce-arrow:after {
+  position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+.mce-floatpanel .mce-arrow {
+  border-width: 11px;
+}
+.mce-floatpanel .mce-arrow:after {
+  border-width: 10px;
+  content: "";
+}
+.mce-floatpanel.mce-popover {
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background: transparent;
+  top: 0;
+  left: 0;
+  background: #FFF;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border: 1px solid rgba(0, 0, 0, 0.25);
+}
+.mce-floatpanel.mce-popover.mce-bottom {
+  margin-top: 10px;
+  *margin-top: 0;
+}
+.mce-floatpanel.mce-popover.mce-bottom > .mce-arrow {
+  left: 50%;
+  margin-left: -11px;
+  border-top-width: 0;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  border-bottom-color: rgba(0, 0, 0, 0.25);
+  top: -11px;
+}
+.mce-floatpanel.mce-popover.mce-bottom > .mce-arrow:after {
+  top: 1px;
+  margin-left: -10px;
+  border-top-width: 0;
+  border-bottom-color: #FFF;
+}
+.mce-floatpanel.mce-popover.mce-bottom.mce-start {
+  margin-left: -22px;
+}
+.mce-floatpanel.mce-popover.mce-bottom.mce-start > .mce-arrow {
+  left: 20px;
+}
+.mce-floatpanel.mce-popover.mce-bottom.mce-end {
+  margin-left: 22px;
+}
+.mce-floatpanel.mce-popover.mce-bottom.mce-end > .mce-arrow {
+  right: 10px;
+  left: auto;
+}
+.mce-fullscreen {
+  border: 0;
+  padding: 0;
+  margin: 0;
+  overflow: hidden;
+  height: 100%;
+}
+div.mce-fullscreen {
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+#mce-modal-block {
+  opacity: 0;
+  filter: alpha(opacity=0);
+  zoom: 1;
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: #000;
+}
+#mce-modal-block.mce-in {
+  opacity: 0.3;
+  filter: alpha(opacity=30);
+  zoom: 1;
+}
+.mce-window-move {
+  cursor: move;
+}
+.mce-window {
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background: transparent;
+  background: #FFF;
+  position: fixed;
+  top: 0;
+  left: 0;
+  opacity: 0;
+  transform: scale(0.1);
+  transition: transform 100ms ease-in, opacity 150ms ease-in;
+}
+.mce-window.mce-in {
+  transform: scale(1);
+  opacity: 1;
+}
+.mce-window-head {
+  padding: 9px 15px;
+  border-bottom: 1px solid #c5c5c5;
+  position: relative;
+}
+.mce-window-head .mce-close {
+  position: absolute;
+  right: 0;
+  top: 0;
+  height: 38px;
+  width: 38px;
+  text-align: center;
+  cursor: pointer;
+}
+.mce-window-head .mce-close i {
+  color: #858585;
+}
+.mce-close:hover i {
+  color: #adadad;
+}
+.mce-window-head .mce-title {
+  line-height: 20px;
+  font-size: 20px;
+  font-weight: bold;
+  text-rendering: optimizelegibility;
+  padding-right: 20px;
+}
+.mce-window .mce-container-body {
+  display: block;
+}
+.mce-foot {
+  display: block;
+  background-color: #FFF;
+  border-top: 1px solid #c5c5c5;
+}
+.mce-window-head .mce-dragh {
+  position: absolute;
+  top: 0;
+  left: 0;
+  cursor: move;
+  width: 90%;
+  height: 100%;
+}
+.mce-window iframe {
+  width: 100%;
+  height: 100%;
+}
+.mce-window-body .mce-listbox {
+  border-color: #cccccc;
+}
+.mce-rtl .mce-window-head .mce-close {
+  position: absolute;
+  right: auto;
+  left: 15px;
+}
+.mce-rtl .mce-window-head .mce-dragh {
+  left: auto;
+  right: 0;
+}
+.mce-rtl .mce-window-head .mce-title {
+  direction: rtl;
+  text-align: right;
+}
+.mce-tooltip {
+  position: absolute;
+  padding: 5px;
+  opacity: 0.8;
+  filter: alpha(opacity=80);
+  zoom: 1;
+}
+.mce-tooltip-inner {
+  font-size: 11px;
+  background-color: #000;
+  color: white;
+  max-width: 200px;
+  padding: 5px 8px 4px 8px;
+  text-align: center;
+  white-space: normal;
+}
+.mce-tooltip-arrow {
+  position: absolute;
+  width: 0;
+  height: 0;
+  line-height: 0;
+  border: 5px dashed #000;
+}
+.mce-tooltip-arrow-n {
+  border-bottom-color: #000;
+}
+.mce-tooltip-arrow-s {
+  border-top-color: #000;
+}
+.mce-tooltip-arrow-e {
+  border-left-color: #000;
+}
+.mce-tooltip-arrow-w {
+  border-right-color: #000;
+}
+.mce-tooltip-nw,
+.mce-tooltip-sw {
+  margin-left: -14px;
+}
+.mce-tooltip-ne,
+.mce-tooltip-se {
+  margin-left: 14px;
+}
+.mce-tooltip-n .mce-tooltip-arrow {
+  top: 0px;
+  left: 50%;
+  margin-left: -5px;
+  border-bottom-style: solid;
+  border-top: none;
+  border-left-color: transparent;
+  border-right-color: transparent;
+}
+.mce-tooltip-nw .mce-tooltip-arrow {
+  top: 0;
+  left: 10px;
+  border-bottom-style: solid;
+  border-top: none;
+  border-left-color: transparent;
+  border-right-color: transparent;
+}
+.mce-tooltip-ne .mce-tooltip-arrow {
+  top: 0;
+  right: 10px;
+  border-bottom-style: solid;
+  border-top: none;
+  border-left-color: transparent;
+  border-right-color: transparent;
+}
+.mce-tooltip-s .mce-tooltip-arrow {
+  bottom: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-top-style: solid;
+  border-bottom: none;
+  border-left-color: transparent;
+  border-right-color: transparent;
+}
+.mce-tooltip-sw .mce-tooltip-arrow {
+  bottom: 0;
+  left: 10px;
+  border-top-style: solid;
+  border-bottom: none;
+  border-left-color: transparent;
+  border-right-color: transparent;
+}
+.mce-tooltip-se .mce-tooltip-arrow {
+  bottom: 0;
+  right: 10px;
+  border-top-style: solid;
+  border-bottom: none;
+  border-left-color: transparent;
+  border-right-color: transparent;
+}
+.mce-tooltip-e .mce-tooltip-arrow {
+  right: 0;
+  top: 50%;
+  margin-top: -5px;
+  border-left-style: solid;
+  border-right: none;
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+}
+.mce-tooltip-w .mce-tooltip-arrow {
+  left: 0;
+  top: 50%;
+  margin-top: -5px;
+  border-right-style: solid;
+  border-left: none;
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+}
+.mce-progress {
+  display: inline-block;
+  position: relative;
+  height: 20px;
+}
+.mce-progress .mce-bar-container {
+  display: inline-block;
+  width: 100px;
+  height: 100%;
+  margin-right: 8px;
+  border: 1px solid #ccc;
+  overflow: hidden;
+}
+.mce-progress .mce-text {
+  display: inline-block;
+  margin-top: auto;
+  margin-bottom: auto;
+  font-size: 14px;
+  width: 40px;
+  color: #333;
+}
+.mce-bar {
+  display: block;
+  width: 0%;
+  height: 100%;
+  background-color: #d7d7d7;
+  -webkit-transition: width 0.2s ease;
+  transition: width 0.2s ease;
+}
+.mce-notification {
+  position: absolute;
+  background-color: #F0F0F0;
+  padding: 5px;
+  margin-top: 5px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #CCCCCC;
+  transition: transform 100ms ease-in, opacity 150ms ease-in;
+  opacity: 0;
+}
+.mce-notification.mce-in {
+  opacity: 1;
+}
+.mce-notification-success {
+  background-color: #dff0d8;
+  border-color: #d6e9c6;
+}
+.mce-notification-info {
+  background-color: #d9edf7;
+  border-color: #779ECB;
+}
+.mce-notification-warning {
+  background-color: #fcf8e3;
+  border-color: #faebcc;
+}
+.mce-notification-error {
+  background-color: #f2dede;
+  border-color: #ebccd1;
+}
+.mce-notification.mce-has-close {
+  padding-right: 15px;
+}
+.mce-notification .mce-ico {
+  margin-top: 5px;
+}
+.mce-notification-inner {
+  display: inline-block;
+  font-size: 14px;
+  margin: 5px 8px 4px 8px;
+  text-align: center;
+  white-space: normal;
+  color: #31708f;
+}
+.mce-notification-inner a {
+  text-decoration: underline;
+  cursor: pointer;
+}
+.mce-notification .mce-progress {
+  margin-right: 8px;
+}
+.mce-notification .mce-progress .mce-text {
+  margin-top: 5px;
+}
+.mce-notification *,
+.mce-notification .mce-progress .mce-text {
+  color: #333333;
+}
+.mce-notification .mce-progress .mce-bar-container {
+  border-color: #CCCCCC;
+}
+.mce-notification .mce-progress .mce-bar-container .mce-bar {
+  background-color: #333333;
+}
+.mce-notification-success *,
+.mce-notification-success .mce-progress .mce-text {
+  color: #3c763d;
+}
+.mce-notification-success .mce-progress .mce-bar-container {
+  border-color: #d6e9c6;
+}
+.mce-notification-success .mce-progress .mce-bar-container .mce-bar {
+  background-color: #3c763d;
+}
+.mce-notification-info *,
+.mce-notification-info .mce-progress .mce-text {
+  color: #31708f;
+}
+.mce-notification-info .mce-progress .mce-bar-container {
+  border-color: #779ECB;
+}
+.mce-notification-info .mce-progress .mce-bar-container .mce-bar {
+  background-color: #31708f;
+}
+.mce-notification-warning *,
+.mce-notification-warning .mce-progress .mce-text {
+  color: #8a6d3b;
+}
+.mce-notification-warning .mce-progress .mce-bar-container {
+  border-color: #faebcc;
+}
+.mce-notification-warning .mce-progress .mce-bar-container .mce-bar {
+  background-color: #8a6d3b;
+}
+.mce-notification-error *,
+.mce-notification-error .mce-progress .mce-text {
+  color: #a94442;
+}
+.mce-notification-error .mce-progress .mce-bar-container {
+  border-color: #ebccd1;
+}
+.mce-notification-error .mce-progress .mce-bar-container .mce-bar {
+  background-color: #a94442;
+}
+.mce-notification .mce-close {
+  position: absolute;
+  top: 6px;
+  right: 8px;
+  font-size: 20px;
+  font-weight: bold;
+  line-height: 20px;
+  color: #858585;
+  cursor: pointer;
+  height: 20px;
+  overflow: hidden;
+}
+.mce-abs-layout {
+  position: relative;
+}
+body .mce-abs-layout-item,
+.mce-abs-end {
+  position: absolute;
+}
+.mce-abs-end {
+  width: 1px;
+  height: 1px;
+}
+.mce-container-body.mce-abs-layout {
+  overflow: hidden;
+}
+.mce-btn {
+  border: 1px solid #b1b1b1;
+  border-color: transparent transparent transparent transparent;
+  position: relative;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+  background-color: #f0f0f0;
+}
+.mce-btn:hover,
+.mce-btn:focus {
+  color: #333;
+  background-color: #e3e3e3;
+  border-color: #cccccc;
+}
+.mce-btn.mce-disabled button,
+.mce-btn.mce-disabled:hover button {
+  cursor: default;
+  opacity: 0.4;
+  filter: alpha(opacity=40);
+  zoom: 1;
+}
+.mce-btn.mce-active,
+.mce-btn.mce-active:hover {
+  background-color: #dbdbdb;
+  border-color: #cccccc;
+}
+.mce-btn:active {
+  background-color: #e0e0e0;
+  border-color: #cccccc;
+}
+.mce-btn button {
+  padding: 4px 8px;
+  font-size: 14px;
+  line-height: 20px;
+  *line-height: 16px;
+  cursor: pointer;
+  color: #333;
+  text-align: center;
+  overflow: visible;
+  -webkit-appearance: none;
+}
+.mce-btn button::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+.mce-btn i {
+  text-shadow: 1px 1px none;
+}
+.mce-primary.mce-btn-has-text {
+  min-width: 50px;
+}
+.mce-primary {
+  color: #fff;
+  border: 1px solid transparent;
+  border-color: transparent;
+  background-color: #2d8ac7;
+}
+.mce-primary:hover,
+.mce-primary:focus {
+  background-color: #257cb6;
+  border-color: transparent;
+}
+.mce-primary.mce-disabled button,
+.mce-primary.mce-disabled:hover button {
+  cursor: default;
+  opacity: 0.4;
+  filter: alpha(opacity=40);
+  zoom: 1;
+}
+.mce-primary.mce-active,
+.mce-primary.mce-active:hover,
+.mce-primary:not(.mce-disabled):active {
+  background-color: #206ea1;
+}
+.mce-primary button,
+.mce-primary button i {
+  color: #fff;
+  text-shadow: 1px 1px none;
+}
+.mce-btn .mce-txt {
+  font-size: inherit;
+  line-height: inherit;
+  color: inherit;
+}
+.mce-btn-large button {
+  padding: 9px 14px;
+  font-size: 16px;
+  line-height: normal;
+}
+.mce-btn-large i {
+  margin-top: 2px;
+}
+.mce-btn-small button {
+  padding: 1px 5px;
+  font-size: 12px;
+  *padding-bottom: 2px;
+}
+.mce-btn-small i {
+  line-height: 20px;
+  vertical-align: top;
+  *line-height: 18px;
+}
+.mce-btn .mce-caret {
+  margin-top: 8px;
+  margin-left: 0;
+}
+.mce-btn-small .mce-caret {
+  margin-top: 8px;
+  margin-left: 0;
+}
+.mce-caret {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+  width: 0;
+  height: 0;
+  vertical-align: top;
+  border-top: 4px solid #333;
+  border-right: 4px solid transparent;
+  border-left: 4px solid transparent;
+  content: "";
+}
+.mce-disabled .mce-caret {
+  border-top-color: #aaa;
+}
+.mce-caret.mce-up {
+  border-bottom: 4px solid #333;
+  border-top: 0;
+}
+.mce-btn-flat {
+  border: 0;
+  background: transparent;
+  filter: none;
+}
+.mce-btn-flat:hover,
+.mce-btn-flat.mce-active,
+.mce-btn-flat:focus,
+.mce-btn-flat:active {
+  border: 0;
+  background: #e6e6e6;
+  filter: none;
+}
+.mce-btn-has-text .mce-ico {
+  padding-right: 5px;
+}
+.mce-rtl .mce-btn button {
+  direction: rtl;
+}
+.mce-btn-group .mce-btn {
+  border-width: 1px;
+  margin: 0;
+  margin-left: 2px;
+}
+.mce-btn-group:not(:first-child) {
+  border-left: 1px solid #d9d9d9;
+  padding-left: 3px;
+  margin-left: 3px;
+}
+.mce-btn-group .mce-first {
+  margin-left: 0;
+}
+.mce-btn-group .mce-btn.mce-flow-layout-item {
+  margin: 0;
+}
+.mce-rtl .mce-btn-group .mce-btn {
+  margin-left: 0;
+  margin-right: 2px;
+}
+.mce-rtl .mce-btn-group .mce-first {
+  margin-right: 0;
+}
+.mce-rtl .mce-btn-group:not(:first-child) {
+  border-left: none;
+  border-right: 1px solid #d9d9d9;
+  padding-right: 4px;
+  margin-right: 4px;
+}
+.mce-checkbox {
+  cursor: pointer;
+}
+i.mce-i-checkbox {
+  margin: 0 3px 0 0;
+  border: 1px solid #c5c5c5;
+  background-color: #f0f0f0;
+  text-indent: -10em;
+  *font-size: 0;
+  *line-height: 0;
+  *text-indent: 0;
+  overflow: hidden;
+}
+.mce-checked i.mce-i-checkbox {
+  color: #333;
+  font-size: 16px;
+  line-height: 16px;
+  text-indent: 0;
+}
+.mce-checkbox:focus i.mce-i-checkbox,
+.mce-checkbox.mce-focus i.mce-i-checkbox {
+  border: 1px solid rgba(82, 168, 236, 0.8);
+}
+.mce-checkbox.mce-disabled .mce-label,
+.mce-checkbox.mce-disabled i.mce-i-checkbox {
+  color: #acacac;
+}
+.mce-checkbox .mce-label {
+  vertical-align: middle;
+}
+.mce-rtl .mce-checkbox {
+  direction: rtl;
+  text-align: right;
+}
+.mce-rtl i.mce-i-checkbox {
+  margin: 0 0 0 3px;
+}
+.mce-combobox {
+  position: relative;
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+  *height: 32px;
+}
+.mce-combobox input {
+  border: 1px solid #c5c5c5;
+  border-right-color: #c5c5c5;
+  height: 28px;
+}
+.mce-combobox.mce-disabled input {
+  color: #adadad;
+}
+.mce-combobox .mce-btn {
+  border: 1px solid #c5c5c5;
+  border-left: 0;
+  margin: 0;
+}
+.mce-combobox button {
+  padding-right: 8px;
+  padding-left: 8px;
+}
+.mce-combobox.mce-disabled .mce-btn button {
+  cursor: default;
+  opacity: 0.4;
+  filter: alpha(opacity=40);
+  zoom: 1;
+}
+.mce-combobox .mce-status {
+  position: absolute;
+  right: 2px;
+  top: 50%;
+  line-height: 16px;
+  margin-top: -8px;
+  font-size: 12px;
+  width: 15px;
+  height: 15px;
+  text-align: center;
+  cursor: pointer;
+}
+.mce-combobox.mce-has-status input {
+  padding-right: 20px;
+}
+.mce-combobox.mce-has-open .mce-status {
+  right: 37px;
+}
+.mce-combobox .mce-status.mce-i-warning {
+  color: #c09853;
+}
+.mce-combobox .mce-status.mce-i-checkmark {
+  color: #468847;
+}
+.mce-menu.mce-combobox-menu {
+  border-top: 0;
+  margin-top: 0;
+  max-height: 200px;
+}
+.mce-menu.mce-combobox-menu .mce-menu-item {
+  padding: 4px 6px 4px 4px;
+  font-size: 11px;
+}
+.mce-menu.mce-combobox-menu .mce-menu-item-sep {
+  padding: 0;
+}
+.mce-menu.mce-combobox-menu .mce-text {
+  font-size: 11px;
+}
+.mce-menu.mce-combobox-menu .mce-menu-item-link,
+.mce-menu.mce-combobox-menu .mce-menu-item-link b {
+  font-size: 11px;
+}
+.mce-menu.mce-combobox-menu .mce-text b {
+  font-size: 11px;
+}
+.mce-colorbox i {
+  border: 1px solid #c5c5c5;
+  width: 14px;
+  height: 14px;
+}
+.mce-colorbutton .mce-ico {
+  position: relative;
+}
+.mce-colorbutton-grid {
+  margin: 4px;
+}
+.mce-colorbutton button {
+  padding-right: 6px;
+  padding-left: 6px;
+}
+.mce-colorbutton .mce-preview {
+  padding-right: 3px;
+  display: block;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin-left: -17px;
+  margin-top: 7px;
+  background: gray;
+  width: 13px;
+  height: 2px;
+  overflow: hidden;
+}
+.mce-colorbutton.mce-btn-small .mce-preview {
+  margin-left: -16px;
+  padding-right: 0;
+  width: 16px;
+}
+.mce-colorbutton .mce-open {
+  padding-left: 4px;
+  padding-right: 4px;
+  border-left: 1px solid transparent;
+}
+.mce-colorbutton:hover .mce-open {
+  border-color: #cccccc;
+}
+.mce-colorbutton.mce-btn-small .mce-open {
+  padding: 0 3px 0 3px;
+}
+.mce-rtl .mce-colorbutton {
+  direction: rtl;
+}
+.mce-rtl .mce-colorbutton .mce-preview {
+  margin-left: 0;
+  padding-right: 0;
+  padding-left: 3px;
+}
+.mce-rtl .mce-colorbutton.mce-btn-small .mce-preview {
+  margin-left: 0;
+  padding-right: 0;
+  padding-left: 2px;
+}
+.mce-rtl .mce-colorbutton .mce-open {
+  padding-left: 4px;
+  padding-right: 4px;
+  border-left: 0;
+}
+.mce-colorpicker {
+  position: relative;
+  width: 250px;
+  height: 220px;
+}
+.mce-colorpicker-sv {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 90%;
+  height: 100%;
+  border: 1px solid #c5c5c5;
+  cursor: crosshair;
+  overflow: hidden;
+}
+.mce-colorpicker-h-chunk {
+  width: 100%;
+}
+.mce-colorpicker-overlay1,
+.mce-colorpicker-overlay2 {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.mce-colorpicker-overlay1 {
+  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffffff', endColorstr='#00ffffff');
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";
+  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
+}
+.mce-colorpicker-overlay2 {
+  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#00000000', endColorstr='#000000');
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";
+  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
+}
+.mce-colorpicker-selector1 {
+  background: none;
+  position: absolute;
+  width: 12px;
+  height: 12px;
+  margin: -8px 0 0 -8px;
+  border: 1px solid black;
+  border-radius: 50%;
+}
+.mce-colorpicker-selector2 {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  border: 1px solid white;
+  border-radius: 50%;
+}
+.mce-colorpicker-h {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 6.5%;
+  height: 100%;
+  border: 1px solid #c5c5c5;
+  cursor: crosshair;
+}
+.mce-colorpicker-h-marker {
+  margin-top: -4px;
+  position: absolute;
+  top: 0;
+  left: -1px;
+  width: 100%;
+  border: 1px solid #333;
+  background: #fff;
+  height: 4px;
+  z-index: 100;
+}
+.mce-path {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+  padding: 8px;
+  white-space: normal;
+}
+.mce-path .mce-txt {
+  display: inline-block;
+  padding-right: 3px;
+}
+.mce-path .mce-path-body {
+  display: inline-block;
+}
+.mce-path-item {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+  cursor: pointer;
+  color: #333;
+}
+.mce-path-item:hover {
+  text-decoration: underline;
+}
+.mce-path-item:focus {
+  background: #666;
+  color: #fff;
+}
+.mce-path .mce-divider {
+  display: inline;
+}
+.mce-disabled .mce-path-item {
+  color: #aaa;
+}
+.mce-rtl .mce-path {
+  direction: rtl;
+}
+.mce-fieldset {
+  border: 0 solid #9E9E9E;
+}
+.mce-fieldset > .mce-container-body {
+  margin-top: -15px;
+}
+.mce-fieldset-title {
+  margin-left: 5px;
+  padding: 0 5px 0 5px;
+}
+.mce-fit-layout {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+}
+.mce-fit-layout-item {
+  position: absolute;
+}
+.mce-flow-layout-item {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+}
+.mce-flow-layout-item {
+  margin: 2px 0 2px 2px;
+}
+.mce-flow-layout-item.mce-last {
+  margin-right: 2px;
+}
+.mce-flow-layout {
+  white-space: normal;
+}
+.mce-tinymce-inline .mce-flow-layout {
+  white-space: nowrap;
+}
+.mce-rtl .mce-flow-layout {
+  text-align: right;
+  direction: rtl;
+}
+.mce-rtl .mce-flow-layout-item {
+  margin: 2px 2px 2px 0;
+}
+.mce-rtl .mce-flow-layout-item.mce-last {
+  margin-left: 2px;
+}
+.mce-iframe {
+  border: 0 solid rgba(0, 0, 0, 0.2);
+  width: 100%;
+  height: 100%;
+}
+.mce-infobox {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+  overflow: hidden;
+  border: 1px solid red;
+}
+.mce-infobox div {
+  display: block;
+  margin: 5px;
+}
+.mce-infobox div button {
+  position: absolute;
+  top: 50%;
+  right: 4px;
+  cursor: pointer;
+  margin-top: -8px;
+  display: none;
+}
+.mce-infobox div button:focus {
+  outline: 2px solid #cccccc;
+}
+.mce-infobox.mce-has-help div {
+  margin-right: 25px;
+}
+.mce-infobox.mce-has-help button {
+  display: block;
+}
+.mce-infobox.mce-success {
+  background: #dff0d8;
+  border-color: #d6e9c6;
+}
+.mce-infobox.mce-success div {
+  color: #3c763d;
+}
+.mce-infobox.mce-warning {
+  background: #fcf8e3;
+  border-color: #faebcc;
+}
+.mce-infobox.mce-warning div {
+  color: #8a6d3b;
+}
+.mce-infobox.mce-error {
+  background: #f2dede;
+  border-color: #ebccd1;
+}
+.mce-infobox.mce-error div {
+  color: #a94442;
+}
+.mce-rtl .mce-infobox div {
+  text-align: right;
+  direction: rtl;
+}
+.mce-label {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+  overflow: hidden;
+}
+.mce-label.mce-autoscroll {
+  overflow: auto;
+}
+.mce-label.mce-disabled {
+  color: #aaa;
+}
+.mce-label.mce-multiline {
+  white-space: pre-wrap;
+}
+.mce-label.mce-success {
+  color: #468847;
+}
+.mce-label.mce-warning {
+  color: #c09853;
+}
+.mce-label.mce-error {
+  color: #b94a48;
+}
+.mce-rtl .mce-label {
+  text-align: right;
+  direction: rtl;
+}
+/* MenuBar */
+.mce-menubar .mce-menubtn {
+  border-color: transparent;
+  background: transparent;
+  filter: none;
+}
+.mce-menubar .mce-menubtn button {
+  color: #333;
+}
+.mce-menubar {
+  border: 1px solid rgba(217, 217, 217, 0.52);
+}
+.mce-menubar .mce-menubtn button span {
+  color: #333;
+}
+.mce-menubar .mce-caret {
+  border-top-color: #333;
+}
+.mce-menubar .mce-menubtn:hover,
+.mce-menubar .mce-menubtn.mce-active,
+.mce-menubar .mce-menubtn:focus {
+  border-color: #cccccc;
+  background: #fff;
+  filter: none;
+}
+/* MenuButton */
+.mce-menubtn button {
+  color: #333;
+}
+.mce-menubtn.mce-btn-small span {
+  font-size: 12px;
+}
+.mce-menubtn.mce-fixed-width span {
+  display: inline-block;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  width: 90px;
+}
+.mce-menubtn.mce-fixed-width.mce-btn-small span {
+  width: 70px;
+}
+.mce-menubtn .mce-caret {
+  *margin-top: 6px;
+}
+.mce-rtl .mce-menubtn button {
+  direction: rtl;
+  text-align: right;
+}
+.mce-menu-item {
+  display: block;
+  padding: 6px 15px 6px 12px;
+  clear: both;
+  font-weight: normal;
+  line-height: 20px;
+  color: #333;
+  white-space: nowrap;
+  cursor: pointer;
+  line-height: normal;
+  border-left: 4px solid transparent;
+  margin-bottom: 1px;
+}
+.mce-menu-item .mce-ico,
+.mce-menu-item .mce-text {
+  color: #333;
+}
+.mce-menu-item.mce-disabled .mce-text,
+.mce-menu-item.mce-disabled .mce-ico {
+  color: #adadad;
+}
+.mce-menu-item:hover .mce-text,
+.mce-menu-item.mce-selected .mce-text,
+.mce-menu-item:focus .mce-text {
+  color: white;
+}
+.mce-menu-item:hover .mce-ico,
+.mce-menu-item.mce-selected .mce-ico,
+.mce-menu-item:focus .mce-ico {
+  color: white;
+}
+.mce-menu-item.mce-disabled:hover {
+  background: #CCC;
+}
+.mce-menu-shortcut {
+  display: inline-block;
+  color: #adadad;
+}
+.mce-menu-shortcut {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+  padding: 0 15px 0 20px;
+}
+.mce-menu-item:hover .mce-menu-shortcut,
+.mce-menu-item.mce-selected .mce-menu-shortcut,
+.mce-menu-item:focus .mce-menu-shortcut {
+  color: white;
+}
+.mce-menu-item .mce-caret {
+  margin-top: 4px;
+  *margin-top: 3px;
+  margin-right: 6px;
+  border-top: 4px solid transparent;
+  border-bottom: 4px solid transparent;
+  border-left: 4px solid #333;
+}
+.mce-menu-item.mce-selected .mce-caret,
+.mce-menu-item:focus .mce-caret,
+.mce-menu-item:hover .mce-caret {
+  border-left-color: white;
+}
+.mce-menu-align .mce-menu-shortcut {
+  *margin-top: -2px;
+}
+.mce-menu-align .mce-menu-shortcut,
+.mce-menu-align .mce-caret {
+  position: absolute;
+  right: 0;
+}
+.mce-menu-item.mce-active i {
+  visibility: visible;
+}
+.mce-menu-item-normal.mce-active {
+  background-color: #3498db;
+}
+.mce-menu-item-preview.mce-active {
+  border-left: 5px solid #aaa;
+}
+.mce-menu-item-normal.mce-active .mce-text {
+  color: white;
+}
+.mce-menu-item-normal.mce-active:hover .mce-text,
+.mce-menu-item-normal.mce-active:hover .mce-ico {
+  color: white;
+}
+.mce-menu-item-normal.mce-active:focus .mce-text,
+.mce-menu-item-normal.mce-active:focus .mce-ico {
+  color: white;
+}
+.mce-menu-item:hover,
+.mce-menu-item.mce-selected,
+.mce-menu-item:focus {
+  text-decoration: none;
+  color: white;
+  background-color: #2d8ac7;
+}
+.mce-menu-item-link {
+  color: #093;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.mce-menu-item-link b {
+  color: #093;
+}
+.mce-menu-item-ellipsis {
+  display: block;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.mce-menu-item:hover *,
+.mce-menu-item.mce-selected *,
+.mce-menu-item:focus * {
+  color: white;
+}
+div.mce-menu .mce-menu-item-sep,
+.mce-menu-item-sep:hover {
+  border: 0;
+  padding: 0;
+  height: 1px;
+  margin: 9px 1px;
+  overflow: hidden;
+  background: transparent;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+  cursor: default;
+  filter: none;
+}
+div.mce-menu .mce-menu-item b {
+  font-weight: bold;
+}
+.mce-menu-item-indent-1 {
+  padding-left: 20px;
+}
+.mce-menu-item-indent-2 {
+  padding-left: 35px;
+}
+.mce-menu-item-indent-2 {
+  padding-left: 35px;
+}
+.mce-menu-item-indent-3 {
+  padding-left: 40px;
+}
+.mce-menu-item-indent-4 {
+  padding-left: 45px;
+}
+.mce-menu-item-indent-5 {
+  padding-left: 50px;
+}
+.mce-menu-item-indent-6 {
+  padding-left: 55px;
+}
+.mce-menu.mce-rtl {
+  direction: rtl;
+}
+.mce-rtl .mce-menu-item {
+  text-align: right;
+  direction: rtl;
+  padding: 6px 12px 6px 15px;
+}
+.mce-menu-align.mce-rtl .mce-menu-shortcut,
+.mce-menu-align.mce-rtl .mce-caret {
+  right: auto;
+  left: 0;
+}
+.mce-rtl .mce-menu-item .mce-caret {
+  margin-left: 6px;
+  margin-right: 0;
+  border-right: 4px solid #333;
+  border-left: 0;
+}
+.mce-rtl .mce-menu-item.mce-selected .mce-caret,
+.mce-rtl .mce-menu-item:focus .mce-caret,
+.mce-rtl .mce-menu-item:hover .mce-caret {
+  border-left-color: transparent;
+  border-right-color: white;
+}
+.mce-throbber {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0.6;
+  filter: alpha(opacity=60);
+  zoom: 1;
+  background: #fff url('img/loader.gif') no-repeat center center;
+}
+.mce-throbber-inline {
+  position: static;
+  height: 50px;
+}
+.mce-menu .mce-throbber-inline {
+  height: 25px;
+  background-size: contain;
+}
+.mce-menu {
+  position: absolute;
+  left: 0;
+  top: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background: transparent;
+  z-index: 1000;
+  padding: 5px 0 5px 0;
+  margin: -1px 0 0;
+  min-width: 160px;
+  background: #fff;
+  border: 1px solid #989898;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  z-index: 1002;
+  max-height: 400px;
+  overflow: auto;
+  overflow-x: hidden;
+}
+.mce-menu i {
+  display: none;
+}
+.mce-menu-has-icons i {
+  display: inline-block;
+  *display: inline;
+}
+.mce-menu-sub-tr-tl {
+  margin: -6px 0 0 -1px;
+}
+.mce-menu-sub-br-bl {
+  margin: 6px 0 0 -1px;
+}
+.mce-menu-sub-tl-tr {
+  margin: -6px 0 0 1px;
+}
+.mce-menu-sub-bl-br {
+  margin: 6px 0 0 1px;
+}
+.mce-listbox button {
+  text-align: left;
+  padding-right: 20px;
+  position: relative;
+}
+.mce-listbox .mce-caret {
+  position: absolute;
+  margin-top: -2px;
+  right: 8px;
+  top: 50%;
+}
+.mce-rtl .mce-listbox .mce-caret {
+  right: auto;
+  left: 8px;
+}
+.mce-rtl .mce-listbox button {
+  padding-right: 10px;
+  padding-left: 20px;
+}
+.mce-container-body .mce-resizehandle {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 16px;
+  height: 16px;
+  visibility: visible;
+  cursor: s-resize;
+  margin: 0;
+}
+.mce-container-body .mce-resizehandle-both {
+  cursor: se-resize;
+}
+i.mce-i-resize {
+  color: #333;
+}
+.mce-selectbox {
+  background: #fff;
+  border: 1px solid #c5c5c5;
+}
+.mce-slider {
+  border: 1px solid #AAA;
+  background: #EEE;
+  width: 100px;
+  height: 10px;
+  position: relative;
+  display: block;
+}
+.mce-slider.mce-vertical {
+  width: 10px;
+  height: 100px;
+}
+.mce-slider-handle {
+  border: 1px solid #BBB;
+  background: #DDD;
+  display: block;
+  width: 13px;
+  height: 13px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  margin-left: -1px;
+  margin-top: -2px;
+}
+.mce-slider-handle:focus {
+  background: #BBB;
+}
+.mce-spacer {
+  visibility: hidden;
+}
+.mce-splitbtn .mce-open {
+  border-left: 1px solid transparent;
+}
+.mce-splitbtn:hover .mce-open {
+  border-left-color: #cccccc;
+}
+.mce-splitbtn button {
+  padding-right: 6px;
+  padding-left: 6px;
+}
+.mce-splitbtn .mce-open {
+  padding-right: 4px;
+  padding-left: 4px;
+}
+.mce-splitbtn .mce-open.mce-active {
+  background-color: #dbdbdb;
+  outline: 1px solid #cccccc;
+}
+.mce-splitbtn.mce-btn-small .mce-open {
+  padding: 0 3px 0 3px;
+}
+.mce-rtl .mce-splitbtn {
+  direction: rtl;
+  text-align: right;
+}
+.mce-rtl .mce-splitbtn button {
+  padding-right: 4px;
+  padding-left: 4px;
+}
+.mce-rtl .mce-splitbtn .mce-open {
+  border-left: 0;
+}
+.mce-stack-layout-item {
+  display: block;
+}
+.mce-tabs {
+  display: block;
+  border-bottom: 1px solid #c5c5c5;
+}
+.mce-tabs,
+.mce-tabs + .mce-container-body {
+  background: #FFF;
+}
+.mce-tab {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+  border: 1px solid #c5c5c5;
+  border-width: 0 1px 0 0;
+  background: #ffffff;
+  padding: 8px;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+  height: 13px;
+  cursor: pointer;
+}
+.mce-tab:hover {
+  background: #FDFDFD;
+}
+.mce-tab.mce-active {
+  background: #FDFDFD;
+  border-bottom-color: transparent;
+  margin-bottom: -1px;
+  height: 14px;
+}
+.mce-rtl .mce-tabs {
+  text-align: right;
+  direction: rtl;
+}
+.mce-rtl .mce-tab {
+  border-width: 0 0 0 1px;
+}
+.mce-textbox {
+  background: #fff;
+  border: 1px solid #c5c5c5;
+  display: inline-block;
+  -webkit-transition: border linear .2s, box-shadow linear .2s;
+  transition: border linear .2s, box-shadow linear .2s;
+  height: 28px;
+  resize: none;
+  padding: 0 4px 0 4px;
+  white-space: pre-wrap;
+  *white-space: pre;
+  color: #333;
+}
+.mce-textbox:focus,
+.mce-textbox.mce-focus {
+  border-color: #3498db;
+}
+.mce-placeholder .mce-textbox {
+  color: #aaa;
+}
+.mce-textbox.mce-multiline {
+  padding: 4px;
+  height: auto;
+}
+.mce-textbox.mce-disabled {
+  color: #adadad;
+}
+.mce-rtl .mce-textbox {
+  text-align: right;
+  direction: rtl;
+}
+/* Icons */
+@font-face {
+  font-family: 'tinymce';
+  src: url('fonts/tinymce.eot');
+  src: url('fonts/tinymce.eot?#iefix') format('embedded-opentype'), url('fonts/tinymce.woff') format('woff'), url('fonts/tinymce.ttf') format('truetype'), url('fonts/tinymce.svg#tinymce') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'tinymce-small';
+  src: url('fonts/tinymce-small.eot');
+  src: url('fonts/tinymce-small.eot?#iefix') format('embedded-opentype'), url('fonts/tinymce-small.woff') format('woff'), url('fonts/tinymce-small.ttf') format('truetype'), url('fonts/tinymce-small.svg#tinymce') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+.mce-ico {
+  font-family: 'tinymce', Arial;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  font-size: 16px;
+  line-height: 16px;
+  speak: none;
+  vertical-align: text-top;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  display: inline-block;
+  background: transparent center center;
+  background-size: cover;
+  width: 16px;
+  height: 16px;
+  color: #333;
+}
+.mce-btn-small .mce-ico {
+  font-family: 'tinymce-small', Arial;
+}
+.mce-i-save:before {
+  content: "\e000";
+}
+.mce-i-newdocument:before {
+  content: "\e001";
+}
+.mce-i-fullpage:before {
+  content: "\e002";
+}
+.mce-i-alignleft:before {
+  content: "\e003";
+}
+.mce-i-aligncenter:before {
+  content: "\e004";
+}
+.mce-i-alignright:before {
+  content: "\e005";
+}
+.mce-i-alignjustify:before {
+  content: "\e006";
+}
+.mce-i-alignnone:before {
+  content: "\e003";
+}
+.mce-i-cut:before {
+  content: "\e007";
+}
+.mce-i-paste:before {
+  content: "\e008";
+}
+.mce-i-searchreplace:before {
+  content: "\e009";
+}
+.mce-i-bullist:before {
+  content: "\e00a";
+}
+.mce-i-numlist:before {
+  content: "\e00b";
+}
+.mce-i-indent:before {
+  content: "\e00c";
+}
+.mce-i-outdent:before {
+  content: "\e00d";
+}
+.mce-i-blockquote:before {
+  content: "\e00e";
+}
+.mce-i-undo:before {
+  content: "\e00f";
+}
+.mce-i-redo:before {
+  content: "\e010";
+}
+.mce-i-link:before {
+  content: "\e011";
+}
+.mce-i-unlink:before {
+  content: "\e012";
+}
+.mce-i-anchor:before {
+  content: "\e013";
+}
+.mce-i-image:before {
+  content: "\e014";
+}
+.mce-i-media:before {
+  content: "\e015";
+}
+.mce-i-help:before {
+  content: "\e016";
+}
+.mce-i-code:before {
+  content: "\e017";
+}
+.mce-i-insertdatetime:before {
+  content: "\e018";
+}
+.mce-i-preview:before {
+  content: "\e019";
+}
+.mce-i-forecolor:before {
+  content: "\e01a";
+}
+.mce-i-backcolor:before {
+  content: "\e01a";
+}
+.mce-i-table:before {
+  content: "\e01b";
+}
+.mce-i-hr:before {
+  content: "\e01c";
+}
+.mce-i-removeformat:before {
+  content: "\e01d";
+}
+.mce-i-subscript:before {
+  content: "\e01e";
+}
+.mce-i-superscript:before {
+  content: "\e01f";
+}
+.mce-i-charmap:before {
+  content: "\e020";
+}
+.mce-i-emoticons:before {
+  content: "\e021";
+}
+.mce-i-print:before {
+  content: "\e022";
+}
+.mce-i-fullscreen:before {
+  content: "\e023";
+}
+.mce-i-spellchecker:before {
+  content: "\e024";
+}
+.mce-i-nonbreaking:before {
+  content: "\e025";
+}
+.mce-i-template:before {
+  content: "\e026";
+}
+.mce-i-pagebreak:before {
+  content: "\e027";
+}
+.mce-i-restoredraft:before {
+  content: "\e028";
+}
+.mce-i-bold:before {
+  content: "\e02a";
+}
+.mce-i-italic:before {
+  content: "\e02b";
+}
+.mce-i-underline:before {
+  content: "\e02c";
+}
+.mce-i-strikethrough:before {
+  content: "\e02d";
+}
+.mce-i-visualchars:before {
+  content: "\e02e";
+}
+.mce-i-visualblocks:before {
+  content: "\e02e";
+}
+.mce-i-ltr:before {
+  content: "\e02f";
+}
+.mce-i-rtl:before {
+  content: "\e030";
+}
+.mce-i-copy:before {
+  content: "\e031";
+}
+.mce-i-resize:before {
+  content: "\e032";
+}
+.mce-i-browse:before {
+  content: "\e034";
+}
+.mce-i-pastetext:before {
+  content: "\e035";
+}
+.mce-i-rotateleft:before {
+  content: "\eaa8";
+}
+.mce-i-rotateright:before {
+  content: "\eaa9";
+}
+.mce-i-crop:before {
+  content: "\ee78";
+}
+.mce-i-editimage:before {
+  content: "\e915";
+}
+.mce-i-options:before {
+  content: "\ec6a";
+}
+.mce-i-flipv:before {
+  content: "\eaaa";
+}
+.mce-i-fliph:before {
+  content: "\eaac";
+}
+.mce-i-zoomin:before {
+  content: "\eb35";
+}
+.mce-i-zoomout:before {
+  content: "\eb36";
+}
+.mce-i-sun:before {
+  content: "\eccc";
+}
+.mce-i-moon:before {
+  content: "\eccd";
+}
+.mce-i-arrowleft:before {
+  content: "\edc0";
+}
+.mce-i-arrowright:before {
+  content: "\e93c";
+}
+.mce-i-drop:before {
+  content: "\e935";
+}
+.mce-i-contrast:before {
+  content: "\ecd4";
+}
+.mce-i-sharpen:before {
+  content: "\eba7";
+}
+.mce-i-resize2:before {
+  content: "\edf9";
+}
+.mce-i-orientation:before {
+  content: "\e601";
+}
+.mce-i-invert:before {
+  content: "\e602";
+}
+.mce-i-gamma:before {
+  content: "\e600";
+}
+.mce-i-remove:before {
+  content: "\ed6a";
+}
+.mce-i-tablerowprops:before {
+  content: "\e604";
+}
+.mce-i-tablecellprops:before {
+  content: "\e605";
+}
+.mce-i-table2:before {
+  content: "\e606";
+}
+.mce-i-tablemergecells:before {
+  content: "\e607";
+}
+.mce-i-tableinsertcolbefore:before {
+  content: "\e608";
+}
+.mce-i-tableinsertcolafter:before {
+  content: "\e609";
+}
+.mce-i-tableinsertrowbefore:before {
+  content: "\e60a";
+}
+.mce-i-tableinsertrowafter:before {
+  content: "\e60b";
+}
+.mce-i-tablesplitcells:before {
+  content: "\e60d";
+}
+.mce-i-tabledelete:before {
+  content: "\e60e";
+}
+.mce-i-tableleftheader:before {
+  content: "\e62a";
+}
+.mce-i-tabletopheader:before {
+  content: "\e62b";
+}
+.mce-i-tabledeleterow:before {
+  content: "\e800";
+}
+.mce-i-tabledeletecol:before {
+  content: "\e801";
+}
+.mce-i-codesample:before {
+  content: "\e603";
+}
+.mce-i-fill:before {
+  content: "\e902";
+}
+.mce-i-borderwidth:before {
+  content: "\e903";
+}
+.mce-i-line:before {
+  content: "\e904";
+}
+.mce-i-count:before {
+  content: "\e905";
+}
+.mce-i-translate:before {
+  content: "\e907";
+}
+.mce-i-drag:before {
+  content: "\e908";
+}
+.mce-i-home:before {
+  content: "\e90b";
+}
+.mce-i-upload:before {
+  content: "\e914";
+}
+.mce-i-bubble:before {
+  content: "\e91c";
+}
+.mce-i-user:before {
+  content: "\e91d";
+}
+.mce-i-lock:before {
+  content: "\e926";
+}
+.mce-i-unlock:before {
+  content: "\e927";
+}
+.mce-i-settings:before {
+  content: "\e928";
+}
+.mce-i-remove2:before {
+  content: "\e92a";
+}
+.mce-i-menu:before {
+  content: "\e92d";
+}
+.mce-i-warning:before {
+  content: "\e930";
+}
+.mce-i-question:before {
+  content: "\e931";
+}
+.mce-i-pluscircle:before {
+  content: "\e932";
+}
+.mce-i-info:before {
+  content: "\e933";
+}
+.mce-i-notice:before {
+  content: "\e934";
+}
+.mce-i-arrowup:before {
+  content: "\e93b";
+}
+.mce-i-arrowdown:before {
+  content: "\e93d";
+}
+.mce-i-arrowup2:before {
+  content: "\e93f";
+}
+.mce-i-arrowdown2:before {
+  content: "\e940";
+}
+.mce-i-menu2:before {
+  content: "\e941";
+}
+.mce-i-newtab:before {
+  content: "\e961";
+}
+.mce-i-a11y:before {
+  content: "\e900";
+}
+.mce-i-plus:before {
+  content: "\e93a";
+}
+.mce-i-insert:before {
+  content: "\e93a";
+}
+.mce-i-minus:before {
+  content: "\e939";
+}
+.mce-i-books:before {
+  content: "\e911";
+}
+.mce-i-reload:before {
+  content: "\e906";
+}
+.mce-i-toc:before {
+  content: "\e901";
+}
+.mce-i-checkmark:before {
+  content: "\e033";
+}
+.mce-i-checkbox:before,
+.mce-i-selected:before {
+  content: "\e033";
+}
+.mce-i-insert {
+  font-size: 14px;
+}
+.mce-i-selected {
+  visibility: hidden;
+}
+i.mce-i-backcolor {
+  text-shadow: none;
+  background: #BBB;
+}