/* 
	NOTE: this css file extensively uses Descendant CSS selectors
	to narrow the scope down to a specific set elements inside the tree.
	You can learn more about this CSS feature at:

	http://www.w3.org/TR/REC-CSS2/selector.html#descendant-selectors
*/


/*
	description: HTML element containing the tree
	assigned in TREE_TPL, key 'style_cont'

*/
.treeClass {
	width: 290px;
	height: 100%;
	overflow: auto;
	margin: 0px;
	padding: 0px;
}

/*
	description: all images in the tree
	images are used for incons and junction graphics
*/
.treeClass img {
	margin: 0px;
	padding: 0px;
}


/*
	description: all DIVs in the tree
	DIVs are uses to contain submenus
*/
.treeClass div {
	background-color: #1f546d;
}

/*
	description: class for mouseout and mouseover state
	assigned in TREE_TPL, keys style_*
*/
.treeClass .mout {
/*	background-color: #1f546d;*/
	background-color: #1f546d;
	color: white;
}
.treeClass .mover {
/*	background-color: #DBEAF5;*/
	background-color: #1a475c;
	color: black;
}

/*
	description: table cell containing item's text
	hardcoded in tree.js, function f_itemGetHTML

*/
.treeClass td.treeTextTD {
	white-space: nowrap;
}

/*
	description: text of the tree items
*/
.treeClass td.treeTextTD a {
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

/*
	description: replacement properties for the text of the tree items when item is selected
	assigned in TREE_TPL, keys style_*
*/
.treeClass .sel td.treeTextTD a {
	background-color: grey;
	color: white;
}

/*
	description: css classes referenced in sample function f_myShowSize (tree_tpl.js)
*/
.treeClass span.itemNote {
	color: gray;
	font-size: 12px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 5px;
}