/* LEVEL 1 ----- */
/*- MODIFY THIS GROUP OF STYLES THAT WILL EFFECT ALL TOP LEVEL ITEMS ----- */
.treenode,
.treenodeOver {	
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;	
	background: none;
	text-transform: uppercase;
	cursor: pointer;
	display: block;
	white-space: normal;    
	color: #ebe8c9;
	line-height:27px;
	
}

.treenodeSelect,
.treenodeExpanded,
.treenodeDisabled {	
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	text-transform: uppercase;
	cursor: pointer;
	display: block;
	white-space: normal;    
	color: #ebe8c9;
	background-color:#37291e;
	line-height:27px;
	
}
/*- ONLY ADD NECESSARY STYLE CHANGES ----- */

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

/* ACTUAL LINK */
a.treenode span.treenode {
	text-decoration:none;
	padding: 0px 7px 0px 7px;    
	color: #ebe8c9;
	line-height:27px;
}



/* SELECTED LINK */
a.treenodeSelect span.treenodeSelect,
a.treenodeSelect span.treenodeExpanded {
	text-decoration:underline;
	padding: 0px 7px 0px 7px;    
	color: #ebe8c9;	
	background-color:#37291e;
	line-height:27px;
}

/* FOLDER */
span.treenode {
	line-height:27px;
	padding: 0px 7px 0px 7px;    
	color: #ebe8c9;	
	text-decoration:none;
}

/* FOLDER OVER STATE */
span.treenodeOver {
	line-height:27px;
	padding: 0px 7px 0px 7px;   
	color: #ebe8c9;	
	text-decoration:none;
	background-color:#37291e;

}

/* EXPANDED FOLDER */
span.treenodeSelect {
	text-decoration:underline;
	padding: 0px 7px 0px 7px;    
	color: #ebe8c9;
	background-color:#37291e;
	line-height:27px;
}

/* FIX SO WHEN YOU CLICK LINK IT DOESN'T ACT AS FOLDER BEFORE YOU GO TO PAGE */
a.treenode span.treenodeSelect {
	color: #ebe8c9;
	background-color:#37291e;
	text-decoration:none;
	line-height:27px;
}

.treenodeDisabled {    
color: #ebe8c9; 
background-color:#37291e;
text-decoration:none;
line-height:27px;
}

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

.treenodeLevel2,
.treenodeOverLevel2,
.treenodeSelectLevel2
{	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	display: block;
	padding: 0px 0px 0px 0px;
	white-space:normal;    
	color: #ebe8c9;
	border: none;
	cursor: pointer;
	text-decoration:none;
	line-height:24px;
}

a.treenodeLevel2 span.treenodeLevel2,
span.treenodeLevel2
{   color: #ebe8c9;
	background: #4f3d2f;
	padding: 0 0 0 16px;
	white-space:normal;
	cursor: pointer;
	text-decoration:none;
	line-height:24px;
}

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

a.treenodeOverLevel2 span.treenodeOverLevel2,
a.treenodeSelectLevel2 span.treenodeSelectLevel2,
a.treenodeLevel2 span.treenodeOverLevel2,
a.treenodeLevel2 span.treenodeSelectLevel2,
span.treenodeOverLevel2,
span.treenodeSelectLevel2 
{   color: #ebe8c9;
	background: #4f3d2f;
	padding: 0 0 0 16px;
	white-space:normal;
	text-decoration:none;
	line-height:24px;
}

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

.treenodeLevel3,
.treenodeOverLevel3,
.treenodeSelectLevel3 {	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	display: block;
	white-space:normal;
	text-decoration:none;
	cursor: pointer;
	line-height:24px;
}

a.treenodeLevel3 span.treenodeLevel3 {    
	color: #ebe8c9;
	background: #37291e;
	padding: 0 0 0 30px;
	white-space:normal;
	cursor: pointer;
	line-height:24px;
}

a.treenodeOverLevel3 span.treenodeOverLevel3,
a.treenodeSelectLevel3 span.treenodeSelectLevel3,
a.treenodeLevel3 span.treenodeOverLevel3,
a.treenodeLevel3 span.treenodeSelectLevel3 {    
	color: #ebe8c9;
	background: #37291e;
	padding: 0 0 0 30px;
	white-space:normal;
	line-height:24px;
}

span.treenodeOver, span.treenodeSelect,
span.treenodeOverLevel2, span.treenodeOverLevel3,
span.treenodeSelectlevel2, span.treenodeSelectlevel3 {
	
	text-decoration: underline;

}