body { background: black; color: white; font-family:Arial,Helvetica,sans-serif; font-size: 13px;
background-image:url('Images/bg.jpg'); background-position:top center; background-repeat:repeat-y; text-align: center; margin: 0; }
div#body {width: 765px; margin: 10px auto 10px auto; text-align: left; position: relative;}
div,td { font-family:Arial,Helvetica,sans-serif; font-size: 13px; }
a:hover { text-decoration: underline; }
img { border: 0; }
img a:hover {text-decoration:none;}
.titleframe { width: 500px; margin-left: auto; margin-right: auto; padding: 4px; text-align: center; }
.frame { width: 753px; margin-left: auto; margin-right: auto; padding: 4px; }
.tandc { clear: both; font-size:11px; text-align:center; }
.tandccc { clear: both; }
.scroll { color: black; }
.heading { text-align:center;margin: 6px; }
.heading span {width: 125px; margin: 0 auto; display: block; background-image:url(Images/smbrownback.jpg); border: 3px solid #3E3B23; border-top: 3px solid #7C774A; border-left: 3px solid #7C774A; background-color: #4D422E; padding: 3px 10px 3px 10px; }
a { color: #90c040; text-decoration: none; }
.scroll a { color: #7B4F17; font-weight: bold; }
.e {border:2px solid #382418; background-color: black; }
.wide_e { border: 2px solid #382418; background-color: black; }
div.horizontalscroll { width: 765px; height: 159px; overflow: hidden; margin: 5px 0; background-color: #C2AB79; background-image: url("Images/horizontal_scroll.gif"); position: relative;}
div.horizontalscroll-content { margin: 15px 40px; color: #000000; position: relative;}
div.widescroll { width: 735px; background-color: #C2AB79; margin: 0 10px 0 15px; position: relative;}
div.widescroll-bgimg { width: 745px; position: relative; margin: 0 -5px; background-image: url("Images/backdrop_745.gif"); background-repeat: repeat-y;}
div.widescroll-content { padding: 25px 10px; color: #000000; position: relative; margin: 0 5px;}
img.widescroll-top { position: relative; top: 25px; padding:0; margin: 0; z-index: 100; display: block;}
img.widescroll-bottom { position: relative; padding:0; margin: 0; top: -25px; display: block;}
div.widescroll-content a, div.horizontalscroll-content a, div.narrowscroll-content a {color: #7B4F17; font-weight: bold; }
div.narrowscroll-bgimg { width: 457px; position: relative; margin: 0 -5px; background-image: url("Images/scroll457t.gif"); background-repeat: repeat-y;}
div.narrowscroll-bg { width: 447px; background-color: #C2AB79; margin-left: 10px; }
div.narrowscroll-content { padding: 25px 10px; color: #000000; position: relative; margin: 0 5px;}
div.narrowscroll-content td { color: black; }
img.narrowscroll-top { position: relative; top: 25px; padding:0; margin: 0; z-index: 100; display: block;}
img.narrowscroll-bottom { position: relative; padding:0; margin: 0; top: -25px; display: block;}

.inbox-title-frame {
 text-align: center;
 width: 100%;
 height: 72px;
 background-image: url(Images/inbox_banner.gif);
 background-repeat: no-repeat;
 border-color: red;
 vertical-align: middle;
}

input,select,textarea { 
background:#4D422E url('brownback.jpg'); color: white;
} 

.topimg { margin-left: 10px; width: 200px; height: 100px;} 
.left { float: left; } 
.right { text-align: right; } 
fieldset { background-color: black; } 
fieldset.menu { border: 2px solid #382418; width: 260px; margin: 0 0 10px 0; display: block; padding: 0 5px 5px 5px; background-position: bottom right; background-repeat: no-repeat; } 
fieldset.menu legend { font-weight: bold; color: white;} 
fieldset.menu ul { padding: 0; margin: 0;}  
fieldset.menu ul li { list-style: square inside; width: 220px; }


fieldset.menu2 { border: 2px solid #382418; width: 750px; margin: 0 0 10px 0; display: block; padding: 0 5px 5px 5px; background-position: bottom right; background-repeat: no-repeat; } 
fieldset.menu2 legend { font-weight: bold; color: white;} 
fieldset.menu2 ul { padding: 0; margin: 0;}  
fieldset.menu2 ul li { list-style: square inside; width: 220px; }


.news dd { padding: 0 0 1em 0; margin: 0; height: 50px;} 
dl.news>dd {
 height: auto;
 min-height: 50px;}
.news dt { font-weight: bold; clear: right;} 
.newsdate { float: right; } 
.news a { margin-top: 0.5em; } 
.newscontainer { margin-left: 290px; margin-bottom: 110px; } 
img { border: 0; } 
.buttons { width: 457px; height: 110px; position: relative; margin: 0; } 
.buttons a{ display: block; position: absolute; width: 180px; height: 80px; margin: 5px; background: #808080; font-weight: bold; color: white; text-align: center; border: 5px outset #909090;} 
.buttons a:hover { background: #A0A0A0; border-color: #ffffff} 
#button-left {left: 15px; top: 0px;} 
#button-left span.lev1 {background-image: url('Images/doublebutton_create.gif');} 
#button-right {right: 15px; top: 0px;} 
#button-right span.lev1 { background-image: url('Images/doublebutton_play.gif');} 
span.lev1 { display: block; cursor: pointer; cursor: hand; position: absolute; top: -10px; left: -10px; width: 200px; height: 100px;} 
a:hover span.lev1 { background-position: 0 100px;}
* html fieldset.menu {position: relative; padding-top: 10px; display : block; margin-top: 15px;}
* html fieldset.menu legend {position: absolute; top: -7px;}








div.narrowscroll-bg { width: 447px; background-color: #C2AB79; margin-left: 10px; }
div.narrowscroll-content { padding: 25px 10px; color: #000000; position: relative; margin: 0 5px;}
div.narrowscroll-content td { color: black; }
img.narrowscroll-top { position: relative; top: 25px; padding:0; margin: 0; z-index: 100; display: block;}
img.narrowscroll-bottom { position: relative; padding:0; margin: 0; top: -25px; display: block;}
 #picker { float: right; margin-top: -20px; color: #888;}
 TABLE { width: 100%; border-spacing: 0px; border-collapse: collapse; }
 INPUT, SELECT, TEXTAREA { background-color: black; color: white; border-color: #444; }
 INPUT, SELECT { font-size: x-small; }
 .bk { display: none; }
 .tandc { margin-top: 20px; }
 .tandccc { margin-top: 20px; }
 .white { color: white; }
 .highlight { color: #ffbb22; }
 .inactive { color: #999; }
 .sticky1, TD.unread { font-weight: bold; }
 .num,.center { text-align: center;  }
 .bigtitle { font-size: 12pt; font-weight: bold; }
 .thrd { white-space:nowrap; width=100%; }
 #breadcrumb, .title, #commandtitle { color: white; font-weight: bold; }
 UL.flat { list-style-type: none; margin: 2px; padding: 0; }
 UL.flat LI { display: inline; padding: 0 4px; margin: 0; }
 .actions INPUT, .actions SELECT { background-color: #222; border: 1px solid #444; text-align: center; }
 #infopane { padding-top: 10px; width: 100%; text-align: center; }
 #infopane .title, #infotitle { font-size: 18pt; margin: 0 20px 0 5px;}
 #infotitle { margin: 40px 10%; }
 .attention { text-align: center; color: white; background-color: #a00; margin: 10px 0 0 0; padding: 2px; width: 100%; }  
 .actions .commands { text-align: right; }
 .nav, .nav INPUT { font-size: 8pt; }
 #nocontrols { height: 24px; padding: 1px; margin-top: 10px; }
 #controls, .actions, #commandtitle, #info, #content { position: relative; background-color: black; }
 #commandtitle { margin-top: 60px; text-align: center; font-size: 16pt; font-weight: bold; padding: 2px 0; }
 #controls { padding: 1px; margin-top: 10px; text-align: center; }
 #controls, .actions, .border, #commandtitle, #info { border: 2px solid #382418; }
 #info { width: 80%; margin: 50px 10% 0 10%; padding: 5px; }
 #breadcrumb { margin-top: 15px; }
 #command { text-align: center; margin-left: 15%; width: 70%; }
 #command .commandtitle { text-align: right; width: 40%; }
 #command .commandinput { font-size: 10px; }
 #menu { margin: 20px 0; text-align: center; }
 #command .commandtwo { text-align: center; }
 #contentfrm .groupname { border: 2px solid #382418; border-bottom: 0; background-color: #1c1610; font-size: 12pt; font-weight: bold; text-align: left; padding: 5px 0 5px 5px; }
 #contentfrm .item { background-color: #000; }
 #contentfrm .icon, #content .threadmarks { width: 25px; text-align: center; padding-right: 5px; }
 #contentfrm.frmname { width: 50%; }
 #top { margin-top: 2px; padding: 2px; }
 #contentfrm, #content, #becontrol, #contentmsg { padding: 2px; margin-top: 20px; }
 #bottom { margin-top: 5px; padding: 2px; }
 #contentfrm .lefttd { border-left: 2px solid #382418; }
 #contentfrm .righttd { border-right: 2px solid #382418; }
 #contentfrm .groupend { border-top: 2px solid #382418; margin-bottom: 10px; }
 #contentfrm .item, #content.item { border-top: 1px solid #382418; }
 #content .updated, #contentfrm.updated { width: 22%; }
 #content .spacerm #contentmsg .spacerm, #contentfrm.spacerm { height: 5px; }
 #content .sticky { font-weight: bold; }
 .modcentreitem DIV.l { text-align: center; margin: 6px; padding: 3px; background-color: black; border: 2px solid #313131;  }
 .modcentreitem IMG { padding: 0px 5px; }
 .modcentreitem .title { padding-bottom: 5px; }
 #becontrol TD.list, #becontrol TD.viewdetails, .extra { border: 2px solid #313131; padding: 2px; background-color: black; }
 #becontrol TD.list { width: 25%; }
 #becontrol TD.viewdetails { padding-left:10%; width: 60%; }
 #becontrol .priv { text-align: right; margin-right: 32%; }
 .extra, TD.viewdetails { margin-top: 20px; }
 .extra { text-align: center; }
 #history, .listof { text-align: left; }
 #history { margin-top: 20px; margin-left: 1%; width: 98%; }
 .searchresult { padding: 2px; }
 #uid { text-align: center; color: #888; margin-top: 20px; }
 .msgplace { margin-top: -50px; }
 #smileylegend { margin-top: 20px; text-align: center; }
 #smileylegend SPAN { cursor: pointer; cursor: hand; }
 .thdhid { background-color: #270909; }
 .thdnrml { background-color: #191919; }



 #contentmsg .message { text-align: left; border: 2px solid #382418; spurious: #6d593e; margin-bottom: 15px; background-color: #1c1610; }
 #contentmsg .leftpanel { vertical-align: top; width: 20%; padding: 10px 0; background-color: #261d14;}
 #contentmsg .rightpanel { margin-right: 10px; padding-left: 3%; word-wrap: break-word; overflow:hidden;}
 #contentmsg .msgcontents { padding: 10px 10px 2em 0; word-wrap: break-word; overflow:hidden; }
 #contentmsg .msgtime { color: #888; text-align: right; margin-right: 5px; }
 #contentmsg .hiddenmsg { color: #888; }
 #contentmsg .msgcommands { text-align: center; margin-top: 5px; }
 #contentmsg .modtype, #content .msgcommands { font-size: 8pt; text-align: center; }
 #contentmsg .msgcreator { text-align: center; }
 #contentmsg .msgcreator A { color: white; }
 #contentmsg .mod { background-color: #092009; border-color: #294729; }
 #contentmsg .mod .leftpanel { background-color: #092709; }
 #contentmsg .moved { background-color: #050525; border-color: #16164a; }
 #contentmsg .moved .leftpanel { background-color: #050530; }
 #contentmsg .jmod .leftpanel { background-color: #4c4205; }
 #contentmsg .jmod { background-color: #3e3605; border-color: #8c7a16; }
 #contentmsg .hid .leftpanel { background-color: #270909; }
 #contentmsg .hid { background-color: #200909; border-color: #472929; }
 #contentmsg .msghighlight { border: 2px solid yellow; color: white; }

/* Page layout */
h1.homepage {
 color: #382418;
 text-align: center;
}
body, div, td {font-size: 12px; }
div.hscroll {
 position: relative;
 width: 765px;
 height: 100px;
 margin-top: 0px;
 margin-bottom: 5px;
}
div.hscroll-bg {
 position: absolute;
 left: 30px;
 top: 5px;
 width: 705px;
 height: 90px;
 background-color: #c2ab79;
}
.hscroll-img {
 position: absolute;
 left: 0;
 top: 0;
 width: 765px;
 height: 100px;
 color: black;
 background-image: url("Images/horizontal_scroll_short.gif"); 
 background-repeat: no-repeat;
}
.hscroll form {
 position: relative;
 left: 45px;
 width: 675px;
 height: 100px;
 padding: 0;
 margin: 0;
}
.hscroll-img table, .hscroll-img td {
 color: black;
}
.hscroll label {
 float: left;
 clear: left;
 width: 7em;
 line-height: 2em;
 padding: 0; margin: 0;
}
.hscroll a {
 color: #7B4F17;
 font-weight: bold;
}
.hscroll a:visited, .wide_scroll a:visited {
 color: #80623A;
}
.widescroll-content table {
 color: #000000;
}
.center {
 text-align: center;
}
div.spacer {
 text-align: center;
 margin-top: 1em;
 clear: both;
}
div.float {
 width: 327px;
 margin-right: 10px;
 margin-left: 10px;
 float: left;
}
div.float h4 {
 margin-bottom: 0.5em;
}
.clear {
 clear: both;
 display: block;
 float: none;
 height: 1px;
}
/* Form layout */
/*
label {
 display: block;
 font-weight: bold;
 margin-top: 0.5em;
}
.horizontal_scroll_short label {
 width: 7em;
 clear: left;
 float: left;
 line-height: 200%;
 text-align: left;
}
*/
label {
 display: block;
 font-weight: bold;
 margin-top: 0.5em;
}
.hscroll label {
 width: 7em;
 font-weight: bold;
 line-height: 200%;
}
.navi-box label {
 margin: 0px;
}
/* Headings */
h1 {
 font-size: 18pt;
 margin: 10px 0 0.2em 0;
}
h2 {
 font-size: 14pt;
 margin: 1em 0 0 0; 
}
h1, h2 {
 clear: left;
}
h3 {
 font-size: 11pt;
}
h4 {
 font-size: 10pt;
}
h3, h4 {
 margin: 0.5em 0 0 0;
}
// HRs
hr {
 width: 75%;
 padding: 0;
 margin-top: 1em;
 margin-bottom: 1em;
 margin-left: auto; margin-right: auto;
 text-align: center;
 border-bottom: 1px solid #382418;
 color: #382418;
 height: 1px;
 border-width: 0 0 1px 0;
}
hr.trails, hr.trails_top {
 width: 100%;
 color: #382418;
 height: 1px; 
 border-width: 0 0 1px 0;
 border-bottom: 1px solid #382418;
 margin: 0;
 padding: 0;
}
hr.trails_top {
 padding-top: 10px;
}
/* SafeTags */
table {
 border-collapse: collapse;
}
tr.row_a td {
 background-color: #d8cda0;
}
tr.row_b td {
 background-color: #c9ad7a;
}
a.link_a {
 color: #cc0000;
}
tr.row_h td {
 background-color: #d8cda0;
 font-weight: bold;
 text-align: center;
}      
span.spoiler_top {
 color: white !important
}
div.spoiler, div.spoiler_show {
 background: black !important;
 color: black !important;
 border: 1px dashed white !important;
}
div.spoiler_show, div.spoiler_show table {
 color: white !important;
}
/* Lists */
ul.trails {
 margin: 0;
 margin-left: 6em;
 padding: 0;
 list-style: none;
}
ul.trails li {
 padding: 0; margin: 0;
}
.links {
 margin: 0;
 padding: 0;
}
.links li {
 margin-left: 20px;
 margin-top: 3px;
}
ul.bigger li img {
 width: 25px; height: 25px;
 vertical-align: middle;
 margin-right: 10px;
}
ul.bigger li {
 margin-left: 10px;
 margin-top: 3px;
 padding-left: 0;
}
.navi-box {
 position: absolute;
 height: 18em;
 top: 0px;
 width: 300px;
}
ul.news li {
 margin-bottom: 0.5em;
}
/* Category index layout */
div.container {
 position: relative;
 width: 715px;
}
div.link_large, div.link_med {
 border: 2px solid #382418;
 float: left;
 overflow: hidden;
}
div.link_large img, div.link_med img {
 float: left;
 margin: 2px 4px 2px 2px;
}
div.link_large {
 width: 351px;
 height: 69px;
 margin: 5px 0 0 0;
}
div.link_large img {
 width: 95px; height: 65px;
}
div.link_large h3 {
 font-size: 11pt;
 margin: 0 0 0 2px;
}
div.link_med {
 width: 231px;
 height: 50px;
 margin: 4px 0 0 0;
}
div.link_med img {
 width: 30px; height: 34px;
}
div.link_med h3 {
 font-size: 10pt;
 margin: 0 0 0 2px;
}
div.link_none {
 margin: 3px;
}
div.link_none h3 {
 font-size: 10pt;
}


div.horizontalscroll { width: 765px; height: 159px; overflow: hidden; margin: 5px 0; background-color: #C2AB79; background-image: url("Images/horizontal_scroll.gif"); position: relative;}
div.horizontalscroll-content { margin: 15px 40px; color: #000000; position: relative;}
div.widescroll { width: 735px; background-color: #C2AB79; margin: 0 10px 0 15px; position: relative;}
div.widescroll-bgimg { width: 745px; position: relative; margin: 0 -5px; background-image: url("Images/backdrop_745.gif"); background-repeat: repeat-y;}
div.widescroll-content { padding: 25px 10px; color: #000000; position: relative; margin: 0 5px;}
img.widescroll-top { position: relative; top: 25px; padding:0; margin: 0; z-index: 100; display: block;}
img.widescroll-bottom { position: relative; padding:0; margin: 0; top: -25px; display: block;}
div.widescroll-content a, div.horizontalscroll-content a, div.narrowscroll-content a {color: #7B4F17; font-weight: bold; }
div.narrowscroll-bgimg { width: 457px; position: relative; margin: 0 -5px; background-image: url("Images/scroll457t.gif"); background-repeat: repeat-y;}
div.narrowscroll-bg { width: 447px; background-color: #C2AB79; margin-left: 10px; }
div.narrowscroll-content { padding: 25px 10px; color: #000000; position: relative; margin: 0 5px;}
div.narrowscroll-content td { color: black; }
img.narrowscroll-top { position: relative; top: 25px; padding:0; margin: 0; z-index: 100; display: block;}
img.narrowscroll-bottom { position: relative; padding:0; margin: 0; top: -25px; display: block;}