div#itemtree
{
	float:				left;
	margin-left:			10px;
}

div#itemtree div.node
{
        background-image:               url( ../images/common/itemtree/node.gif );
        background-repeat:              no-repeat;
        clear:                          left;
        float:                          left;
        height:                         22px;
        width:                          24px;
}

div#itemtree div.node.last,
div#itemtree div.item.draggingoverchild div.item div.node.last
{
        background-image:               url( ../images/common/itemtree/lastnode.gif );
}

div#itemtree div.item.draggingoverchild div.node.last
{
        background-image:               url( ../images/common/itemtree/node.gif );
}

div#itemtree div.node.open
{
        background-image:               url( ../images/common/itemtree/node_open.gif );
	cursor:				pointer;
}

div#itemtree div.node.open.last,
div#itemtree div.item.draggingoverchild div.item div.node.open.last
{
        background-image:               url( ../images/common/itemtree/lastnode_open.gif );
}

div#itemtree div.item.draggingoverchild div.node.open.last
{
        background-image:               url( ../images/common/itemtree/node_open.gif );
}

div#itemtree div.node.closed
{
        background-image:               url( ../images/common/itemtree/node_closed.gif );
	cursor:				pointer;
}

div#itemtree div.node.closed.last,
div#itemtree div.item.draggingoverchild div.item div.node.closed.last
{
        background-image:               url( ../images/common/itemtree/lastnode_closed.gif );
}

div#itemtree div.item.draggingoverchild div.node.closed.last
{
        background-image:               url( ../images/common/itemtree/node_closed.gif );
}

div#itemtree div.item
{
	float:				left;
	white-space:			nowrap;
}

div#itemtree div.item div.icon
{
	background-image:		url(../images/common/itemtree/child.gif);
	background-repeat:		no-repeat;
	float:				left;
	height:				22px;
        width:				24px;
}

div#itemtree div.item.new div.icon
{
	background-image:		url(../images/common/itemtree/new.gif);
}

div#itemtree div.item div.icon.draggable
{
        cursor:                         move;
}

div#itemtree div.item div.icon.type1
{
	background-image:		url(../images/common/itemtree/parent_closed.gif);
}

div#itemtree div.item div.icon.type1.open
{
	background-image:		url(../images/common/itemtree/parent_open.gif);
}

div#itemtree div.item div.icon.archived
{
	background-image:		url(../images/common/itemtree/archivedchild.gif);
}

div#itemtree div.item div.icon.type1.archived
{
	background-image:		url(../images/common/itemtree/archivedparent_closed.gif);
}

div#itemtree div.item div.icon.type1.open.archived
{
	background-image:		url(../images/common/itemtree/archivedparent_open.gif);
}

div#itemtree div.item.draggingoverchild div.icon
{
	background-color:		lightblue;
}

div#itemtree div.item div.name
{
        cursor:                         pointer;
	float:				left;
	height:				22px;
}

div#itemtree div.item.new div.name
{
        cursor:                         auto;
}

div#itemtree div.item div.name.draggable
{
        cursor:                         move;
}

div#itemtree div.item div.name.selected
{
	text-decoration:		underline;
	font-weight:			bold;
}

div#itemtree div.item.draggingoverchild div.name
{
	background-color:		lightblue;
}

div#itemtree div.child
{
        background-image:               url(../images/common/itemtree/line.gif);
        background-repeat:              repeat-y;
        clear:                          left;
        float:                          left;
}

div#itemtree div.child.last,
div#itemtree div.item.draggingoverchild div.item div.child.last
{
        background-image:               none;
        background-repeat:              no-repeat;
}

div#itemtree div.item.draggingoverchild div.child.last
{
        background-image:               url(../images/common/itemtree/line.gif);
        background-repeat:              repeat-y;
}

div#itemtree div.child div.beforechild
{
        background-image:               url(../images/common/itemtree/line.gif);
        background-repeat:              repeat-y;
        clear:                          left;
        float:                          left;
        height:                         2px;
        width:                          100%;
}

div#itemtree div.child div.beforechild.draggingover
{
        background-color:               lightblue;
	background-image:		url(../images/common/itemtree/new_node.gif);
	background-repeat:		no-repeat;
        height:                         22px;
	margin-top:			-2px;
}

div#itemtree div.item.draggingoverchild div.child div.item div.icon,
div#itemtree div.item.draggingoverchild div.child div.item div.name
{
    background-color: transparent;
}

div#itemtree div.afterlastchild
{
        clear:                          left;
        float:                          left;
        height:                         2px;
        width:                          100%;
}

div#itemtree div.item.draggingoverchild div.afterlastchild
{
        background-color:               lightblue;
	background-image:		url(../images/common/itemtree/new_lastnode.gif);
	background-repeat:		no-repeat;
        height:                         22px;
}

div#itemtree div.item.draggingoverchild div.item div.afterlastchild
{
	background:			none;
	height:				2px;
}

div#itemtree div.buttons
{
	clear:				left;
}