﻿.node {
    height: 18px;
	color: grey;
	font-style:normal;
	border-bottom:1px white solid;
}

.node {
    float: left;
    clear: both;
    width: auto;
    min-width: 100%;
}

.node .nodeCheckState,
.node .expander,
.node .nodeImage,
.node .clearFilter,
.node .searchInput,
.node .refreshTree,
.node .nodeSelector,
.node .nodeName {
    display: inline-block;
}

.node .nodeCheckState {
    margin-left: -4px;
}

.employeeTree .node {
    color: black;
}

.stateButtonUserControl.nodeCheckState .inputItem {
    height: 13px;
    width: 13px;
    margin-top: 2px;
    margin-bottom: 0px;
}

.node .nodeSelector {
    width: 5px;
    height: 18px;
    background-color:transparent;
}

.node:not(.headerNode) .expander {
    height: 16px;
}

.node:not(.headerNode) .expander.stateButtonUserControl.Small.ImageButton .inputItem {
    margin-top: 3px;
    margin-bottom: 3px;
}

.node .count,
.node:not(.headerNode) .nodeText {
    display: inline-block;
    margin-right: 3px;
    margin-left: 3px;
    margin-top: 3px;
    margin-bottom: 0px;
    height: 15px;
    line-height: 11px;
}

.node .nodeName {
    margin-left: 3px;
    height: 16px;
    min-width: 10px;
    max-width: 770px;
}

.node .nodeName.inputItemContainer .inputItem:not(.slider) {
    margin-top: 0px;
    margin-bottom: 1px;
}


.tree .subList {
    float: left;
    clear: both;
    width: auto;
    min-width: 100%;
}

.tree .subList.headerSubList {
    width: 100%;
    overflow:auto;
    padding-top: 2px;
    padding-bottom: 4px;
}

.node.bookable {
	color:black;
	font-style:italic;
}

.node.Hovered:not(.headerNode) {
    background-color: #e2e9ef;
}

.node.Selected:not(.headerNode) .nodeSelector,
.node.TempSelected:not(.headerNode) .nodeSelector
{
    background-color: #5E8998;
}

.node.Active:not(.headerNode) .nodeSelector
{
    background-color: #95D2DF;
}


.node.dragOverNode {
    border-bottom-color: black;
}

.node.dragOverGridItem {
    background-color: #e2e9ef;
}


.headerNode {
    height:22px;
    background-color: #e2e9ef;
    border:1px rgb(196, 196, 196) solid;
}


.headerNode .refreshTree {
    margin-top: 2px;
    margin-bottom: 2px;
}

.headerNode .clearFilter {
    margin-top: 2px;
    margin-bottom: 2px;
    /*-webkit-box-shadow: inset 0 0 2px 2px rgba(0,0,0, 0.1);
    -moz-box-shadow: inset 0 0 2px 2px rgba(0,0,0, 0.1);
    box-shadow: inset 0 0 2px 2px rgba(0,0,0, 0.1);*/
    background-color: white;
    border: 1px solid #C4C4C4;
    height: 16px;
}

.headerNode .clearFilter.buttonUserControl.HasImage.Small {
    height: 16px;
}

.headerNode .expander {
    margin-top: 0px;
    margin-bottom: 2px;
    margin-right: 5px;
    margin-left: auto;
}

.headerNode .nodeText {
    display: inline-block;
    margin-right: 3px;
    margin-left: 3px;
    margin-top: 5px;
    margin-bottom: 2px;
    height: 15px;
    line-height: 11px;
    width: auto;
}

.searchInput {
    margin-top: 2px;
    margin-bottom: 2px;
    height: 16px;
}

.headerNode .searchInput.inputItemContainer .inputItem:not(.slider) {
    margin-top: 0px;
    margin-bottom: 1px;
}

.dialogBoxWindow.treeSelectionWindow .windowContent {
    margin: 10px;
    padding-right: 0px;
}

.dialogBoxWindow.treeSelectionWindow .windowButtonTable {
    padding-left: 10px;
    padding-right: 10px;
}

.dialogBoxWindow.treeSelectionWindow  .headerSubList {
    border:1px rgb(196, 196, 196) solid;
    border-top: 0px black solid;
}

.dialogBoxWindow.treeSelectionWindow  .tree {
    padding-right: 2px;
}

.employeeTree {
    margin-top: -3px;
}

.node.SearchOnlyHeader {
    background: transparent;
    border-bottom: transparent;
}