/*
 * The cascase style sheet definition file for NextMessage classic
 * look and feel interface.
 */
/* Header text classes*/
 .title1, .title2, .title3, .link_item, .error_header  {
  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;
}

.warning_panel, .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, .info_panel, .error_panel, .content_panel {
    /*  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: 18px;
    color: #38668E;
}
.title2    { font-size: 16px; color: #003366; }
.title3    { font-size: 13px; color: #003366; }
.label     { font-weight: bold; color: #003399; text-decoration : none }
.desc_text { font-weight: normal; font-size: 12px; text-decoration:none;}



/*
 * 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; }
.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_header,.error_msg { color: #FF6633 }
.success_msg	  { color: green }
.desc_text        { color: #0000FF }
.green_text {
    color: #006433;
    font-weight: bold;
}
.red_text {
    color: #FA8072;
    font-weight: bold;
}

strong {

}
/*
 * Definitions for panels
 */
.header_panel    { background-color: #3097f6}
.margin_panel    {
    background-color: #B7DCFF;
}
.left_panel      {
    background-color: #B7DCFF;
}
.content_panel   { background-color: #FFFFFF;}
.group_panel     { background-color: #E6EFF8; border: #77B8D4 1px solid }
.info_panel      { background-color: #FFFFFF; color: #C00BB0 }
.error_panel     { background-color: #EFF7FF; color: #000000 }
.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;
    font-weight: bold;
}
.sorted_col_header {
    background-color: #C1E2FF;
    font-weight: bold;
}
.warning_panel   { background-color: #FFDFBF; border:FFDFBE 0px solid }
.command_panel   {
    background-color: transparent;
    border: #FFFFFF;
}

/*
 * Definitions for tables.
 */
.info_table 	 { background-color: #FFFFFF; border: #6699CC 1px solid }
.info_header	 { background-color: #6699CC; color : #FFFFFF; }
.command_table  { background-color:#DCE6F1;}

/*
 * 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;
    /*color: #FFFFFF;*/
}

.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;
}
.btlogin {
	FONT-WEIGHT: bold; FONT-FAMILY: Arial,Helvetica,sans-serif; BORDER-BOTTOM: #999 1px dashed
}
DIV.formSubmit INPUT {
	BORDER-RIGHT: #eaedf2 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #eaedf2 1px solid; PADDING-LEFT: 1px; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; BORDER-LEFT: #eaedf2 1px solid; CURSOR: pointer; COLOR: #eaedf2; LINE-HEIGHT: 100%; PADDING-TOP: 1px; BORDER-BOTTOM: #eaedf2 1px solid; BACKGROUND-COLOR: #2b477f
}
.tab_style_on2     {color: #003399; background-color: #B7DCFF; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight: bold}
.desc_text2 {font-weight: bold; color:#0066FF; size: 8px; font-family:Arial, Helvetica, sans-serif; text-decoration: none; outline-color:#0099FF}