/*
** $Id$
*/
body		{  background:#FFFFFF; color: #333; }

/*
** Links
*/
A:link		{ color: #0000FF; text-decoration: none; }
A:visited	{ color: #0000A0; }
A:active	{ color: #FF0000; }
A:hover		{ background: #FFCC00; color:#0000FF; }

/*
** The navigation table in the left-hand column
*/
.nav-table	{
                  background:    #FFCC00;
                  border-left:	 #FFCC00 10px solid;
                  border-bottom: #FFCC00 10px solid;
                  border-right:  0px;
                  white-space:   nowrap;
                }
.nav-table A:link    { color: #CC6633; }
.nav-table A:visited { color: #663300; }
.nav-table A:hover   { background: #FFFFFF; }

.nav-title	{ font-weight: bold; font-size: 110%; }
.nav-link	{ padding-left: 1em; }
.nav-this	{ padding-left: 1em; font-weight: bold; background: white; color: #A54040; }


/*
** Prominent display of order-cycle info
*/
.order-cycle {
  border:	1px solid #FFCC00;
  margin-left:	1em;
  margin-right:	2em;
  padding:	1em;
}
.order-cycle.early	{ background: #CCFFCC; color: #000000; }
.order-cycle.soon	{ background: #FFFFCC; }
.order-cycle.late	{ background: #FF0033; color: #FFFFFF; }
.order-cycle.past	{ background: #CCCCCC; }

/* Dates are in <u>.  Show them in a better highlight. */
.order-cycle u { text-decoration: none; color: #993300; }


/*
** The product table
*/
.cart		{ border: 0; border-collapse: collapse; margin-left: 1em; }
.cart td	{ border-top: 1px solid black; border-bottom: 1px solid black; }.cart td.txt	{ border-bottom: 0; border-top: 0; }
.cart td.itemno	{ border-left: 1px solid black; }
.cart td.cost	{ text-align: right; }
.cart td.total	{ text-align: right; border: 1px solid black; }
.cart td.delta	    { border: 0; }
.cart td.going-up   { text-align: right; border: 0; }
.cart td.going-down { text-align: right; border: 0; }
.cart td.yum	{ border: 0; }
.cart td.yuk	{ border: 0; }
.cart th	{ padding-top: 1ex; border: 0; padding-left: -2em; }
.cart .blurb td	{ border-top: 1px solid #FFFFFF; }
.split		{ background: #CC3333; color: #FFFFFF; }
.split input	{ background: #CC3333; color: #FFFFFF; }
.prodlist-blurb	{ font-style: italic; color: orange; }
.sale		{ background: #E0E000; color: #D00000; }
.prior		{ background: #99CCFF; color: #202020; }
.prior-yum	{ background: #00FF00; color: #000000; font-weight: bold; }
.prior-yuk	{ background: #000000; color: #FFFFFF; }
.discontinued	{ text-decoration: line-through; }
.out-of-stock	{ background: #CCCCCC; }
.cart td.bottom	{ border: 0; text-align: right; padding-right: 4px; }
.cart td.total-right { border-top: 1px solid black; }

.legend		{ border: 2px outset; margin-left: 2em; margin-top: 5px; }
.legend th	{ vertical-align: top; text-align: right; }

/*
** Custom styles for the schedule table
*/
.sched-what	{ text-align: center; }
.sched-past	{ text-align: center; color: #A0A0A0; }
.sched-soon	{ text-align: center; font-weight: bold; }
.sched-future	{ text-align: center; font-weight: bold; }
.sched-extra	{ text-align: center; font-style: italic; }

/*
** Search term highlighting.  These are the colors used by Google.
** Used without permission.
*/
.highlight-0	{ background: #FFFF66; }
.highlight-1	{ background: #A0FFFF; }
.highlight-2	{ background: #99FF99; }

/*
** For /schedule/
*/
.upcoming	{ text-align: right; background: #FFFFCC; }
.group-1	{ text-align: right; background: #EEEEEE; }
.group-2	{ text-align: right; background: #DDDDDD; }
.group-3	{ text-align: right; background: #CCCCCC; }
.group-mine	{ font-weight: bold; font-size: 110%; }

/*
** For catalog - show path through the hierarchy we're taking
*/
.path		{ background: #FFCC00; color: #404040; font-weight: bold; }

/*
** Updates
*/
.update-added	{ color:#008000; }
.update-error	{ font-weight: bold; color: #800000; }

/*
** For individual product pages
*/
.kw-yes		{ font-weight: bold; }
.kw-no		{ color: #A0A0A0; text-decoration: line-through; }

/*
** Invoice
*/
.qty-zero	{ background: #FF0000; }
.qty-wrong	{ background: #FF00FF; }
.went-up	{ color: #FF0000; font-weight: bold; }
.went-down	{ color: #FF00FF; font-weight: bold; }

/*
** Balances
*/
.balances		{ border: 1px solid gray; border-collapse: collapse; }
.balances th		{ border: 1px solid gray; }
.balances td		{ border: 1px solid gray; padding-left: 4px; padding-right: 4px; }
.balances td.id		{ border-right: none; text-align: right; }
.balances td.name	{ border-left: none; text-align: left; }
.balances tr.separator	{ border-top: 4px outset; }
input.txt		{ text-align: right; }

.balance-positive	{ color: #000000; text-align: right; }
.balance-negative	{ color: #FF3300; text-align: right; }
.balance-zero		{ color: #A0A0A0; text-align: right; }
.need-check		{ background: pink; }

/*
** Register
*/
.register		{ border: 1px solid gray; border-collapse: collapse; margin-left: 2em; }
.register th		{ border: 1px solid gray; }
.register tr.new-sched	{ border-top: 6px solid #339933; }
.register tr.altrow	{ background: #CCFFCC; }
.register td		{ border: 1px solid gray; padding-left: 4pt; }
.register td.amount	{ text-align: right; }
.register td.total	{ text-align: right; }

/*
** Missing checks
*/
.missing-checks		{ border: 0; border-collapse: collapse; margin-left: 2em; }
.missing-checks .top th	{ border: 1px solid gray; padding-left: 1em; padding-right: 4px; text-align: right; color: #666666; }
.missing-checks .top td { border: 0; }
.missing-checks th	{ border: 1px solid gray; text-align: left; }
.missing-checks td	{ border: 1px solid gray; text-align: right; padding-left: 4px; padding-right: 4px; font-family: monospace; }
.missing-checks tr.notify-no  { color: #999999; }
.missing-checks tr.notify-yes { color: #000000; }
.missing-checks td.notify { border: 0; }
.missing-checks td.check  { font-weight: bold; }
.missing-checks .total th { border: 0; text-align: right; }
.missing-checks .total td { font-size: 125%; }

.missing-checks-mail	{ background: #E0E0E0; margin-left: 2em; }
.missing-checks-mail th	{ vertical-align: top; text-align: left; }
.missing-checks-mail td { white-space: pre; }

/*
** For splits page
*/
.overflow-none		{ background: #00FF00; color: #FFFFFF; }
.overflow-ok		{ background: #FFFF00; color: #000000; }
.overflow-many		{ background: #FF9900; color: #000000; font-weight: bold; }
.overflow-cold		{ background: #FF0000; color: #000000; }

/*
** Price peeks into the future
*/
.going-up		{ background: #00CC00; color: #FFFFFF; }
.going-down		{ background: #FF0000; color: #FFFFFF; }

/*
** Truck roll
*/
.truck-news		{ margin-left: 2em; margin-right: 2em; font-style: italic; font-size: 110%; background: yellow; padding: 1em; border: 4px outset #999900; }
.truck-news a		{ text-decoration: underline; }
.truck-news a:link	{ color: #6666FF; }
.truck-news a:visited	{ color: #660099; }

/*
** Roster, Mailing list
*/
.roster			{ border-collapse: collapse; }
.roster tr.divider	{ border-top: 3px solid #CC9966; }
.roster td		{ border: 1px solid #CC6600; padding: 2px; }
.roster td.id		{ text-align: right; }

.mailing-lists		{ margin-left: 2em; }
.mailing-lists dd	{ padding-bottom: 2ex; }

.positions		{ margin-left: 2em; background: #CCCCCC; }
.positions .headings th	{ background: white; text-align: center; }
.positions th		{ text-align: right; vertical-align: top; }
.positions th.top	{ text-align: center; }
.positions td		{ border: 0; text-align: center; }

.groups			{ margin-left: 2em; padding: 0; border-collapse: collapse; }
.groups td.selected	{ background: #E0E0E0; }
.groups button		{ text-align: left; background: transparent; border: none; color: #999999; }
.groups button.selected	{ color: #000000; font-weight: bold; }
.groups .totals td	{ text-align: center; border-top: 2px solid black; }
.groups .totals td.skewed { color: red; background: yellow; }
.groups .totals td.way-skewed { color: white; background: red; font-weight: bold; }

.groups-delta		{ margin-left: 1em; padding: 3px; border-collapse: collapse; }
.groups-delta th	{ text-align: left;  padding: 5px; }
.groups-delta td	{ text-align: right; border: 1px solid #CCCCCC; padding: 5px; }

/*
** Friendly hints
*/
.hint			{ margin-left: 2em; border: 3px inset; padding: 1em; }

/*
** TCW Search Button
*/
.tcw-search	{ border: 4px solid red; }

/*
** Paper orders
*/
.paper		{ border-collapse: collapse; }
.paper th	{ border: 1px solid #CCCCCC; }
.paper td	{ border: 1px solid #CCCCCC; padding-left: 4px; padding-right: 4px; }
.paper td.unitprice	{ text-align: right; }
.paper td.cost		{ text-align: right; }
.paper input		{ text-align: right; }


/*
** Problem reporting table
*/
.problemlist		{ margin-left: 3em; border-collapse: collapse; }
.problemlist th		{ text-align: left; }
.problemlist td		{ padding-left: 5px; padding-right: 5px; border: 1px solid #CCCCCC; }
.problemlist .submitted td { color: #999999; }
.problemlist .item	{ text-align: right; }
.problemlist .cost	{ text-align: right; }
.problemlist input	{ text-align: right; font-family: monospace; }

.problemreport		{ margin-left: 2em; border-collapse: collapse; }
.problemreport th	{ text-align: right; vertical-align: top; padding-right: 0.5em; font-weight: normal; }
.problemreport td	{ border-left: 1px solid #CC6600; padding-left: 1em; }
.problemreport td.immutable { font-weight: bold; }
.problemreport .submit td { border-left: 0; }
.problemreport td.blurb { font-style: italic; }
#affected		{ font-style: normal; font-weight: bold; }
.problemreport tr.newtr { border-top: 10px solid white; }
.problemreport input { text-align: right; }

.problemsend		{ margin-left: 2em; border-collapse: collapse; }
.problemsend th		{ font-weight: normal; text-align: left; vertical-align: top; }
.problemsend input	{ font-family: monospace; }
.nonzero		{ background: red; color: white; }

/*
** Order history table
*/
.orderhistory		{ border-collapse: collapse; }
.orderhistory th	{ border: 1px solid #CCCCCC; }
.orderhistory td	{ border: 1px solid #CCCCCC; text-align: right; padding-left: 6px; padding-right: 4px; font-family: monospace; }

/*
** Farmer's Market
*/
#fmnav {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 162px;
}
#fmnav h3      { padding: 2px; background: #336633; color: white; }
#fmnav ul	{ list-style: none; margin-left: 0.5em; padding-left: 0; }
#fmnav li	{ font-size: 120%; margin-bottom: 0.3em; border-bottom:  1px dotted #B2BCC6; }
#fmnav li.sel	{ font-weight: bold; }
#fm		{ margin-left: 200px; }
.fm		{ border-collapse: collapse; margin-left: 1em; }
.fm th		{ text-align: left; padding-top: 4px; }
.fm td		{ padding-left: 2em; }
.fm .not	{ text-decoration: line-through; color: #999; }
.fm td .not	{ text-decoration: line-through; color: #999; }