textarea, input  { font-size: 0.8em; font-family: verdana, sans-serif }

select, option {
	font-size: x-small
	}
td { color: navy; font-size: small; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; padding: 1px 1px 1px 2px }
td.MainTableHeader   {
	color: #fff;
	background-color: #8bbc72;
	border-bottom: 1px solid #557d40
	}
td.TableHeader   {
	color: #557d40;
	background-color: #bbdea9;
	border-bottom: 1px solid #7eb95f
	}
td.TableRow  {
	color: #557d40;
	background-color: #bbdea9
	}
td.TableErrorRow {
	color: #f60;
	background-color: #fc6
	}
td.TableFooter {
	color: #fff;
	background-color: #999
	}
td.MainColumnHeading   {
	color: #fff;
	background-color: #8bbc72;
	border-right: 1px solid #557d40;
	border-bottom: 1px solid #557d40
	}
td.ColumnHeading   {
	color: #557d40;
	background-color: #bbdea9;
	border-right: 1px solid #7eb95f;
	border-bottom: 1px solid #7eb95f
	}
td.ColumnItem  {
	color: #557d40;
	background-color: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc
	}
td.ColumnItem a { color: #009; background-color: #fff; border-right: #ccc; border-bottom: #ccc }
td.ColumnItem a:hover { color: #00f; text-decoration: underline; background-color: #fff; border-right: #ccc; border-bottom: #ccc }
td.ColumnItemAlt  {
	color: #557d40;
	font-size: x-small;
	background-color: #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc
	}
input.MainButton {
	color: #fff;
	font-weight: bold;
	background-color: #9c6;
	cursor: pointer;
	border-top: 1px outset #cf9;
	border-left: 1px outset #cf9;
	border-right: 1px outset #693;
	border-bottom: 1px outset #693;
	margin: 0px
	}
input.SecondaryButton {
	color: #666;
	font-weight: bold;
	background-color: #ccc;
	cursor: pointer;
	border-top: 1px outset #fff;
	border-left: 1px outset #fff;
	border-right: 1px outset #999;
	border-bottom: 1px outset #999;
	margin: 0px
	}
/*
** Use these when GoLive's layout view correctly picks up :link styles.
** This version hides links that don't have an href by giving them the
** same color as the TableHeader background.  We really need two
** link styles to make this idea work: one for TableHeader and one
** for MainTableHeader.

a.HeadingArea-Link  {
	color: #bbdea9
	}

a.HeadingArea-Link:link  {
	color: #ffc
	}
*/
a.HeadingArea-Link  {
	color: #ffc
	}
a.HeadingArea-Link:hover { color: #557d40 }
a.HeadingArea-Link:visited {
	color: #ffc
	}
input.MainButton  { color: black; font-weight: bold; background-color: #9c6; margin: 0px; border-style: outset; border-width: 1px; border-color: #cf9 #693 #693 #cf9; cursor: pointer }
input.SecondaryButton {
	color: #666;
	font-weight: bold;
	background-color: #ccc;
	cursor: pointer;
	border-top: 1px outset #fff;
	border-left: 1px outset #fff;
	border-right: 1px outset #999;
	border-bottom: 1px outset #999;
	margin: 0px
	}
.hlt td { background-color: yellow; color: black;}
td.TableTotal { color: black; font-weight: bold; font-size: 85%; background-color: yellow }