body {
/*  background:#999999; url('../pics/metal-plate3.jpg'); */
/*  background:#ffffff url('../pics/coctail.gif'); */
  background:#ffffff;
  font-family:Tahoma;
  font-size:10pt;
  color:#444444;
  text-align:left;
}

table {
  font-family:Tahoma;
  font-size:10pt;
  color:#222222;
}

a:link {
  text-decoration:none;
  color:#770000;
}
a:visited {
  text-decoration:none;
  color:#770000;
}
a:hover {
  text-decoration:underline;
  color:#bb0000;
}
a:active {
  text-decoration:underline;
  color:#0000ff;
}

/*
 * Fancy Table: "listing"
 */
.listingHidden { display:none; }
.listingVisible
{
  display:table-row;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse:collapse;
  border:1px solid #bb8888;
  font-size:10px;
  font-weight:lighter;
  table-layout:fixed;
  max-width:800px;
}
.listingVisible th 
{
  text-align:left;
  padding:3px 7px 2px 7px;
  background-color:#995555;
  color:#ffffff;
  border:1px solid #bb8888;
}
.listingVisible td
{
  background-color:#eeeeee;
  border:1px solid #bb8888;
  padding:3px 7px 2px 7px;
  word-wrap: break-word;
}
.listingVisible tr.alt td
{
  color:#222222;
  background-color:#dddddd;
}

.listingVisible td.no
{
  background-color:#ffcc99;
}
.listingVisible td.yes
{
  background-color:#ddffaa;
}

.wordWrapper
{
/*
  position: relative;
  top: 0px;
  color: white;
  background: #995555;
  background-image: url('../pics/headerbg.png');
*/
  overflow: hidden;
  word-wrap: break-word;
  /* center center repeat-x; */
}

.cellDiv
{
  height: 16px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  word-wrap: break-word;
}


/*
 * Fancy Table: "cardVisible" and "cardHidden"
 */
.cardHidden { display:none; }
.cardVisible tr
{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse:collapse;
  table-layout:fixed;
  vertical-align:top;
  display:table-row;
}
.cardVisible tr.alt
{
  height:85px;
}
.cardVisible th
{
  background-color:#eeeeee;
  border:1px solid #bb8888;
  padding:3px 7px 2px 7px;
  height:100px;
  vertical-align:top;
}
.cardVisible td
{
/*  background-color:#eeeeee; */
/*  border:1px solid #bb8888; */
  padding:3px 7px 2px 7px;
  border:0px;
  vertical-align:top;
}
.cardVisible a, img
{
  border:0px;
}
.cardVisible p
{
  margin:0px 0px 0px 20px;
}


/*
 * CARD
 */
.card
{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse:collapse;
  border-spacing:0pt;
  table-layout:fixed;
  vertical-align:top;
  text-align:left;
  display:table-row;
  border:1px solid #bb8888;
  margin:0px 0px 0px 0px;
}
.card tr
{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse:collapse;
  border-spacing:0pt;
  border:1px solid #bb8888;
  margin:0px 0px 0px 0px;
}
.card th
{
  background-color:#eeeeee;
/*  border:1px solid #bb8888; */
  border:0px;
  padding:3px 7px 2px 7px;
  text-align:left;
  vertical-align:top;
  margin:0px 0px 0px 0px;
  width:20px;
}
.card td
{
  background-color:#eeeeee;
  padding:3px 7px 2px 7px;
/*  border:1px solid #bb8888; */
  border:0px;
  vertical-align:top;
  text-align:left;
  width:220px;
}
.card a, img
{
  border:0px;
}



/*
 * Fancy Table: "form"
 */
#form
{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  width:100%;
  border-collapse:collapse;
  border:1px;
}
#form th 
{
  text-align:left;
  padding:3px 7px 2px 7px;
  background-color:#995555;
  border:1px solid #bb8888;
  color:#ffffff;
}
#form tr
{
  background-color:#ffccaa;
  border:1px solid #bb8888;
  padding:3px 7px 2px 7px;
}
#form td
{
  background-color:#eeeeee;
  border:1px solid #bb8888;
  padding:3px 7px 2px 7px;
}
#form tr.alt td
{
  color:#000000;
  border:1px solid #bb8888;
  background-color:#dddddd;
}

/*
 * Fancy FORM?? "cardFormVisible" and "cardFormHidden"
 */
.cardFormHidden { display:none; }
.cardFormVisible
{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  /* width:100%; */
  border-collapse:collapse;
  table-layout:fixed;
  border:1px;
}
.cardFormVisible th
{
  text-align:left;
  padding:3px 7px 2px 7px;
  background-color:#995555;
  border:1px solid #bb8888;
  color:#ffffff;
}
.cardFormVisible tr
{
  background-color:#ffccaa;
  border:1px solid #bb8888;
  padding:3px 7px 2px 7px;
}
.cardFormVisible td
{
  background-color:#eeeeee;
  border:1px solid #bb8888;
  padding:3px 7px 2px 7px;
}
.cardFormVisible tr.alt td
{
  color:#000000;
  border:1px solid #bb8888;
  background-color:#dddddd;
}



/*
 * Fancy Table: "form2"
 */
#addform2
{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  width:100%;
  border-collapse:collapse;
  border:1px;
}
#addform2 th 
{
  text-align:left;
  padding:3px 7px 2px 7px;
  background-color:#995555;
  border:0px;
  color:#ffffff;
}
#addform2 tr
{
  background-color:#ffccaa;
  border:0px;
  padding:3px 7px 2px 7px;
}
#addform2 td
{
  background-color:#eeeeee;
  border:0px;
  padding:3px 7px 2px 7px;
}

#deleteform2
{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  width:100%;
  border-collapse:collapse;
  border:1px;
}
#deleteform2 th 
{
  text-align:left;
  padding:3px 7px 2px 7px;
  background-color:#995555;
  border:0px;
  color:#ffffff;
}
#deleteform2 tr
{
  background-color:#ffccaa;
  border:0px;
  padding:3px 7px 2px 7px;
}
#deleteform2 td
{
  background-color:#eeeeee;
  border:0px;
  padding:3px 7px 2px 7px;
}


/* Input fields */
.inputfield
{
  width:300px;
}

/*
 * Buttons
 */
.modeButtons button {
    /* display:inline; */
  width:130px;
  text-align:left;
  /* padding:1px 1px 1px 5px; */
  padding-left:5px;
}

.bigbuttons a, .bigbuttons button {
  margin:5px 1px 1px 0px;
  background-color:#eeeeee;
  border:2px solid #dedede;
  border-top:2px solid #eee;
  border-left:2px solid #eee;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:10pt;
  line-height:130%;
  text-decoration:none;
  width:50px;
  height:30px;
  color:#770000;
  cursor:pointer;
  overflow:visible;
  padding:4px 4px 4px 4px; /* IE6 */
}
.bigbuttons a:hover {
  background-color:#dff4ff;
  border:2px solid #c2e1ef;
  color:#336699;
}
.bigbuttons a:active {
  background-color:#6299c5;
  border:2px solid #6299c5;
  color:#fff;
}
.bigbuttons button:hover {
  background-color:#dff4ff;
  border:2px solid #c2e1ef;
  color:#336699;
}
.bigbuttons button:active {
  background-color:#6299c5;
  border:2px solid #6299c5;
  color:#fff;
}

/* Alphabetic quick reference */
.quickref a {
  margin:1px 1px 1px 0px;
  background-color:#cccccc;
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:10pt;
  line-height:130%;
  text-decoration:none;
  width:25px;
  height:18px;
  color:#770000;
  cursor:pointer;
  overflow:visible;
  text-align:center;
  padding:1px 1px 1px 1px;  /* IE6 */
}
.quickref a:hover {
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
.quickref a:active {
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}
.quickref button {
  margin:5px 1px 1px 0px;
  background-color:#eeeeee;
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:10pt;
  line-height:130%;
  text-decoration:none;
  width:25px;
  height:22px;
  color:#770000;
  cursor:pointer;
  overflow:visible;
  padding:1px 1px 1px 1px; /* IE6 */
}
.quickref button:hover {
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
.quickref button:active {
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}


/* ALL "light gray" buttons (buttons2 has different background) */
.buttons a {
  display:block;
  margin:0px 7px 2px 0;
  background-color:#dddddd;
  border:2px solid #dedede;
  border-top:2px solid #eee;
  border-left:2px solid #eee;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:10pt;
  line-height:130%;
  text-decoration:none;
  /* font-weight:bold; */
  color:#770000;
  cursor:pointer;
  width:120px;
  padding:2px 2px 2px 6px; /* Links */
}
.buttons button {
  margin:0px 7px 2px 0;
  background-color:#dddddd;
  border:2px solid #dedede;
  border-top:2px solid #eee;
  border-left:2px solid #eee;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:10pt;
  line-height:130%;
  text-decoration:none;
  display:inline;
  width:155px;
  text-align:left;
  height:28px;
  color:#770000;
  cursor:pointer;
  overflow:visible;
  padding:2px 2px 2px 0px;
}
.buttons button[type] {
  padding:2px 2px 2px 6px; /* Firefox */
  line-height:17px; /* Safari */
}
*:first-child+html button[type]{
  padding:2px 0px 2px 6px; /* IE7 */
}
.buttons button img, .buttons a img {
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
}
/* STANDARD */
.buttons button:hover, .buttons a:hover {
  background-color:#dff4ff;
  border:2px solid #c2e1ef;
  color:#336699;
}
.buttons a:active {
  background-color:#6299c5;
  border:2px solid #6299c5;
  color:#fff;
}
/* POSITIVE */
button.positive, .buttons a.positive {
  color:#529214;
}
.buttons a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:2px solid #C6D880;
  color:#529214;
}
.buttons a.positive:active {
  background-color:#529214;
  border:2px solid #529214;
  color:#fff;
}
/* NEGATIVE */
.buttons a.negative, button.negative {
  color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:2px solid #fbc2c4;
  color:#d12f19;
  width:155px;
}
.buttons a.negative:active {
  background-color:#d12f19;
  border:2px solid #d12f19;
  color:#fff;
  width:155px;
}

/* ALL "another color" buttons */
.buttons2 a, .buttons2 button {
  display:block;
  margin:0px 7px 2px 0;
  background-color:#cccccc;
  border:2px solid #cdcdcd;
  border-top:2px solid #eee;
  border-left:2px solid #eee;

  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:10pt;
  line-height:130%;
  text-decoration:none;
  /* font-weight:bold; */
  color:#444444;
  cursor:pointer;
  width:120px;
  padding:2px 2px 2px 6px; /* Links */
}
.buttons2 img {
  float:left;
  border:0px;
}
.buttons2 a:hover {
  background-color:#dff4ff;
  border:2px solid #c2e1ef;
  color:#336699;
}
.buttons2 a:active {
  background-color:#6299c5;
  border:2px solid #6299c5;
  color:#fff;
}