@charset "utf-8";
/* CSS Document */

.elf_richEditor_editor{
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    position: relative;
}

.elf_richEditor_toolbar{
    height: 22px;
    background-color: #f4f4f4;
    border-bottom: 1px solid #e2e2e2;
}

.elf_richEditor_toolButton{
    width: 20px;
    height: 20px;
    border: none;
    background-color: transparent;
}

.elf_richEditor_toolButton_enable{
}

.elf_richEditor_toolButton_enable:hover{
    background-color: #fde59e;
    border: 1px solid #dbab6c;
}
.elf_richEditor_toolButton_enable:active{
    opacity: 0.7;
}

.elf_richEditor_toolButton_disable{
    opacity: 0.5;
}

.elf_richEditor_toolButton_highlight{
    background-color:#fde59e;
    border: 1px solid #dbab6c;
}

.toolButton_bold{
    /*background: url("img/bold.png") no-repeat 5px 5px; //wrong for this function, split it!*/
    background-image: url("img/bold.png");
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

.toolButton_italic{
    background-image: url("img/italic.png");
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

.toolButton_underline{
    background-image: url("img/underline.png");
    background-repeat: no-repeat;
    background-position: 5px 5px;
}
.toolButton_sup{
    background-image: url("img/sup.png");
    background-repeat: no-repeat;
    background-position: 3px 5px;
}
.toolButton_sub{
    background-image: url("img/sub.png");
    background-repeat: no-repeat;
    background-position: 3px 5px;
}
.toolButton_revoke{
    background: url("img/revoke.png") no-repeat 5px 5px;
}

.toolButton_redo{
    background: url("img/redo.png") no-repeat 5px 5px;
}

.elf_richEditor_toolComboButton{
    width: 30px;
    height: 20px;
    border: none;
    background-color: transparent;
    position: relative;
}

.toolButton_foreColor{
    background: url("img/textColor.png") no-repeat 5px 5px;
    position: absolute;
    top: 0;
    left: 0;
}

/*.toolButton_colorBar{*/
    /*width: 20px;*/
    /*height: 4px;*/
    /*border: none;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*bottom: 0;*/
/*}*/

.toolButton_colorDrop{
    width: 15px;
    height: 15px;
    border: none;
    background:transparent url("img/drop.png") no-repeat 5px 5px;
    position: absolute;
    top: 0;
    right: 0;
}

.toolButton_colorDropIE{
    width: 10px;
    height: 10px;
    border: none;
    background-color: black;
    color:transparent;
    position: absolute;
    top: 5px;
    right: 0;
}
.toolButton_colorDropIEDlg{
    width: 0;
    height: 0;
}

.toolButton_backColor{
    background: url("img/backgroundColor.png") no-repeat 5px 5px;
    position: absolute;
    top: 0;
    left: 0;
}

.toolButton_fontName{
    width: 60px;
}

.toolButton_leftAlignment{
    background-image: url("img/leftAlignment.png");
    background-repeat: no-repeat;
    background-position: 3px 5px;
}
.toolButton_centerAlignment{
    background-image: url("img/centeringAlignmen.png");
    background-repeat: no-repeat;
    background-position: 3px 5px;
}
.toolButton_rightAlignment{
    background-image: url("img/rightAlignment.png");
    background-repeat: no-repeat;
    background-position: 3px 5px;
}
.toolButton_fullAlignment{
    background-image: url("img/fullAlignment.png");
    background-repeat: no-repeat;
    background-position: 3px 5px;
}

.elf_richEditor_uploadImg{
    width: 20px;
    height: 20px;
    background-image: url("img/img.png");
    background-repeat: no-repeat;
    background-position: 2px 4px;
}

.elf_richEditor_uploadVideo{
    width: 20px;
    height: 20px;
    background-image: url("img/video.png");
    background-repeat: no-repeat;
    background-position: 3px 3px;
}

.elf_richEditor_editArea{
    position: absolute;
    width: 100%;
    top:22px;
    left: 0;
    bottom:0;
    overflow-y: auto;
}