html, body {
  margin: 15px 0;
  padding: 0;
  font: 12px Verdana, Arial, Sans-Serif;
  background: #000;
  color: #fff;
}

/**************************  CONTENT ***************/
a {
  font: bold 12px Arial, Verdana, Sans-Serif;
  color: #FFCC33;
  text-decoration: none;
}
a:hover {
  color: #fff;
}
img {border: 0;}
span {
  font: bold 12px Verdana, Arial, Sans-Serif;
  color: #FFCC33;
}
input, textarea, select {
  background: #C0C0C0;
  /*color: #FFCC33;*/
  border: 1px solid #313131;
}
input.box {
  border: 0;
  background: none;
}
h1 {

}
h2 {

}
.error {
  color: red;
}
.alert_message {
  color: #fff;
  background: #C40000;
  font-size: 10px;
  font-weight: bold;
  padding: 3px;
}
#dragbar {
  background: #FFF7BD;
  color: #FF8A00;
  padding: 5px;
  border: 2px dotted #FFCC33;
}
a.drag:hover {
  cursor: help;
}
table {
  font: 12px Verdana, Arial, Sans-Serif;
}
.table {
  width: 100%;
  border: 1px solid #EDEFE7;
  font: small Verdana, Arial, Sans-Serif;
}
.table th {
  background: #FD9900;
  font-weight: bold;
  padding: 3px;
}
.table td {
  border: 1px solid #EDEFE7;
}
table#artist {
  border: 1px solid #242424;

}
#artist img {
  border: 0;/*1px solid #ABABAB;*/
}
#artist td {
  /*vertical-align: top;*/
  background: #0F0F0F;
}
div.name {
  margin-top: 5px;
  border: 1px solid #313131;
  background: #3A3A3A url(images/bg-atrist-name.gif) repeat-y;
  padding: 4px 0;
  text-align: center;
  width: 140px;
}
div.name a {
  font: small Verdana, Arial, Sans-Serif;
  color: #fff;
}
div.name a:hover {
  color: #FFCC33;       
}
.name1 {
  margin-top: 5px;
  border: 1px solid #313131;
  background: #151515 url(images/bg-name1.gif) right repeat-y;
  padding: 4px;
}

.name2 {
  margin-top: 5px;
  border: 1px solid #313131;
  padding: 4px;
}

/**************************  CONTENT ***************/

#top {
  margin: 0 auto;
  width: 740px;
  height: 98px;
  background: url(images/bg-top.gif);
}
#top-address {
  padding-right: 10px;
  text-align: right;
  font-size: 11px;
  color: #FFF7BD;
}
.line {
  margin: 0 auto;
  width: 740px;
  height: 2px;
  background: url(images/bg-line.gif);
  font-size: 1px;
}
#menu {
  width: 740px;
  height: 34px;
  margin: 0 auto;
}
#menu ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  white-space: nowrap;
}
#menu ul li {
  display: block;
  float: left;
  padding-top: 9px;
}
#menu ul li a {
  display: block;
  color: #fff;
  font: 8pt Arial, Verdana, Sans-Serif;
  text-transform: uppercase;
  padding: 2px 3px 9px 3px;
  text-align: center;
}
#menu ul li a:hover, #menu ul li a.current {
  background: url(images/bg-menu-over.gif) bottom repeat-x;
  color: #F1C160;
}
#content {
  margin: 0 auto;
  width: 740px;
  min-height: 300px;
  background: url(images/bg-content.gif) top repeat-x;
  padding: 18px 0;
}
#sub-menu ul {
  list-style: none;
  margin: 10px 0;
  padding: 0;
}
#sub-menu ul li {
  display: inline;
  padding-right: 20px;
}
#footer {
  margin: 0 auto;
  width: 710px;
  height: 20px;
  background: url(images/bg-footer.gif) repeat;
  text-align: right;
  font: 10px Verdana, Arial, Sans-Serif;
  color: #666;
  padding: 5px 15px 0 15px;
}

/*   pageTab   */
ul.pageTab {
  padding: 0;
  list-style: none;
  text-align: right;
}
ul.pageTab li {
  padding: 0;
  list-style: none;
  display: inline;
}
ul.pageTab li.current, a.begin, a.end, a.previous, a.next, a.page {
  padding: 2px 6px;
  margin: 0 -3px;
  background: #151515;
  border: 1px solid #313131;
  font: small Verdana, Arial, Sans-Serif;
  color: #fff;
}
ul.pageTab a.begin:hover, a.end:hover, a.previous:hover, a.next:hover, a.page:hover {
  background: #313131;
  color: #FFCC33;
}
ul.pageTab li.current {
  background: #313131;
  color: #FFCC33;
}
/*   !pageTab  */