body {
    color: #eeeeee;
    background-color: #111111;
}

.css_warning {
    color: #ff0000;
    font-size: 100%;
    font-weight: bold;
}

.css_msg_part_link {
    color: #eeeeee;
    text-decoration: none;
}

/* panel 1 example: status, message list */

.css_panel_1 {
    font-size: 100%;
    white-space: nowrap;
    background-color: #111111;
    color: #eeeeee;
    border-style: inset;
    border-color: #eeeeee;
    border-width: 2px;
}

.css_panel_1 a {
    font-size: 100%;
    text-decoration: underline;
    background-color: #111111;
    color: #eeeeee;
}

.css_button_panel_1 {
    background-color: #333333;
    color: #eeeeee;
    font-size:  100%;
    border-style: outset;
    border-color: #eeeeee;
    border-width: 2px;
    margin: 0;
}

.css_select_1 {
    font-size: 100%;
    background-color: #333333;
    color: #eeeeee;
    border-style: inset;
    border-color: #eeeeee;
    border-width: 2px;
}

.css_checkbox_1 {
    font-size: 80%;
    background-color: #CFCEB8;
    color: #CFCEB8;
}

/* panel 2 example: main menu bar */

.css_panel_2 {
    font-size: 100%;
    white-space: nowrap;
    background-color: #eeeeee;
    color: #111111;
}

.css_panel_2 a {
    font-size: 100%;
    text-decoration: underline;
    background-color: #eeeeee;
    color: #111111;
}

.css_button_panel_2 {
    background-color: transparent;
    color: #111111;
    font-size: 100%;
    border-style: outset;
    border-color: #111111;
    border-width: 2px;
    margin: 0;
}

.css_select_2 {
    font-size: 100%;
    background-color: #333333;
    color: #eeeeee;
    border-style: inset;
    border-color: #eeeeee;
    border-width: 2px;
}

.css_checkbox_2 {
    font-size: 80%;
    background-color: #CFCEB8;
    color: #CFCEB8;
}

.css_save_as_2 {
    color: #111111;
    text-decoration: none;
}

/* panel 3 example: message header and text display */

.css_panel_3 {
    font-size: 100%;
    background-color: #111111;
    color: #eeeeee;
    border-style: inset;
    border-color: #eeeeee;
    border-width: 2px;
}

/* panel 4 example: options, contacts */

.css_panel_4 {
    font-size: 100%;
    background-color: transparent;
    border-style: inset;
    border-color: #eeeeee;
    border-width: 2px;
}

.css_text_1 {
    font-size: 100%;
    background-color: #333333;
    color: #eeeeee;
}

.css_text_message {
    font-family: monospace, fixed;
    overflow:  auto;
}

.css_panel_1 a,
.css_panel_2 a,
.css_text_message a
{
   font-size: 100%;
   text-decoration: underline;
   color: #000000;
}

.css_text_message a
{
   font-family: fixed, monospace;
}

.css_text_edit {
    font-family: monospace, fixed;
    font-size: 100%;
    background-color: #333333;
    color: #eeeeee;
}

/* help pages elements (mostly transparent for illustrative purposes only) */

.css_button_help {
    background-color: transparent;
    color: #eeeeee;
    font-size: 80%;
    border-style: solid;
    border-color: #eeeeee;
    border-width: 1px;
    margin: 0;
}

.css_button_help_link {
    background-color: transparent;
    color: #eeeeee;
    font-size: 80%;
    border-style: dashed;
    border-color: #eeeeee;
    border-width: 1px;
    margin: 0;
}

.css_text_help {
    font-size: 80%;
    background-color: #111111;
    color: #eeeeee;
}

.css_checkbox_help {
    font-size: 80%;
    background-color: transparent;
    color: transparent;
}

.css_select_help {
    font-size: 80%;
    background-color: transparent;
    color: transparent;
}