/***********************************************************************
 * CSS file     : base-replay-embed.css
 * Purpose      : Styling of the embedded replay board
 * Date         : 2004-03-06
 * Notes        : Shares page header material with base-sub.css
 *                Some additional styling for replay specific features.
 */
  html
, body
, th
, td
, form
, input
, textarea
{
    /*
     * The defaults for all components
     */
    font-family:        Verdana, Arial, sans-serif;
    font-weight:        normal;
    font-style:         normal;
    font-size:          small;
    color:              black;
    background-color:   rgb(228,224,204);
    margin-left:        0px;
    margin-right:       0px;
    margin-top:         0px;
    margin-bottom:      0px;
    text-align:         left;
}

  html
, body
{
    height:             100%;
}

/*
 * Set the link colors and suggest no underlining
 */
a:link     { text-decoration:   none; }
a:active   { text-decoration:   none; }
a:visited  { text-decoration:   none; }
a:link     { color: #0000ff; background-color: transparent; }
a:active   { color: #770000; background-color: transparent; }
a:visited  { color: #0000ff; background-color: transparent; }

p {
    margin-top:         5pt;
    margin-bottom:      5pt;
    text-align:         justify;
    text-indent:        0em;
}

table {
    color:              black;
    background-color:   rgb(228,224,204);
    margin-left:        auto;
    margin-right:       auto;
}

table.plain,table.navigate {
    color:              black;
    background-color:   rgb(228,224,204);
}

  table.content
, td.content
{
    color:              black;
    background-color:   rgb(228,224,204);
}
  table.content
{
    margin:             0px;
    width:              100%;
    margin-bottom:      auto;
}

th {
    font-size:          x-small;
    font-weight:        bold;
    white-space:        nowrap;
    text-align:         center;
    color:              black;
    background-color:   rgb(228,224,204);
}

td {
    font-size:          x-small;
    text-align:         left;
    color:              black;
    background-color:   rgb(228,224,204);
}

table.info {
    color:              black;
    background-color:   rgb(228,224,204);
    margin-top:         0px;
    margin-bottom:      0px;
    margin-left:        0px;
    margin-right:       0px;
}
  th.info
, th.cinfo
{
    font-size:          x-small;
    color:              #770000;
    background-color:   rgb(184,184,152);
}
  th.info
{
    text-align:         left;
    padding-left:       4px;
    padding-right:      4px;
}
  th.cinfo
{
    text-align:         center;
}
  td.info
, td.rinfo
{
    font-size:          x-small;
    color:              black;
    background-color:   rgb(228,224,204);
}
  td.info
{
    text-align:         left;
    padding-left:       4px;
    padding-right:      4px;
}
  td.rinfo
{
    text-align:         right;
}

  form
, input
, textarea
{
    font-size:          x-small;
    margin-top:		0px;
    margin-bottom:	0px;
    margin-left:        0px;
    margin-right:       0px;
    padding:            0pt;
}

textarea {
    margin-top:         0px;
    margin-bottom:      0px;
}

.c { text-align:        center; }
.r { text-align:        right;  }
.l { text-align:        left;   }

  input
, input.file
, textarea
{
    color:              #000000;
    background-color:   rgb(228,224,204);
}

  input:focus
, input.file:focus
, textarea:focus
{
    color:              #000000;
    background-color:   #eeeeee;
}

  p
, p.lauthor
, p.rauthor
, strong.refsep
, strong.content
, .lhead
, .rhead
, .chead
, .lblack
, .rblack
, .lindex
, .refs
, .content
, .note
, .white
, .hred
, .lred
, .rred
, .group
{
    font-family:	verdana, arial, helvetica, sans-serif;
    font-weight:	normal;
    font-style:		normal;
    font-size:		small;
    color:		#000000;
    background-color:	transparent;
}

  .hred
, .lred
, .rred
{
    font-size:		x-small;
    text-align:		right;
    color:		#ffffff;
    background-color:	#770000;
}
.hred { text-align: center; }
.lred { text-align: left;   }
.rred { text-align: right;  }

  .lhead
, .rhead
, .chead
, .lblack
, .rblack
, .lindex
, .subhead
, .refs
, strong.refsep
, strong.content
{
    font-size:		x-small;
}
.lblack {
    font-weight:	bold;
    text-align:		left;
    color:		#ffffff;
    background-color:	#000000;
}
.lhead {
    text-align:		left;
    color:		#000000;
    background-color:	#ffffff;
}
.rhead {
    font-weight:	bold;
    text-align:		right;
    background-color:	#ffffff;
    color:		#770000;
}
.chead {
    text-align:		center;
    background-color:	#ffffff;
    color:		#770000;
}
.rblack {
    text-align:		right;
    color:		#ffffff;
    background-color:	#000000;
}
.refs {
    text-align:		right;
    color:		#000000;
    background-color:	#ffffff;
    height:             20px;
}
strong.refsep {
    font-weight:	normal;
    color:		#666666;
    background-color:	transparent;
}
strong.content {
    font-weight:	bold;
    color:		#770000;
    background-color:	transparent;
}
.white {
    color:		#ffffff;
    background-color:	#ffffff;
}