/* LEVEL 1 ----- */
/*- MODIFY THIS GROUP OF STYLES THAT WILL EFFECT ALL TOP LEVEL ITEMS ----- */
.treenode,
.treenodeOver,
.treenodeSelect,
.treenodeExpanded,
.treenodeDisabled {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;	
	background: none;
	text-transform: uppercase;
	text-decoration: none;
	cursor: default;
	display: block;
	white-space: normal;
	
	
}
/*- ONLY ADD NECESSARY STYLE CHANGES ----- */

/*  ////////  KEY //////////
a.treenode span.treenode = actual link
span.treenode = folder
*/

/* ACTUAL LINK */
a.treenode span.treenode {
	
	padding: 4px 0px 4px 0px;
	color: #aeada4;
	border-bottom: dotted 1px #aeada4;
	background: url(tree_bg.gif) right 50% no-repeat;
}

/* SELECTED LINK */
a.treenodeSelect span.treenodeSelect {
	
	padding: 4px 0px 4px 0px;
	color: #c88b11;
	border-bottom: dotted 1px #aeada4;
	background: url(tree_over.gif) right 50% no-repeat;

}

/* FOLDER */
span.treenode {

	padding: 4px 0px 4px 0px;
	color: #aeada4;
	border-bottom: dotted 1px #aeada4;
	background: url(tree_bg.gif) right 50% no-repeat;

}

/* FOLDER OVER STATE */
span.treenodeOver {
	
	padding: 4px 0px 4px 0px;
	color: #c88b11;
	border-bottom: dotted 1px #aeada4;
	background: url(tree_over.gif) right 50% no-repeat;

}

/* EXPANDED FOLDER */
span.treenodeSelect {
	
	padding: 4px 0px 4px 0px;
	color: #c88b11;
	/*border-bottom: dotted 1px #aeada4;*/
	background: url(tree_over.gif) right 50% no-repeat;
}

/* FIX SO WHEN YOU CLICK LINK IT DOESN'T ACT AS FOLDER BEFORE YOU GO TO PAGE */
a.treenode span.treenodeSelect {
	background: url(tree_over.gif) right 50% no-repeat;
	border-bottom: dotted 1px #aeada4;
}

.treenodeDisabled { 	
	color: #aeada4aeada4; 
}

/* LEVEL 2 & 3 ----- */

.treenodeLevel2,
.treenodeOverLevel2,
.treenodeSelectLevel2
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	display: block;
	padding: 2px 0px 2px 5px;
	white-space:normal;
}

a.treenodeLevel2 span.treenodeLevel2,
span.treenodeLevel2
{

	color: #333;
	background: url(treeLevel2_bg.gif) left 50% no-repeat;
	padding: 0 0 0 10px;
	white-space:normal;
	
}

/* styling for 2nd level folders - only in ff*/
div > span.treenodelevel2,
div > span.treenodeOverlevel2,
div > span.treenodeSelectlevel2 {
	margin: 0 0 0 5px;
}

a.treenodeOverLevel2 span.treenodeOverLevel2,
a.treenodeSelectLevel2 span.treenodeSelectLevel2,
a.treenodeLevel2 span.treenodeOverLevel2,
a.treenodeLevel2 span.treenodeSelectLevel2,
span.treenodeOverLevel2,
span.treenodeSelectLevel2 
{
	color: #c88b11;
	background: url(treeLevel2_over.gif) left 50% no-repeat;
	padding: 0 0 0 10px;
	white-space:normal;
}

/*--------------------------------------------------------------------*/

.treenodeLevel3,
.treenodeOverLevel3,
.treenodeSelectLevel3 {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	display: block;
	padding: 2px 0px 2px 5px;
	white-space:normal;
}

a.treenodeLevel3 span.treenodeLevel3 {
	
	color: #555;
	/*background: url(treeLevel2_bg.gif) left 50% no-repeat;*/
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	white-space:normal;

}

a.treenodeOverLevel3 span.treenodeOverLevel3,
a.treenodeSelectLevel3 span.treenodeSelectLevel3,
a.treenodeLevel3 span.treenodeOverLevel3,
a.treenodeLevel3 span.treenodeSelectLevel3 {

	color: #c88b11;
	/*background: url(treeLevel2_over.gif) left 50% no-repeat;*/
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	white-space:normal;

}