/*  
This is where all the styles are set for the financial calculators.  You can comment stuff out using
 / * and * / (without the space between the * and the /) or uncomment stuff by removing them.  
 I have tried to explain how it works, so I hope it makes sense.

The table cells, edit fields, and buttons all have "class=" attributes, which is what we use to style 
them with.  You can change this and that until you find a color scheme that you like.  
You can either use the color names such as "Forest Green" or the color hex codes like "#228B22".  A complete list of all the color names can be found in the colors.html file in this directory.

Just about every possible css style works in Netscape 6.  Almost all of them work in IE 6 (I think).
Some of them work in IE 5.  Only the simple ones work in Netscape 4.

I don't do graphic design stuff very well.  I think if we want any decent looking colors somebody
else is going to have to make them.
*/

/* The whole page */
body {
  background-color: white;
}




/***** Table cells *****/

/* Styles to apply to all the cells */
td, th {
  text-align: center;
  
  padding-left: 8px;
  padding-right: 8px;
}

/* Cells containing the row and column labels */
th {

  background-color: #008000;
  font-size: 80%;
  color: white;
  font-weight: bold;

/* For a christmas look you could also use: */
/* color: red; */
}

/* Cells containing the "active" edit fields */
td.activeCell {
  white-space: nowrap;
  background-color: lightgrey;
}

/* The vertical spacer cell */
td.spacerCell {
  background-color: lightgrey;

}

td.top {
  color: darkblue;
  text-align: left;
  font-variant: small-caps;
  
  font-weight: bold;
  font-family: sans-serif;
  font-size: large;
  
  background-color: inherit;
}

/* Cells containing the "extra info" edit fields */
td.infoCell {
  white-space: nowrap;
  background-color:  Darkseagreen;
}

/* Cells containing the buttons */
td.buttonCell {
  background-color: Darkseagreen;
}



/***** Edit fields *****/

span.infoSpan {
  background-color:  Darkseagreen;
  /*border: 1px solid black;*/
  border: none;
  padding: 2px;
}

span.infoSpan input {
  background-color: transparent;
  border: none;
}

/* The active edit fields */
td.activeCell input, td.activeCell select, input.activeEdit {
  background-color: Lightsteelblue;
}

/* The extra info edit fields  */
td.infoCell input { 
  background-color: transparent;  /* let the table cell color show through */
  border: none;
  color: black;
}

/*
input[type=text]:first-child:last-child
{
  width: auto;
}
*/


/***** Buttons *****/

/* All the buttons. */
input[type='button'], input[type='reset'] {
  font-size: smaller;  /* Little buttons. */
}

/* Utility Buttons */
input.utility {
  margin-top: 2px;

  font-size: 100%; /* Normal Sized */
}