*[HtmlAreaSelected="true"] {
    outline: 2px dashed #6666FF;    
}

input[type="_component"][HtmlAreaSelected="true"].HtmlAreaSelected {
    background-color: #9999FF;
}

._HtmlAreaDOM {
    border: 1px solid #999999;
    background: #EEEEEE;
    padding: 4px;
    min-height: 20px;
}

._HtmlAreaDOM .separator {
    margin-left: 4px;
    margin-right: 4px;
}

._HtmlAreaDOM .node {
    cursor: pointer;
}

._HtmlAreaDOM .node.condition {
    outline: 1px dashed #00FF00;
    background: #CCFFCC;    
}

._HtmlAreaDOM .node:hover, ._HtmlAreaDOM .selected {
    background: #0000FF;
    color: #FFFFFF;
}