/* html field */

.htmlfield {
    margin-top: 10px;
}

.toolbar {
    line-height: 28px;
    cursor: default;
}

.toolbutton, .toolbutton_active {
    background: #FFF;
    border: 1px solid #DDD;
    padding: 5px;
    padding-top: 8px;
    padding-bottom: 1px;
}

.toolbutton_active {
    border-color: #000;
}

.iframe {
    background: #FFF;
    padding: 10px;
    margin: 0px;
    border: 2px solid #FFF;
}

.htmlfield textarea {
    background: #FFF;
    padding: 10px;
    margin: 0px;
    border: 2px solid #FFF;
    font-family: verdana, sans-serif;
    font-size: 10pt;
}

.iframe, .htmlfield textarea {
    width: 755px;
    height: 300px;
}

.contextmenu {
    position: absolute;
    z-index: 100;
    display: none;
    background: #F9FEFF;
    border: 1px solid #98AAB1;
    color: #000;
}

.contextmenu a {
    display: block;
    width: 100px;
    color: #000;
    text-decoration: none;
    cursor: default;
    padding: 3px;
}

.contextmenu a:hover {
    background: #98AAB1;
}

.contextmenu .ruler {
    border-bottom: 1px solid #98AAB1;
    margin: 2px;
}