﻿

/*Forms*/
fieldset
{
  display: block;
  width: 470px;
  margin: 10px 0 10px 0;
  padding: 0 0 1em 0;
}
legend
{
  margin-left: 1em;
  color: #000000;
  font-weight: bold;
  padding: 0;
}
fieldset ul
{
  margin: 0;
  padding: 1em 1em 0 1em;
}
fieldset li
{
  list-style: none;
  float: left;
  clear: left;
  width: 100%;
  padding-bottom: 1em;
}
fieldset.buttonContainer
{
  border: none;
  text-align: right;
}
/*Fields*/
label
{
  float: left;
  width: 10em;
  margin-right: 1em;
  text-align: right;
}
.textBox
{
  min-width: 250px;
}
.textBoxSmall
{
  width: 60px;
}

/*Buttons*/
.button, .button a
{
  min-width: 100px;
  border-style: solid;
  border-width: 1px;
  padding: 0px;
  margin: 0 0 0 10px;
}
.buttonWide
{
  width: auto;
}
.buttonThin
{
  width: 50px;
}

/*Colours*/
fieldset
{
  border-width: 1px;
  border-style: solid;
  border-color: #999999;
  background-color: Transparent;
}
.save
{
  background-color: #669900;
}
.submit
{
  background-color: #669900;
}
.delete
{
  background-color: #FF0000;
}
.clear
{
  background-color: #00FFFF;
}
.cancel
{
  background-color: #CC3300;
}

/*Errors*/
.error
{
  color: #FF0000;
}

/*GridViews*/
/*NB. Background colours are in specific css*/
.gridView
{
  padding: 0;
  margin: 0;
  border-width: 1px;
  border-style: solid;
  font-size: 0.9em;
}
.gridView th
{
  padding: 4px 5px 4px 5px;
}
.gridView td
{
  padding: 3px 5px 3px 5px;
}
.gridView td.currency
{
  text-align: right;
  padding-right: 7px;
}
.gridView tr.header
{
  color: white;
  vertical-align: middle;
  font-weight: bold;
}

.gridView tr.normal
{
  color: black;
  vertical-align: middle;
}

.gridView tr.alternate
{
  color: black;
  vertical-align: middle;
}

tr.normal:hover tr.alternate:hover
{
  background-color: white;
  color: black;
}

/*Labels*/
.savedLabel
{
  font-weight: bold;
}
