/*
 * Some of this is taken from jsTree default theme 1.0, some from the
 * JavaScript-loaded css (not a good idea, but presumably leaves the css for theming)
 * Supported features: dots/no-dots, icons/no-icons, focused, loading
 * Supported plugins: ui (hovered, clicked), checkbox, contextmenu, search
 */
.jstree a {
    display: inline-block;
    line-height: 20px;
    height: 16px;
    color: black;
    white-space: nowrap;
    text-decoration: none;
    padding: 0px 2px;
    margin: 0;
    vertical-align: top;
}
.jstree a:focus {
    outline: none;
}
.jstree a > i {
    height: 16px;
    width: 16px;
}
.jstree a > .jstree-icon {
    margin-right: 3px;
}
.jstree-rtl a > .jstree-icon {
    margin-left: 3px;
    margin-right: 0;
}
.jstree a > .jstree-icon {
    margin-right: 3px;
}
.jstree a > i {
    height: 16px;
    width: 16px;
}
.jstree i {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
.jstree li > a > i {
    display: none;
}
.jstree ul, .jstree li {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.jstree li {
    min-height: 18px;
    line-height: 0px;
    white-space: nowrap;
    margin-left: 18px;
}
.jstree-rtl li {
    margin-left: 0;
    margin-right: 18px;
}
.jstree > ul > li {
    margin-left: 0px;
}
.jstree-rtl > ul > li {
    margin-right: 0px;
}
li.jstree-open > ul {
    display: block;
}
li.jstree-closed > ul {
    display: none;
}
.jstree .ui-icon {
    overflow: visible;
}
/* Themed */
.jstree-default li, .jstree-default i {
    background-image: url("../img/jstree.png");
    background-repeat: no-repeat;
    background-color:transparent;
}
.jstree-default li {
    background-position: -90px 0;
    background-repeat:repeat-y;
}
.jstree-default li.jstree-last {
    background:transparent;
}
.jstree-default .jstree-open > i {
    background-position:-72px 0;
}
.jstree-default .jstree-closed > i {
    background-position: -54px 0;
}
.jstree-default .jstree-leaf > i {
    background-position:-36px 0;
}
/*
.jstree-default .jstree-hovered { background:#e7f4f9; border:1px solid #d8f0fa; padding:0 2px 0 1px; }
.jstree-default .jstree-clicked { background:#beebff; border:1px solid #99defd; padding:0 2px 0 1px; }
*/
.jstree-default .jstree-hovered {
    background:#e7f4f9;
}
.jstree-default .jstree-clicked {
    background:#beebff;
}
.jstree-default a .jstree-icon {
    background-position: -56px -19px;
}
.jstree-default ins.jstree-icon {
    cursor: pointer;
}
.jstree-default a.jstree-loading .jstree-icon {
    background: url("throbber.gif") center center no-repeat !important;
}
.jstree-default.jstree-focused a:focus {
    outline: 2px solid #FF9933;
}
.jstree-default .jstree-no-dots li, .jstree-default .jstree-no-dots .jstree-leaf > i {
    background:transparent;
}
.jstree-default .jstree-no-dots .jstree-open > i {
    background-position: -18px 0;
}
.jstree-default .jstree-no-dots .jstree-closed > i {
    background-position: 0 0;
}
.jstree-default .jstree-no-icons a .jstree-icon {
    display: none;
}
.jstree-default .jstree-search {
    font-style:italic;
}
.jstree-default a.jstree-search {
    color:aqua;
}
.jstree-default .jstree-no-icons .jstree-checkbox {
    display:inline-block;
}
.jstree-default .jstree-no-checkboxes .jstree-checkbox {
    display: none !important;
}
.jstree-default .jstree-checked > a > .jstree-checkbox {
    background-position: -38px -19px;
}
.jstree-default .jstree-unchecked > a > .jstree-checkbox {
    background-position: -2px -19px;
}
.jstree-default .jstree-undetermined > a > .jstree-checkbox {
    background-position: -20px -19px;
}
.jstree-default .jstree-checked > a > .jstree-checkbox:hover {
    background-position:-38px -37px;
}
.jstree-default .jstree-unchecked > a > .jstree-checkbox:hover {
    background-position:-2px -37px;
}
.jstree-default .jstree-undetermined > a > .jstree-checkbox:hover {
    background-position: -20px -37px;
}

.high-contrast .jstree > ul {
     border: 1px solid black;
}

#jstree-marker {
    padding: 0;
    margin: 0;
    line-height: 12px;
    font-size: 1px;
    overflow: hidden;
    height: 12px;
    width: 8px;
    position: absolute;
    top: -30px;
    z-index: 10000;
    background-repeat: no-repeat;
    display: none;
    background-color: silver;
}
#jstree-marker.jstree-default {
    background: url("../img/jstree.png") -41px -57px no-repeat !important;
}

/* Internal namespace: vakata */
#vakata-dragged {
    display: block;
    margin: 0 0 0 0;
    padding: 4px 4px 4px 24px;
    position: absolute;
    top: -2000px;
    line-height: 16px;
    z-index:10000;
}
#vakata-dragged i {
    display: block;
    text-decoration: none;
    width: 16px;
    height: 16px;
    margin: 0 0 0 0;
    padding: 0;
    position: absolute;
    top: 4px;
    left:4px;
}
#vakata-dragged.jstree-default i {
    background: transparent !important;
}
#vakata-dragged.jstree-default .jstree-ok {
    background: url("../img/jstree.png") -2px -53px no-repeat !important;
}
#vakata-dragged.jstree-default .jstree-invalid {
    background: url("../img/jstree.png") -18px -53px no-repeat !important;
}
#vakata-dragged .jstree-ok {
    background: green;
}
#vakata-dragged .jstree-invalid {
    background: red;
}
#vakata-contextmenu {
    display: none;
    position: absolute;
    margin: 0;
    padding: 0;
    min-width: 180px;
    background: #ebebeb;
    border: 1px solid silver;
    z-index: 10000;
    * width: 180px;
}
#vakata-contextmenu ul {
    min-width: 180px;
    * width: 180px;
}
#vakata-contextmenu ul, #vakata-contextmenu li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
}
#vakata-contextmenu li {
    line-height: 20px;
    min-height: 20px;
    position: relative;
    padding: 0px;
}
#vakata-contextmenu li a {
    padding: 1px 6px;
    line-height: 17px;
    display: block;
    text-decoration: none;
    margin: 1px 1px 0 1px;
}
#vakata-contextmenu li i {
    float: left;
    width: 16px;
    height: 16px;
    text-decoration: none;
    margin-right: 2px;
}
#vakata-contextmenu li a:hover, #vakata-contextmenu li.vakata-hover > a {
    background:gray;
    color:white;
}
#vakata-contextmenu li ul {
    display: none;
    position: absolute;
    top: -2px;
    left: 100%;
    background: #ebebeb;
    border: 1px solid gray;
}
#vakata-contextmenu .right {
    right: 100%;
    left: auto;
}
#vakata-contextmenu .bottom {
    bottom: -1px;
    top: auto;
}
#vakata-contextmenu li.vakata-separator {
    min-height: 0;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    overflow: hidden;
    margin: 0 2px;
    background: silver;
    /* border-top:1px solid #fefefe; */
    padding: 0;
}
#vakata-contextmenu.jstree-default-context, #vakata-contextmenu.jstree-default-context li ul {
    background: #f0f0f0;
    border: 1px solid #979797;
    -moz-box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    box-shadow: 1px 1px 2px #999;
}
#vakata-contextmenu.jstree-default-context a {
    color: black;
}
#vakata-contextmenu.jstree-default-context a:hover, #vakata-contextmenu.jstree-default-context .vakata-hover > a {
    padding: 0 5px;
    background: #e8eff7;
    border: 1px solid #aecff7;
    color: black;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
#vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a, #vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a:hover {
    color: silver;
    background: transparent;
    border: 0;
    padding: 1px 4px;
}
#vakata-contextmenu.jstree-default-context li.vakata-separator {
    background: white;
    border-top: 1px solid #e0e0e0;
    margin: 0;
}
#vakata-contextmenu.jstree-default-context li ul {
    margin-left: -4px;
}