@charset "ISO-8859-1";
/* -------------------------------------------- */
/*
 * http://www.sitepoint.com/forums/showthread.php?t=138405
 */
body, html {
  height:100%;
  text-align:left;
  margin:0px;
  padding:0px;
  font-family:sans-serif;
  /* background-color:#D4D4F4; */
  background-color:#ccccff;
  color:black;
}
#main {
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

#main {
  /*this height is for ie only*/
  height:100%;
  min-height:100%;
}
/*ie wont see this, other browsers will*/
body>div#main{
  height: auto;
}

/* -------------------------------------------- */

a:link img, a:visited img { border-style:none; }
a img { color:black; } /* The only way to hide the border in NS 4.x */

/* -------------------------------------------- */

#menu, #content, #languages {
  position:absolute;
  top:4px;
}
#languages {
  right:4px;
}
#content, #menu_logo, #menu_footer {
  padding:8px;
}
#content {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.languages .inset {
  padding-top:8px;
  padding-bottom:8px;
  padding-left:4px;
  padding-right:4px;
}

#menu, .menu_background {
  background-color:#F0E0FF;
}

#menu {
  z-index:0;
  left:4px;
  width:194px;
}
#content {
  z-index:1;
  left:200px;
  background:#F6F6F6;
}
.languages {
  z-index:2;
}

/* -------------------------------------------- */
.inset, #menu, #content {
  border-top:1px #FFFFFF solid;
  border-left:1px #FFFFFF solid;
  border-right:1px #000000 solid;
  border-bottom:1px #000000 solid;
}

.outset {
  border-top:1px #000000 solid;
  border-left:1px #000000 solid;
  border-right:1px #FFFFFF solid;
  border-bottom:1px #FFFFFF solid;
}

.languages {
  /* margin-top:1px; */
  border-left:1px #000000 solid;
  border-bottom:1px #FFFFFF solid;

  /* language box is opaque */ 
  background-color:#F0E0FF;
}
.languages a, .languages input {
  text-decoration:none;
  font-weight:bold;
  margin:4px;
}
.languages a:hover {
  color: #FFFFFF;
  text-decoration:none;
  background-color: black;
  min-width:100px;
}

#languages img, #languages input {
  border:1px #000000 solid;
}

/* -------------------------------------------- */

ul.menu_items {
  border:0;
  margin:0;
  padding:0;
  list-style-type:none;
}

ul.menu_items_2 {
  /* required top margin differs between Mozilla, IE and Opera */
  margin-top:2px;
  margin-left:16px;
  margin-right:0px;
  margin-bottom:0px;
  padding:0;
  list-style-type:square;
}

#menu_logo, .menu_items p, ul.menu_items li {
  border-bottom:1px #000000 solid;
}
.menu_items p, ul.menu_items li, #menu_footer {
  border-top:1px #FFFFFF solid;
}
#menu_logo, #menu_footer {
  text-align:center;
}

/* -------------------------------------------- */
#menu a {
  font-weight:bold;
  color:black;
  text-decoration:none;
}
#menu_items a {
  /* to get a hover hilight over the full width */
  display:block;
}
#menu_items a:hover {
  color: #FFFFFF;
  text-decoration:none;
  background-color: black;
  min-width:100px;
}
#menu p, ul.menu_items li {
  margin:1px;
  padding:1px;
  /* background image is 32 pixel high */
  line-height:30px;
}
.menu_items p, ul.menu_items li {
  padding-left:4px;
  padding-right:4px;
  letter-spacing:1px;
  background-image: url(/picture/cellpic1.gif);
  background-repeat:repeat-x;
}

/* -------------------------------------------- */
#menu_date {
  font-size:60%;
}

/* -------------------------------------------- */
h1 {
  padding:4px;
  border-top:1px #000000 dashed;
  border-bottom:1px #000000 dashed;
  font-size:130%;
}
/* see "table.simple caption" for h2 */
h3 {
  padding:2px;
  font-size:110%;
  border-bottom:1px #000000 dotted;
}
li {
  margin-top:4px;
}
caption, th {
  text-align:left;
  font-weight:bold;
}

/* -------------------------------------------- */

/* table.simple caption, table.data th, table.data td { */
table.simple caption, h2 {
  border-top:1px #FFFFFF solid;
  border-left:1px #FFFFFF solid;
  border-bottom:1px #000000 solid;
  border-right:1px #000000 solid;
  padding:4px;
  font-size:115%;
}

/* -------------------------------------------- */

table.simple {
  /* Opera and IE applie margin above caption
   * Mozilla between caption and table */
  margin-top:2mm;

  border-spacing:8px;
  border-collapse:collapse;
  padding:8px;
}

table.simple caption {
  /* IE ignores the margin completely
   * Opera gets confused on negative values
   */
  margin-top:2mm;
  letter-spacing:1px;
}

/* -------------------------------------------- */
table.with_border {
  /* Opera and IE applie margin above caption
   * Mozilla between caption and table */
  margin-top:2mm;

  border-collapse:collapse;
  border-spacing:1px;
  padding:1px;
  empty-cells:show;
}

table.with_border td, table.with_border th {
  border:1px #000000 solid;
  padding:4px;
}

table.with_border caption {
  letter-spacing:1px;
  padding:4px;
  /* border-top:2px #000000 solid; */
  border-bottom:2px #000000 solid;
  text-align:center;
}

table.with_border tr.last_row {
  vertical-align:bottom;
}

pre {
  border:1px #000000 solid;
  padding:4px;
  background-color:#FFFFFF;
}

p.lastModified {
  font-size:60%;
}

/* -------------------------------------------- */
table.odd_even {
  border-collapse:collapse;
  min-width:30em;
}

table.odd_even th,
table.odd_even td {
  padding-left:6px;
  padding-right:6px;
  padding-top:1px;
  padding-bottom:2px;
}

table.odd_even th {
  background:white;
  text-align:center;
  border:1px solid gray;
}

table.odd_even td {
  border-top:1px solid gray;
  border-bottom:1px solid gray;
}

table.odd_even tr.oe_odd { background-color:#F0E0FF; }

td.oe_number { text-align:right; }
td.oe_monospace {
  font-family:monospace;
  font-weight:bold;
}

/* -------------------------------------------- */