/* Filename: helpsystem.css
 * Description: Stylesheet for help pages of The Neume Notation Project website.
 * Author: Louis W. G. Barton
 * Version: 17 January 2010
 * Remarks: This is adapted from the same-named file in path /NEUMES/scripts.
 */

BODY {
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: rgb(204, 204, 153);
	color: rgb(0, 51, 102);
	font-size: 100%;
}
A:hover {
	color: inherit;
	background-color: white;
}
TABLE.pageTitle {
	background-color: rgb(190,190,124);
	color: rgb(16,0,160);
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 3px;
}
SPAN.subTitle {
	/* relative to pageTitle: */
	font-size: 60%;
}
TABLE.tableOfContents {
	background-color: rgb(210,210,153);
	color: inherit;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 65%;
	font-weight: bold;
	/* BorderColorDark="#502000" BorderColorLight="#A07000" (80, 32, 0) */
	border-top-color:rgb(128,112,0); border-top-style:ridge; border-top-width:2px;
	border-right-color:rgb(230,234,51); border-right-style:inset; border-right-width:3px;
	border-bottom-color:rgb(230,234,51); border-bottom-style:inset; border-bottom-width:3px;
	border-left-color:rgb(128,112,0); border-left-style:outset; border-left-width:2px;
}
TD.TOC {
	border: 1px inset rgb(160,112,0);
	padding-top: inherit;
	padding-bottom: 0.71em;
}
/* Alternate, not used: */
TABLE.TOC {
	border: 2px outset rgb(160,112,0);
	font-family: Verdana,sans-serif;
	font-size: 0.66em;
	font-weight: bold;
	background-color: rgb(210,210,153);
	color:inherit;
}

/* Simulation of IE's BorderColorDark and BorderColorLight on a Table:
   (230,234,51)=Yellow; (172,175,37)=light bronze; (144,144,0)=dark bronze.
 */
.beveled {
  border-top-color:rgb(230,234,51); border-top-style:ridge; border-top-width:8px;
  border-left-color:rgb(172,175,37); border-left-style:outset; border-left-width:7px;
  border-bottom-color:rgb(230,234,51); border-bottom-style:inset; border-bottom-width:6px;
  border-right-color:rgb(230,234,51); border-right-style:inset; border-right-width:7px;
}
TABLE.diagram {
	background-color: rgb(240,248,255);
	color: inherit;
	border-collapse: separate;
	border: 7px outset rgb(230,234,51);
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
TABLE.text {
	border-collapse: separate;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 40px;
	margin-bottom: 10px;
	margin-right: 37px;
}
TR.diagram {
	padding-top: 4px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
	vertical-align: baseline;
}
TR.screenshot {
	padding-top: 14px;
	padding-left: 0px;
	padding-bottom: 15px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
	vertical-align: baseline;
}
TD.subheading {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	background-image: url("../help/images/horiz_bar.gif");
/*	layer-background-image: url("../help/images/horiz_bar.gif"); */
	background-repeat: repeat-x;
}
TD.heading1 {
	text-align: center;
	font-size: 14pt;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-weight: bold;
	border-top: none;
	border-bottom: 3px solid rgb(144,144,0);
	letter-spacing: 1px;
	padding-top: 13px;
	padding-bottom: 10px;
}
TD.content {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	font-size: 10pt;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-weight: bold;
	text-align: left;
}
TD.content-sm {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	font-size: 7pt;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-weight: bold;
	text-align: left;
}
TD.description {
	padding-top: 12px;
	padding-bottom: 10px;
	text-align: justify;
	font-size: 10pt;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	border-top: 2px solid rgb(144,144,0);
}
TD.description2 {
	padding-top: 8px;
	padding-left: 13px;
	padding-right: 15px;
	text-align: justify;
	font-size: 10pt;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}
TD.narrative {
	background-color: rgb(240,248,255);
	color: inherit;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 14px;
	padding-right: 24px;
	text-align: justify;
	font-size: 10pt;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}
TABLE.icon {
	display: inline;
	float: right;
	border-collapse: collapse;
	padding: 0px;
	margin-left: 20px;
	margin-bottom: 8px;
	margin-right: 0px;
}
/* This specifies font size that it is scalable in IE.
 *   'caption' font size of 13px is keyed to image size.
 *   (Font sizes in px does not scale when end-user changes IE browser magnification.)
 * Assumptions:
 *  1. Because 'em' is a size relative to the _current_ font size, we shall assume that
 *     the containing Table does not specify a font size (other than 100%), and no outer
 *     containing Table, Div, etc., (except BODY) specifies font size (other than 100%).
 *  2. We assume that, 1em = 20px (as is the case in IE on the development PC platform).
 */
TD.caption {
	padding-top: 0.25em;
	padding-bottom: 0px;
	text-align: center;
	font-size: 0.66em;
	font-weight: bold;
	color: rgb(127,0,0);  /* dark red */
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.captionContinued {
	padding-top: 0.1em;
	padding-bottom: 0em;
	font-weight: normal;
	font-size: inherit;
}
/* This specifies font size that it is scalable in IE.
 *   'captionCredit' font size of 10px is keyed to image size.
 *   See, assumptions under 'caption'.
 *   We assume that, 0.75em x 0.65em = 0.5em = 10px.
 */
.captionCredit {
	padding-top: 0.2em;
	padding-bottom: 0.1em;
	text-align: center;
	font-size: 0.8em;
	font-weight: normal;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}
span.largeInit {
	font-family: 'Book Antiqua','Times New Roman',serif;
	font-size: 135%;
	font-weight: bold;
	letter-spacing: -1px;
}
span.smallCaps {
	font-size: 75%;
}
DIV.citation {
	margin-left: 20px;
	margin-right: 10px;  /* 0 causes a horiz scrollbar */
	text-indent: -20px;  /* first line */
}
DIV.blockQuote {
	display: table;
	width: 100%;
	background-color: rgb(252,238,137);
	color: inherit;
	margin-top: 0px;
	margin-left: 36px;
	margin-bottom: 2px;
	margin-right: 36px;
	padding-top: 9px;
	padding-left: 16px;
	padding-bottom: 13px;
	padding-right: 16px;
}
SPAN.cite {
	font-family: Geneva,Arial,Helvetica,sans-serif;
	font-size: 87%;
	color: navy;
}
EM {
	font-weight: bold;
	color: rgb(128,16,32);
	font-style: normal;
}
div.subHeading {
	margin-top: 27px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
	font-size: 110%;
	color:rgb(48, 0, 64);
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
}
/* [end, helpsystem.css] */