/* Within a scheme, all buttons have the same width (e.g. 100px) and the same height (e.g. 30px),
 * but these may vary between schemes.
 *
 * The file images/buttons.gif contains three button images one above the other, each of the chosen size;
 * topmost is the "normal" image (shown while the mousepointer is away from a button),
 * then the "hover" image (shown while the mousepointer is over a button but not clicked),
 * finally the "active" image (shown while a button is pushed in).
 * 
 * Where comments below have "PARAM", the property values can or should be edited to scheme preferences;
 *   button width: absolute width of each button image
 *   button height: absolute height of each button image
 *   legend font: although the 'div' rules inherit font properties, the 'input' rules (empirically) don't
 *   legend height: required absolute height of legend text
 *   legend style: "normal" or "italic"
 *   legend variant: "normal" or "small-caps"
 *   legend weight: "lighter", "normal", "bold" or "bolder"
 *   legend align: "left", "center" or "right" alignment of legend within button ("right" needs fixing in Firefox)
 *   legend colour normal: required colour of legend while pointer is elsewhere
 *   legend colour hover: required colour of legend while pointer is hovering but button not depressed
 *   legend colour active: required colour of legend while button is depressed
 *
 * Note that we explicitly set *all* font properties, as defaults are unreliable (would depend on context).
 * Other style properties should not normally be altered.
 *
 * (C) Jambusters 2007
 *
 * tweak line-height (in div.button, input.submit) and padding (in input.submit) to fix legend vertical position
 */

div.button {
	width: 71px; /* PARAM: button width */
	height: 20px; /* PARAM: button height */
	font-family: Arial,Helvetica,sans-serif; /* PARAM: legend font - empirically, NOT (universally) inherited from body */
	font-size: 12px; /* PARAM: legend height */
	font-style: normal; /* PARAM: legend style ("normal" or "italic") */
	font-variant: normal; /* PARAM: legend variant ("normal" or "small-caps") */
	font-weight: normal; /* PARAM: legend weight ("lighter", "normal", "bold" or "bolder") */
	line-height: 16px; /* PARAM: button height - for one-line text, achieves vertical centering of legend within div */
	text-align: center; /* PARAM: legend align */
	white-space: nowrap; /* prevents over-long legend being line-wrapped */
}

div.button a {
	color: #000000; /* PARAM: legend colour normal */
	background: transparent url(images/buttons.gif) 0px 0px no-repeat; /* uses 1st button image in set */
	display: block; /* makes the whole div area sensitive to hover, click etc, not just the text */
	width: 100%; /* stretches link to fill div */
	height: 100%; /* stretches link to fill div */
	text-decoration: none;
	padding: 0; /* ADJUST: offsets legend suitably when "left" or "right" aligned */
}

div.button a:link {
    color: #000000; /* PARAM: legend colour normal */
}

div.button a:visited {
    color: #000000; /* PARAM: legend colour normal (button legends should have no "visited" memory) */
}

div.button a:hover {
	background-position: 0px -20px; /* PARAM: 2nd value must be -(button height) - uses 2nd button image in set */
	color: #000000; /* PARAM: legend colour hover */
}

div.button a:active {
	background-position: 0px -40px; /* PARAM: 2nd value must be -(2 * button height) - uses 3rd button image in set */
	color: #8080FF; /* PARAM: legend colour active */
}

input {
	behavior: url(buttons.htc); /* for IE5/6: approximates CSS :active & :hover behaviour */
}

input.submit {
	width: 71px; /* PARAM: button width */
	height: 20px; /* PARAM: button height */
	font-family: Arial,Helvetica,sans-serif; /* PARAM: legend font - empirically, NOT (universally) inherited from body */
	font-size: 12px; /* PARAM: legend height */
	font-style: normal; /* PARAM: legend style ("normal" or "italic") */
	font-variant: normal; /* PARAM: legend variant ("normal" or "small-caps") */
	font-weight: normal; /* PARAM: legend weight ("lighter", "normal", "bold" or "bolder") */
	line-height: 16px; /* PARAM: button height - for one-line text, achieves vertical centering of legend within div */
	text-align: center; /* PARAM: legend align */
	color: #000000; /* PARAM: legend colour normal */
	background: transparent url(images/buttons.gif) 0px 0px no-repeat; /* uses 1st button image in set */
	border: 0; /* suppresses default (3-D) border */
	white-space: nowrap; /* prevents over-long text being line-wrapped */
	padding: 0 0 4px 0; /* makes Firefox' submit selection border consistent with link and IE6 */
}

input.submit:hover, input.submitHover {
	background-position: 0px -20px; /* PARAM: 2nd value must be -(button height) - uses 2nd button image in set */
	color: #000000; /* PARAM: legend colour hover */
}

input.submit:active, input.submitActive {
	background-position: 0px -40px; /* PARAM: 2nd value must be  -(2 * button height) - uses 3rd button image in set */
	color: #8080FF; /* PARAM: legend colour active */
}