
/* LEVEL 1 ----- */
/*- MODIFY THIS GROUP OF STYLES THAT WILL EFFECT ALL TOP LEVEL ITEMS ----- */
.treenode,
.treenodeOver,
.treenodeSelect,
.treenodeExpanded,
.treenodeDisabled {
	font-family: Georgia;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;	
	background: none;
	text-transform: uppercase;
	text-decoration: none;
	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 0px 4px 0px;
	color: #363636;
	border-bottom: solid 1px #cbc9c1;
}

/* SELECTED LINK */
a.treenodeSelect span.treenodeSelect {
	
	padding: 4px 0px 4px 0px;
	color: #891f33;
	text-decoration:underline;
	border-bottom: solid 1px #cbc9c1;

}

/* FOLDER */
span.treenode {

	padding: 4px 0px 4px 0px;
	color: #363636;
	border-bottom: solid 1px #cbc9c1;

}

/* FOLDER OVER STATE */
span.treenodeOver {
	
	padding: 4px 0px 4px 0px;
	color: #891f33;
	text-decoration:underline;
	border-bottom: solid 1px #cbc9c1;

}

/* EXPANDED FOLDER */
span.treenodeSelect {
	
	padding: 4px 0px 4px 0px;
	color: #891f33;
	text-decoration:underline;
	/*border-bottom: solid 1px #cbc9c1;*/
}

/* FIX SO WHEN YOU CLICK LINK IT DOESN'T ACT AS FOLDER BEFORE YOU GO TO PAGE */
a.treenode span.treenodeSelect {
	border-bottom: solid 1px #cbc9c1;
}

.treenodeDisabled { 	
	color: #aeada4; 
}

/* LEVEL 2 & 3 ----- */

.treenodeLevel2,
.treenodeOverLevel2
{
	font-family: Georgia;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	display: block;
	padding: 0 0 0 10px;
	white-space:normal;
	text-transform: uppercase;
	cursor:pointer;
}






/* styling for 2nd level folders - only in ff*/



div a span.treenodelevel2,
div a span.treenodeOverlevel2,
div a span.treenodeSelectlevel2 {
	margin: 0;
}

div span.treenodelevel2,
div span.treenodeOverlevel2,
div span.treenodeSelectlevel2 {
font-size: 11px;
	margin: 0 0 0 10px;
text-transform: uppercase;
}

.treenodeOverLevel2,
.treenodeSelectLevel2,
.treenodeOverLevel2,
.treenodeSelectLevel2,
.treenodeOverLevel2,
.treenodeSelectLevel2 
{
	color: #891f33;
	padding: 2px 0 0 10px;
	white-space:normal;
	text-decoration: underline;
}

span.treenodeLevel2
{

	color: #891f33;
	padding-top: 2px;
	white-space:normal;

	
}

/*--------------------------------------------------------------------*/

.treenodeLevel3,
.treenodeOverLevel3,
.treenodeSelectLevel3 {
	font-family: Georgia;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	display: block;
	padding: 2px 0px 2px 5px;
	white-space:normal;
	text-transform: uppercase;
}

a.treenodeLevel3 span.treenodeLevel3 {
	
	color: #891f33;
	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: #891f33;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	white-space:normal;
	text-decoration: underline;

}
