/* styles for small non-graphical buttons */

.btngroup {
	width: 9.5em;			/* deliberately too narrow */
	margin-top: 0.3em;
	padding: 0;
	position: absolute;		/* also WebTV */
	right: 0;				/* WebTV: only left supported */
}

.cssbutton {
	color: #000;
	background-color: #fc6;
	width: 13em;			/* OK for IE; can be much smaller (11.2) for Moz */
	margin: 0.2em 0 0 0;	/* WebTV: only margin-left: 0 */
	font-family: arial, helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	border: 1px solid #808080;
	border-right: 2px solid #4a4a4a;
	border-bottom: 2px solid #4a4a4a;
}
.cssbutton a {
	color: #000000;
}
.cssbutton a:link,
.cssbutton a:visited,
.cssbutton a:hover {
	text-decoration: none;
}

.cssbutton span.org {
	background-color: #ffffff;
	color: #0c479d;			/* W3C logo */
}
.cssbutton span.w3clgrey {
	color: #808080;			/* W3C logo */
}
.cssbutton span.spec {		/* general spec */
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	background-color: #ffcc66;
}
.cssbutton span.spec2 {
	font-family: "Arial Narrow", arial, helvetica, sans-serif;
	color: #000000;
	background-color: #ffcc66;
}
.cssbutton span.w3cdgrey {
	color: #606060;			/* WAI spec */
}
.cssbutton span.w3cred {
	color: #AF1D1D;			/* WAI spec */
}

.hy {							/* fake "non-breaking" hyphen for button */
	font-size: 75%;
	line-height: 75%;
	font-weight: 900;
}

.counter {
	width: 9em;					/* same as btngroup - 0.5em (why?) */
	margin-top: 0.2em;
}
.counter a {
	float: right;
}
.counter img {
	margin-top: 0;
}

.sep {						/* separator between (after) buttons - visible only if style is _not_ applied */
	font-size: 1px;
	color: #ffcc66;			/* button background color */
}