1097 1281 1422 1862 1470 1216 1056 1835 1896 1040 1279 1252 1750 1085 1054 1931 1234 1265 1389 1828 1308 1280 1089 1474 1459 1578 1295 1867 1403 1119 1821 1609 1261 1711 2000 1509 1582 1673 1903 1656 1662 1100 1063 1000 1919 1925 1169 1793 1406 1080 1042 1714 1378 1296 1534 1643 1186 1151 1709 1716 1272 1366 1173 1872 1663 1985 1542 1330 1085 1200 1579 1814 1586 1013 1118 1923 1370 1833 1448 1123 1657 1817 1806 1118 1774 1510 1162 1116 1290 1043 1861 1799 1254 1775 1335 1813 1005 1190 1777 .ddsmoothmenu{ font: bold 14px Tahoma; background-color: #00346B; /*#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: #00346B; /*#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: #0051FF!important; color: white; } .ddsmoothmenu ul li a:hover{ background: #0051FF; /*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; }