body {
  background-color: #000000;
  color: #FFFFCC;
  font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica,
    sans-serif;
  margin: 0px;
  padding: 0px;
  background: Black;
  background-position: top;
  background-repeat: no-repeat;
}

#page {
  color: #FFFFCC;
  border-top-width: 50px;
  background: url(images/mainbkgrd.jpg) repeat-y top left black;
  width: 1000px;
  padding-left: 100px;
  margin-top: 20px;
}

#header {
  width: 800px;
  height: auto;
  font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial,
    helvetica, sans-serif;
}

#content {
}

#topbar {
  background: #000000    url(images/catstrip3.jpg)    ;
  color: #FFFFCC;
  font: bold 14px tahoma, verdana, geneva, lucida, 'lucida grande', arial,
    helvetica, sans-serif;
  padding: 3px 6px 3px 6px;
  white-space: nowrap;
  text-align: center;
}


a:link {
  color: #993300;
}

a:visited {
  color: #660000;
}

a:hover,a:active {
  color: #FF9900;
}

.page {
  background: url(images/mainbkgrd.jpg) repeat-y top left #545454;
  color: #FFFFCC;
}





th {
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}

td {
  text-align: left;
}

.tborder {
  background-color: #000000;
  color: #000000;
  border: 1px solid #000000;
}

.tcat {
  background: #000000 url(images/catstrip3.jpg);
  color: #CC9900;
  font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial,
    helvetica, sans-serif;
}

.tcat a:link {
  color: #CC9900;
  text-decoration: none;
}

.tcat a:visited {
  color: #CC9900;
  text-decoration: none;
}

.tcat a:hover,.tcat a:active {
  color: #FFCC00;
  text-decoration: underline;
}

.thead {
  background: #003300 url(images/titlebackgreen.jpg);
  color: #FFFFCC;
  font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial,
    helvetica, sans-serif;
}

.thead a:link {
  color: #FFFFCC;
}

.thead a:visited {
  color: #FFFFCC;
}

.thead a:hover,.thead a:active {
  color: #FFCC00;
}

.tfoot {
  background: #333333 url(images/bkgrd1.jpg);
  color: #CC9900;
}

.tfoot a:link {
  color: #CC9900;
}

.tfoot a:visited {
  color: #CC9900;
}

.tfoot a:hover,.tfoot a:active {
  color: #FFCC00;
}

.alt1,.alt1Active {
  background: #ccccb6 url(images/paper.jpg);
  color: #000000;
}

.alt2,.alt2Active {
  background: #2a1f07 url(images/paper2.jpg);
  color: #000000;
}

.wysiwyg {
  background-color: #F5F5FF;
  color: #000000;
  font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica,
    sans-serif;
}

textarea,.bginput {
  font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica,
    sans-serif;
}

.button {
  font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica,
    sans-serif;
}

select {
  font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica,
    sans-serif;
}

option,optgroup {
  font-size: 11px;
  font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica,
    sans-serif;
}

.smallfont {
  font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica,
    sans-serif;
}

.time {
  color: #666686;
}

.navbar {
  font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica,
    sans-serif;
}

.highlight {
  color: #FF0000;
  font-weight: bold;
}

.fjsel {
  background-color: #999966;
  color: #CCCC99;
}

.fjdpth0 {
  background-color: #F7F7F7;
  color: #000000;
}

.panel {
  background-color: #999966;
  color: #000000;
  padding: 10px;
  border: 2px outset;
}

.panelsurround {
  background: #CCCC99 url(images/paper.jpg);
  color: #000000;
}

legend {
  color: #663300;
  font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial,
    helvetica, sans-serif;
}

.vbmenu_control {
  background: #000000 url(images/lotro-theme/catstrip3.jpg);
  color: #FFFFCC;
  font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial,
    helvetica, sans-serif;
  padding: 3px 6px 3px 6px;
  white-space: nowrap;
}

.vbmenu_control a:link {
  color: #FFFFCC;
  text-decoration: none;
}

.vbmenu_control a:visited {
  color: #FFFFCC;
  text-decoration: none;
}

.vbmenu_control a:hover,.vbmenu_control a:active {
  color: #FFCC00;
  text-decoration: underline;
}

.vbmenu_popup {
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #0B198C;
}

.vbmenu_option {
  background-color: #CCCC99;
  color: #000000;
  font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica,
    sans-serif;
  white-space: nowrap;
  cursor: pointer;
}

.vbmenu_option a:link {
  color: #663300;
  text-decoration: none;
}

.vbmenu_option a:visited {
  color: #663300;
  text-decoration: none;
}

.vbmenu_option a:hover,.vbmenu_option a:active {
  color: #FF6600;
  text-decoration: none;
}

.vbmenu_hilite {
  background-color: #999966;
  color: #663300;
  font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica,
    sans-serif;
  white-space: nowrap;
  cursor: pointer;
}

.vbmenu_hilite a:link {
  color: #FFFFFF;
  text-decoration: none;
}

.vbmenu_hilite a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

.vbmenu_hilite a:hover,.vbmenu_hilite a:active {
  color: #FFFFFF;
  text-decoration: none;
}

/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername {
  font-size: 14pt;
}

/* ***** small padding on 'thead' elements ***** */
td.thead,div.thead {
  padding: 4px;
}

/* ***** basic styles for multi-page nav elements */
.pagenav a {
  text-decoration: none;
}

.pagenav td {
  padding: 2px 4px 2px 4px;
}

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset {
  margin-bottom: 6px;
}

.fieldset,.fieldset td,.fieldset p,.fieldset li {
  font-size: 11px;
}

/* ***** don't change the following ***** */
form {
  display: inline;
}

label {
  cursor: default;
}

.normal {
  font-weight: normal;
}

.inlineimg {
  vertical-align: middle;
}