/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
    position: absolute;
    overflow: hidden;
    left: -1000px;
    top: -1000px
    }
/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
    position: absolute
    }
/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
    position: relative;
    left: 0;
    top: 0;
    z-index: 2
    }
.transMenu.top .items {
    border-top: none
    }
/* each TR.item is one menu item */
.transMenu .item {
    color: #336;
    font-size: 10px;
    font-family: sans-serif;
    text-decoration: none;
    /* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
    border: none;
    cursor: pointer;
    cursor: hand
    }