/* MenuWorks 2.10 (Red/Blue) */
/* separated-layout: true */
/* Based on MenuWorks 2.10 screenshot (DOS palette) */

body {
    background: #0055AA url(menuworks2_bg.gif) repeat; /* Dithered cyan/blue pattern */
    color: #FFFFFF; /* White text - DOS palette */
}

#menu-box {
    background-color: #AA0000; /* Red menu background - DOS palette (50.15% of image) */
}

.border-accent {
    border-color: #FFFFFF;
}

.menu-content {
    color: #FFFFFF; /* White text - DOS palette (5.13% of image) */
    background-color: #AA0000; /* Red menu background */
}

.menu-title {
    color: #FFFFFF; /* White title text - DOS palette */
    background-color: #AA0000; /* Red background */
}

.menu-item {
    color: #FFFFFF; /* White menu text - DOS palette */
    background-color: #AA0000; /* Red background */
}

.menu-item:hover {
    background-color: #0000AA; /* Blue background on hover - DOS palette */
    color: #FFFF55; /* Yellow text on hover */
}

.menu-item.selected {
    background-color: #0000AA; /* Blue background when selected - DOS palette */
    color: #FFFF55; /* Yellow text when selected */
}

.menu-help {
    color: #FFFF55; /* Yellow help text - DOS palette */
    background-color: #0000AA; /* Blue footer background - DOS palette */
}

/* Inset effect - add padding to outer td elements with matching interior colors */
#menu-box-outer .header-outer {
    background-color: #AA0000; /* Red background matching header */
    padding: 3px 9px 3px 3px !important;
}
/* commented backslash hack v2 - modern browsers get padding: 3px, hidden from IE5 Mac \*/
#menu-box-outer .header-outer {
    padding: 3px !important;
}
/* end hack */

#menu-box-outer .content-outer {
    background-color: #AA0000; /* Red background matching content */
    padding: 3px 9px 3px 3px !important;
}
/* commented backslash hack v2 - modern browsers get padding: 3px, hidden from IE5 Mac \*/
#menu-box-outer .content-outer {
    padding: 3px !important;
}
/* end hack */

/* Change number format from "[1]" to "1 -" with aligned dashes */
.menu-item .num-bracket-open {
    display: none; /* Hide opening bracket */
}

.menu-item .num-value {
    display: inline; /* Natural width, no extra space */
}

.menu-item .num-bracket-close {
    display: none; /* Hide closing bracket */
}

.menu-item .num-dash {
    display: inline; /* Override base.css display: none */
    font-size: 16px; /* Restore font size for dash (IE3+ compatible) */
}