/*!
 * http://jqueryte.com
 * jQuery Text Editor 1.4.0
 * Copyright (C) 2012, Fatih Koca (fattih@fattih.com), AUTHOR.txt (http://jqueryte.com/about)
 * This program is free software
you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation
either version 2 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY
without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with this library
if not, write to the Free Software Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
 *
*/

// Editor's general field
.jqte {
  border: 1px solid @input-border;
  border-radius: @panel-border-radius;
  overflow: hidden;
}

.jqte * {
  color: @text-color;
  font-family: @font-family-sans-serif;
  font-size: @font-size-base;
}

// Toolbar
.jqte_toolbar {
  overflow: auto;
  padding: @padding-base-vertical @padding-base-horizontal;
  background: #fff;
  border-bottom: 1px solid @input-border;
}

.jqte_tool {
  float: left;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.jqte_hiddenField {
  display: none;
}

.jqte_tool_icon {
  display: block;
  width: 22px;
  height: 22px;
  background: url('@{img-path}styles/jquery-te.png') no-repeat;
}

.jqte_tool.jqte_tool_1 .jqte_tool_label {
  position: relative;
  display: block;
  padding: 3px;
  width: 70px;
  height: 16px;
  overflow: hidden;
}

.jqte_tool.jqte_tool_1 .jqte_tool_icon {
  position: absolute;
  top: 10px;
  right: 2px;
  width: 6px;
  height: 4px;
  background-position: -19px -23px;
  border: none;
  border-radius: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
}

.jqte_tool.jqte_tool_2 .jqte_tool_icon {
  background-position: 0 0;
}

.jqte_tool.jqte_tool_3 .jqte_tool_icon {
  background-position: -22px 0;
}

.jqte_tool.jqte_tool_4 .jqte_tool_icon {
  background-position: -44px 0;
}

.jqte_tool.jqte_tool_5 .jqte_tool_icon {
  background-position: -66px 0;
}

.jqte_tool.jqte_tool_6 .jqte_tool_icon {
  background-position: -88px 0;
}

.jqte_tool.jqte_tool_7 .jqte_tool_icon {
  background-position: -110px 0;
}

.jqte_tool.jqte_tool_8 .jqte_tool_icon {
  background-position: -132px 0;
}

.jqte_tool.jqte_tool_9 .jqte_tool_icon {
  background-position: -154px 0;
}

.jqte_tool.jqte_tool_10 .jqte_tool_icon {
  background-position: -176px 0;
}

.jqte_tool.jqte_tool_11 .jqte_tool_icon {
  background-position: -198px 0;
}

.jqte_tool.jqte_tool_12 .jqte_tool_icon {
  background-position: -220px 0;
}

.jqte_tool.jqte_tool_13 .jqte_tool_icon {
  background-position: -242px 0;
}

.jqte_tool.jqte_tool_14 .jqte_tool_icon {
  background-position: -264px 0;
}

.jqte_tool.jqte_tool_15 .jqte_tool_icon {
  background-position: -286px 0;
}

.jqte_tool.jqte_tool_16 .jqte_tool_icon {
  background-position: -308px 0;
}

.jqte_tool.jqte_tool_17 .jqte_tool_icon {
  background-position: -330px 0;
}

.jqte_tool.jqte_tool_18 .jqte_tool_icon {
  background-position: -352px 0;
}

.jqte_tool.jqte_tool_19 .jqte_tool_icon {
  background-position: -374px 0;
}

.jqte_tool.jqte_tool_20 .jqte_tool_icon {
  background-position: -396px 0;
}

.jqte_tool.jqte_tool_21 .jqte_tool_icon {
  background-position: -418px 0;
}

.jqte_tool:hover {
  background-color: #FFF;
  border-color: #FFF;
}

.jqte_tool:hover .jqte_tool_icon, .jqte_tool:hover .jqte_tool_label {
  background-color: @gray-lighter;
  border-radius: @panel-border-radius;
}

/* editor area */
.jqte_editor, .jqte_source {
  padding: 10px;
  background: #FFF;
  min-height: 100px;
  max-height: 900px;
  overflow: auto;
  outline: none;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  resize: vertical
}

.jqte_editor div, .jqte_editor p {
  margin: 0 0 7px
}

.jqte_editor a:link, .jqte_editor a:link * {
  color: #0066FF !important;
  text-decoration: underline;
}

.jqte_editor blockquote {
  margin-top: 0;
  margin-bottom: 7px
}

.jqte_editor img {
  float: left;
  margin: 0 10px 5px 0
}

.jqte_editor a[jqte-setlink], .jqte_editor a[jqte-setlink] * {
  background: #3297FD !important;
  color: #FFF !important
}

.jqte_editor h1, .jqte_editor h2, .jqte_editor h3, .jqte_editor h4, .jqte_editor h5, .jqte_editor h6, .jqte_editor pre {
  display: block;
  margin: 0 0 3px;
}

.jqte_editor h1, .jqte_editor h1 * {
  font-size: 26px
}

.jqte_editor h2, .jqte_editor h2 * {
  font-size: 24px
}

.jqte_editor h3, .jqte_editor h3 * {
  font-size: 22px
}

.jqte_editor h4, .jqte_editor h4 * {
  font-size: 20px
}

.jqte_editor h5, .jqte_editor h5 * {
  font-size: 18px
}

.jqte_editor h6, .jqte_editor h6 * {
  font-size: 15px
}

.jqte_editor pre, .jqte_editor pre * {
  font-family: @font-family-monospace;
}

/* source area */
.jqte_source, .jqte_source textarea {
//  background: #FFF1E8
}

.jqte_source textarea {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  width: 100% !important;
  min-height: 100px;
  font-family: @font-family-monospace;
  font-weight: normal;
  font-size: 15px;
  overflow: hidden !important;
  outline: none;
  resize: none;
}

.jqte_source textarea, .jqte_source textarea:focus {
  background: none !important;
  border: none !important;
}

/* title box */
.jqte_title {
  display: none;
  position: absolute;
  z-index: 9999;
}

.jqte_titleArrow {
  position: relative;
}

.jqte_titleArrowIcon {
  width: 7px;
  height: 6px;
  margin: 0 auto;
  background: url('@{img-path}jquery-te.png') 0 -23px no-repeat;
}

.jqte_titleText {
  padding: 5px 7px;
  margin-top: 0;
  min-width: 5px;
  min-height: 1px;
  max-width: 400px;
  background: #000;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  word-wrap: break-word;
  -ms-word-wrap: break-word
}

.jqte_titleText, .jqte_titleText * {
  color: #FFF;
  font-size: 11px
}

/* placeholder */
.jqte_placeholder {
  position: relative;
  display: none;
}

.jqte_placeholder_text {
  position: absolute;
  top: 43px;
  left: 10px;
  font-size: 14px;
  color: #CCC;
}