/*------------------------------------------------------------
  eleven-site.css - style sheet for Eleven web site

  Joseph Morrison <jdm@statesafe.org>
  February 17, 2005
 ------------------------------------------------------------*/

body
{
  background: #ffffff;
}

h1
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: large;
}

h2
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: large;
}

h3
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
}

p
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  margin: 2pt 0 2pt 0;
}

a
{
  color: #505050;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  text-align: left;
  text-decoration: none;
  border: 0px solid transparent;
}

pre
{
  font-family: "Courier New", Courier, monospace;
  font-size: small;
}

hr
{
  color: black;
  background-color: #aaaaaa;
  border: 0;
  height: 1px;
  width: 75%;
}

/*------------------------------------------------------------
  Each page is organized as a table with 1 column and 5 rows:
  - automatically-generated header (can be suppressed)
  - user-specified header
  - middle
  - user-specified footer
  - automatically-generated footer

  The middle row contains a single table with 1 row and 3 columns:
  - left
  - main
  - right

        +----------------------------------------+
        |             header (auto)              |
        +----------------------------------------+
        |             header (user)              |
        +----------------------------------------+
        |                middle                  |
        | +------+---------------------+-------+ |
        | |      |                     |       | |
        | |      |                     |       | |
        | |      |                     |       | |
        | | left |        main         | right | |
        | |      |                     |       | |
        | |      |                     |       | |
        | |      |                     |       | |
        | +------+---------------------+-------+ |
        +----------------------------------------+
        |             footer (user)              |
        +----------------------------------------+
        |             footer (auto)              |
        +----------------------------------------+

  The following style classes specify the appearance of these areas.
  ------------------------------------------------------------*/

.pageAutoHeader
{
  font-family: Helvetica, Arial, sans-serif;
  font-size: small;
  border: none;
  margin: 0;
  padding: 0;
}

.pageUserHeader
{
  font-family: Helvetica, Arial, sans-serif;
  font-size: small;
  border: none;
  margin: 0;
  padding: 0;
}

.pageMiddle
{
  font-family: Helvetica, Arial, sans-serif;
  font-size: small;
  border: none;
  margin: 0;
  padding: 0;
}

.pageLeft
{
  background-color: #eeeeee;
  font-family: Helvetica, Arial, sans-serif;
  font-size: small;
  border: none;
  margin: 0;
  padding: 8px;
  vertical-align: top;
}

.pageMain
{
  font-family: Helvetica, Arial, sans-serif;
  font-size: small;
  border: none;
  margin: 0;
  padding: 8px;
  vertical-align: top;
}

.pageRight
{
  font-family: Helvetica, Arial, sans-serif;
  font-size: small;
  border: none;
  margin: 0;
  padding: 8px;
  vertical-align: top;
}

.pageUserFooter
{
  font-family: Helvetica, Arial, sans-serif;
  font-size: small;
  border: none;
  margin: 0;
  padding: 0;
}

.pageAutoFooter
{
  font-family: Helvetica, Arial, sans-serif;
  font-size: small;
  border: none;
  margin: 0;
  padding: 0;
}

/*------------------------------------------------------------
  Each display area within the page is further subdivided into a
  two-column table.  Most statements that generate HTML (print,
  image, etc.) create a new row spanning both columns. But
  statements that edit vars or enumerations create a new row with
  the label in the left column and the editable value in the right.
  That way, edit statements are always aligned properly.
  
  The following style specifies the appearance of the cells of
  this table.
  ------------------------------------------------------------*/

.labelDisplayCell
{
  font-family: Helvetica, Arial, sans-serif;
  font-size: small;
  border: none;
  padding: 0 .5em 0 0;
  margin: 0;
  white-space: nowrap;
}

.mainDisplayCell
{
  font-family: Helvetica, Arial, sans-serif;
  font-size: small;
  border: none;
  padding: 0;
  margin: 0;
}

/*------------------------------------------------------------
  Style classes for messages
  ------------------------------------------------------------*/

.statusMessage
{
  font-family: Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: small;
  margin: 0;
  padding: 0;
}

.poweredByMessage
{
  font-family: Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: small;
  margin: 0;
  padding: 0;
}

.poweredByLeft
{
  color: #000000;
  text-decoration: none;
}

.poweredByRight
{
  color: #0060a0;
  text-decoration: none;
}

/*------------------------------------------------------------
  Style classes for control buttons
  ------------------------------------------------------------*/

.controlButton
{
  background-color: #eeeeee;
  color: #505050;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 90%;
  padding: 0 12px 0 12px;
  border-width: 1px;
}

.controlButton:hover
{
  background-color: #f8f8f8;
  color: #ff0000;
}

/*------------------------------------------------------------
  Style classes for launcher buttons
  ------------------------------------------------------------*/

.launcherButton
{
  background-color: transparent;
  color: #505050;
  font-family: Helvetica, Arial, sans-serif;
  font-size: small;
  text-align: left;
  text-decoration: underline;
  border: 0px solid transparent;
  margin: 0 .5em 0 .5em;
  padding: 0;
}

.launcherButton:hover
{
  background-color: #ffffff;
  color: #ff0000;
}

/*------------------------------------------------------------
  Style classes for printing and editing tables
  ------------------------------------------------------------*/

.tableHeaderCell
{
  background-color: #dddddd;
  font-family: Helvetica, Arial, sans-serif;
  font-size: small;
  text-align: center;
  border: 1px solid black;
  padding: 4px;
}

.tableCell
{
  font-family: Helvetica, Arial, sans-serif;
  font-size: small;
  border: 1px solid black;
  padding: 4px;
}

.tableButton
{
  background-color: transparent;
  color: #505050;
  font-family: Helvetica, Arial, sans-serif;
  font-size: small;
  text-align: left;
  text-decoration: underline;
  border: 0px solid transparent;
  margin: 0;
  padding: 0;
}

.tableButton:hover
{
  color: #ff0000;
}

.tableAddEntryCell
{
  font-family: Helvetica, Arial, sans-serif;
  font-size: small;
  border: none;
  padding: 0;
  text-align: right;
}

.browseHeaderCell
{
  background-color: #dddddd;
  font-family: Helvetica, Arial, sans-serif;
  font-size: small;
  text-align: center;
  border: 1px solid black;
  margin: 0;
  padding: 0 4px 0 4px;
}

.browseCell
{
  font-family: Helvetica, Arial, sans-serif;
  font-size: small;
  border: 1px solid #e0e0e0;
  padding: 4px;
}

.browseButton
{
  background-color: transparent;
  color: #505050;
  font-family: Helvetica, Arial, sans-serif;
  font-size: small;
  text-align: left;
  text-decoration: underline;
  border: 0px solid transparent;
  margin: 0;
  padding: 4px;
}

.browseButton:hover
{
  color: #ff0000;
}

.elevenHeader
{
  background-image: url("/image/eleven-header-background.jpg");
  background-repeat: repeat-x;
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  border: none;
  padding: 0;
  margin: 0;
}

.elevenHeaderTable
{
  border-collapse: collapse;
}

.elevenHeaderCell
{
  border: none;
  margin: 0;
  padding: 0;
}

.elevenNavigation
{
  background: #f0f0f8;
}

.elevenButton:hover
{
  background: #e0e0e8;
}

.exampleTable
{
  border-collapse: collapse;
}

.exampleCell
{
  border: 1px solid #c0c0c0;
  padding: 8px;
  margin: 0;
}

.exampleCaption
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

.demoName
{
  padding: 4px 0 0 0;
  margin: 0;
}

.demoButton:hover
{
  background: #e0e0e8;
}

.bulletinBoardAuthor
{
  color: #0080a0;
}

.bulletinBoardComment
{
  color: #000000;
}

.maintext
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  margin: 16px 24px 1em 0;
  width: 80%;
}