.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.menu.treeview { 
	margin: 6px;
}

.treeview ul {
	/*background-color: white;
	margin-top: 4px;*/
}

.treeview li { 
	margin: 0;
	font-size: 13px;
}

.treeview li.expandable,
.treeview li.collapsable {
	margin-bottom: 1px;	
	background-color: #fff;
}

.treeview li span span,
.treeview li a span {
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 2px;
	height: 17px;
}
.treeview li ul li span {
	padding-left: 6px;
	font-size: 11px;
}

#menu1.treeview .hitarea {
	background: url(images/treeview-fb-blue.png) 517px -20px no-repeat;
	height: 20px;
	width: 687px;
	position: absolute;
	cursor: pointer;
}
#menu2.treeview .hitarea {
	background: url(images/treeview-fb-red.png) 517px -20px no-repeat;
	height: 20px;
	width: 687px;
	position: absolute;
	cursor: pointer;
}
#menu3.treeview .hitarea {
	background: url(images/treeview-fb-green.png) 517px -20px no-repeat;
	height: 20px;
	width: 687px;
	position: absolute;
	cursor: pointer;
}

#menu1.treeview .hitarea:hover  {
	background-position: 667px -60px;
}
#menu2.treeview .hitarea:hover {
	background-position: 667px -60px;
} 
#menu3.treeview .hitarea:hover  {
	background-position: 667px -60px;
}

#menu1.treeview .hitarea.collapsable-hitarea,
#menu2.treeview .hitarea.collapsable-hitarea,
#menu3.treeview .hitarea.collapsable-hitarea {
	background-position: 665px -20px;
}
#menu1.treeview .hitarea.collapsable-hitarea:hover,
#menu2.treeview .hitarea.collapsable-hitarea:hover,
#menu3.treeview .hitarea.collapsable-hitarea:hover {
	background-position: 665px -60px;
}



#menu1.treeview .expandable-hitarea,
#menu2.treeview .expandable-hitarea,
#menu3.treeview .expandable-hitarea { 
	background-position: 667px 0px; 
}
#menu1.treeview .expandable-hitarea:hover,
#menu2.treeview .expandable-hitarea:hover,
#menu3.treeview .expandable-hitarea:hover { 
	background-position: 667px -40px; 
}

.treeview .expandable span span,
.treeview .expandable a span,
.treeview .collapsable ul li a,
.treeview .expandableul li a,
.treeview .collapsable ul li a span,
.treeview .expandable ul li a span,
.treeview .expandable:hover ul li a span,
.treeview .collapsable:hover ul li a span { 
	font-weight: normal;
}

.treeview .expandable:hover span span,
.treeview .collapsable:hover span span,
.treeview .collapsable span span,
.treeview .expandable:hover a span,
.treeview .collapsable:hover a span,
.treeview .collapsable a span,
.treeview .expandable ul li a.hover span,
.treeview .collapsable ul li a.hover span/*,
.treeview .collapsable ul li a:hover*/ { 
	font-weight: bold;
}

#menu1.treeview .collapsable ul {
	border: 1px solid #3C85C3;
	/*border-top: 1px solid #3C85C3;*/
}
#menu1.treeview .collapsable div.hitarea {
	border: 1px solid #3C85C3;
	border-bottom: 0;
	width: 685px;
}
#menu2.treeview .collapsable ul {
	border: 1px solid #CE3425;
	/*border-top: 0;*/
}
#menu2.treeview .collapsable div.hitarea {
	border: 1px solid #CE3425;
	border-bottom: 0;
	width: 685px;
}
#menu3.treeview .collapsable ul {
	border: 1px solid #6EA21D;
	/*border-top: 0;*/
}
#menu3.treeview .collapsable div.hitarea {
	border: 1px solid #6EA21D;
	border-bottom: 0;
	width: 685px;
}

#menu1.treeview .collapsable li,
#menu2.treeview .collapsable li,
#menu3.treeview .collapsable li {
	border-top: 1px solid #f7f7f9;
	background-color: #fff;/*#f2f9fe;*/
	margin: 0 1px 1px 1px;
}
#menu1.treeview li.collapsable {
	background-color: #ddf1ff;
}
#menu2.treeview li.collapsable {
	background-color: #ffe6e3;
}
#menu3.treeview li.collapsable {
	background-color: #def4be;
}



#menu1.treeview .collapsable li:hover {
	background: #3C85C3 url(images/fb-detailview.png) top right no-repeat;
}
#menu2.treeview .collapsable li:hover {
	background: #CE3425 url(images/fb-detailview.png) top right no-repeat;
}
#menu3.treeview .collapsable li:hover {
	background: #6EA21D url(images/fb-detailview.png) top right no-repeat;
}
#menu1.treeview .collapsable li a:hover,
#menu2.treeview .collapsable li a:hover,
#menu3.treeview .collapsable li a:hover {
	color: #fff !important;
	text-shadow: 0 0 0;
}

/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}



.treeview a.selected {
	/*background-color: #eee;*/
}

/*#treecontrol { margin: 1em 0; display: none; }*/

.treeview .hover {cursor: pointer; }


.treeview .placeholder {
	background: url(images/ajax-loader.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
}

/*
h3.module-title,
h1.title {
font-size: 25px !important;
text-transform: none !important;
font-family:'Just Another Hand',serif;
}*/