--- /dev/null
+/* CSS FOR MENU ITEM OF TYPE "top" */\r
+\r
+.DHTMLSuite_menuItem_top_regular,.DHTMLSuite_menuItem_top_over,.DHTMLSuite_menuItem_top_click,.DHTMLSuite_menuItem_top_disabled,.DHTMLSuite_menuItem_top_active{\r
+ height:19px;\r
+ line-height:16px;\r
+ margin-right:2px;\r
+ margin-top:2px;\r
+ padding-left:4px;\r
+ padding-right:4px;\r
+ padding-top:1px;\r
+ padding-bottom:1px;\r
+}\r
+.DHTMLSuite_menuItem_top_regular div,.DHTMLSuite_menuItem_top_over div,.DHTMLSuite_menuItem_top_click div,.DHTMLSuite_menuItem_top_disabled div,.DHTMLSuite_menuItem_top_active div{\r
+ padding-top:2px;\r
+ padding-bottom:2px;\r
+}\r
+.DHTMLSuite_menuItem_top_regular{ /* Top level menu item - Regular state */\r
+ cursor:pointer;\r
+}\r
+\r
+.DHTMLSuite_menuItem_top_over{ /* Top level menu item - Mouse over state */\r
+ color:#FE5F14;\r
+ background-color:#D1D1D1;\r
+ cursor:pointer;\r
+}\r
+\r
+.DHTMLSuite_menuItem_top_active{ /* Top level menu item - Active state - this is typical the state for menu item 1 when a sub group is expanded and the mouse is located over one of the sub menu items */\r
+ cursor:pointer;\r
+}\r
+\r
+.DHTMLSuite_menuItem_top_click{ /* Top level menu item - Mouse click state */\r
+ color:#FE5F14;\r
+ background-color:#D1D1D1;\r
+ cursor:pointer;\r
+ z-index:20000;\r
+}\r
+\r
+.DHTMLSuite_menuItem_top_disabled{ /* Disabled menu item */\r
+ cursor:default;\r
+}\r
+\r
+.DHTMLSuite_menuItem_top_disabled img,.DHTMLSuite_menuItem_top_disabled div{ /* Sub divs of disabled top level items. A menu item is a div with some subdivs(one for the icon, one for text etc.). this is the css for these sub divs */\r
+ filter:alpha(opacity=40); /* Transparency */\r
+ opacity:0.4; /* Transparency */\r
+ -moz-opacity:0.4; /* Transparency */\r
+ -khtml-opacity:.4; /* Transparency */\r
+}\r
+\r
+.DHTMLSuite_menuItem_top_disabled div,.DHTMLSuite_menuItem_top_active div, .DHTMLSuite_menuItem_top_click div, .DHTMLSuite_menuItem_top_regular div,.DHTMLSuite_menuItem_top_over div{ /* divs for the text,icon and arrow of a menu item */\r
+ float:left;\r
+ padding-left:1px;\r
+ padding-right:1px;\r
+}\r
+\r
+/* CSS FOR THE SMALL ARROW DIV - WHEN YOU CLICK ON THIS DIV, SUB ELEMENTS WILL SHOW */\r
+.DHTMLSuite_menuItem_top_arrowShowSub{ /* This is the arrow for top level elements */\r
+ width:12px; /* Width of item */\r
+ background-repeat:no-repeat; /* No background repeat for the arrow */\r
+ background-position:center center; /* Position of the arrow. at the center of this div */\r
+ background-image: url('../../../image/dhtmlsuite/menu_strip_down_arrow.png'); /* Relative path to the arrow */\r
+ margin:0px;\r
+ margin-right:-1px; /* -1 pixel is added to get the arrow a little bit more to the right. this is because of the right padding of top level items */\r
+ padding:0px;\r
+ height:16px;\r
+ margin-left:2px;\r
+ float:right;\r
+}\r
+\r
+.DHTMLSuite_menuItem_top_over .DHTMLSuite_menuItem_top_arrowShowSub,\r
+.DHTMLSuite_menuItem_top_click .DHTMLSuite_menuItem_top_arrowShowSub\r
+{ /* Sub menu arrows */\r
+ margin-left:1px;\r
+ border-left:1px solid #000;\r
+}\r
+\r
+/* CSS FOR SEPARATOR */\r
+\r
+.DHTMLSuite_menuItem_separator_top{ /* Separator of type "top" */\r
+ height:20px;\r
+ margin-top:3px;\r
+ margin-bottom:3px;\r
+ width:4px;\r
+ padding-left:3px;\r
+ padding-right:3px;\r
+ background-repeat:repeat-y;\r
+ background-image:url('../../../image/dhtmlsuite/menu_strip_separator.gif');\r
+\r
+}\r
+\r
+\r
+/* CSS FOR MENU ITEM OF TYPE "sub" */\r
+\r
+.DHTMLSuite_menuItem_sub_regular, .DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_disabled,.DHTMLSuite_menuItem_sub_active{ /* Commom css for regular, mouse over and mouse click items */\r
+ clear:both;\r
+ line-height:18px; /* Height of menu item */\r
+ height:18px; /* Height of menu item */\r
+ padding-left:25px; /* Space inside the menu item - the 25 pixels are used in order to avoid text overlapping menu item icon */\r
+ padding-right:4px; /* Space inside the menu item */\r
+ padding-top:2px; /* Space inside the menu item */\r
+ padding-bottom:2px; /* Space inside the menu item */\r
+ cursor:pointer; /* Mouse cursor set to a "hand" */\r
+ margin:1px; /* A little space around the item */\r
+ background-repeat:no-repeat; /* No background repeat */\r
+}\r
+.DHTMLSuite_menuItem_sub_disabled{ /* Disabled sub menu item */\r
+ cursor:default; /* Arrow as cursor instead of hand */\r
+}\r
+.DHTMLSuite_menuItem_sub_disabled div,.DHTMLSuite_menuItem_sub_disabled{ /* Disabled sub menu item - Here, we apply the rules on the divs inside the element, i.e. the div for the icon, text and arrow */\r
+ filter:alpha(opacity=40); /* Transparency */\r
+ opacity:0.4; /* Transparency */\r
+ -moz-opacity:0.4; /* Transparency */\r
+ -khtml-opacity:.4; /* Transparency */\r
+}\r
+.DHTMLSuite_menuItem_sub_regular,.DHTMLSuite_menuItem_sub_disabled{ /* Regular menu item */\r
+}\r
+\r
+.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_active{\r
+}\r
+\r
+.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_active{ /* Mouse over effect */\r
+ color:#FE5F14;\r
+ background-color:#D1D1D1;\r
+}\r
+\r
+.DHTMLSuite_menuItem_sub_click{ /* Mouse click effect */\r
+ color:#FE5F14;\r
+ background-color:#D1D1D1;\r
+}\r
+\r
+.DHTMLSuite_menuItem_sub_click div, .DHTMLSuite_menuItem_sub_regular div,.DHTMLSuite_menuItem_sub_over div,.DHTMLSuite_menuItem_sub_active div,.DHTMLSuite_menuItem_sub_disabled div{ /* divs for the text,icon and arrow of a menu item */\r
+ float:left; /* To get the icons and text of sub elements side by side */\r
+ padding-left:1px;\r
+ padding-right:1px;\r
+\r
+}\r
+.DHTMLSuite_menuItem_sub_arrowShowSub{ /* Arrow div for sub elements (Right pointing arrow ) */\r
+ position:absolute; /* Never change this one */\r
+ background-image:url('../../../image/dhtmlsuite/menu-bar-right-arrow.png'); /* Path relative to the css file */\r
+ width:18px;\r
+ height:18px;\r
+ text-align:right;\r
+ right:0px;\r
+ background-repeat:no-repeat; /* No background repeat */\r
+ background-position: center right; /* Position of arrow */\r
+}\r
+\r
+\r
+.DHTMLSuite_menuItem_separator_sub{ /* Separator of type "sub" */\r
+ height:1px; /* Height of separator */\r
+ margin-top:1px; /* Space above the separator */\r
+ margin-bottom:1px; /* Space below the separator */\r
+ margin-left:24px; /* left margin because we don't want the separator to cover the gradient */\r
+ padding-right:3px; /* space at the right of the separator */\r
+ color:#FE5F14;\r
+ background-color:#D1D1D1;\r
+}\r
+\r
+\r