/* Tree */

.default .dijitTreeNode {
    background-image : url('images/i.gif');
    background-repeat : repeat-y;
    zoom: 1;	/* force layout on IE (TODO: may not be needed anymore) */
}

/* left vertical line (grid) for all nodes */
.default .dijitTreeIsLast {
    background: url('images/i_half.gif') no-repeat;
}

.default .dijitTreeIsRoot {
    margin-left: 0;
    background-image: none;
}

.default .dijitTreeExpando {
    width: 18px;
    height: 18px;
}

.default .dijitTreeRow {
	/* so insert line shows up on IE when dropping after a target element */
	padding-bottom: 2px;
}

.default .dijitTreeContent {
    min-height: 18px;
    min-width: 18px;
}

.default .dijitTreeRowSelected .dijitTreeLabel {
	background:#e2ebfe;
}
.default .dijitTreeRowHover {
	/* using a transparent png so that we can still see grid lines, which are (unfortunately) behind the dijitRowNode that we are hovering over */
	background-image: url(images/treeHover.png);
	background-repeat: repeat;
	background-color: transparent !important;
}

.default .dijitTreeExpandoOpened {
	background-image: url('images/treeExpand_minus.gif');
}

.default .dijitTreeExpandoClosed {
	background-image: url('images/treeExpand_plus.gif');
}

.default .dijitTreeExpandoLeaf {
	background-image: url('images/treeExpand_leaf.gif');
}

.default .dijitTreeExpandoLoading {
	background-image: url('images/treeExpand_loading.gif');
}

.default .dijitTreeIcon {
	width: 16px;
	height: 16px;
}

.default .dijitFolderOpened {
	background: url('images/folderOpened.gif') no-repeat;
}

.default .dijitFolderClosed {
	background: url('images/folderClosed.gif') no-repeat;
}

.default .dijitLeaf {
	background: url('images/leaf.gif') no-repeat;
}

/* Drag and Drop on TreeNodes
 * Put insert line on dijitTreeContent node so it's aligned w/
 * (ie, indented equally with) target element, even
 * though dijitTreeRowNode is the actual "drag object"
 */
.default .dijitTreeNode .dojoDndItemBefore,
.default .dijitTreeNode .dojoDndItemAfter {
	border-bottom: none;
	border-top: none;
}

.default .dijitTreeNode .dojoDndItemBefore .dijitTreeContent {
	/* copied from Common.css */
	border-top: 2px solid #369;
}

.default .dijitTreeNode .dojoDndItemAfter .dijitTreeContent {
	/* copied from Common.css */
	border-bottom: 2px solid #369;
}
