body
{
  margin:           10px;
  padding:          0;
/*
  font-family:      Verdana, Arial, Helvetica, sans-serif;
  font-size:        10px;
*/
  font-family:      "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size:        10pt;
  color:            #356097;
}

table
{
  margin:0;
  padding:0;
}

a
{
  color:            #356097;
  font-weight:      bold;
}


tr.grey
{
  background-color:#dddddd;
}

p
{
  margin:0;
  padding:0;
}

.Heading
{
  font-size:    130%;
  font-weight:  bold;
  padding:0;
  margin:0;
}

.ScaleField
{
/*  font-size:        10px;*/
}

#ScaleField
{
  border:           #356097 1px solid;
  padding-right:    3px;
  padding-left:     3px;
  background-color: transparent;
}


#divSlider      { position:absolute; width:18px; height: 200px; padding: 2px; }
#divInnerSlider { position:absolute; left:2px; top:20px; height:164px; width:18px; }
#imgTrack       { position:absolute; left:0px; top:1px;  height:100%; width:18px; }
#btnKnob        { position:absolute; left:0px; top:60px; }
#btnZO          { position:absolute; left:2px; top:2px;  }
#btnZI          { position:absolute; left:2px; bottom:2px; }


.divLayout
{
  /*
    Default sizes so that the browser doesn't think it needs scrollbars
    before we get around to setting correct sizes
  */
  position:         absolute;
  width:            0px;
  height:           0px;
  visibility:       hidden;
}


div.Inactive
{
  border:           Solid 1px Transparent;
}

div.Active
{
  background-color: White;
  border:           Solid 1px Black;
  overflow:         visible;
}