/*
============================================================
Main CSS sheet
============================================================
*/

/* set defaults for the page */
body, th, td, textarea
{
  font-family: arial, serif;
  font-size: 13px;
}

/* set generic text properties */
.bold
{
  font-weight: bold;
}

.italic
{
  font-style: italic;
}

.right
{
  text-align: right;
}

.center
{
  text-align: center;
}

/* set small size */
.small
{
  font-size: 9px;
}

/* set generic table properties */
table
{
  empty-cells: show;
}

table.collapsed
{
  border-collapse: collapse;
}

thead
{
  background-color: #d4d0c8;
}

th
{
  padding: 0 3px;
}

td
{
  padding: 0 3px;
  vertical-align: top;
}

/* set specialized table properties */
tr.inyard
{
  background-color: #ff9900;
}

tr.outyard
{
  background-color: #00ff00;
}

/* set required properties */
.fix
{
  background-color: #ffff99;
}

.required
{
  background-color: #ffcccc;
}

/* set fieldset and legend properties */
fieldset
{
  border: 1px solid #35abe1;
  padding: 5px;
}

legend
{
  color: #0056ad;
  font-weight: bold;
}

/* set heading properties */
h3
{
  background-color: #dfdfdf;
  padding: 4px 8px;
  font-size: 12px;
  margin: 0 0 1em;
  color:#333;
}

/* set link properties */
a, a:link, a:visited
{
  color: #1867aa;
}

a.selected, a.selected:link, a.selected:visited
{
  background-color: #aaddff;
  color: #1867aa;
}

a.yellow, a.yellow:link, a.yellow:visited
{
  background-color: #ffff66;
  color: #1867aa;
}

/* set special stuff */
.green
{
  background-color: #00ff00;
}

.lgrey
{
  background-color: #cccccc;
}

table#containerb td
{
  text-align: center;
  vertical-align: middle;
  width: 70px;
  height: 70px;
}
table#containerm td
{
  text-align: center;
  vertical-align: middle;
  width: 70px;
  height: 70px;
}
table#containert td
{
  text-align: center;
  vertical-align: middle;
  width: 70px;
  height: 70px;
}

table#instructions td
{
  text-align: center;
  vertical-align: middle;
}

table#hazards td
{
  text-align: center;
  vertical-align: middle;
  height: 30px;
}

.ha1
{
  background: #ffffff;
  border-width: 1px;
  border-color: #ff0000;
}

.ha2
{
  background: #00aa00;
}

/* set the copyright info */
.copyright, .copy
{
  color: #999999;
  font-size: 10px;
}

/* special table showing stuff */
table.showing
{
  border: 1px solid #3e93c5;
  border-collapse: collapse;
  background-color: #e6e7e8;
  margin-bottom: 12px;
}

tr.showme td
{
  border-bottom: 1px solid #3e93c5;
  border-top: 1px solid #3e93c5;
  padding: 2px;
}

td.showborder
{
  border: 1px solid #3e93c5;
  padding: 2px;
}

tr.showcells td, tr.showcells th
{
  border: 1px solid #3e93c5;
  padding: 2px;
}

table.noborder
{
  border: 0;
}

/* special widths */
.iwidth
{
  width: 50px;
}

/* autocomplete CSS styling */
.autocomplete
{
  position: absolute;
  width: 250px;
  background-color: white;
  border: 1px solid #808080;
  margin: 0;
  padding: 0;
}

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

.autocomplete ul li
{
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  height: 5px;
  cursor: pointer;
}

.autocomplete ul li.selected
{
  background-color: #f0f0b0;
}