/* CSS Document */

html {
margin: 0;
padding: 0;
height: 100%;
}

body {
margin: 0;
padding: 0;
background: #fff;
color: #000;
font: .75em Verdana, Arial, Helvetica, sans-serif;
}

img {
border: 0;
margin: 0;
padding: 0;
vertical-align: top;
}

.cls {
clear: both;
}

#loader{
height: 100%;
background: url(../img/loading.gif) #fff no-repeat center center;
}

#wrapper {
width: 980px;
height: auto;
margin: 0 auto;
padding: 0;
}

#top {
width: 980px;
height: 86px;
margin: 0;
padding: 0;
}

#logo {
float: left;
margin: 0;
padding: 0;
}

#nav {
list-style-type: none;
margin: 0;
padding: 0;
float: right;
background: #fff;
}

#nav li {
float: left;
margin: 0;
padding: 0;
background: #fff;
}


#nav li a#library img {
margin: 22px 0 0 0;
}

#nav li a#contact img {
margin: 51px 0 0 0;
}

#nav li a#help img {
margin: 41px 0 0 0;
}

.mainBox {
width: 975px;
height: auto;
margin: 0 6px;
padding: 0;
overflow: hidden;
}

.mainBox img {
margin: 0 0 0 3px;
padding: 0;
vertical-align: top;
}

.mainBox p.noResults {
clear: both;
margin: 30px 15px;
}

.mainBox #intro {
margin-left: 18px;
}

#helpPage {
height: 665px;
margin: 0 0 0 10px;
padding: 0;
background: url(../img/help_bg.jpg) #f3f3f3 no-repeat top left;
}

#libraryPage {
background: url(../img/table_bg.jpg) #f3f3f3 no-repeat 0 156px;
margin: 0 0 0 10px;
padding: 0;
}

#content {
width: 416px;
height: 665px;
margin: 0 0 0 481px;
padding: 120px 0 0 30px;
background: url(../img/text_bg.jpg) no-repeat top left;
}

#content p {
width: 300px;
margin: 0 0 15px 0;
padding: 0;
}

#playerBox {
width: 650px;
height: 136px;
float: left;
margin: 0 0 0 5px!important;
margin: 0 0 0 2px;
padding: 0;
}

#playerBox object {
display: block;
margin: 0;
padding: 0;
}

#searchForm {
width: 310px;
height: 136px;
background: url(../img/searchform_bg.gif) no-repeat top left;
position: relative;
float: right;
margin: 10px 10px 10px 0!important;
margin: 10px 5px 10px 0;
padding: 0;
}

#searchForm div input#query {
height: 15px;
font-size: 9px;
margin: 66px 0 0 40px;
width: 200px;
border: 0;
background: transparent;
}

#searchForm div input#search {
position: absolute;
top: 33px;
left: 190px;
}

table {
width: auto;
border: 0;
margin: 5px 0 10px 15px;
border-collapse: collapse;
font-size: .9em;
}

table#artistsTable {
width: 232px;
float: left;
margin-top: 26px;
margin-right: 1px;
margin-left: 15px!important;
margin-left: 7px;
}

table#dataTable {
float: left;
margin-left: 4px!important;
margin-left: 0px;
margin-bottom: 10px;
}

table tr td {
padding: 4px 8px;
margin: 0;
border: 0;
}

table#artistsTable tr td.active {
background: url(../img/active_bg.gif) transparent no-repeat top left;
}

table#artistsTable tr td {
padding: 0;
line-height: 10px;
border-left: 0;
}

table tr th {
padding: 0 0 5px 0;
margin: 0;
border: 0;
text-align: left;
}

table tr.even {
background: #D0D0D0;
}

table tr.odd {
background: #DBDBDB;
}

table tr.odd td {
border-left: 9px solid #EAEAEA;
}

table tr.even td {
border-left: 9px solid #F6F6F6;
}



table tr.evenData {
background: #D0D0D0;
}

table tr.oddData {
background: #DBDBDB;
}

table tr.oddData td {
border-left: 9px solid #EAEAEA;
}

table tr.evenData td {
border-left: 9px solid #F6F6F6;
}

table tr.evenDataOn {
color: #d0d0d0;
background: #333;
}

table tr.oddDataOn {
color: #d0d0d0;
background: #333;
}

table tr.oddDataOn td {
border-left: 9px solid #EAEAEA;
}

table tr.evenDataOn td {
border-left: 9px solid #F6F6F6;
}

table#artistsTable tr td a {
display: block;
width: 211px;
height: 11px;
text-decoration: none;
padding: 5px 8px;
}

table#artistsTable tr td a:link, table tr td a:visited {
color: #000;
}

table#artistsTable tr td a:hover {
background: #333;
color: #fff;
}

table#artistsTable tr td a:active {
color: #000;
}

table tr td.downloadCell {
border-right: 0;
width: auto;
text-align: center;
padding: 0;
}

table tr th#ratingCell {
width: 138px;
}

table tr th#categoryCell {
width: 132px;
}

table tr th#timeCell {
width: 100px;
}

table tr th#nameCell {
width: 232px;
}

#artistsTable tr th#artistCell {
width: 232px;
}

table tr th a img {
margin: 0 4px;
padding: 0;
border: 0;
}

#artistDesc {
padding: 0;
margin: 20px 25px 10px 0!important;
margin: 20px 12px 10px 0;
background: #d2d2d2;
border: 1px solid #fff;
width: 692px;
float: right;
}

#artistDesc img {
float: left;
display: block;
margin: 20px 20px 10px 10px;
padding: 0;
border: 1px solid #fff;
}

#artistDesc ul {
list-style-type: none;
margin: 20px 0 10px 10px!important;
margin: 20px 0 10px 5px;
padding: 0;
width: 560px;
float: left;
}

#artistDesc ul li {
margin: 0 0 10px 0;
padding: 0;
}

table#artistsTable tr td.active a {
color: #fff;
}