/**
 * @copyright   Copyright 2006-2013, Miles Johnson - http://milesj.me
 * @license     http://opensource.org/licenses/mit-license.php - Licensed under The MIT License
 * @link        http://milesj.me/code/mootools/decoda
 */

.decoda-editor * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0; }

.decoda-editor textarea { width: 100%; }

/* Toolbar */

.decoda-toolbars {
    display: block;
    font-size: 12px;
    margin-bottom: 5px; }

.decoda-toolbars:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    line-height: 0; }

.decoda-toolbars .decoda-toolbar {
    position: relative;
    display: inline-block; }

.decoda-toolbars .decoda-toolbar li {
    display: inline-block;
    z-index: 0;
    margin-right: 1px;
    position: relative; }

.decoda-toolbars .decoda-toolbar li:not(.disabled):hover .decoda-menu { display: block; }

.decoda-toolbars .decoda-menu {
    display: none;
    position: absolute;
    top: 25px;
    left: 2px;
    z-index: 10;
    width: 125px;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 0 4px #4e4e4e;
    border-radius: 2px; }

.decoda-toolbars .decoda-menu li {
    margin: 0;
    display: block; }

/* Buttons */

.decoda-toolbars button { padding: 2px; }
.decoda-toolbars button[disabled] { opacity: .15; }

.decoda-toolbars button::-moz-focus-inner {
    border: 0;
    padding: 0; }

.decoda-toolbars button span {
    background: url("../img/icons-black.png") no-repeat;
    display: block;
    width: 16px;
    height: 16px; }

/* Menu Links */

.decoda-toolbars .decoda-menu a {
    text-shadow: none;
    color: black;
    display: block;
    padding: 3px 5px;
    line-height: 150%;
    min-height: 16px;
    vertical-align: middle;
    text-decoration: none; }

.decoda-toolbars .decoda-menu a:hover {
    font-weight: bold;
    background: #eee; }

.decoda-toolbars .decoda-menu li:first-child a {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px; }

.decoda-toolbars .decoda-menu li:last-child a {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px; }

/* Tag Icons */

.decoda-editor .tag-b span { background-position: 0px 0; }
.decoda-editor .tag-i span { background-position: -16px 0; }
.decoda-editor .tag-u span { background-position: -32px 0; }
.decoda-editor .tag-s span { background-position: -48px 0; }
.decoda-editor .tag-sub span { background-position: -64px 0; }
.decoda-editor .tag-sup span { background-position: -80px 0; }
.decoda-editor .tag-abbr span { background-position: -96px 0; }
.decoda-editor .tag-br span { background-position: -112px 0; }
.decoda-editor .tag-hr span { background-position: -128px 0; }
.decoda-editor .tag-time span { background-position: -144px 0; }

.decoda-editor .tag-align span { background-position: 0 -16px; }
.decoda-editor .tag-left span { background-position: -16px -16px; }
.decoda-editor .tag-center span { background-position: -32px -16px; }
.decoda-editor .tag-right span { background-position: -48px -16px; }
.decoda-editor .tag-justify span { background-position: -64px -16px; }
.decoda-editor .tag-hide span { background-position: -80px -16px; }
.decoda-editor .tag-spoiler span { background-position: -96px -16px; }
.decoda-editor .tag-div span { background-position: -112px -16px; }

.decoda-editor .tag-code span { background-position: 0 -32px; }
.decoda-editor .tag-var span { background-position: -16px -32px; }
.decoda-editor .tag-email span { background-position: -32px -32px; }
.decoda-editor .tag-url span { background-position: -48px -32px; }
.decoda-editor .tag-img span { background-position: -64px -32px; }
.decoda-editor .tag-video span { background-position: -80px -32px; }
.decoda-editor .tag-source span { background-position: -96px -32px; }

.decoda-editor .tag-list span { background-position: 0 -48px; }
.decoda-editor .tag-olist span { background-position: -16px -48px; }
.decoda-editor .tag-li span { background-position: -32px -48px; }
.decoda-editor .tag-quote span { background-position: -48px -48px; }

.decoda-editor .tag-font span { background-position: 0 -64px; }
.decoda-editor .tag-size span { background-position: -16px -64px; }
.decoda-editor .tag-color span { background-position: -32px -64px; }
.decoda-editor .tag-h1 span { background-position: -48px -64px; }

.decoda-editor .tag-allupper span { background-position: 0 -80px; }
.decoda-editor .tag-capitalize span { background-position: -16px -80px; }
.decoda-editor .tag-lowercase span { background-position: -32px -80px; }
.decoda-editor .tag-uppercase span { background-position: -48px -80px; }
.decoda-editor .tag-replace span { background-position: -64px -80px; }
.decoda-editor .tag-space span { background-position: -80px -80px; }
.decoda-editor .tag-function span { background-position: -96px -80px; }
.decoda-editor .tag-omega span { background-position: -112px -80px; }
.decoda-editor .tag-pilcrow span { background-position: -128px -80px; }
.decoda-editor .tag-sum span { background-position: -144px -80px; }

.decoda-editor .tag-preview span { background-position: 0 -96px; }
.decoda-editor .tag-clean span { background-position: -16px -96px; }
.decoda-editor .tag-help span { background-position: -32px -96px; }

.decoda-editor .tag-table span { background-position: 0 -112px; }
.decoda-editor .tag-thead span { background-position: -16px -112px; }
.decoda-editor .tag-tbody span { background-position: -32px -112px; }
.decoda-editor .tag-tfoot span { background-position: -48px -112px; }
.decoda-editor .tag-tr span { background-position: -64px -112px; }
.decoda-editor .tag-td span { background-position: -80px -112px; }
.decoda-editor .tag-th span { background-position: -96px -112px; }

/* Menu Icons */

.decoda-editor .font-arial { font-family: Arial, sans-serif; }
.decoda-editor .font-tahoma { font-family: Tahoma, sans-serif; }
.decoda-editor .font-verdana { font-family: Verdana, sans-serif; }
.decoda-editor .font-courier { font-family: Courier, sans-serif; }
.decoda-editor .font-times { font-family: 'Times', 'Times New Roman', serif; }
.decoda-editor .font-helvetica { font-family: Helvetica, sans-serif; }

.decoda-editor .size-small { font-size: 10px; }
.decoda-editor .size-normal { font-size: 12px; }
.decoda-editor .size-medium { font-size: 18px; }
.decoda-editor .size-large { font-size: 24px; }

.decoda-editor .menu-h1 span,
.decoda-editor .menu-color span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    height: 16px;
    width: 16px;
    position: relative;
    top: -1px; }

.decoda-editor .menu-h1 span { background-image: url("../img/icons-black.png"); }
.decoda-editor .menu-h1 .heading-h1 span { background-position: -64px -64px; }
.decoda-editor .menu-h1 .heading-h2 span { background-position: -80px -64px; }
.decoda-editor .menu-h1 .heading-h3 span { background-position: -96px -64px; }
.decoda-editor .menu-h1 .heading-h4 span { background-position: -112px -64px; }
.decoda-editor .menu-h1 .heading-h5 span { background-position: -128px -64px; }
.decoda-editor .menu-h1 .heading-h6 span { background-position: -144px -64px; }

.decoda-editor .menu-color .color-yellow span { background-color: yellow; }
.decoda-editor .menu-color .color-orange span { background-color: orange; }
.decoda-editor .menu-color .color-red span { background-color: red; }
.decoda-editor .menu-color .color-blue span { background-color: blue; }
.decoda-editor .menu-color .color-purple span { background-color: purple; }
.decoda-editor .menu-color .color-green span { background-color: green; }
.decoda-editor .menu-color .color-white span { background-color: white; }
.decoda-editor .menu-color .color-gray span { background-color: gray; }
.decoda-editor .menu-color .color-black span { background-color: black; }

/* Preview */

.decoda-preview {
    max-height: 500px;
    overflow-y: auto; }

/* Help */

.decoda-help table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 1px; }

.decoda-help table td,
.decoda-help table th {
    border: 1px solid rgba(0, 0, 0, .05);
    padding: 5px; }

.decoda-help table th {
    font-weight: bold;
    background: rgba(0, 0, 0, .05); }

.decoda-help table .tag-title { font-weight: bold; }