  
  A:link    { color: #6CAAD9 }   /* unvisited link */
  A:visited { color: #6CAAD9 }   /* visited links */
  A:active  { color: #000000 }   /* active link */
  

 /* ------------------------------------------------------------------------- */ 
 /* Used on all body tags (except the help pages)                             */ 
 /* ------------------------------------------------------------------------- */ 
 .bodyframeattributes {
   BACKGROUND-COLOR: #6CAAD9;
   MARGIN: 0;
   FONT-SIZE: 0.8em;
   FONT-FAMILY: arial,helvetica; 
   FONT-STYLE: normal;
 } 
 
 /* ------------------------------------------------------------------------- */ 
 /* Used on all help page body tags                                           */ 
 /* ------------------------------------------------------------------------- */ 
  .helppageattributes {
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
  } 
 
 /* ------------------------------------------------------------------------- */ 
 /* Used for page headers ... the page title visible to the user              */ 
 /* ------------------------------------------------------------------------- */ 
 .pageheaderattributes {
   COLOR: #000000;
   BACKGROUND-COLOR: #B1D3EC;
   FONT-FAMILY: arial,helvetica; 
   FONT-SIZE: 1.2em;
   FONT-STYLE: normal;
   FONT-WEIGHT: 700;  
   TEXT-ALIGN: LEFT;
   MARGIN-BOTTOM: 1em;
   MARGIN-LEFT: 1em;
 }
 
 /* ------------------------------------------------------------------------- */ 
 /* Used for page headers ... the page title visible to the user              */ 
 /* ------------------------------------------------------------------------- */ 
 .header3attributes {
   COLOR: #000000;
   BACKGROUND-COLOR: #FFFFFF;
   FONT-FAMILY: arial,helvetica; 
   FONT-SIZE: 1.2em;
   FONT-STYLE: normal;
   FONT-WEIGHT: 700;  
   TEXT-ALIGN: LEFT;
   MARGIN-BOTTOM: 1em;
   MARGIN-LEFT: 1em;
 }


 /* ------------------------------------------------------------------------- */ 
 /* Used for the rounded corners in the header and footer of the main page    */ 
 /* ------------------------------------------------------------------------- */ 
 .tableroundcorners {
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;
    BORDER-STYLE: NONE;
    WIDTH: 100%;
  }
  
 /* ------------------------------------------------------------------------- */ 
 /* Encapsulates all content in all pages showing up in the main pages        */ 
 /* ------------------------------------------------------------------------- */ 
 .tablecontent {
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;
    BORDER-STYLE: NONE;
    WIDTH: 80%;
  }
  
 /* ------------------------------------------------------------------------- */ 
 /* Used when there are multiple optionally configurable parameters on a page */ 
 /* to help give some distinction to the different regions - identifier       */ 
 /* ------------------------------------------------------------------------- */ 
  .configregionidentifier { 
    COLOR: #000000;
    BACKGROUND-COLOR: #EEEEEE;
    TEXT-ALIGN: LEFT;
    FONT-SIZE: 0.8em;
    FONT-FAMILY: arial,helvetica; 
    FONT-STYLE: normal;
    FONT-WEIGHT: 700;
    BORDER-STYLE: NONE;
  }  
 
/* ------------------------------------------------------------------------- */
 /* Used for page headers ... the page title visible to the user              */
 /* ------------------------------------------------------------------------- */
 .notes_flag {
   COLOR: #c81016;
   BACKGROUND-COLOR: #FFFFFF;
   FONT-FAMILY: arial,helvetica;
   FONT-SIZE: 1em;
   FONT-STYLE: normal;
   FONT-WEIGHT: 700;
   TEXT-ALIGN: LEFT;
   }


 /* ------------------------------------------------------------------------- */
 /* Used to attach notes to fields on a page                                  */
 /* ------------------------------------------------------------------------- */
  .notes {
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: LEFT;
    FONT-SIZE: 0.7em;
    FONT-FAMILY: arial,helvetica;
    FONT-STYLE: normal;
    BORDER-STYLE: NONE;
  }




 
 /* ------------------------------------------------------------------------- */ 
 /* Used for the copyright logo at the bottom of the navigation tree          */ 
 /* ------------------------------------------------------------------------- */ 
  .copyright_small { 
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: CENTER;
    FONT-SIZE: 0.4em;
    FONT-FAMILY: arial,helvetica; 
    FONT-STYLE: normal;
    BORDER-STYLE: NONE;
  }  
  
 /* ------------------------------------------------------------------------- */ 
 /* Used when there are multiple optionally configurable parameters on a page */ 
 /* to help give some distinction to the different regions - data             */ 
 /* ------------------------------------------------------------------------- */ 
  .configregiondata { 
    COLOR: #000000;
    BACKGROUND-COLOR: #EEEEEE;
    TEXT-ALIGN: LEFT;
    BORDER-STYLE: NONE;
    FONT-SIZE: 0.8em;
    FONT-FAMILY: arial,helvetica; 
    FONT-STYLE: normal;
  }  
 /* ------------------------------------------------------------------------- */ 
 /* Used when there are multiple optionally configurable parameters on a page */ 
 /* to help give some distinction to the different regions - data with range  */ 
 /* ------------------------------------------------------------------------- */ 
  .configregiondatarange { 
    COLOR: #000000;
    BACKGROUND-COLOR: #EEEEEE;
    FONT-SIZE: 0.8em;
    FONT-FAMILY: arial,helvetica; 
    FONT-STYLE: normal;
    FONT-WEIGHT: 700;
    TEXT-ALIGN: LEFT;
    BORDER-STYLE: NONE;
  }  

 /* ------------------------------------------------------------------------- */ 
 /* A static text box.  The code dynamically fills the box so it must be an   */ 
 /* input field but is readonly to the user.                                  */
 /* ------------------------------------------------------------------------- */ 
 .statictextbox {
    COLOR: #000000;
    BACKGROUND-COLOR: #EEEEEE;
    BORDER-STYLE: NONE;
    FONT-SIZE: 0.8em;
    FONT-FAMILY: arial,helvetica; 
    FONT-STYLE: normal;
  }
  
 /* ------------------------------------------------------------------------- */ 
 /* A static text box.  The code dynamically fills the box so it must be an   */ 
 /* input field but is readonly to the user.  This is used for in-page status */
 /* messages to the user like in file upload/download                         */
 /* ------------------------------------------------------------------------- */ 
  .bigstatictextbox {
    COLOR: #000000;
    BACKGROUND-COLOR: #EEEEEE;
    TEXT-ALIGN: LEFT;
    FONT-SIZE: 0.8em;
    FONT-FAMILY: arial,helvetica; 
    FONT-STYLE: normal;
    FONT-WEIGHT: 700;
    BORDER-STYLE: NONE;
  }
  
 /* ------------------------------------------------------------------------- */ 
 /* Used on cells containing input fields with range values or descriptive    */ 
 /* to aid user input.                                                        */
 /* ------------------------------------------------------------------------- */ 
  .rangeattributes {
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: LEFT;
    VERTICAL-ALIGN: TOP;
    WHITE-SPACE: NOWRAP;
    FONT-SIZE: 0.8em;
    FONT-FAMILY: arial,helvetica; 
    FONT-STYLE: normal;
    FONT-WEIGHT: 400;
    BORDER-STYLE: NONE;
  } 
  
 /* ------------------------------------------------------------------------- */ 
 /* Used when there is are distinctive sections on a page worthy of further   */ 
 /* definition beyond the page title.                                         */
 /* ------------------------------------------------------------------------- */ 
  .sectionheading {
    COLOR: #6CAAD9;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: LEFT;
    VERTICAL-ALIGN: CENTER;
    FONT-SIZE: 0.96em;
    HEIGHT: 2.4em;
    FONT-FAMILY: arial,helvetica; 
    FONT-STYLE: normal;
    FONT-WEIGHT: 700;
    BORDER-STYLE: NONE;
  } 
    
 /* ------------------------------------------------------------------------- */ 
 /* Used for text describing the adjacent parameter                           */ 
 /* ------------------------------------------------------------------------- */ 
  .rowidentifierattributes {
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: LEFT;
    VERTICAL-ALIGN: TOP;
    HEIGHT: 1.7em;
    WHITE-SPACE: NOWRAP;
    FONT-SIZE: 0.8em;
    FONT-FAMILY: arial,helvetica; 
    FONT-STYLE: normal;
    FONT-WEIGHT: 700;
    BORDER-STYLE: NONE;
    PADDING-RIGHT: 10px; 
  } 
  
 /* ------------------------------------------------------------------------- */ 
 /* Used for non-input type, just plain text & emweb string returns           */ 
 /* ------------------------------------------------------------------------- */ 
  .rowvalue { 
    COLOR: #000000;
    BACKGROUND-COLOR: #EEEEEE;
    TEXT-ALIGN: LEFT;
    VERTICAL-ALIGN: TOP;
    FONT-SIZE: 0.8em;
    FONT-FAMILY: arial,helvetica; 
    FONT-STYLE: normal;
    BORDER-STYLE: NONE;
  }  
    
 /* ------------------------------------------------------------------------- */ 
 /* Used for  table cell headings on configuration pages                      */ 
 /* ------------------------------------------------------------------------- */ 
  .columnheading {
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: LEFT;
    FONT-SIZE: 0.8em;
    FONT-FAMILY: arial,helvetica; 
    FONT-STYLE: normal;
    FONT-WEIGHT: 700;
    BORDER-STYLE: NONE;
    PADDING-RIGHT: 10px; 
    VERTICAL-ALIGN: BOTTOM;
  } 
    
 /* ------------------------------------------------------------------------- */ 
 /* Used for inside content data tables such as mac address tables, summary   */ 
 /* tables, etc.                                                              */
 /* ------------------------------------------------------------------------- */ 
 .datatableattributes {
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;
    BORDER-STYLE: NONE;
    WIDTH: 100%;
  }

 /* ------------------------------------------------------------------------- */ 
 /* Used for table cell headings on data tables such as mac address tables,   */ 
 /* summary tables, etc.                                                      */
 /* ------------------------------------------------------------------------- */ 
  .datatableheading {
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: LEFT;
    FONT-SIZE: 0.8em;
    FONT-FAMILY: arial,helvetica; 
    FONT-STYLE: normal;
    FONT-WEIGHT: 700;
    BORDER-STYLE: NONE;
    PADDING-RIGHT: 10px; 
    VERTICAL-ALIGN: BOTTOM;
  } 
  
 /* ------------------------------------------------------------------------- */ 
 /* Used for non-input type, just plain text for things like fdb table        */ 
 /* ------------------------------------------------------------------------- */ 
  .tabledata { 
    COLOR: #000000;
    BACKGROUND-COLOR: #EEEEEE;
    TEXT-ALIGN: LEFT;
    VERTICAL-ALIGN: TOP;
    FONT-SIZE: 0.8em;
    FONT-FAMILY: arial,helvetica; 
    FONT-STYLE: normal;
    BORDER-STYLE: NONE;
    PADDING-RIGHT: 10px; 
    VERTICAL-ALIGN: TOP;
  }  
    
 /* ------------------------------------------------------------------------- */ 
 /* Used for inside content message tables such as message log or event log   */ 
 /* ------------------------------------------------------------------------- */ 
 .msgtableattributes {
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;
    BORDER-STYLE: NONE;
    WIDTH: 100%;
  }

 /* ------------------------------------------------------------------------- */ 
 /* Headings for message tables such as message log or event log              */ 
 /* ------------------------------------------------------------------------- */ 
  .msgtableheading {
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: LEFT;
    FONT-SIZE: 0.8em;
    FONT-FAMILY: arial,helvetica; 
    FONT-STYLE: normal;
    FONT-WEIGHT: 700;
    WHITE-SPACE: PRE;
    BORDER-STYLE: NONE;
    PADDING-RIGHT: 10px; 
    VERTICAL-ALIGN: BOTTOM;
  } 
  
 /* ------------------------------------------------------------------------- */ 
 /* Data attributes for message tables such as message log or event log       */ 
 /* ------------------------------------------------------------------------- */ 
  .msgtabledata { 
    COLOR: #000000;
    BACKGROUND-COLOR: #EEEEEE;
    TEXT-ALIGN: LEFT;
    VERTICAL-ALIGN: TOP;
    FONT-SIZE: 0.8em;
    FONT-FAMILY: arial,helvetica; 
    FONT-STYLE: normal;
    WHITE-SPACE: PRE;
    BORDER-STYLE: NONE;
    PADDING-RIGHT: 10px; 
    VERTICAL-ALIGN: TOP;
  }  
  
 /* ------------------------------------------------------------------------- */ 
 /* Used for all text input fields                                            */ 
 /* ------------------------------------------------------------------------- */ 
  .inputfield { 
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: LEFT;
    FONT-SIZE: 0.8em;
    FONT-FAMILY: arial,helvetica; 
    FONT-STYLE: normal;
  }  
  
 /* ------------------------------------------------------------------------- */ 
 /* Used for all select option fields                                         */ 
 /* ------------------------------------------------------------------------- */ 
  .selectfield { 
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: LEFT;
    FONT-SIZE: 0.8em;
    FONT-FAMILY: arial,helvetica; 
    FONT-STYLE: normal;
    BORDER-STYLE: NONE;
  }  
  
 /* ------------------------------------------------------------------------- */ 
 /* Used for all button inputs such as Submit, cancel, Refresh ... etc.       */ 
 /* ------------------------------------------------------------------------- */ 
  .buttonattributes { 
    COLOR: #000000;
    BACKGROUND-COLOR: #D4D0C8;
  }  
  
 /* ------------------------------------------------------------------------- */ 
 /* Used on the main page selectors such as Unit ID, Slot.Port, etc.          */ 
 /* ------------------------------------------------------------------------- */ 
  .unitIDattributes {
    COLOR: #000000;
    FONT-SIZE: 0.96em;
    FONT-FAMILY: arial,helvetica; 
    FONT-STYLE: normal;
    FONT-WEIGHT: 700;  
    TEXT-ALIGN: LEFT;
  }
  
 /* ------------------------------------------------------------------------- */ 
 /* Text in pages used for user confirmation such as the page that comes up   */ 
 /* after the "Reset System" page ... are you sure ...                        */ 
 /* ------------------------------------------------------------------------- */ 
  .confirmationattributes {
    COLOR: #CC0000;
    FONT-SIZE: 0.96em;
    FONT-FAMILY: arial,helvetica; 
    FONT-STYLE: normal;
    FONT-WEIGHT: 700;  
    TEXT-ALIGN: LEFT;
  } 
     
  
    
    
    
  
   
 /* ------------------------------------------------------------------------- */ 
 /* Not currently used.  May be used in the future                            */ 
 /* ------------------------------------------------------------------------- */ 
  .helpattributes {
    COLOR: #606060;
    FONT-SIZE: 0.8em;
    FONT-FAMILY: arial,helvetica; 
    FONT-STYLE: normal;
    FONT-WEIGHT: 400;  
    TEXT-ALIGN: RIGHT;
  }
  
 /* ------------------------------------------------------------------------- */ 
 /* Used for strings that say "No ____ are configured at this time"           */
 /* So an EMWEB_IF has determined that the page contents should not be shown  */ 
 /* ------------------------------------------------------------------------- */ 
  .unavailableattributes { 
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: CENTER;
    FONT-FAMILY: arial,helvetica; 
    FONT-SIZE: 0.8em;
    FONT-STYLE: normal;
    FONT-WEIGHT: 700;  
    BORDER-STYLE: NONE;
  } 

