BODY { background-color: #ffffff; margin: 0; padding: 0 0 21px 0; height: 90%; }
*  HTML>BODY { overflow: hidden; }

TABLE { border-style: none; margin: 0; padding: 0; }

TABLE.main { border-style: none; margin: 40px 0 30px 60px; padding: 0 0 0 0; }

TABLE.menu { text-align: left; width: 150px; }

TABLE.artist, TABLE.release { height: 100%; }

TD { vertical-align: top; border-style: none; margin: 0; padding: 0; color: #000000; font-family: georgia, serif, arial, helvetica, sans-serif; font-size: 12px; }

TD.bottom { padding-top: 50px; }

TD.left, TD.right { border-style: solid; border-color: #bbbbbb; }

TD.left { border-width: 1px 0 0 1px; padding: 0 20px 20px 20px; background: url('img/menubg.gif') no-repeat bottom center; }

TD.right { border-width: 0 1px 1px 1px; padding: 10px 10px 50px 20px; }

TD.menu_level1, TD.menu_level2 { height: 15px; padding: 15px 0 0 0; margin: 0; text-align: left; }

TD.menu_level2 { height: 10px; padding: 0 10px 0 8px; }

TD.artistimage, TD.releaseimage { padding: 0 30px 0 30px; }

TD.edit_left, TD.edit_code { font-size: 10px; font-family: arial, helvetica, sans-serif; padding-bottom: 10px; }

H1, .newsheading { font-size: 19px; font-weight: normal; }

H2 { font-size: 14px; }

P { font-size: 12px; width: 350px; margin: 0 20px 10px 0; }

.text_normal { font-weight: normal; font-style: none; }

.text_bold { font-weight: bold; }

.text_italic { font-style: italic; }

.small { font-size: 10px; }

.heading { font-size: 13px; font-weight: bold; }

.newsdate { color: #777777; font-size: 10px; margin: 0; }

.newstext { margin: 0 0 10px 0; }

.menu_catno { color: #c1c2c4; }

IMG { border: 0; }

IMG.logo { margin: 0 0 40px 0; }

IMG.text { margin: 0 10px 0 0; border: 0 solid #ffffff; }

IMG.artistimage, IMG.releaseimage { width: 350px; }

HR { text-align: left; margin: 10px 0 15px 0; width: 200px; height: 1px; border-width: 0; color: #888888; background-color: #888888; }

A:link, A:visited { color: #4a63ae; text-decoration: none; }

A:hover { color: #000; text-decoration: underline; }

A.menu_large, .menu_large_active { color: #000; font-size: 13px; font-weight: 900; text-decoration: none; }
.menu_large_active { background-color: #a1a2a4; }
A.menu_small, .menu_small_active { color: #a1a2a4; font-size: 11px; font-weight: 900; text-transform: none; }
.menu_small_active { text-decoration: underline; font-style: italic; }

A:hover.menu_large, A:hover.menu_large_active { color: #a1a2a4; text-decoration: none; background-color: #000; }
A:hover.menu_small, A:hover.menu_small_active { color: #ffffff; text-decoration: none; background-color: #000; }
A.editlink { color: #444444; }


OL { padding: 0px 0px 0px 25px; margin: 0px; }

INPUT, TEXTAREA, SELECT { border: medium double #bbbbbb; font: 11px arial; }

OBJECT { margin: 4px 0 4px 0; }

#container { position: absolute; left:0px; top:0px; }
*  HTML #container { overflow: auto; width: 100%; height: 97.5%; z-index: 0; } 
#colorbar { position:fixed; bottom:0px; left: 0px; width: 100%; height: 20px; border: 0; z-index: 1; }
*  HTML #colorbar { position:absolute; height: 2.5%; }
TD.color1 { width: 20%; background-color: #fabea7; }
TD.color2 { width: 20%; background-color: #fff200; }
TD.color3 { width: 20%; background-color: #dee2e4; }
TD.color4 { width: 20%; background-color: #4a63ae; }
TD.color5 { width: 20%; background-color: #ed1c24; }

/* AB color scheme: fabea7, fff200, dee2e4, 4a63ae, ed1c24 + fcfbf2 (benvit), c2e2f7 (ljusblå) */