/* Menu.css (C) Albert Mietus. -- to be used with Menu.xsl; specific for SwBMnl */

.menu  a {  color: white; }

a.menu                  { display: block;
                          text-decoration: none; text-align: left;
                          font-size: 10px;
                          background:transparent;
                          border-right:  4px solid transparent;
                          border-top:    1px solid transparent;
                          border-bottom: 1px solid rgb(90%,95%,90%);
                          border-left:   2px solid rgb(90%,95%,90%);
                          margin:        4px 0 0 0;
                          padding:       8px 6px 2px 5px;
                          }

.menu h2, .menu h2 a    { text-decoration: none;
                          background: transparent; color: white;
                          margin:0; margin-top: 0.5em;
                          }

.menu h3, .menu h2 a    { text-decoration: none;
                          background: transparent; color: white;
                          margin:0; margin-top: 0.5em;
                          }


/* Make the :hover'ed menu stand out (dynamicly). Keep total size same as above!*/
a.menu:hover            { text-decoration: underline; padding:       6px 0px 4px 11px;}

/* Each "sub"" menu is indexed a bit. This is done by all 20px to the left and each sub-div a bit back */
div.menu 		{ padding-left: 20px; overflow: hidden; }
.menu div 		{ position: relative; left: -5px; }



a.menu:hover 		{ text-decoration: underline;
                          margin:        3px 0 1px 0;
                          padding:       6px 0px 4px 11px;
                          }

/***
   * Some menu-item are special, they point externaly. Mark them.
   ***/
a.menu[href~="http://albert.mietus.nl"] 	{ background: url("network.png") right center no-repeat; }
a.menu.dir 	                                { background: url("sub.png") right center no-repeat ; }

/* Bazaar revno=64 */