/*
 * Additional classes for "Getting Started with the Java SDK."
 */
 
/* Caption above a table or below a figure. */
p.caption {
	margin:	     0 0 10px 0;
	padding:	 10px 0 0 0px;
	text-align:  left;
    font-weight: bold;
}

/* A "rule" for relating Trading API call documentation to Java SDK classes. */
p.rules {
	background-color: #F8F8F8;
	margin:           20px 40px 20px 100px;
	padding:          5px;
	border-width:     1px;
	border-style:     solid;
    font-weight:      bold;
}

/* A centered paragraph. */
p.center {
    margin:      0 0 10px 0;
    font-weight: bold;
    text-align:  center;
}

/* A second paragraph in a table cell; it doesn't have an indented left margin. */
p.table {
    margin:      10px 0 10px 0;
    padding:     0 0 0 0;
}

/* Monospaced text representing part of a source program in a paragraph of its own.
 * This is the alternative to <pre> in cases where the monospaced text must contain
 * tags, e.g. to change the color.
 * Use:   <p><span class="codeInline">
 *           Enter your eBay Authentication Token: <br> 
 *           <span class="enter">AgAAAA**AQAAAA**...</span><br>
 *        </p>
 */
p.code {
	background-color: #F8F8F8;
	font-size:        9pt;
	font-family:      "Courier New";
	margin:           20px 0 20px 60px;
	padding:          5px;
	border-width:     1px;
	border-style:     solid;
}

/* An embedded question (for drafts only!) */
p.q {
	border-width:     1px;
	border-style:     solid;
    background-color: #F8F8F8;
    margin:           0 0 10px 80px;
    padding:          10px 10px 10px 10px;
    font-family:      serif;
    color:            #A02000;
}

/* A centered paragraph. */
p.centered {
    text-align:  center;
}

/* Encloses a figure or table.
 * Use (1): <div class="figure">
 *             <img ...>
 *             <p class="caption">...</p>
 *          </div>
 * Use (2): <div class="figure">
 *             <p class="caption">Table 1. ...</p>
 *             <table> ... </table>
 *          </div>
 */
div.figure {
	margin:       0 0 10px 0;
	padding:      16px 0 16px 60px;
}

/* Encloses a figure in a box.
 * Use: <div class="figure"><div class="box">
 *         <img ...>
 *      </div></div>
 */
div.box {
	border-width: 1px;
	border-style: solid;
}

/* Name of a class, method, file, path, etc., in text. */
span.construct {
    font-weight: bold;
    color:       #005977l
}

/* A distinctive style for a "to be decided" placeholder (for drafts only!) */
span.tbd {
    font-weight: bold;
    color:       #ff0000;
}

/* Distinguishes entered text in a monospaced "log" of console interaction. */
span.enter {
    color:       #c00000;
}

/* A placeholder in a pathname, class name, etc.
 * Use:    The template file is named 
 *         <span class="construct"><span class="phText">classname</span>.<span 
 *               class="phText">methodname</span>.txt</span>.
 */
span.phText {
    font-family: "Times New Roman";
    font-style:  italic;
}

 /* Text that isn't a hyperlink but is supposed to represent one. The current
  * implementation displays text underlined, but in the default color.
  * Use:   When the next screen appears, click the 
  *        <span class="hyperlink">Accept</span> link.
  */
span.hyperlink {
    text-decoration: underline;
}

/* Monospaced text representing part of a source program, typed input, etc. 
 * in a paragraph of text.
 * Use:   <p>The <span class="codeInline">Foobar</span> class fills this need.</p>
 */
span.codeInline {
    font-family: "Courier New", "monospace";
}
