/*
.HtmlAreaSelected {
    outline: 2px dashed #6666FF;    
}
*/

*[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:hover, .HtmlAreaDOM .selected {
    background: #0000FF;
    color: #FFFFFF;
}