body                 {background-color: #FFFFCC; font: 16px sans-serif; overflow: hidden} /* width: 642px; height: 523px */

a:link               {color: blue; text-decoration: none}
a:visited            {color: blue; text-decoration: none}
a:hover              {color: blue; text-decoration: underline}
a img                {border: 1px solid transparent; vertical-align: bottom}
a:hover img          {border-color: blue}
a.disabled:hover img {border-color: transparent; cursor: default}

div.ctlpanel            {background-color: #FFFF99; border: 2px solid; border-color: #E79C9C brown brown #E79C9C; padding-top: 10px}
div.ctlgroup            {font-size: 12px; text-align: center; margin: 0 2px 20px}
div.ctlcap              {font-size: 10px; font-weight: bold; padding: 2px 0; border-bottom: 1px solid silver}
div.ctlpanel .ctl       {display: block; padding: 2px 0; border-bottom: 1px solid silver}
div.ctlpanel a.selected {margin-top: -1px; background-color: #EEEE66; border-bottom: 1px solid silver; border-right: 1px solid silver; border-top: 1px solid gray; border-left: 1px solid gray}
div.ctlpanel a.disabled {color: gray; text-decoration: none; cursor: default}
div.ctlpanel .ctl input {vertical-align: -2px}
div.ctlgroup textarea   {font-size: 12px; font-family: sans-serif; width: 95px}
div.ctlgroup p          {font-size: 11px; font-style: italic; margin: 0}

h1                {font-size: 10px; font-weight: normal; margin: 4px 0 0}  /* index heading with subject */
h2                {font-size: 10px; font-weight: normal; margin: 8px 0 0}  /* index heading without subject */
h1 strong         {font-size: 16px; font-weight: bold}
ul                {margin: 0; padding: 3px 0 10px}
li                {list-style: none}
li.errmsg         {color: red; font-style: italic}
span.conjunction  {font-size: 10px; font-weight: normal}
img.cover         {border-width: 1px; width: 114px; height: 114px; border-color: silver}
img.minicover     {border-width: 1px; width: 18px; height: 18px; border-color: silver}
.strong           {font-weight: bold}
.hidden           {display: none}

div#sidebar    {position: absolute; left: 8px; top: 8px; width: 100px; height: 500px}
div#notsidebar {position: absolute; left: 125px; top: 0; width: 517px; height: 520px; overflow: auto}

body#search div#notsidebar      {white-space: nowrap}
body#search div#cgi_toomany     {color: red; font-size: 12px; font-weight: bold}
body#search div#searching       {display: none; position: absolute; left: 160px; top: 110px; padding: 15px}
body#search div#searching p     {font-size: 15px}
body#search div#searching table {margin-top: 20px; font-size: 12px}
body#search div#searching th    {font-weight: bold; text-align: right}
body#search li strong           {color: black; background-color: white}
body#search input               {font-size: 12px}
body#search div#filter strong   {color: black; background-color: white}
 
body.index div#notsidebar {white-space: nowrap}

body.index div#selection                     {margin-bottom: 0}
body.index div#keypad                        {margin-top: 3px}
body.index div#keypad div#initial            {white-space: normal}
body.index div#keypad div#initial a.ctl      {display: inline-block; font-size: 14px; width: 13px; height: 12px; border-bottom: none}
body.index div#keypad div#initial a.selected {border: 1px solid; border-color: gray silver silver gray; padding: 0 0 3px; margin-left: -1px; margin-right: -1px}
body.index div#keypad div#prevnext           {border-bottom: 1px solid silver; border-top: 1px solid silver}
body.index div#keypad a.ctl#prev,
body.index div#keypad a.ctl#next             {display: inline-block; font-size: 14px; width: 40px; height: 12px; border-bottom: none}
body.index div#keypad a.ctl#prev             {background: url(/img/keypadprev.gif) no-repeat; text-align: left}
body.index div#keypad a.ctl#prev.disabled    {background: url(/img/keypadprevx.gif) no-repeat}
body.index div#keypad a.ctl#next             {background: url(/img/keypadnext.gif) right no-repeat; text-align: right}
body.index div#keypad a.ctl#next.disabled    {background: url(/img/keypadnextx.gif) right no-repeat}
body.index a#zoom                            {display: none}
body.index div#sampler                       {display: none}
body.index div#play                          {display: none}
body.index div#webinfo                       {display: none}
body.index a#webinfo_i img                   {border-color: transparent}
body.index a#webinfo_i:hover img             {border-color: blue}

body.index span.pl_partnership {font-size: 12px; font-style: italic}

body.index table.top20           {margin: 25px 20px; white-space: nowrap}
body.index table.top20 td        {padding: 0 10px}
body.index table.top20 td.rank   {text-align: right}
body.index table.top20 td.hours  {text-align: right}
body.index table.top20 td.albums {text-align: right}

body.index table.years               {margin-top: 30px; width: 100%}
body.index table.years tr            {height: 40px}
body.index table.years td.pl_t_no    {color: gray}
body.index table.years span.nbr      {font-size: 80%; font-style: italic; color: #990000}

body.index ul span.counts {font-size: 10px; font-style: italic; color: #990000}
body.index span.pl_year   {color: #990000; font-size: 13px}
body.index li.pl_t_xref   {padding-left: 20px}

body.zoom0 a#zoom,
body.zoom1 a#zoom,
body.zoom2 a#zoom,
body.zoom3 a#zoom         {display: block}
body.zoom0 img.minicover    {width: 18px; height: 18px}
body.zoom0 div.ztext        {display: inline}
body.zoom1 a.zbtn           {position: relative; top: -22px}
body.zoom1 img.minicover    {width: 45px; height: 45px; margin: 0 5px 3px}
body.zoom1 div.ztext        {display: inline-block; width: 385px; height: 45px; white-space: normal}
body.zoom2 a.zbtn           {position: relative; top: -43px}
body.zoom2 img.minicover    {width: 75px; height: 75px; margin: 0 5px 3px}
body.zoom2 div.ztext        {display: inline-block; width: 354px; height: 65px; white-space: normal}
body.zoom3 a.zbtn           {position: relative; top: -81px}
body.zoom3 img.minicover    {width: auto; height: auto; margin-bottom: 15px}
body.zoom3 div.ztext        {display: inline-block; width: 325px; height: 105px; white-space: normal}

body.level3 div#view         {display: none}
body.level3 div#sampler,
body.level3 div#play         {display: block}
body.level3 div#play a       {padding: 5px} /* play stuff duplicated in body#lyrics */
body.level3 div#play img     {float: left}
body.level3 div#play a div   {padding-left: 24px}
body.level3 a#playnow div    {margin: 2px 0}
body.level3 a#playlater img  {margin: 5px 0} /**/
body.level3 img#cover        {position: absolute; left: 0; top: 8px; border: 1px solid silver}
body.level3 div#albuminfo    {position: absolute; left: 130px; top: 8px; width: 380px}
body.level3 div#albuminfo_s  {display: none}
body.level3 div#pl_album_pop_misc,
body.level3 div#pl_album_cla {font-weight: bold; white-space: normal}
body.level3 div#smallprint   {margin-top: 10px; font-size: 10px}
body.level3 div#all          {position: absolute; left: 0px; top: 125px; font-size: 13px}
body.level3 ol               {position: absolute; left: 0; top: 130px; width: 477px; height: 374px; overflow: auto} /* width excludes padding-left for track numbers (auto @ 40px) */
body.level3 li               {list-style: decimal}
body.level3 li.pl_t_bonus    {font-size: 10px; list-style: none; color: brown}
body.level3 div.evenpiece    {background-color: #FFFF99}
body.level3 span.unticked    {color: gray}
body.level3 a.playnow_s      {display: none}
body.level3 span.playing     {font-weight: bold; padding-left: 18px; background: url(/img/playing.gif) no-repeat}
body.level3 span.pl_lyrics   {font-size: 13px}

body.level3_s div#view         {display: none}
body.level3_s div#sampler      {display: block}
body.level3_s div#play         {display: block; height: 107px; visibility: hidden} /* may need to adjust height if div#play elements are restyled */
body.level3_s img#cover        {position: absolute; left: 0; top: 8px; width: 18px; height: 18px}
body.level3_s div#albuminfo,
body.level3_s div#all          {display: none}
body.level3_s div#albuminfo_s  {position: absolute; left: 25px; top: 8px; font-size: 10px}
body.level3_s ol               {position: absolute; left: 0; top: 20px; width: 477px; height: 484px; overflow: auto} /* width excludes padding-left for track numbers (auto @ 40px) */
body.level3_s li               {list-style: decimal}
body.level3_s li.pl_t_bonus    {font-size: 10px; list-style: none; color: brown}
body.level3_s div.evenpiece    {background-color: #FFFF99}
body.level3_s input.boxn       {display: none}
body.level3_s span.playing     {font-weight: bold; padding-left: 18px; background: url(/img/playing.gif) no-repeat}
body.level3_s span.played      {color: gray}
body.level3_s span.pl_lyrics   {display: none}

body#luckydip div#dipagain             {position: absolute; left: 8px; top: 10px; width: 150px; padding: 3px 10px}
body#luckydip div#dipagain div.lhs     {float: left; text-align: right}
body#luckydip div#dipagain div.rhs     {font-weight: bold; text-align: center}
body#luckydip ul#shown                 {position: absolute; left: 8px; top: 60px; width: 460px}
body#luckydip ul#shown div.ctlpanel    {margin-top: 12px; height: 115px; padding: 10px}
body#luckydip ul#shown div.albumcover  {float: left;}
body#luckydip ul#shown div.albuminfo   {margin-left: 125px; height: 96px}
body#luckydip ul#shown div.buttons     {margin-left: 125px}
body#luckydip ul#mystery               {position: absolute; left: 488px; top: 0; width: 135px; text-align: center}
body#luckydip ul#mystery div.ctlpanel  {margin-top: 8px; padding: 10px}
body#luckydip ul#mystery div.caption   {margin: 5px 0}

body#recent.listing li            {white-space: nowrap}
body#recent.listing .gallery      {display: none}
body#recent.listing span.date     {display: inline-block; width: 48px; padding-left: 5px; font-size: 13px}

body#recent.gallery li            {display: inline-block; width: 116px; padding: 8px 2px; font-size: 10px; text-align: center; vertical-align: top}
body#recent.gallery img.minicover {width: 114px; height: 114px}
body#recent.gallery .listing      {display: none}

body#live div#notsidebar   {white-space: nowrap}
/*live album*/
body#live img#cover        {position: absolute; left: 0; top: 8px; width: 18px; height: 18px}
body#live div#albuminfo,
body#live div#all          {display: none}
body#live div#albuminfo_s  {position: absolute; left: 25px; top: 8px; font-size: 10px}
body#live ol               {position: absolute; left: 0; top: 20px; width: 477px; height: 474px; overflow: auto}
body#live li               {list-style: decimal}
body#live input.boxn       {display: none}
body#live a.playnow_s      {display: none}
body#live div.evenpiece    {background-color: #FFFF99}
body#live span.pl_lyrics   {display: none}
body#live li.pl_t_bonus    {font-size: 10px; list-style: none; color: brown}
body#live span.playing     {font-weight: bold; padding-left: 18px; background: url(/img/playing.gif) no-repeat}
/*live lyrics*/
body#live table            {margin: auto}
body#live th               {font-weight: bold; padding: 10px 0 15px; text-align: left}

body#lyrics div#notsidebar   {white-space: nowrap}
body#lyrics div#play a       {padding: 5px}
body#lyrics div#play img     {float: left}
body#lyrics div#play a div   {padding-left: 24px}
body#lyrics span.poptab      {font-style: normal; color: red}
body#lyrics span.poptab:before {content: "\2666 "}
body#lyrics a#playnow div    {margin: 2px 0}
body#lyrics a#playlater img  {margin: 5px 0}
body#lyrics table            {margin: auto}
body#lyrics th               {font-weight: bold; padding: 10px 0 15px; text-align: left}
body#lyrics th div#albuminfo {font-size: 10px; font-weight: normal}

body#lyrics_edit div#notsidebar {white-space: nowrap}
body#lyrics_edit form           {margin-top: 10px}
body#lyrics_edit div.dashcol    {float: left; margin: 2px}
body#lyrics_edit div#buttonbox  {float: right; margin-right: 15px}
body#lyrics_edit input#ok       {display: block; width: 5em; margin-bottom: 0.5em}
body#lyrics_edit input#cancel   {display: block; width: 5em}
body#lyrics_edit div#main       {clear: both}
body#lyrics_edit textarea       {width: 505px; height: 405px}
body#lyrics_edit div#pathname   {font-size: 10px; margin-left: 3px; overflow: hidden}

body#newmissinglyrics           {white-space: nowrap}
body#newmissinglyrics a:visited {color: #800080}

body#about div#pagehead     {margin: 50px auto; text-align: center}
body#about table            {margin: 60px auto; width: 80%; text-align: right}
body#about td               {font-size: 14px; padding: 5px; vertical-align: top}
body#about tr.totals        {font-weight: bold}
body#about div#pagefoot     {margin: 50px auto; text-align: center}

body#index_sidebars         {display: none}