@import url('base.css');

/*--------------------------------------------
 common style
----------------------------------------------*/
.notx {
	font-size : 1px;
	text-indent : -9999px;
	text-decoration : none;
}

.clear_right ,
.clear_left ,
.clear {
	line-height : 0;
	display : block;
	width : 0;
	height : 0;
}

.clear {
	clear : both;
}

.clear_right {
	clear : right;
}
.clear_left {
	clear : left;
}

/*--------------------------------------------
 main
----------------------------------------------*/

#main {
	min-height : 600px;
}


/*--------------------------------------------
 treeRoot
----------------------------------------------*/

#treeRoot {
	padding-left : 10px;
	width : 237px;
/*	float : left; */
	position : absolute;
	left : 0;
	overflow : auto;
	height : 100%;
}

#treeRoot DIV.nodes {
	padding-left : 25px;
}

#treeRoot DIV.node {
	padding : 7px 0;
}


#treeRoot DIV.items {
	padding-left : 25px;
}

#treeRoot DIV.item {
	padding : 7px 0;
}




#treeRoot A.nodeLink {
	display : block;
	width : 100%;
	height : auto;
	padding : 5px;
	padding-top : 7px;
	padding-bottom : 2px;
	text-indent: 30px;
	background-image : url("./../img/node_c.gif");
	background-position : left center;
	background-repeat : no-repeat;
}

#treeRoot A.hasNewItem {
	background-image : url("./../img/node_c_new.gif");
}


#treeRoot A.hasNewItem {
	
}
#treeRoot A.open {
	background-image : url("./../img/node_o.gif");
	background-position : left center;
	background-repeat : no-repeat;
}


#treeRoot A.itemLink {
	display : block;
	width : auto;
	height : auto;
	padding : 5px;
	padding-top : 7px;
	padding-bottom : 2px;
	margin-left : 0px;
	position : relative;
	text-align : left;
}

#treeRoot DIV.item .itemLink IMG {
	margin-right : 5px;
	margin-left : 0px;
	vertical-align : middle;
	/*
	display : block;
	height : auto;
	position : absolute;
	top : 5px;
	*/
}

#treeRoot DIV.current_item {
	background-image : url("./../img/cur.gif");
	background-position : left center;
	background-repeat : no-repeat;
}

/*--------------------------------------------
 content
----------------------------------------------*/

#content {
	margin-left: 280px;
	padding-top : 0px;
}

#content H3 {
	margin : 10px;
	color : #eee;
	font-weight: normal;
}

#content #itemDetail P {
	margin : 5px 10px ;
}

#itemDetail H3 A:link,
#itemDetail H3 A:visited{
	color : #880;
}

#itemDetail H3 A:active,
#itemDetail H3 A:hover{
	color : #880;
}

/*--------------------------------------------
 header
----------------------------------------------*/

#header {
	padding : 10px 15px;
}

H1 {
	margin : 0px;
	padding : 0px;
	height : 120px;
	position : relative;
	overflow: hidden;
}

#header H1 A {
	position : absolute;
	top:0;
	left:0;
	display : block;
	width : 318px;
	height : 240px;
}
#header H1 A:link,
#header H1 A:visited{
	top:0;
	bottom:auto;
}
#header H1 A:active,
#header H1 A:hover{
	top:auto;
	bottom:0;
}
/*
#header H1 A {
	display : block;
	width : 318px;
	height : 120px;
	font-size : 1px;
	text-indent : -9999px;
	text-decoration : none;
	outline : none;
}
#header H1 A:link,
#header H1 A:visited{
	background-image : url('/itemdata.php?path=%2F__CONTENTS%2Flogo');
	background-position : left top;
	background-repeat : no-repeat;
}

#header H1 A:active,
#header H1 A:hover{
	background-image : url('/itemdata.php?path=%2F__CONTENTS%2Flogo');
	background-position : left bottom;
	background-repeat : no-repeat;
}*/





/*--------------------------------------------
 footer
----------------------------------------------*/
/*
#footer, #main._bottom {
	height: 4em; 
}

#footer {
	clear : both;
	text-align:center;
}
*/