/* PowerMenu (Green/Blue) */
/* separated-layout: true */
/* Green outer area, blue menu, white borders (DOS palette) */

body {
    background: #2AD42A url(powermenu_bg.gif);
    color: #AAAAAA; /* Light Gray text - DOS palette */
}

#menu-box {
    background-color: #0000AA; /* Blue menu background - DOS palette */
}

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

/* Add red background to header td for inset effect */
#menu-box-outer .header-outer {
    background-color: #AA0000; /* Red background matching title */
    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 */

/* Add blue background to content td for inset effect */
#menu-box-outer .content-outer {
    background-color: #0000AA; /* Blue 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 */

.menu-content {
    color: #AAAAAA; /* Light Gray text - DOS palette */
    background-color: #0000AA; /* Blue menu background - DOS palette */
}

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

.menu-item {
    color: #AAAAAA; /* Light Gray menu text - DOS palette */
    background-color: #0000AA;
}

.menu-item .menu-number {
    background-color: transparent; /* No background on the container */
    color: #000000; /* Black text for numbers - DOS palette */
}

/* Hide brackets in PowerMenu */
.menu-item .num-bracket-open,
.menu-item .num-bracket-close {
    display: none;
}

.menu-item .num-value {
    background-color: #AAAAAA; /* Light Gray background only on the number itself */
    color: #000000; /* Black text for numbers */
    padding-left: 0.3em;
    padding-right: 0.3em;
}

/* Hidden spacer for alignment (IE3+ compatible) */
.menu-item .num-spacer {
    color: #0000AA; /* Match blue background to hide the space character */
}

.menu-item:hover {
    background-color: #AA5500; /* Brown/Orange highlight - DOS palette */
    color: #FFFFFF; /* White text on hover */
}

.menu-item:hover .num-value {
    background-color: #AAAAAA; /* Keep gray background on hover */
    color: #000000; /* Keep black text on hover */
}

.menu-item.selected {
    background-color: #AA5500; /* Brown/Orange highlight - DOS palette */
    color: #FFFFFF; /* White text when selected */
}

.menu-item.selected .num-value {
    background-color: #AAAAAA; /* Keep gray background when selected */
    color: #000000; /* Keep black text when selected */
}

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

.menu-help .help-key {
    background-color: #AAAAAA; /* Light Gray background for keys - DOS palette */
    color: #000000; /* Black text for keys - DOS palette */
    font-weight: bold;
    padding: 2px 0; /* Extend background to fill vertical space */
}