body { color: black; background-color: white; }
/* begin main container layouts */
div.sidemenu { float: left; border-right: thin groove; font-size: smaller; width: 150px; }
div.maincontent { margin-left: 160px; }
div.footer { float: none; }
/* end main container layouts */

/* begin global contents */
h1 { text-align: center; font-size: x-large; }
h2 { font-size: large; }
h3 { font-size: medium; }
div.h2 { margin-left: 30px; }
div.h3 { margin-left: 30px; }
/* div.h2 > ul, div.h2 > ol { margin-left: -30px; } */
a[href^="http"]:after { margin: 0 3px 0 5px; content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==); }

.red { color: red; }
.green { color: green; }
.yellow { color: #ffcc00; }
table.spamlogin { border: thin groove; margin-left: 30px; }
caption.spamlogin { font-weight: bold; text-align: left; }
p.smallmenu { text-align: center; }
.indent { margin-left: 30px; }
sup.reference { font-size: 8pt; padding-left: 2px; }

kbd { font-weight: bold; }
kbd.textfield, kbd.cmd { background-color: #e0e0e0; /* border: 1px dotted lightgray; */ } /* input text field in actual programs (e.g. settings windows in various programs) */
kbd.cmd { font-family: Consolas, monospace; }
kbd.forminputtext { }
kbd > kbd { border: 1px solid #aaaaaa; border-radius: 0.2em; box-shadow: 0.1em 0.2em 0.2em #dddddd; background-color: #f9f9f9; background-image: linear-gradient(to bottom, #eeeeee, #f9f9f9, #eeeeee); padding: 0.1em 0.3em 0.1em 0.3em; } /* used to represent keys on a keyboard (e.g. [Ctrl]+[C]) */
kbd > kbd > img { vertical-align: middle; } /* images on a keyboard key such as the Windows logo key */
samp { }
samp.cmd { font-family: Consolas, monospace; background-color: black; color: white; }

a.selflink { color: black; text-decoration: none; }
a.selflink:hover, a.selflink:active, a.selflink:focus { background-color: #ffffe0; }

img[src*="screenshot"] { display: block; /*clear: both;*/ }
div#showhideimages span[onclick] { cursor: pointer; text-decoration: underline; color: blue; }
/* end global contents */

/* begin side menu contents */
div.sidemenu h4 { margin-top: 0; text-align: center; }
div.sidemenu p.ul { margin-bottom: 0; }
div.sidemenu ul { margin-top: 0; }
div.sidemenu li { margin-left: -15px; }
div.sidemenu li:first-child { margin-top: 0; }
a.xpnosupport { color: red; }
/* end side menu contents */

/* begin footer contents */
div.footer hr { margin-top: 20px; width: 50%; }
.copyright { margin-top: 0; font-size: x-small; text-align: center; }
/* end footer contents */

/* begin temporary notice regarding mail server changes, October 2011 */
.changenotice { border: solid medium red; width: 50%; padding: 0 5px 0 5px; margin-bottom: 20px; }
.attention { color: red; font-size: 16pt; font-weight: bold; }
.changedate { color: red; text-decoration: underline; }
.emailaddressnotchanging { font-size: larger; font-weight: bold; text-decoration: underline; }
.changebefore { text-decoration: underline; }
/* end temporary notice regarding mail server changes, October 2011 */