Hi Mike,

Thanks for the quick response. The ig_datatree css file has the .igdt_ClaymationNodeGroup and both the margin-left and padding-left are 0px. And I am not sure how to set the property to !important. Thanks.

I figured out the important setting, been awhile since i've used that. Still it had no effect. This is the content of the claymation css file

.igdt_ClaymationControl
{
/** background-color:Transparent; */
 background-color:whitesmoke;
 font-size:10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 border:solid 1px Transparent;
 color:Navy;
}
.igdt_ClaymationControlActive
{
}
.igdt_ClaymationControlDisabled
{
}
.igdt_ClaymationDataLoadingContainer
{
}
.igdt_ClaymationDataLoadingMessage
{
}
/* //////////////////// GROUP STYLES //////////////////// */
.igdt_ClaymationNodeGroup
{
 margin-left:1px;
 padding-left:1px;
 list-style: none;
}
.igdt_ClaymationNodeHolder
{
 white-space: nowrap;
}
.igdt_ClaymationNodeImage
{
 vertical-align: middle;
}
.igdt_ClaymationNode
{
 padding:1px 1px 1px 1px !important;
 line-height: 15px;
 cursor:hand;
 color:Navy;
 text-decoration:none;
}
.igdt_ClaymationNodeSpecial
{
 font-weight:bold;
 background-color: Khaki;
}
.igdt_ClaymationNodeRoot
{
 font-weight:bold;
}
.igdt_ClaymationNodeParent
{
}
.igdt_ClaymationNodeSelected
{
 color:Red;
 background: Khaki;
}
.igdt_ClaymationNodeActive
{
 background-color:#EAEAEA;
 padding:0px 1px 0px 1px;
}
.igdt_ClaymationNodeHover
{
 text-decoration:underline;
}
.igdt_ClaymationNodeDisabled
{
 color:#CCCCCC;
}
.igdt_ClaymationInternalNodeEditor
{
 border:solid 1px #000000;
 padding-left:2px;
}
.igdt_ClaymationNodeHolder img
{
 vertical-align:middle;
}