/* Tree */

.dijitTreeContainer {
	font-size: 12px; /* Per design: all tree nodes */
}

.dijitTreeNode {
    zoom: 1;	/* force layout on IE (TODO: may not be needed anymore) */
}

/* left vertical line (grid) for all nodes */
.dijitTreeIsLast {
}

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

img.dijitTreeExpando {
    height: 16px;
	width: 8px;
	vertical-align: top;
}

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

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

.dijitTreeExpand {
	 width: 18px;
    height: 18px;
    background-repeat : no-repeat;
}

/* Emulate focus style with margin.
	* Safari will not fire onfocus/onblur on divs period, so the below Focus class
		will not work no matter what.
	* FF already properly renders a focus so only IE needs it.
*/
.dijitTreeLabel {
	color: #333;
	display: inline-block;
	height: 15px;
	padding-top: 1px;
	margin: 0 0 0 10px;
	border: 0px #000 dotted;
}

.dj_webkit .dijitTreeLabel {
	padding-top: 3px;
}

.dj_ie .dijitTreeLabel {
	display: inline;
	padding: 1px;
}

.dijitTreeLabelFocused {
	outline: 1px invert dotted;
}

.dj_webkit .dijitTreeLabelFocused {
	outline: 1px dotted #000;
}

.dj_ie .dijitTreeLabelFocused {
	border-width: 1px;
	outline: none;
	padding: 0;
}

.dijitTreeLabelContextMenuOpened {
	/* Just show the hover style here */
}

.dijitTreeNodeHover {
}

img.dijitTreeIcon {
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-top: 1px;
	vertical-align: top;
}

.dj_ie .dijitTreeIcon {
	display: inline;
}

/* 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"
 */
.dijitTreeNode .dojoDndItemBefore,
.dijitTreeNode .dojoDndItemAfter {
	border-bottom: none;
	border-top: none;
}

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

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

.dojoDndAvatar td {
	color: #333; 
}