body {
	font-family: arial, sans-serif;
	font-size: 90%;
	
}

p#related {
	margin: 0 0 6px 0;
	font-size: 80%;
}

/* Pop-up diagram window has no "related" links. And, pop-up part window
   switches between svg and gif. */
.no-disp {
	display: none;
}

/* Pop-up parts window has a "related" item that doesn't exist. */
p#related span.disabled {
	color: silver;
}


.button-link {
	text-decoration:none;
	padding: 0px 6px;
	margin: 0 2px;
	background: #fff09e;
	color: black;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #20538D;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.button-link:hover {
	background: #75A0D4;
	border: solid 1px #2A4E77;
}

.button-link:active {
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background: #4E74A1;
	border: solid 1px #203E5F;
}