body {
    margin: 0px;
    padding: 0px;
    font: 12px Helvetica, Arial, sans-serif;
    background: black;
    color: white;
    min-width: 770px;
    background: url(images/redbkgd.jpg) 448px 218px;
}

a {
    text-decoration: none;
    color: white;
}

h1 {
    height: 100px;
    background: url(images/topbkgd.jpg) 448px 0px;
    margin: 0px;
    padding: 0px;
}

h1 a{
    text-indent: -5000em;
    display: block;
    height: 100px;
    background: url(images/header.jpg) 0px 0px no-repeat;
}

h1 a:hover {
    background: white url(images/header.jpg) 0px -100px no-repeat;
}

#nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#nav ul li{
    height: 100px;
    background-image: url(images/topbkgd.jpg);
}

#nav ul li a{
    text-indent: -5000em;
    display: block;
    height: 100px;
}

#uploadlink {
    background-position: 448px -100px;
}
#uploadlink a{
    background: url(images/upload.jpg) 0px 0px no-repeat;
}#uploadlink a:hover{
    background: white url(images/upload.jpg) 0px -100px no-repeat;
}

#infolink {
    background-position: 448px -200px;
}
#infolink a{
    background: url(images/info.jpg) 0px 0px no-repeat;
}#infolink a:hover{
    background: white url(images/info.jpg) 0px -100px no-repeat;
}

#widgetlink {
    background-position: 448px -300px;
}
#widgetlink a{
    background: url(images/widget.jpg) 0px 0px no-repeat;
}#widgetlink a:hover{
    background: white url(images/widget.jpg) 0px -100px no-repeat;
}

#infotext {
    height: 100px;
    background: url(images/topbkgd.jpg) 448px -400px;
    color: #edb31f;
    text-transform: uppercase;
    overflow: hidden;
}

#infotext p{
    padding: 0px 50px;
    font-size: 18px;
    line-height: 24px;
}

#infotext p a{
    color: #edb31f;
}#infotext p a:hover{
    color: white;
}

#chart {
    padding: 0px 50px;
}

#chart h2 {
    padding: 0px;
    margin: 25px 0px;
    font-weight: normal;
    color: #ed2226;
    text-transform: uppercase;
}

#chart h2 a {
    color: #ed2226;
}#chart h2 a:hover {
    color: white;
}

.more #chart p{
    font-size: 18px;
    line-height: 25px;
    max-width: 800px;
}

.more #chart p a{
    color: #ed2226;
}.more #chart p a:hover {
    color: white;
}

#chart ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#chart ul li{
    height: 50px;
    background: #f7ed4a;
    color: black;
    position: relative;
    padding: 0px 10px;
    text-transform: uppercase;
    padding-right: 100px;
    margin-bottom: 20px;
}

* html #chart ul li {
    overflow: hidden;
}

#chart ul li a{
    color: black;
}#chart ul li a:hover{
    color: white;
}

.position {
    font-size: 50px;
    line-height: 50px;

}

* html #chart .position {
    margin-top: 0px;
    width: 100px;
}

.trackname {
    font-size: 24px;
    line-height: 50px;
    margin-left: 10px;
}

.who, .numberofvotes {
    font-size: 16px;
    position: absolute;
    right: 100px;
    margin-right: 0px;
    top: 7px;
}

.numberofvotes {
    color: white;
    top: 27px;
}

.playbutton {
    position: absolute;
    right: 50px;
    top: 5px;
}

.enabledTrack{
    position: absolute;
    right: 50px;
    top: 5px;
    height: 55px;
    width: 40px;
    background: url(images/play.gif) 0px 0px no-repeat;
    text-indent: -5000em;
    display: block;
}.enabledTrack a:hover, .play a:hover {
    background: url(images/play.gif) -40px 0px no-repeat;
}

.stop a{
    position: absolute;
    right: 50px;
    top: 5px;
    height: 55px;
    width: 40px;
    background: url(images/stop.gif) 0px 0px no-repeat;
    text-indent: -5000em;
    display: block;
}.stop a:hover {
    background: url(images/stop.gif) -40px 0px no-repeat;
}

.votebutton {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 55px;
    width: 40px;
    background: url(images/vote.gif) 0px 0px no-repeat;
    text-indent: -5000em;
    display: block;
    overflow: hidden;
}.votebutton:hover {
    background: url(images/vote.gif) -40px 0px no-repeat;
}

* html .votebutton {
    background: url(images/ievote.gif) 0px 0px no-repeat;
}* html .votebutton:hover {
    background: url(images/ievote.gif) -40px 0px no-repeat;
}

.alreadyvoted {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 55px;
    width: 40px;
    background: url(images/alreadyvoted.gif) 0px 0px no-repeat;
    text-indent: -5000em;
    display: block;
    overflow: hidden;
}

#chart ul li.pos2, #chart ul li.pos9 {
    background: #4686c7;
}
#chart ul li.pos3, #chart ul li.pos10 {
    background: #f26524;
}
#chart ul li.pos4 {
    background: #44b649;
}
#chart ul li.pos5 {
    background: #edb31f;
}
#chart ul li.pos6 {
    background: #ed2226;
}
#chart ul li.pos7 {
    background: #a3dce8;
}

#footer {
    height: 100px;
    background: url(images/bluebkgd.jpg) 448px 270px;
    color: #a0d4e2;
    text-transform: uppercase;
    overflow: hidden;
}

#footer p{
    padding: 0px 50px;
    font-size: 18px;
    line-height: 24px;
    margin-top: 40px;
} #footer p a{
    color: #a0d4e2;
} #footer p a:hover{
    color: white;
}

#validName, #validAuthor, #validEmail, #validFile, #validTandc {
    display: none;
    color: red;
}

.more #chart p.legal {
    font-size: 11px;
    line-height: 13px;
    border-top: 2px solid #ed2226;
    margin-top: 25px;
    padding-top: 25px;
    margin-bottom: 25px;
}

#chart input {
    width: 300px;
    border: 2px solid #ed2226;
    font: 16px Helvetica, Arial, sans-serif;
    background: white;
    padding: 5px;
}

#remixpage {
    margin-top: 25px;
    margin-bottom: 5px;
}

#remixpage li textarea {
    margin-top: 10px;
}

#chart #uploadbutton {
    padding: 0px;
    border: 0px;
    width: 314px;
    height: 32px;
}

#chart #tandc {
    width: 20px;
}

#chart #tandctitle {
    font-size: 16px;
    display: block;
}

#tandctext {
    display: none;
    margin-top: 10px;
}

#widgetexample {
    float: right;
    width: 425px;
    height: 270px;
    border: 4px solid white;
    margin-left: 25px;
    margin-bottom: 10px;
}

.clear {
    clear: both;
}

#buy {
    text-align: center;
    margin-bottom: 35px;
}

#remixpage form {
    display: inline;
}

#widgetembed {
    position: relative;
    z-index: 600;
}