1887 1446 1907 1162 1985 1372 1125 1723 1904 1565 1483 1080 1547 1568 1867 1954 1949 1341 1167 1186 1324 1472 1051 1421 1887 1534 1226 1410 1961 1056 1153 1581 1409 1957 1427 1729 1702 1199 1395 1708 1607 1651 1857 1605 1039 1644 1672 1294 1148 1657 1394 1326 1586 1849 1146 1262 1799 1585 1974 1471 1853 1206 1340 1604 1751 1063 1647 1239 1915 1213 1644 1814 1388 1096 1589 1375 1683 1966 1080 1512 1831 1977 1966 1710 1303 1942 1398 1390 1153 1147 1054 1184 1102 1761 1720 1014 1848 1027 1206 .ddsmoothmenu{ font: bold 14px Tahoma; background-color: #053587; /*#414141; /*background of menu bar (default state)*/ width: 100%; } .ddsmoothmenu ul{ z-index:100; margin: 0; padding: 0; list-style-type: none; } /*Top level list items*/ .ddsmoothmenu ul li{ position: relative; display: inline; float: left; } /*Top level menu link items style*/ .ddsmoothmenu ul li a { display: block; background: #053587; /*#414141; /*background of menu items (default state)*/ font-size: 14px; color: white!important; padding: 8px 10px; border-right: 1px solid #778; color: #2d2b2b; text-decoration: none; } * html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; } .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ color: white; } .ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background: #006CD1!important; color: white; } .ddsmoothmenu ul li a:hover{ background: #006CD1; /*background of menu items during onmouseover (hover state)*/ color: white; } /* sub menus */ .ddsmoothmenu ul li ul{ position: absolute; left: -3000px; display: none; /*collapse all sub menus to begin with*/ visibility: hidden; } /*Sub level menu list items (alters style from Top level List Items)*/ .ddsmoothmenu ul li ul li{ display: list-item; float: none; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .ddsmoothmenu ul li ul li ul{ top: 0; } /* Sub level menu links style */ .ddsmoothmenu ul li ul li a{ font: normal 13px Tahoma; width: 160px; /*width of sub menus*/ padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray; } /* Holly Hack for IE \*/ * html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/ /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass{ position: absolute; top: 12px; right: 7px; } .rightarrowclass{ position: absolute; top: 6px; right: 5px; } /* ######### CSS for shadow added to sub menus ######### */ .ddshadow{ position: absolute; left: 0; top: 0; width: 0; height: 0; background-color: #ccc; /* generally should be just a little lighter than the box-shadow color for CSS3 capable browsers */ } .toplevelshadow{ margin: 5px 0 0 5px; /* in NON CSS3 capable browsers gives the offset of the shadow */ opacity: 0.8; /* shadow opacity mostly for NON CSS3 capable browsers. Doesn't work in IE */ } .ddcss3support .ddshadow.toplevelshadow { margin: 0; /* in CSS3 capable browsers overrides offset from NON CSS3 capable browsers, allowing the box-shadow values in the next selector to govern that */ /* opacity: 1; */ /* optionally uncomment this to remove partial opacity for browsers supporting a box-shadow property which has its own slight gradient opacity */ } .ddcss3support .ddshadow { background-color: transparent; box-shadow: 5px 5px 5px #aaa; /* box-shadow color generally should be a little darker than that for the NON CSS3 capable browsers background-color */ -moz-box-shadow: 5px 5px 5px #aaa; -webkit-box-shadow: 5px 5px 5px #aaa; }