/*************************************Service List VO****************************/ .btt-tree { /* style of panel dom element for service list */ width: 210px; height: 100%; float: right; } .btt-tree-body{ /* style of body of the panel of service list */ } .btt-tree-root-ct{ /* style of container element for root element in service list */ } .btt-tree-root-node{ /* style of dom of root node in service list */ } .btt-tree-node{ /* style of node dom element in service list , not a root element */ } .btt-tree-node-el{ /* style of item element in a node dom element in service list */ } .btt-tree-node-indent{ /* style of indent elements in front of a item element in service list */ } .btt-tree-node-ct{ /* style of container dom element for a node in service list , not a root node */ } .btt-tree-node-focus{ /* style of focus when a node get focuse */ border:1px solid #141413; } .btt-tree-node-icon { /* style the icon for a service */ float: left; border: none; } .btt-tree div div ul { /* style of root container in service list according to the dom structure */ position: relative; left: -40px; line-height: 2; vertical-align: middle; } .btt-tree div div ul div li div a { /* According to dom structure , style of root node in service list */ font-weight: bold; font-size: 14px; color: #000; text-indent: none; padding-left: 20px; margin: 0; display: block; width: 190px; text-decoration :none; } .btt-tree div div ul div li ul li div a { /* According to dom structure, style of the first level service node in service list */ padding-left: 30px; font-weight: normal; font-size: 12px; color: #3f618d; cursor: pointer; display: block; width: 180px; border-bottom: 1px solid #97c9f1; text-decoration : none; } .btt-tree div div ul div li ul li ul li div a { /*According to dom structure ,style of the second level service node in service list */ background: #a9d5fe; text-decoration: none; } .btt-tree div div ul div li ul li div a:hover { /* According to dom structure, style of hover of hype link in the second level nodes */ color: #000000; text-decoration: none; background: #FFF; display: block; text-decoration: none; } .btt-tree div div ul div li ul li ul li ul li div a { /* According to dom structure, style of the third levle service nodes in service list */ margin-left: 20px; margin-right: 0px; width: 175px; border-left: 1px solid #97c9f1; background: #a9d5fe; display: block; text-decoration: none; }