body {
    color: #000000;
    background-color: #CCCCCC;
}

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

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

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

.css_panel_1 {
    font-size: 100%;
    white-space: nowrap;
    background-color: #CCCC99;
    color: #000000;
    border-style: solid;
    border-color: #003366;
    border-width: 1px;
}

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

.css_button_panel_1 {
    background-color: #BEBDA7;
    color: #000000;
    font-size:  100%;
    border-style: solid;
    border-color: #003366;
    border-width: 1px;
    margin: 0;
}

.css_select_1 {
    font-size: 100%;
    background-color: #CFCEB6;
    color: #000000;
    border-style: solid;
    border-color: #003366;
    border-width: 1px;
}

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

/* panel 2 example: main menu bar */

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

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

.css_button_panel_2 {
    background-color: transparent;
    color: #EFEFEF;
    font-size: 100%;
    border-style: solid;
    border-color: #CCCC99;
    border-width: 1px;
    margin: 0;
}

.css_select_2 {
    font-size: 100%;
    background-color: #CCCC99;
    color: #000000;
    border-style: solid;
    border-color: #222222;
    border-width: 1px;
}

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

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

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

.css_panel_3 {
    font-size: 100%;
    background-color: transparent;
    color: #000000;
    border-style: solid;
    border-color: #003366;
    border-width: 1px;
}

/* panel 4 example: contacts, options */

.css_panel_4 {
    font-size: 100%;
    white-space: nowrap;
    background-color: #CCCC99;
    border-style: solid;
    border-color: #003366;
    border-width: 1px;
}

.css_text_1 {
    font-size: 100%;
    background-color: #CFCEB6;
    color: #000000;
}

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

.css_text_message a {
    font-family: monospace, fixed;
    text-decoration: underline;
    color: #000000;
}

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

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

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

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

.css_text_help {
    font-size: 80%;
    background-color: transparent;
    color: #000000;
}

.css_checkbox_help {
    font-size: 80%;
    background-color: transparent;
    color: transparent;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
}

.css_select_help {
    font-size: 80%;
    background-color: transparent;
    color: transparent;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
}