/*
    This file contains menu-related styling for the "bighorn" skin.  Both single- and multi-level menus make
    extensive use of the :hover pseudo-class.
    
    Multilevel menus make extensive use of descendant and child selectors, as well as the the :hover pseudo-class
    to control visibility, positioning and the form of menu items in various menu levels.
*/

.wlp-bighorn-menu
{
    border-collapse: collapse;
	width: 100%;
}

.wlp-bighorn-menu td
{
    white-space: nowrap;
    padding: 5px 10px;
}

.wlp-bighorn-menu img
{
    border: 0;
}

.wlp-bighorn-menu a
{
    text-decoration: none;
}

.wlp-bighorn-menu-button-panel
{
    text-align: right;
}

.wlp-bighorn-menu-menu-panel ul
{
    margin: 0;
    padding: 0;
}

.wlp-bighorn-menu-menu-panel ul li
{
    cursor: default;
    display: inline;
    list-style-type: none;
    padding: 5px;
}

.wlp-bighorn-menu-menu-panel ul li.wlp-bighorn-menu-active
{
    cursor: default;
}

.wlp-bighorn-menu-menu-panel ul li:hover
{
    position: relative;
}

.wlp-bighorn-menu-menu-panel ul li:hover > a
{
    text-decoration: underline;
}

/* styles for multilevel menus */

.wlp-bighorn-menu-menu-panel ul li:hover > ul
{
    display: block;
}

.wlp-bighorn-menu-menu-panel ul ul
{
    border-width: 1px;
    border-style: solid;
    display: none;
    position: absolute;
    z-index: 100;
    left: -1px;
    top: 90%;
}

.wlp-bighorn-menu-menu-panel ul ul li
{
    display: block;
}

.wlp-bighorn-menu-menu-panel ul ul ul
{
    top: -1px;
    left: 90%;
}

/* styles for image rolloves (page images) */

.wlp-bighorn-menu-menu-panel ul li:hover > img.wlp-bighorn-image-rollover,
.wlp-bighorn-menu-menu-panel ul li:hover > a > img.wlp-bighorn-image-rollover
{
    display: inline;
}

.wlp-bighorn-menu-menu-panel ul li:hover > img.wlp-bighorn-image-nonrollover,
.wlp-bighorn-menu-menu-panel ul li:hover > a > img.wlp-bighorn-image-nonrollover
{
    display: none;
}

/* styles for menus within nested books */

.wlp-bighorn-book-content .wlp-bighorn-menu
{
    font-size: smaller;
}