* { margin: 0; padding: 0; xoutline: 0; }
xbody { background: #fefeff; background-image: url('images/world-repeatable.jpg'); background-repeat: repeat-y; background-position: 700px 0px; }
body { background: #ffffff; background-image: url('images/rbg.png'); background-repeat: repeat-y; background-position: 730px 0px; }
body, td, div, p { font: 9pt arial; }
p { margin-bottom: 7px; }
p.newtext { margin-right: 70px; color: #444; }
p.origauthor { color: #666; font-weight: bold; }
p.origtext { color: #666; font-style: italic; }
input { font: 9pt arial; padding: 1px 4px 1px 4px; } /* becomes a bit too fat in firefox */
textarea { font: 9pt arial; padding: 3px; }
a { color: #447; text-decoration: none; }
a.hover { color: #00f; }
a.active { color: #30f; }
hr.menurule { margin-top: 6px; margin-bottom: 4px; width: 700px; } /* bottom 2px without icons below */

img.profile { border: solid 1px gray; outline: none; }
img.icon { vertical-align: bottom; border: 0px; }

.area0 { xcolor: #666666; }
.area1 { color: #3a0359; }
.area2 { color: #592E2E; }
.area3 { color: #B8904B; }
.area4 { color: #3D5944; } /* #024c16; */
.area5 { xcolor: #666666; }
.area0b { xcolor: #aaaaaa; }
.area1b { color: #aaaaaa; }
.area2b { color: #aaaaaa; }
.area3b { color: #aaaaaa; }
.area4b { color: #aaaaaa; } /* #024c16; */
.area5b { xcolor: #aaaaaa; }
.areabg0 { xbackground-color: #666666; }
.areabg1 { background-color: #3a0359; }
.areabg2 { background-color: #592E2E; }
.areabg3 { background-color: #A67419; }
.areabg4 { background-color: #456E50; } /* #024c16 */
.areabg5 { xbackground-color: #666666; }

._area1b { color: #7a4399; }
._area2b { color: #996E6E; }
._area3b { color: #f8d08B; }
._area4b { color: #7D9984; } /* #024c16; */

.topmenu { color: white; }
.smaller { font-size: 8pt; }
td.small { font-size: 8pt; }
span.smallest { font-size: 6pt; }
a.highlighted { color: red; }
span.highlighted { color: red; }
.weaker { color: gray; }
.confirmactionG { background: #efe; font-weight: bold; border: solid green 2px; padding: 10px; margin-bottom: 7px; text-align: center; }
.confirmactionY { background: #ffe; font-weight: bold; border: solid yellow 2px; padding: 10px; margin-bottom: 7px; text-align: center; }
.confirmactionR { background: #fee; font-weight: bold; border: solid red 2px; padding: 10px; margin-bottom: 7px; text-align: center; }
.fullwidth { width: 700px; max-width: 700px; }
.headline { font: 12pt arial; color: #334; margin-bottom: 0px; } /* not all pages use this */
.alert { font: 12pt arial; color: #f80; } /* intended to be readable even in topbanner */
.debugheadline { font-size: 9pt; font-weight: normal; color: #808; } /* not all pages use this */
.thumbname1 { font-size: 8pt; padding-top: 4px; }
.thumbname { font-size: 7pt; padding-top: 3px; }
.quote { background-color: rgba(0,60,255,0.03); margin: 0px 0px 10px 0px; padding:7px; xborder: solid #88f 1px; border-top: solid #ccc 1px; border-bottom: solid #ccc 1px; }
.shaded { background-color: #eef; }
.bgshade { background-image: url('images/bgshade.png'); background-repeat: repeat-x; }
.viewpic { width: 700x; vertical-align: top; text-align: center; }
.gallerypic { width: 230px; vertical-align: top; text-align: center; }
.galleryspace { width: 10px; background-color: #fff; }
.padded { padding: 4px 4px 4px 4px; }
.paddedTRB { padding: 4px 4px 4px 0px; }
.msgleft { padding: 4px 4px 4px 0px; width: 70px; }
.msgright { width: 630px; }
.sprite { position: absolute; top: 0; left: 0; visibility: hidden; }
.jumper { position: absolute; top: 55px; left: 0px; visibility: hidden; z-index: -1; }

div.topbanner { background: #329; font: 16pt tahoma; xwidth: 930px; height: 35px; color: #fff; vertical-align: middle; }
div.xtopbannerm { background: #329; font: 16pt tahoma; width: 700px; height: 35px; color: #fff; vertical-align: middle; }
div.xmaincontainer { width: 950px; }
div.xmaincontainerm { width: 755px; }
div.container { padding: 4px 10px 10px 10px; xwidth: 700px; float: left; } /* top 8px without card.png */
div.container2 { background-color: rgba(255,255,255,0.7); padding: 10px; width: 250px; float: left; }

table.login { float: right; margin: 225px 0px 0px 0px; xwidth: 340px; } /* was 240 0 0 340, then 225 15 0 325 */
table.members { width: 700px; margin-top: 8px; }
table.discs { width: 700px; margin-top: 8px; xbackground-image: url('images/pattern.png'); }
table.posts { width: 700px; margin-top: 8px; xbackground-image: url('images/pattern.png');}
table.messages { width: 600px; margin-top: 8px; }
table.profile { width: 700px; margin-top: 10px; }
table.invitetable { background: #fff; border: solid blue 1px; padding: 7px; border-spacing: 5px; margin-right: 20px; }

tr.topalign { vertical-align: top; }
tr.profile { vertical-align: top; }
tr.members { vertical-align: top; }
tr.messages { vertical-align: top; }
tr.unread { vertical-align: top; }
tr.discs { vertical-align: top; }
tr.posts { vertical-align: top; }

td.header { vertical-align: bottom; padding-top: 4px; padding-bottom: 10px; background-color: xrgba(0,0,255,0.2); }
div.headerL { float: left; background-color: xrgba(0,0,255,0.2); width: 550px; }
div.headerLNoPag { float: left; }
div.headerR { float: right; vertical-align: bottom; text-align: right; font-weight: bold; }

td.tight { width: 50px; }
td.profileinfo { padding-left: 7px; }
td.members { padding-right: 5px; padding-bottom: 10px; }
td.memberinfo { padding: 0px 4px 0px 7px; }
td.discs { padding: 0px 5px 5px 0px; }
td.discdate { padding-left: 4px; color: gray; white-space: nowrap; text-align: right; }
td.messages { padding: 0px 5px 5px 0px; }
td.postauthor { width: 80px; text-align: center; padding-bottom: 10px; xborder-bottom: solid gray 1px; }
td.posttext { padding-left: 7px; xbackground: white; padding-right: 100px; }
td.postactions { vertical-align: bottom; text-align: right; padding-bottom: 10px; xborder-bottom: solid gray 1px; }