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

.treenodeSelect,
.treenodeExpanded,
.treenodeDisabled {	
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
	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 7px 4px 21px;    
	color: #f4f5f0;	
	
}



/* SELECTED LINK */
a.treenodeSelect span.treenodeSelect,
a.treenodeSelect span.treenodeExpanded {
	
	padding: 4px 7px 4px 21px;   
	color: #000;
	background: #f4f5f0;
}

/* FOLDER */
span.treenode {

	padding: 4px 7px 4px 21px;    
	color: #f4f5f0;
	}

/* FOLDER OVER STATE */
span.treenodeOver {
	
	padding: 4px 7px 4px 21px;  
	color: #000;
	background: #f4f5f0;
	
}

/* EXPANDED FOLDER */
span.treenodeSelect {
	
	padding: 4px 7px 4px 21px; 
	color: #000;
	background: #f4f5f0;
}

/* FIX SO WHEN YOU CLICK LINK IT DOESN'T ACT AS FOLDER BEFORE YOU GO TO PAGE */
a.treenode span.treenodeSelect {
	color: #000;
	padding: 4px 7px 4px 21px; 
}

.treenodeDisabled {    
color: #f4f5f0; 
}

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

.treenodeLevel2,
.treenodeOverLevel2,
treenodeSelectLevel2,
span.treenodeLevel2,
span.treenodeOverLevel2,
span.treenodeSelectLevel2
{	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	display: block;
	white-space:normal;
	color: #000;
	padding-left:15px;
	background-color:#f4f5f0;
}

a.treenodeLevel2 span.treenodeLevel2,
span.treenodeLevel2
{   color: #000;
	white-space:normal;
	padding: 0 7px 4px 21px;
	background: url(dot.gif) #f4f5f0 left 50% no-repeat;
	cursor: pointer;
}

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

a.treenodeOverLevel2 span.treenodeOverLevel2,
a.treenodeSelectLevel2 span.treenodeSelectLevel2,
a.treenodeLevel2 span.treenodeOverLevel2,
a.treenodeLevel2 span.treenodeSelectLevel2,
span.treenodeOverLevel2,
span.treenodeSelectLevel2 
{   color: #000;
	padding: 0 7px 4px 21px;
	white-space:normal;
	background: url(dot.gif) #f4f5f0 left 50% no-repeat;
	text-decoration:underline;
	cursor: pointer;

}

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

.treenodeLevel3,
.treenodeOverLevel3,
.treenodeSelectLevel3 {	
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	display: block;
	padding: 0 7px 4px 21px;
	white-space:normal;
	
}

a.treenodeLevel3 span.treenodeLevel3 {    
	color: #000;
	padding: 0 7px 4px 41px;
	white-space:normal;
	background: url(dot.gif) #f4f5f0 left 50% no-repeat;
}

a.treenodeOverLevel3 span.treenodeOverLevel3,
a.treenodeSelectLevel3 span.treenodeSelectLevel3,
a.treenodeLevel3 span.treenodeOverLevel3,
a.treenodeLevel3 span.treenodeSelectLevel3 {    
	color: #000;
	/*background: url(treeLevel2_over.gif) left 50% no-repeat;*/
	padding: 0 7px 4px 41px;
	white-space:normal;
	background: url(dot.gif) #f4f5f0 left 50% no-repeat;
}

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