﻿.k-smileytool-popup {
    width: 132px;
    padding: .65em .5em .5em;
}

    .k-smileytool-popup .k-status {
        margin: .3em 0;
    }

.k-smileytool-cell {
    border-width: 1px;
    border-style: solid;
    width: 18px;
    height: 18px;
    margin: 1px;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
}

.k-i-smiley {
    background-image: url(icons/htmlbox/smile_icon.png);
    background-position: 2px 2px;
}

    .k-i-smiley.k-state-hover,
    .k-i-smiley.k-state-active,
    .k-i-smiley.k-state-selected {
        background-image: url(icons/htmlbox/smile_icon.png);
        background-position: -18px 2px;
    }

.k-i-insert-picture {
    background-image: url(icons/htmlbox/insertpicture.png);
    background-position: 2px 2px;
}

    .k-i-insert-picture.k-state-hover,
    .k-i-insert-picture.k-state-active,
    .k-i-insert-picture.k-state-selected {
        background-image: url(icons/htmlbox/insertpicture.png);
        background-position: -18px 2px;
    }

.k-picturebrowser-dialog {
    width: 560px;
}

.k-i-special-char {
    background-image: url(icons/htmlbox/specialchars.png);
    background-position: 2px 2px;
}

    .k-i-special-char.k-state-hover,
    .k-i-special-char.k-state-active,
    .k-i-special-char.k-state-selected {
        background-image: url(icons/htmlbox/specialchars.png);
        background-position: -18px 2px;
    }

.k-specialchars-dialog {
    width: 590px;
}

html > body .k-specialchars {
    padding: .65em .5em .5em;
}

    .k-specialchars .k-buttons {
        margin: .3em 0;
        width: 476px;
        display: inline-block;
    }

    .k-specialchars .k-preview {
        margin: .3em 0;
        width: 100px;
        height: auto;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }

    .k-specialchars .k-big {
        border-width: 1px;
        border-style: solid;
        font-size: 48pt;
        width: 80px;
        height: 80px;
        vertical-align: middle;
        clear: both;
        margin-left: 10px;
        margin-top: 20px;
    }

    .k-specialchars .k-small {
        border-width: 1px;
        border-style: solid;
        font-size: 18pt;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        clear: both;
        margin-left: 35px;
        margin-top: 20px;
    }

    .k-specialchars .k-cell {
        border-width: 1px;
        border-style: solid;
        width: 24px;
        height: 24px;
        margin: 1px;
        vertical-align: middle;
        display: inline-block;
        overflow: hidden;
        text-align: center;
        padding-top: 0.8em;
    }
/*
.k-i-cut {
    background-image: url(icons/htmlbox/cut.png);
    background-position: 2px 2px;
}

    .k-i-cut.k-state-hover,
    .k-i-cut.k-state-active,
    .k-i-cut.k-state-selected {
        background-image: url(icons/htmlbox/cut.png);
        background-position: -18px 2px;
    }
*/
/*
.k-i-copy {
    background-image: url(icons/htmlbox/copy.png);
    background-position: 2px 2px;
}

    .k-i-copy.k-state-hover,
    .k-i-copy.k-state-active,
    .k-i-copy.k-state-selected {
        background-image: url(icons/htmlbox/copy.png);
        background-position: -18px 2px;
    }
*/
/*
.k-i-paste {
    background-image: url(icons/htmlbox/paste.png);
    background-position: 2px 2px;
}

    .k-i-paste.k-state-hover,
    .k-i-paste.k-state-active,
    .k-i-paste.k-state-selected {
        background-image: url(icons/htmlbox/paste.png);
        background-position: -18px 2px;
    }
*/
.k-i-paste-text {
    background-image: url(icons/htmlbox/pasteText.png);
    background-position: 2px 2px;
}

    .k-i-paste-text.k-state-hover,
    .k-i-paste-text.k-state-active,
    .k-i-paste-text.k-state-selected {
        background-image: url(icons/htmlbox/pasteText.png);
        background-position: -18px 2px;
    }
/*
.k-i-selectAll {
    background-image: url(icons/htmlbox/selectAll.png);
    background-position: 2px 2px;
}

    .k-selectAll.k-state-hover,
    .k-selectAll.k-state-active,
    .k-selectAll.k-state-selected {
        background-image: url(icons/htmlbox/selectAll.png);
        background-position: -18px 2px;
    }
*/
.k-i-Undo {
    background-image: url(icons/htmlbox/undo.png);
    background-position: 2px 2px;
}

    .k-i-Undo.k-state-hover,
    .k-i-Undo.k-state-active,
    .k-i-Undo.k-state-selected {
        background-image: url(icons/htmlbox/undo.png);
        background-position: -18px 2px;
    }

.k-i-Redo {
    background-image: url(icons/htmlbox/redo.png);
    background-position: 2px 2px;
}

    .k-i-Redo.k-state-hover,
    .k-i-Redo.k-state-active,
    .k-i-Redo.k-state-selected {
        background-image: url(icons/htmlbox/redo.png);
        background-position: -18px 2px;
    }

.k-i-horizontal-rule {
    background-image: url(icons/htmlbox/horizontalRule.png);
    background-position: 2px 2px;
}

    .k-i-horizontal-rule.k-state-hover,
    .k-i-horizontal-rule.k-state-active,
    .k-i-horizontal-rule.k-state-selected {
        background-image: url(icons/htmlbox/horizontalRule.png);
        background-position: -18px 2px;
    }
