/*
 *  Menubar stylesheet
 */
 
/*----- menubar table containers -----*/
.menubar-table
{
    width: 900px;
    height: 45px;
    text-align: center;
}

.menubar-table a
{
    color: #66FF33;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}

/*----- left corner -----*/
.menubar-table .menubar-table-left-corner
{
    width: 9px;
    background-image: url('../images/menubar-dark-corner-wide.png');
    background-position: left top;
    background-repeat: no-repeat;
}

/*----- right corner -----*/
.menubar-table .menubar-table-right-corner
{
    width: 9px;
    background-image: url('../images/menubar-light-corner-wide.png');
    background-position: left top;
    background-repeat: no-repeat;
}

/*----- buttons -----*/
.menubar-table .menubar-table-dark-btn,
.menubar-table .menubar-table-light-btn
{
    cursor: pointer;
}

/*----- dark button -----*/
.menubar-table .menubar-table-dark-btn,
.menubar-table .menubar-table-dark-fill
{
    background-image: url('../images/menubar-dark-bg-wide.png');
    background-position: left top;
    background-repeat: repeat-x;
}

/*----- dark button separator -----*/
.menubar-table .menubar-table-dark-sep
{
    background-image: url('../images/menubar-dark-separator-wide.png');
    background-position: left top;
    background-repeat: no-repeat;
    width: 1px;
}

/*----- dark/light separator -----*/
.menubar-table .menubar-table-dark-light-sep
{
    background-image: url('../images/menubar-separator-bg-wide.png');
    background-position: left top;
    background-repeat: no-repeat;
    width: 18px;
}

/*----- light button -----*/
.menubar-table .menubar-table-light-btn,
.menubar-table .menubar-table-light-fill
{
    background-image: url('../images/menubar-light-bg-wide.png');
    background-position: left top;
    background-repeat: repeat-x;
}

.menubar-table .menubar-table-light-btn
{
    min-width: 95px;
    padding-left: 2px;
    padding-right: 2px;
}

/*----- dark button separator -----*/
.menubar-table .menubar-table-light-sep
{
    background-image: url('../images/menubar-light-separator-wide.png');
    background-position: left top;
    background-repeat: no-repeat;
    width: 1px;
}

/*----- buttons on hover -----*/
.menubar-table .menubar-table-dark-btn:hover,
.menubar-table .menubar-table-light-btn:hover
{
    background-image: url('../images/menubar-btn-hover-wide.png');
}