SDM {
   GraphLayout : "Tree" ;
}

GraphLayout {
   flowDirection : "Bottom";
   layoutMode : "RADIAL";
   globalLinkStyle : "ORTHOGONAL_STYLE";
   position : "300,200";
   parentChildOffset : "10";
   siblingOffset : "10";
}

node.treenode {
   class : "ilog.views.sdm.graphic.IlvGeneralNode" ;
   shapeType : "Ellipse" ;
   shapeWidth : "80" ;
   shapeHeight : "30" ;
   label : "@userObject" ;
   labelPosition : "Center" ;
   labelMode : "TRUNCATE" ;
   useIlvText : "true" ;
   labelSpacing : "0" ;
   lineSpacing : "0" ;
   minLabelZoom : "0" ;
   toolTipText : "@CSSclass" ;
   strokeWidth : "2" ;
   strokeColor : "darkgray" ;
   fillStyle : "RADIAL_GRADIENT" ;
   fillColor1 : "white" ;
   fillColor2 : "lightblue" ;
   fillStart : "0.25" ;
   fillEnd : "0.5" ;
   fillAngle : "45" ;
}

// We could have written this, but since we defined a CSSclass
// property in our model, we can use the simpler selector below.
//
//node.treenode[userObject='colors'] node.treenode {

node.colors {
   fillColor2 : "@userObject" ;
}

node.sports {
   fillColor2 : "orange" ;
}

node.food {
   fillColor2 : "lightgreen" ;
}

link.treelink {
   class : "ilog.views.sdm.graphic.IlvGeneralLink" ;
   oriented : "true" ;
   arrowRatio : "2";
   mode : "MODE_UNICOLOR" ;
   foreground : "green" ;
   lineWidth : "3" ;
}

node.treenode:selected {
   strokeColor : "red";
}

link.treelink:selected {
   foreground : "red";
}