/*
 * The cascase style sheet definition file for NextMessage classic
 * look and feel interface.
 */
/* Header text classes*/
 .title1, .title2, .title3, .link_item {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
}

/* Decorated text classes */
.menu_item, .active_menu_item , .link_navigator{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    text-decoration: none;
}

.user_name, .copyright, .tab_style_on, .tab_style_off,  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10px;
  text-decoration: none;
}

.success_msg, .error_msg {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
}

/*
 * Start by define all the font familiy property of all the styles requiring font
 * property here. The styles will be later individually customized to have unique
 * characteristic.  It is done this way because the font family property, if changed
 * will need to be done in a consistent manner.  Besides, it is the hardest of them
 * all to change in terms of typing.
 *
 * We use three font families for the classic look and feel:
 *
 *  1. Descriptive text: for normal text, text box, text field values
 *     or text bolocks that contain large amount of text.  We use Serif-font
 *     specifically Time-New Roman as it is easy to read and
 *     recognized as normal text.
 *  2. Header text: for text that are used as header such as topics and lable.
 *     We use Arial in bold mode.
 *  3. Decorated text: small emphasized texts such as those on menu bar.
 *     We use Verdana because it is more readable than Arial when the text is small.
 */

/* Descriptive text classes */

a, body, input, option, select, textarea, table, td, tr,
.normal, .label, .underline_label, .info_panel, .error_panel, .content_panel, webmail_link {
    /*  font-family : "Times New Roman", Times, serif;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;

}
a {
    color: #0705aa;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}

pre, tt {
  font-family: courier new, courier, monospace;
  font-size:12px;
  font-weight:normal;
}

pre.normal {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
}

.log_textarea {
  font-family: courier new, courier, monospace;
  font-size:12px;
  font-weight:normal;
  width:90%;
}

textarea.multiline_text {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  width:90%;
}

/*
 * Definition for header texts classes
 *
 * topic     - The first text below the main header bar. It should sit on "margin"
 *             so we won't define its background.
 * section   - The section titles withing the content pane.  This will be like
 *             a title band across the content pane.
 * title1    - The orange text within the content pane.  May need to rename.
 * title2    - ??? like a section but without bar
 * label     - The field lable when filling forms
*/

.title1    {
    font-size: 18x;
    color: #38668E;
}
.title2    { font-size: 16px; color: #003366; }
.title3    { font-size: 13px; color: #003366; }
.label     { font-weight: bold; color: #003399; text-decoration : none }
.underline_label { font-weight: bold; color: #003399; text-decoration : underline }


/*
 * Definiton for decorated text classes
 *
 * user_name  - The user who log into the sytem, displaed on the main header at
 *              right-top cornner.
 * copyright  - The copyright notice displayed on the botton margin.
 * menu_item  - The menu item, unactive.
 * active_menu_item - The menu item, active.
 * link_navigator - Used by menu item
 * tab_style_on - The selected tab.  This use graphic background so no need to define bg color.
 * tab_style_off - The unselected tab.
 */
.user_name        { color: #ffffff; }
.copyright        { color: #336699; font-size: 10px; font-weight: normal }
.menu_item        {
    color: #56799B;
    background-color: #F0F8FF;
}
.active_menu_item {
    color: #56799B;
    background-color: #D0E9FF;
}
.tab_style_on     {color: #003399; background-color: #B7DCFF;}
a.tab_style_on    {color: #003366; text-decoration : none; }
a.tab_style_off   {color: #6699cc; text-decoration : none; }
a.webmail_link    {color: #003366; text-decoration : none; }
a.webmail_link:visited {color: #003366; text-decoration : none; }
a.webmail_link:active  {color: #003366; text-decoration : none; }

.tab_style_off    { background-color: #D0E9FF;}
.link_navigator:link      { color: #003366; font-weight: normal; text-decoration: none; }
.link_navigator:visited   { color: #003366; font-weight: normal; text-decoration : none }
.link_navigator:active    { color: #0000FF; font-weight: bold; text-decoration : none }
.link_navigator:hover     {
    color: #1E90FF;
    font-weight: normal;
    text-decoration: none;
}
.link_item        { color: #003399 }
.error_msg { color: #FF6633 }
.success_msg	  { color: green }
.green_text {
    color: #006433;
    font-weight: bold;
}
.red_text {
    color: #FA8072;
    font-weight: bold;
}

/*
 * Definitions for panels
 */
.header_panel    { background-color: #7BACDC }
.margin_panel    {
    background-color: #B7DCFF;
}
.left_panel      {
    background-color: #B7DCFF;
}
.content_panel   { background-color: #FFFFFF;}
.contents        {
    background-color: #F0F8FF;
    border: 1px solid #4682B4;
}


.row_Header {
    background-color: #CAE5FF;
}
.row1{
    background-color: #F5F5F5;
}
.row2{
    background-color: White;
}
.col_header {
    background-color: #ADC9F5;
}
/*.col_header, .col_header a{
    font-weight: bold;
}*/
.sorted_col_header {
    background-color: #C1E2FF;
}
/*.sorted_col_header, .sorted_col_header a {
    font-weight: bold;
}*/
.command_panel   {
    background-color: transparent;
    border: #FFFFFF;
}

/*
 * Misc
 */
.menu_separator{
    background-color: #FFFBFF;
    height: 0.5px;
}

form {
  display : inline;
}

.progress_bar {
        border: #003399 1px inset;
}

.progress_foreground {
        background-color : Lavender;
}

.progress_background {
        background-color : #FFFFFF;
}

tr.line_seperator {
  height : 1px;
  background-color : white;
}

.tab_header {
    background-color: #4682B4;
    color: White;
}
.desc_panel {
    background-color: #F0F8FF;
    border: 1px solid #4682B4;
}

li{
    list-style: square outside;
    padding-top: 4px;
}

.page_link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight:bold;
    text-decoration: none;
}

.nav_off {
    border: solid 1px #7BAFED;
    background-color: #B7DCFF;
    padding: 0px 10px 0px 10px;
    line-height: 20px;
    text-align: center;
}

.nav_on {
    border: solid 1px #a1c6eb;
    background-color: #3484d7;
    padding: 0px 10px 0px 10px;
    line-height: 20px;
    text-align: center;
}

.linknav_off { font-weight: bold; color: #003399; text-decoration : none }
.linknav_on { font-weight: bold; color: #FFFFFF; text-decoration : none }

.v_line {
    border-collapse: separate;
    border-right: 1px dotted #999999;
    padding-right: 20px;
}


 /** Style for web mail
  */
a.small_text {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10px;
}

.disable_item {
  color:#999999;
}

.unread_row td {
  background-color: #FFFFFF;
}

.read_row td {
  background-color: #EEEEEE;
}

.selected_row td, .selected_unread_row td {
  /*background-color: #D0E9FF;*/
  background-color: rgb(202, 225, 255);
}

.unread_row td, .unread_row a, .selected_unread_row td, .selected_unread_row a {
  font-weight: bold;
}

.unread_row td, .read_row td, .selected_row td, .selected_unread_row td {
  border-bottom: #c1cdd8 1px solid;
  padding: 1px 2px 1px 2px;
}

.mailbox_col {
  border-bottom: #c1cdd8 1px solid;
}

.highest_priority {
  color: #FF0000;
}

.high_priority {
  color: #FF6600;
}

.normal_priority {
  color: #0066CC;
}

.low_priority {
  color: #000000;
}

.lowest_priority {
  color: #666666;
}

.mailButton {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10px;
  vertical-align: middle;  
}