body {
 color: #333300;
 font-family: sans-serif;
}

A {
 color: #0000AD;
}

A:visited {
 color: #330033;
}

#header {
 position: relative;
 height: 4em;
 border-bottom: 10px solid #E3E3E3;
}

#header h1 {
  font-family: verdana, arial, sans-serif;
  font-size: normal;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 10px;
  margin: 0;
}

#header h1 a {
  color: #333300;
  text-decoration: none;
}

#header ul {
  font-size: 0.1px;
  list-style: none;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 15px 0 0;
}

#header li {
  height: 20pt;
  float: right;
  padding: 0px;
  margin: 0 1px 0 1px;
}

#header #tab {
 padding: 0;
 background: #E3E3E3 url("tab-r.gif") no-repeat top right; 
}

#header #tab #tabtext {
  font-size: small;
  display: block;
  padding: 3px 10px 3px 10px;
  background: url("tab-l.gif") no-repeat top left;
}

#header #tab #tabtext a {
 color: #333300;
  text-decoration: none;
  font-weight: bold;
}

#header #tab #tabtext a:hover {
  color: #666600;
}

#body {
  margin: 20px;
  font-size: normal;
  line-height: 140%;
}

.contents {
  text-align: left;
  float: left;
  width: 65%;
  border-right: 1px dotted #333300;
  padding: 10px 10px 0 0;
  font-size: small;  
}

h2 {
  margin: 0 10px 10px 0;
  padding: 5px;
  border-bottom: 3pt solid #D6D6CE;
}

.close {
  text-align: right;
  font-size: small;
  padding: 5px;
}

.contents .description {
  margin: 0px 10px 25px 10px;
}

.contents dt {
  font-weight: bold;
}

.contents dd {
  margin: 0 0 10px 30px;
}

.contents #old {
  color: gray;
  font-style: italic;
}

.contents #submit {
  text-align: center;
}

.contents #papersize {
  margin: 10px 0 10px 0;
}

.contents #bgimage {
  text-align: left;
  margin: 0 15px 0 0;
}

.title {
  text-align: left;
  margin: 0;
}

.artist {
  text-align: left;
  margin: 0;
}

.warning {
  margin: 10px;
  text-align: center;
}

.contents #showordownload {
  margin: 10px 0 10px 0;
}

.contents #mediatype {
  text-align: center;
  padding: 3px 0 20px 0;
}

.contents .trackheader {
  border-bottom: 1.0pt solid black;
}

.contents th {
  padding: 5px 5px 5px 5px;
}

.contents #getreader {
  font-size: x-small;
  margin: 14px 0 0 0;
}

.resulttitle {
  background-color: #E3E3E3;
  padding: 5px;
  font-weight: bold;
}

.jsearch {
  width: 90%;
  padding:5px 0 10px 0;
}

.jsearch .item {

}

.jsearch .image {
  padding: 5px 0 5px 0;
}

.jsearch .info {
  padding: 0 10px 0 10px;
}

.jsearch .title {
  font-size: small;
}

.jsearch .artist {
  font-size: small;
}

.jsearch .action {

}

.jsearch .papercaselink {
  padding: 5px 0 5px 0;
}

.jsearch .detaillink {
  padding: 5px 0 5px 0;
}

.side {
  float: right;
  width: 30%;
  padding: 0 0 0 10px;
}

.side #info {
  margin: 5px 0 10pt 5px;
  font-size:small;  
}

.side #info #infotitle {
	font-weight: bold;
	text-align: center;
	background: #E3E3E3;
	padding: 3px 5px 3px 15px;
	border: 1px solid #D6D6CE;
    -moz-border-radius: 8px 8px 0 0;
}

.side #info #infobody {
   border: 1px solid #D6D6CE;
   background: #FFFFFF;
   padding: 8px;
}

.footer {
 clear:both;
}