/**
 * Note: this plugin uses a derivative work from http://www.jstree.com/,
 * specifically the image sprite `../img/d.png`
 */
ul.vocab_list {
    z-index: 2000;
    width: 575px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    list-style-type: none;
    border: 1px solid #CFCFCF;
    margin: 0px;
    padding: 2px;
}

ul.vocab_list li {
   /* line-height: 2;*/
    padding: .2em .8em .2em .4em;
    font-size: 0.8em;
    margin-bottom: 1em;
}


ul.vocab_list li[role="vocab_error"], ul.vocab_list li.error {
    background-color: #FFAAAA;
    margin-bottom: 0px;
}

ul.vocab_list div.error { padding:0.5em }

ul.vocab_list li[role="vocab_item"]:hover {
   /* background-color: #CFCFCF !important; */
    cursor: pointer;
}

ul.vocab_list li span[role="label"] {
    font-weight: bold;
    float:left;
    width:80%;
}

ul.vocab_list li span[role="definition"] {
    float:right;
}

ul.vocab_list li span[role="about"] {
    font-style: italic;
    display:block;
    clear:both;
}


ul.vocab_list.rifcs li span[role="label"] {
    font-weight: bold;
    float:left;
    width:20%;
}

ul.vocab_tree, ul.vocab_tree ul { list-style:none;margin:0px;padding:0px;width:100%;}
ul.vocab_tree ul { padding-left:1em}
ul.vocab_tree  li { cursor: pointer; clear:both;}
ul.vocab_tree li > ins { cursor: pointer; height: 16px; width: 16px; position: relative; display: block; float:left; padding-right:0.2em; background-repeat: no-repeat;}
ul.vocab_tree li.tree_closed > ins { background-image: url("/images/d.png"); background-position: -54px 0px;}
ul.vocab_tree li.tree_open > ins { background-image: url("/images/d.png"); background-position: -72px 0px;}
ul.vocab_tree li.tree_leaf > ins { background-image: url("/images/d.png"); background-position: -37px 0px;}
ul.vocab_tree li.tree_empty > ins { cursor: default}
ul.vocab_tree li.tree_empty { color: #999;  }
/**
 * Demonstration styles (not required for normal operation)
 */

/* Commented out because of leakage to all forms!
   If you need to fix this later, change the selectors
   so that they apply only to a specific class.
div.formarea
{
    width: 500px;
    padding:30px;
    border: 1px solid #999;
}

form
{
    font-size:12px;
}

div.formfields
{
    padding:20px;
    font-size:10px;
}

dl dt {
    font-weight:bold;
}

dl dd {
    margin-left:0px;
    margin-bottom:10px;
}

fieldset legend { font-size: 14px; font-weight: bold; }

.note { color: #999; background-color: #333; padding:0.5em; display:none; }

.note pre { color: #ccc; }

.note-toggle { background-color: orange; border-color: orange; border-radius: 5px; font-weight: bold; }
*/