body { font-family: arial; font-weight: normal; font-size: 8pt; color: #bbbbbb; background: #000000; scrollbar-face-color: #000066; 
       scrollbar-shadow-color: #000044; scrollbar-highlight-color: #0000aa; scrollbar-3dlight-color: #007777; scrollbar-darkshadow-color: #000033; 
       scrollbar-track-color: #005555; scrollbar-arrow-color: #009999; }

body.piano1 { background-image: url(binary/bg/bgpiano1.jpg); background-attachment: fixed; }
body.piano2 { background-image: url(binary/bg/bgpiano2.jpg); background-attachment: fixed; }
body.piano3 { background-image: url(binary/bg/bgpiano3.jpg); background-attachment: fixed; }
body.piano4 { background-image: url(binary/bg/bgpiano4.jpg); background-attachment: fixed; }
body.face { background-image: url(binary/bg/bgface.jpg); background-attachment: fixed; }
body.cds { background-image: url(binary/bg/bgcds.jpg); background-attachment: fixed; }
body.sheet { background-image: url(binary/bg/bgsheet.jpg); background-attachment: fixed; }
body.video { background-image: url(binary/bg/bgvideo.jpg); background-attachment: fixed; }

td { color: #ffffff; font-family: arial; font-weight: normal; font-size: 10pt }
td.heading { color: #ffffff; font-family: verdana,helvetica,arial; font-size: 10pt; bgcolor: #707070; font-weight: bold }
td.track { font-family: verdana,helvetica,arial; font-weight: normal; font-size: 10pt; text-indent:10px; }
td.number { font-family: verdana,helvetica,arial; font-weight: normal; text-align: right; vertical-align: top; }
td.time { font-family: verdana,helvetica,arial; font-weight: normal; text-align: right; vertical-align: top; }
td.totaltime { font-family: verdana,helvetica,arial; font-weight: bold; text-align: right; vertical-align: top; }

td.textheader1 { font-size: 16pt; font-family: verdana; color: #aaaaaa; background-image: url(binary/td/tdblue.gif); background-repeat:repeat }
td.textheader2 { font-size: 13pt; font-family: verdana; color: #aaaaaa; background-image: url(binary/td/tdpurple.gif); background-repeat:repeat }

td.blank { background-image: none; text-align: justify; valign: top}
td.bar { background-image:url('binary/bar.gif'); background-repeat: no-repeat; background-position: center; }
td.white { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdwhite.gif); background-repeat: repeat }
td.white2 { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdwhite2.gif); background-repeat: repeat }
td.greylight { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdgreylight.gif); background-repeat: repeat }
td.greylight2 { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdgreylight2.gif); background-repeat: repeat }
td.greydark { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdgreydark.gif); background-repeat: repeat }
td.greydark2 { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdgreydark2.gif); background-repeat: repeat }
td.black { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdblack.gif); background-repeat: repeat }
td.black2 { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdblack2.gif); background-repeat: repeat }
td.blue { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdblue.gif); background-repeat: repeat }
td.blue2 { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdblue2.gif); background-repeat: repeat }
td.purple { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdpurple.gif); background-repeat: repeat }
td.purple2 { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdpurple2.gif); background-repeat: repeat }
td.red { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdred.gif); background-repeat: repeat }
td.red2 { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdred2.gif); background-repeat: repeat }
td.orange { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdorange.gif); background-repeat: repeat }
td.orange2 { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdorange2.gif); background-repeat: repeat }
td.yellow { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdyellow.gif); background-repeat: repeat }
td.yellow2 { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdyellow2.gif); background-repeat: repeat }
td.green { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdgreen.gif); background-repeat: repeat }
td.green2 { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdgreen2.gif); background-repeat: repeat }
td.turquoise { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdturquoise.gif); background-repeat: repeat }
td.turquoise2 { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; vertical-align: top; background-image: url(binary/td/tdturquoise2.gif); background-repeat: repeat }

A:link    {text-decoration: none; color: 00bbff; font-family: arial; }
A:visited {text-decoration: none; color: 00bbff; font-family: arial; }
A:active  {text-decoration: none; color: 00bbff; font-family: arial; }
A:hover   {text-decoration: none; color: 00ffff; font-family: arial; position: relative; top: 1px; left: 1px }

p { color: #ffffff; font-family: arial; font-size: 10pt; text-align: justify; }
div {text-align: justify; margin-left: 7px; margin-right: 7px; margin-top: 7px; margin-bottom: 7px; }
.j { text-align: justify; }
h2 { font-size: 11pt; font-family: verdana; color: #ffffff; background-image: url(binary/td/tdgreen.gif); background-repeat:repeat }
