/**
 * Default Style Sheet
 *
 **/

DIV.page-head
{
    FONT-FAMILY: Verdana, Helvetica, Ariel;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
    COLOR: black;
    BACKGROUND-COLOR: #ccddff;
    MARGIN: 4px;
    PADDING: 4px;
}

DIV.page-foot
{
    FONT-FAMILY: Verdana, Helvetica, Ariel;
    FONT-SIZE: 8pt;
    COLOR: black;
    BACKGROUND-COLOR: #ccddff;
    MARGIN: 4px;
    PADDING: 4px;
}

/* -- Body Definitions -- */

BODY
{
    FONT-FAMILY: Verdana, Helvetica, Ariel;
    FONT-SIZE: 10pt;
    COLOR: black;
    BACKGROUND-COLOR: #f9fcff;
    MARGIN: 0px;
}

/* -- Form Elements Definitions -- */

INPUT, SELECT
{
    FONT-FAMILY: Verdana, Helvetica, Ariel;
}

/* -- Anchor Definitions -- */

A
{
    COLOR: #333333;
}
A:hover
{
    COLOR: black;
}

/* -- Images -- */

IMG
{
    BORDER: none;
}
IMG.splash
{
    BORDER: 1px dotted #336699;
}
IMG.icon
{
    BORDER: 1px solid #6699cc;
}

/* -- Miscellaneous -- */

DIV.copyright
{
    FONT-SIZE: 80%;
    TEXT-ALIGN: center;
    MARGIN: 10px;
    PADDING: 10px;
}

/* -- UNSPECIFIED -- */
TABLE
{
    FONT-SIZE: 10pt;
    table-layout: auto;
}
TABLE TR TD
{
    padding: 0;
    margin: 0;
    border: none;
    border-collapse: collapse;
}

label 
{ 
  display: block;
  width: 11em; 
  float: left; 
  text-align: left;
}

/* -- Table List -- */

TD.list-head
{
    FONT-WEIGHT: bold;
    PADDING: 4px 4px 0px 4px;
    BORDER-BOTTOM: 1px solid #666666; 
}
TD.list-row
{
    PADDING: 4px 4px 0px 4px;
    BORDER-BOTTOM: 1px dashed #999999; 
}

/* -- Table Form -- */

TABLE.form
{
    BORDER: 1px solid #ddddee; 
}
TABLE.form TR TD
{
    PADDING: 4px;
}
TD.form-head
{
    BACKGROUND-COLOR: #ccccdd;
    BORDER-TOP: 1px solid #ddddee; 
    BORDER-LEFT: 1px solid #ddddee; 
    BORDER-RIGHT: 1px solid #9999cc; 
    BORDER-BOTTOM: 1px solid #9999cc; 
}
TD.form-cell
{
    BACKGROUND-COLOR: #ddddee;
    BORDER-TOP: 1px solid #eeeeff; 
    BORDER-LEFT: 1px solid #eeeeff; 
    BORDER-RIGHT: 1px solid #aaaabb; 
    BORDER-BOTTOM: 1px solid #aaaabb; 
}

/* -- Table Grid -- */

TABLE.grid TD
{
    PADDING: 4px;
}
TD.grid-head
{
    BACKGROUND-COLOR: #ccccdd;
    BORDER-TOP: 1px solid #ddddee; 
    BORDER-LEFT: 1px solid #ddddee; 
    BORDER-RIGHT: 1px solid #9999cc; 
    BORDER-BOTTOM: 1px solid #9999cc; 
}
TD.grid-cell
{
    BACKGROUND-COLOR: #ddddee;
    BORDER-TOP: 1px solid #eeeeff; 
    BORDER-LEFT: 1px solid #eeeeff; 
    BORDER-RIGHT: 1px solid #aaaabb; 
    BORDER-BOTTOM: 1px solid #aaaabb; 
}

.warning
{
  FONT-FAMILY: Monospace;
  COLOR: blue;
//  WIDTH: 750px;
  MARGIN: 6px;
  PADDING: 6px;
  BORDER: 1px dashed Blue; 
}
.warning-bullet
{
  FONT-FAMILY: Monospace;
  COLOR: blue;
}
.attention
{
  FONT-FAMILY: Monospace;
  COLOR: red;
  WIDTH: 450px;
  MARGIN: 6px;
  PADDING: 6px;
  BORDER: 2px dotted #ffaaaa; 
}
.attention-bullet
{
  FONT-FAMILY: Monospace;
  COLOR: red;
}
.help
{
  FONT-FAMILY: Monospace;
  COLOR: Blue;
  BACKGROUND-COLOR: #eeddff;
//  WIDTH: 750px;
  MARGIN: 6px;
  PADDING: 6px;
  BORDER: 1px dashed Blue; 
}

.framed
{
  PADDING: 3px;
  BORDER: 1px dotted #666666; 
}

/* -- Chat Users -- */

DIV.chat-users
{
  FONT-FAMILY: Verdana, Helvetica, Ariel;
  FONT-SIZE: 8pt;
  COLOR: Black;
  BACKGROUND-COLOR: #ddddee;
  WIDTH: 100%;
  HEIGHT: 100%;
  MARGIN: 0px;
  PADDING: 0px;
}

DIV.chat-users-head
{
  BACKGROUND-COLOR: #ccccdd;
  MARGIN: 0px;
  PADDING: 4px;
  BORDER-TOP: 1px solid #ddddee; 
  BORDER-LEFT: 1px solid #ddddee; 
  BORDER-RIGHT: 1px solid #9999cc; 
  BORDER-BOTTOM: 1px solid #9999cc; 
}

DIV.chat-user
{
  BACKGROUND-COLOR: #ddddee;
  MARGIN: 0px;
  PADDING: 4px;
  BORDER-TOP: 1px solid #eeeeff; 
  BORDER-LEFT: 1px solid #eeeeff; 
  BORDER-RIGHT: 1px solid #aaaabb; 
  BORDER-BOTTOM: 1px solid #aaaabb; 
}

DIV.chat-users A
{
    COLOR: Blue;
    TEXT-DECORATION: none;
}
DIV.chat-users A:hover
{
    COLOR: Blue;
    TEXT-DECORATION: underline;
}