body {
  margin: 0;
  padding: 0;
  background-color: white;
  background-image: url(../images/bg.gif);
  background-repeat: repeat-y;
}

#bodyBox {
  max-width: 990px;
  width: expression(document.body.clientWidth > 990? "990px" : "auto");
}

body, p, td, th, blockquote, li {
  font-family: verdana, tahoma, arial, helvetica, sans serif;
  font-size: 12px;
}

small {
  font-size: 11px;
}

h1 { font-size: 21px; }
h2 { font-size: 19px; }
h3 { font-size: 17px; }
h4 { font-size: 15px; }

h1, h2, h3, h4 {
  color: #906;
  font-style: italic;
}

fieldset {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

legend {
  font-size: 12px;
  color: #993366;
  font-weight: bold;
}

iframe {
  width: 625px;
  height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
}

.table {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  background-color: #f0f0f0;
  border-collapse: collapse;
  border-spacing: 0px;
}

.table#dashed {
  border-bottom: 1px dashed #ccc;
  border-left: 1px dashed #ccc;
  border-right: 1px dashed #ccc;
}

.grayTable {
  background-color: #f0f0f0;
  border-collapse: collapse;
  border-spacing: 0px;
  border-bottom: 1px dashed #ccc;
  border-left: 1px dashed #ccc;
  border-right: 1px dashed #ccc;
}

.grayTable tr th {
  border-left: 1px solid #906;
  border-right: 1px solid #906;
}

.grayTable #center {
  margin-left: auto;
  margin-right: auto;
}

.halfTable {
  margin-left: auto;
  margin-right: auto;
  background-color: #f0f0f0;
  border-collapse: collapse;
  border-spacing: 0px;
}

.table tr td a, .halfTable tr td a {
  text-decoration: none;
}

a:link    { color:#6600cc; }
a:active  { color:#ff0000; }
a:visited { color:#660066; }

a:hover, .table tr td a:hover {
  text-decoration: underline;
  color: red;
}

tr.dotted td {
  border-bottom: 1px dotted #ccc;
  padding: 2px;
}

th {
  background: #906;
  color: #fff;
  text-align: left;
  padding-left: 8px;
}

.topNav {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  text-align: right;
  font-size: 11px;
}


.bottomNav {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  font-weight: bold;
  font-size: 11px;
}

tt   { padding-right:3px; padding-left:3px; }
tt.c { font-weight:bold; color:#999999; background-color:#e7e7d0; }
tt.m { font-weight:bold; color:#999999; background-color:#e0e0f7; }
tt.s { font-weight:bold; color:#999999; background-color:#e7cce7; text-decoration:none; }
tt.a { font-weight:bold; color:#999999; background-color:#ffcccc; text-decoration:none; }
tt.r { font-weight:bold; color:#999999; background-color:#ccf0cc; text-decoration:none; }

#logo {
  position: absolute;
  left: 7px;
  top: 22px;
}

#header {
  margin: 0 0 0 156px;
  padding: 2px;
  height: 64px;
  border-bottom: 2px solid #906;
  vertical-align: middle;
}

#title {
  left: 0;
  margin: 0;
}

#title.single {
  margin-top: 18px;
}

#subTitle {
  position: relative;
  left: 0px;
  top: 0px;
  margin: 0;
}

#breadcrumb {
  height: 14px;
  margin-bottom: 5px;
  margin-left: 156px;
  padding: 1px 0px 2px 6px;
  background: #c99;
  color: #c99;
  color: #edd;
  font-weight: bold;
  font-size: 11px;
}

#breadcrumb a {
  padding: 0 4px 0 4px;
  color: #fff;
  text-decoration: none;
}

#breadcrumb a:hover {
  color: yellow;
  background: #c99;
  background: #b88;
  text-decoration: none;
}

#alert {
  margin-bottom: 5px;
  text-align: center;
  padding: 3px;
  background: #ffc;
  color: black;
  font-weight: bold;
  border: 2px dashed red;
}

#menu {
  left: 0;
  margin: 0;
  padding: 0 0 90px 0;
  margin-top: -15px;
  width: 149px;
  float: left;
  color: #fff;
}

#menu.home {
  padding-top: 22px;
}

#menu ul {
  margin: 0;
  padding: 5px;
  float: left;
  list-style-type: none;
}

#menu ul li {
  margin: 0;
  padding: 1px;
}

#menu ul li a.selected {
  text-decoration: none;
  color: #fff;
}

#menu ul li a img {
  height: 30px;
  width: 128px;
  border-width: 0;
  margin-bottom: 1px;
  margin-left: 4px;
}

a#news img { background: url(/images/menu/news.gif) top left no-repeat; }
a#highlights img { background: url(/images/menu/highlights.gif) top left no-repeat; }
a#browse img { background: url(/images/menu/browse.gif) top left no-repeat; }
a#search img { background: url(/images/menu/search.gif) top left no-repeat; }
a#account img { background: url(/images/menu/account.gif) top left no-repeat; }
a#join img { background: url(/images/menu/join.gif) top left no-repeat; }
a#submit img { background: url(/images/menu/submit.gif) top left no-repeat; }
a#community img { background: url(/images/menu/community.gif) top left no-repeat; }
a#database img { background: url(/images/menu/database.gif) top left no-repeat; margin-top: 20px; }

a#news:hover img { background: url(/images/menu/xnews.gif) top left no-repeat; }
a#highlights:hover img { background: url(/images/menu/xhighlights.gif) top left no-repeat; }
a#browse:hover img { background: url(/images/menu/xbrowse.gif) top left no-repeat; }
a#search:hover img { background: url(/images/menu/xsearch.gif) top left no-repeat; }
a#account:hover img { background: url(/images/menu/xaccount.gif) top left no-repeat; }
a#join:hover img { background: url(/images/menu/xjoin.gif) top left no-repeat; }
a#submit:hover img { background: url(/images/menu/xsubmit.gif) top left no-repeat; }
a#community:hover img { background: url(/images/menu/xcommunity.gif) top left no-repeat; }
a#database:hover img { background: url(/images/menu/xdatabase.gif) top left no-repeat; }

#smallLogo {
  margin-top: -52px;
  margin-left: 7px
}

#content {
  margin-left: 150px;
  padding: 5px;
}

#footer {
  clear: both;
}

#login {
  float: left;
  width: 130px;
  margin: -32px 4px 0 4px;
  border: 3px groove #b38;
  background-color: #a27;
  color: #ead;
  text-align: center;
  font-size: 11px;
}

#login.on {
  color: #eec;
}

#login a {
  margin: 3px 0 0 0;
  padding: 0;
  display: block;
  width: 100%;
  color: #c39;
  font-size: 11px;
  background-color: #805;
  font-weight: bold;
  text-decoration: none;
}

#login.on a {
  color: #ff9;
}

#login a:hover {
  color: yellow;
  background-color: #c39;
}

.loginButton {
  width: 140px;
}

.label {
  margin: 2px;
}

ol.conditions li {
  margin-top: 10px;
}

#bottomLinks {
  margin: 0 0 0 156px;
  background-color: #eee;
  padding: 2px;
  text-align: center;
  font-size: 11px;
}

.threadSubject {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  background: #906;
  color: #fff;
  text-align: left;
  padding: 2px 0 2px 0;
/*  border: 1px solid #906;*/
  font-size: 14px;
  font-weight: bold;
}

.msgHeader {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  background-color: #ccc;
  padding-top: 2px;
  padding-bottom: 2px;
  border: 2px groove #fff;
}

.msgBody {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  background-color: #f0f0f0;
  border-left: 1px dashed #ccc;
  border-right: 1px dashed #ccc;
}

.msgBody .msg {
  padding: 8px 10px 12px 10px;
  text-align:justify;
}

.msgBody .list {
  text-align: right;
  font-size: 11px;
}

.msgBody .edit {
  text-align: right;
  font-size: 11px;
  font-weight: bold;
}

#confirmation {
  width: 320px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  text-align: center;
  background-color: #f0f0f0;
  border: 1px dashed #ccc;
  font-weight: bold;
}

#confirmation p a {
  margin: 3px;
  padding: 3px 10px 3px 10px;
  width: 100px;
  color: white;
  font-size: 11px;
  background-color: #805;
  font-weight: bold;
  text-decoration: none;
}

#confirmation p a.yes {
  background-color: red;
}

#confirmation p a.no {
  background-color: green;
}

.textarea {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 7px;
  margin-bottom: 7px;
}

.subject {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
}

.red {
  color: red;
  font-weight: bold;
}

.green {
  color: green;
  font-weight: bold;
}

.lightGreen {
  color: #060;
  font-weight: normal;
}

.bold {
  font-weight: bold;
}

td.red {
  font-weight: normal;
}

.bigList {
  padding-left: 12px;
  margin-left: 12px;
}

.bigList li {
  list-style-type: none;
}

.bigList li .header {
  font-size: 17px;
  font-weight: bold;
  font-style: italic;
  margin: 0;
}

.bigList li .comment {
  font-size: 11px;
  color: #666;
  margin: 0 0 2px 20px;
}

.bigList li .header a {
  color: #00c;
  text-decoration: none;
}

.bigList li .header a:hover {
  color: red;
  text-decoration: underline;
}

a#backstage {
  color: green;
}

a#backstage:hover {
  color: red;
}

#rightList {
  position: relative;
  float: right;
  clear: none;
  bottom: 80px;
  border: 1px dashed #999;
  background-color: #fff;
  padding: 0 12px 0 12px;
  margin-right: 20px;
}

#rightList ul {
  padding-left: 0;
  margin-left: 0;
  padding-top: 0;
  margin-top: 12px;
}

#rightbox {
  float: right;
  width: 110px;
  padding: 8px 8px 12px 8px;
  margin-left: 6px;
  margin-right: 16px;
  margin-bottom: 8px;
  background-color: #fee;
  border: 1px dashed #999;
  white-space: nowrap;
}

#rightbox a.button {
  display: block;
  padding: 2px 6px 2px 6px;
  margin: 0 0 5px 0;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  background-color: #ecc;
  color: #906;
  border: 2px groove #ecc;
  text-decoration: none;
}

#rightbox a.button:hover {
  background-color: #c9a;
  color: yellow;
}

#rightbox .stars {
  width: 70px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
}

#rightbox .link {
  font-size: 11px;
  font-weight: bold;
  margin-right: 5px;
  margin-top: 2px;
  white-space: nowrap;
}

#rightbox .link a {
  font-weight: normal;
  white-space: nowrap;
}

#rightbox input {
  margin:0;
  padding:1px;
  width:15px;
}

#rightbox input.small {
  font-size: 10px;
  width:46px;
}

#related {
  position: relative;
  top: -12px;
  white-space: nowrap;
  float: right;
  clear: right;
  padding: 16px 16px 0 10px;
}

#related .header {
  color: #906;
  border-bottom: 1px solid #906;
  font-weight: bold;
  font-size: 11px;
}

#tracklist.full .rem {
  color: gray;
  font-style: italic;
}

#tracklist.filtered .rem {
  display: none;
}

.reviewContainer {
  clear: right;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
  background-color: #fff7f7;
  background: #ccc;
}

.reviewContent {
  position: relative;
  left: -3px;
  top: -3px;
  background-color: #fff7f7;
  border: 1px solid #999;
  padding: 6px 16px 4px 16px;
  text-align:justify;
}

#recentLists {
  float: right;
  background-color: #f0f0f0;
  border: 1px dashed #ccc;
}

#recentLists tr td {
/*  font-size: 12px; */
  padding: 0;
  padding: 1px 8px 1px 8px;
}

#vinesubs {
  width: 90%;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
/*  margin-bottom: 5px;*/
  padding: 6px;
  background-color: #f7f7f7;
  border: 1px dashed #ccc;
}