/* Start of CMSMS style sheet 'Prosilver: CSSmenu' */ /* Horizontal menu for the CMS CSS Menu Module */ /* by Alexander Endresen */ #menu_vert { margin-left: 1px; margin-right: 1px; } /* The wrapper clears the floating elements of the menu */ /* Fix for Opera 8 */ .clearb { clear: both; } #menuwrapper { /* Fix for Opera 8 */ /* overflow: hidden; */ background: none no-repeat 0% -35px; width: 100%; } #menuwrapper a:hover { color: #D31141; text-decoration: underline; } /* Set the width of the menu elements at second level. Leaving first level flexible. */ #primary-nav li li { width: 220px; } /* Unless you know what you do, do not touch this */ #primary-nav, #primary-nav ul { list-style: none; margin: 0px; padding: 0px; } #primary-nav ul { position: absolute; top: auto; display: none; } #primary-nav ul ul { margin-top: 1px; margin-left: -1px; left: 100%; top: 0px; } #primary-nav li { margin-left: -1px; float: left; } #primary-nav li li { margin-left: 0px; margin-top: -1px; float: none; position: relative; } /* Styling the basic apperance of the menu elements */ #primary-nav a { display: block; margin: 0px; text-decoration: none; color: #006699; } #primary-nav li a { /*border-right: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0;*/ } #primary-nav li li a { border-right: 1px solid #a0a0a0; border-bottom: 1px solid #a0a0a0; border-left: 1px solid #bbbbbb; padding: 0px 5px; } #primary-nav li, #primary-nav li.menuparent { background-color: #cadceb; } /* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */ #primary-nav li.menuactive { background-position: 100% 0; padding-bottom: 0px; color: #333333; /*border-bottom-color: #CADCEB;*/ } /* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */ #primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth { /* arrow for menuparents */ /* background-image: url(../images/cms/arrow.gif); */ background-position: center right; background-repeat: no-repeat; } /* Styling the apperance of menu items on hover */ #primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { /*background-color: #ededed;*/ } #primary-nav li.menuitem:hover { background-color: #ededed; } /* The magic - set to work for up to a 3 level menu, but can be increased unlimited */ /* just add #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul ul ul, for fourth level */ #primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { display: none; } /* add #primary-nav ul ul ul li:hover ul, #primary-nav ul ul ul li.menuparenth ul, for fourth level */ #primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { display: block; } /* IE Hacks */ #primary-nav li li { float: left; clear: both; } #primary-nav li li a { height: 1%; } /* End of 'Prosilver: CSSmenu' */