/* @override 
	http://localhost:80/thehumanbrain/web/css/hierarchical_tree.css
*/

* {
	margin: 0;
	padding: 0;
}

/* 
####################################################
	Modified Tree 02/2009
####################################################
*/

div#tree_top {
	background: #fff url(../img/_style/h_tree_back_top.gif) no-repeat -0px 0px;
	display: block;
	height: 10px;
	margin: 0;
	padding: 00px 0 0 00px;
}

div#tree_bottom {
	background: #fff url(../img/_style/h_tree_back_bottom.gif) no-repeat -0px 0px;
	display: block;
	float: left;
	height: 10px;
	margin: 0;
	padding: 00px 0 0 00px;
	width: 990px;
	/*width: 100%;*/
}

div#tree_list {
	background: #bebebe url(../img/_style/h_tree_back.gif) repeat-y -0px 0px;
	float: left;
	padding: 20px 0 10px 00px;
/*	width: 100%;*/
}

div#tree_list a {
	background: #fff;
	color: #000;
	text-decoration: none;
}

	
div#tree_list a:hover {
	opacity: 1.0;
}

div#content div.inner ul {
display: block;
	list-style-type: square;
	margin: 0px 00px 0px 40px;
	padding: 0 0 0 0px;
}

div#content div.inner li a{
	color: #334957;
	text-decoration: none;
	border-bottom: none;
}

div#content div.inner li a:hover{
	color: #334957;
	text-decoration: none;
	border-bottom: none;
}





div#tree_list ul,
div#tree_list ul ul,
div#tree_list ul ul ul,
div#tree_list ul ul ul ul,
div#tree_list ul ul ul ul ul, 
div#tree_list ul ul ul ul ul ul, 
div#tree_list ul ul ul ul ul ul ul, 
div#tree_list ul ul ul ul ul ul ul ul, 
div#tree_list ul ul ul ul ul ul ul ul ul, 
div#tree_list ul ul ul ul ul ul ul ul ul ul, 
div#tree_list ul ul ul ul ul ul ul ul ul ul ul, 
div#tree_list ul ul ul ul ul ul ul ul ul ul ul ul
{
	/*display: inline-block;*/
	font-size: 11px;
	list-style-position: outside;
	list-style: none;
}

div#tree_list ul li,
div#tree_list ul li ul li,
div#tree_list ul li ul li ul li,
div#tree_list ul li ul li ul li ul li,
div#tree_list ul li ul li ul li ul li ul li,
div#tree_list ul li ul li ul li ul li ul li ul li, 
div#tree_list ul li ul li ul li ul li ul li ul li ul li,
div#tree_list ul li ul li ul li ul li ul li ul li ul li ul li,
div#tree_list ul li ul li ul li ul li ul li ul li ul li ul li ul li,
div#tree_list ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li,
div#tree_list ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li
{
	display: inline-block;
	line-height: 16px;
	margin: 0px 0 0px 40px;
}

/* Level 1 */
div#tree_list ul li { }

/* Level 2 */
div#tree_list ul li ul li { }

/* Level 3 */
div#tree_list ul li ul li ul li { }

/* Level 4 */
div#tree_list ul li ul li ul li ul li { }

/* Level 5 */
div#tree_list ul li ul li ul li ul li ul li { }

/* Level 6 */
div#tree_list ul li ul li ul li ul li ul li ul li { }

/* Level 7 */
div#tree_list ul li ul li ul li ul li ul li ul li ul li { }

/* Level 8 */
div#tree_list ul li ul li ul li ul li ul li ul li ul li ul li { }

/* Level 9 */
div#tree_list ul li ul li ul li ul li ul li ul li ul li ul li ul li { }

/* Level 10 */
div#tree_list ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li { }

/* Level 11 */
div#tree_list ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li { }

div#tree_list li {
	list-style-position: outside;
	list-style: none;
	margin: 0px 0px 0px 5px;
/*	float: left;*/
}

div#tree_list ul li a.name,
div#tree_list ul li ul li a.name,
div#tree_list ul li ul li ul li a.name,
div#tree_list ul li ul li ul li ul li a.name,
div#tree_list ul li ul li ul li ul li ul li a.name,
div#tree_list ul li ul li ul li ul li ul li ul li a.name,
div#tree_list ul li ul li ul li ul li ul li ul li ul li a.name,
div#tree_list ul li ul li ul li ul li ul li ul li ul li ul li a.name,
div#tree_list ul li ul li ul li ul li ul li ul li ul li ul li ul li a.name,
div#tree_list ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a.name,
div#tree_list ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a.name {
	float: left;
	margin: 0px 0px 1px 0px ;
	padding: 0 0 0 4px;
}

/* Level 1 */
div#tree_list ul li a.name{ 															width: 850px; }

/* Level 2 */
div#tree_list ul li ul li a.name {														width: 810px; }

/* Level 3 */
div#tree_list ul li ul li ul li a.name { 												width: 770px; }

/* Level 4 */
div#tree_list ul li ul li ul li ul li a.name{											width: 730px; }

/* Level 5 */
div#tree_list ul li ul li ul li ul li ul li a.name{										width: 690px; }

/* Level 6 */
div#tree_list ul li ul li ul li ul li ul li ul li a.name{								width: 650px; }

div#tree_list ul li ul li ul li ul li ul li ul li ul li a.name{							width: 610px; }
div#tree_list ul li ul li ul li ul li ul li ul li ul li ul li a.name{					width: 570px; }
div#tree_list ul li ul li ul li ul li ul li ul li ul li ul li ul li a.name{				width: 530px; }
div#tree_list ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a.name{		width: 500px; }
div#tree_list ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a.name{	width: 460px; }

div#tree_list a.name { }
	
div#tree_list a.name:hover {
	opacity: 0.8;
}


div#tree_list a abbr {
	border-left: 1px solid #9e9e9e;
	color: #4c4c4c;
	display: inline;
	float: right;
	font-weight: bold;
	margin: 0;
	padding: 0 2px 0 2px;
	position: relative;
	right: 0;
	width: 44px;
}

div#tree_list li a.expand,
div#tree_list li a.collapse {
	display: inline-block;
	float: left;
	height: 16px;
	width: 16px;	
}

div#tree_list li a.collapse {
		background: #eee url(../img/_style/minus.gif) no-repeat 1px 2px;
}

div#tree_list li a.expand {
	background: #eee url(../img/_style/plus.gif) no-repeat 1px 2px;
}

div#tree_list ul li span{
	/*background: #e5e5e5;*/
	background-color: #fff;
	border-left: 1px #ccc solid;
	display: block;
	float: left;
	height: 16px;
	line-height: 16px;
	width: 64px;
}

div#tree_list ul li a.text,
div#tree_list ul li a.img,
div#tree_list ul li a.question {
	color: #4c4c4c;
	display: block;
	float: left;
	font-weight: bold;
	height: 15px;
	margin: 1px 2px 0 8px ;
	width: 16px;
	z-index: 100;	
}

div#tree_list ul li a.text{
	background:	url(../img/_style/list_view.jpg) no-repeat -0px -32px;
}
div#tree_list ul li a.text:hover{
	background:	url(../img/_style/list_view.jpg) no-repeat -0px -48px;
}

div#tree_list ul li a.img {
	background: url(../img/_style/thumb_view.jpg) no-repeat -0px -32px;
}

div#tree_list ul li a.img:hover {
	background: url(../img/_style/thumb_view.jpg) no-repeat -0px -48px;
}

div#tree_list ul li a.question {
	background: url(../img/_style/question.gif) -17px -16px;
}