/* m/p: TB LR, T LR B, T R B L */
body { font-family: Arial; margin:0; padding:0; }
div { margin:0; padding:0; }
p { margin: 0; padding: 0.5em; }
#container { margin: 0 auto; }
#hdr { width: 815px; margin: 16px auto 0; }
#middle { width: 808px; margin: 10px auto 8px; text-align: center; }
#sort { text-align: left; width:810px; margin: 0 auto 3px auto; font-size: smaller; font-weight: bold; }
#sort img { border: 0; vertical-align: middle; }
#jtable {
  table-layout: fixed;
  border: outset 1px;
  border-collapse: separate;
  border-spacing: 0px; 
  text-align: left;
}
#jtable td { padding: 4px; border: 1px solid black; border: inset 1px; }
#jcol1 { width: /* 76px */ 11%; }
#jcol2 { width: /* 460px */57%; }
#jcol3 { width: /* 240px */ 32%; }
#adv { background-color: #ccc; text-align: center; padding: 0px; vertical-align: top; }
#footer { font-size: smaller; color: #fefefe; }

.trank { background-color: #113356; color: white; text-align: center; }
.jrank { font-size: 200%; font-weight: bold; margin: 0 auto; text-align: center; }
.jstars { width: 60px; height: 12px; margin: 0 auto; }
.jstars div {
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
  width: 6px; height: 12px;
  font-size: 2px;
  margin: 0; padding: 0;
  cursor: pointer;
}
.s0 { background: url('icons.gif') no-repeat -60px 0px; }
.s1 { background: url('icons.gif') no-repeat -60px -12px; }
.s2 { background: url('icons.gif') no-repeat -48px 0px; }
.s3 { background: url('icons.gif') no-repeat -48px -12px; }
.s4 { background: url('icons.gif') no-repeat -36px 0px; }
.s5 { background: url('icons.gif') no-repeat -36px -12px; }
.s6 { background: url('icons.gif') no-repeat -24px 0px; }
.s7 { background: url('icons.gif') no-repeat -24px -12px; }
.s8 { background: url('icons.gif') no-repeat -12px 0px; }
.s9 { background: url('icons.gif') no-repeat -12px -12px; }
.s10 { background: url('icons.gif') no-repeat 0px 0px; }
.jmsg { color: #fee; font-size: 10px; margin-top: 2px; }
.jcon { background-color: white; color: black; font-size: 80%; line-height: 1.3; }

/* admin */
#adminForm { width: 800px; margin: 0 auto; text-align: right; }
#adminForm, #adminForm input,
  #editForm, 
  .adminControls { color: #600; font-size: 75%; }
#editDiv { display: none; }
#editForm div { text-align: right; margin-right: 2em; }
.adminControls { margin-bottom: 0.5em; }
.adminControls img, #adminForm img { border: 0; vertical-align: middle; }
#adminForm a { text-decoration: none; }
#adminForm a:hover { text-decoration: underline; }
p.msg { background-color: #cfc; font-size: 75%; }
p.err { background-color: #fbb; font-size: 75%; }