BODY { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } DIV { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } DL { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } DT { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } DD { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } UL { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } OL { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } LI { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } H1 { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } H2 { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } H3 { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } H4 { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } H5 { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } H6 { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } PRE { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } FORM { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } FIELDSET { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } INPUT { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } TEXTAREA { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } P { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } BLOCKQUOTE { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } TH { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } TD { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } TABLE { BORDER-SPACING: 0; BORDER-COLLAPSE: collapse } FIELDSET { BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px } IMG { BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px } ADDRESS { FONT-STYLE: normal; FONT-WEIGHT: normal } CAPTION { FONT-STYLE: normal; FONT-WEIGHT: normal } CITE { FONT-STYLE: normal; FONT-WEIGHT: normal } CODE { FONT-STYLE: normal; FONT-WEIGHT: normal } DFN { FONT-STYLE: normal; FONT-WEIGHT: normal } TH { FONT-STYLE: normal; FONT-WEIGHT: normal } VAR { FONT-STYLE: normal; FONT-WEIGHT: normal } OL { LIST-STYLE-TYPE: none } UL { LIST-STYLE-TYPE: none } CAPTION { TEXT-ALIGN: left } TH { TEXT-ALIGN: left } H1 { FONT-SIZE: 100%; FONT-WEIGHT: normal } H2 { FONT-SIZE: 100%; FONT-WEIGHT: normal } H3 { FONT-SIZE: 100%; FONT-WEIGHT: normal } H4 { FONT-SIZE: 100%; FONT-WEIGHT: normal } H5 { FONT-SIZE: 100%; FONT-WEIGHT: normal } H6 { FONT-SIZE: 100%; FONT-WEIGHT: normal } Q:before { CONTENT: '' } Q:after { CONTENT: '' } ABBR { BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px } ACRONYM { BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px } * HTML { ; FILTER: expression(document.execCommand("BackgroundImageCache", false, true)) } .clearit:after { DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: "." } #content:after { DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: "." } .clearit { ZOOM: 1 } #content { ZOOM: 1 } #page { ZOOM: 1 } * HTML .clearit { HEIGHT: 1% } HTML { OVERFLOW-X: auto; WIDTH: 100% } DIV.sic { PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; PADDING-TOP: 0px } DIV.fiflufi { PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; PADDING-TOP: 0px } DIV.fixed { PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; PADDING-TOP: 0px } DIV.sic #content { BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 15px; MARGIN: -1px 0px 0px 110px; MIN-HEIGHT: 400px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BACKGROUND: #fff; CLEAR: both; OVERFLOW: visible; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 0px } DIV.fixed { MARGIN: 0px auto; WIDTH: 900px } DIV.fixed #content { BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; BORDER-LEFT: #ccc 1px solid; MARGIN: -1px 0px 0px 110px; MIN-HEIGHT: 500px; BACKGROUND: #fff; CLEAR: both; OVERFLOW: visible; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid } DIV.fixed DIV.fullWidth { PADDING-BOTTOM: 15px; MARGIN: 0px 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; CLEAR: both; PADDING-TOP: 15px } DIV.fixed DIV.leftCol { WIDTH: 100%; DISPLAY: inline; FLOAT: left; OVERFLOW: hidden; MARGIN-RIGHT: -330px } DIV.fixed DIV.leftColWrapper { PADDING-BOTTOM: 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 0px; OVERFLOW: hidden; MARGIN-RIGHT: 330px; PADDING-TOP: 15px } DIV.fixed DIV.rightCol { POSITION: relative; PADDING-BOTTOM: 15px; PADDING-LEFT: 15px; WIDTH: 300px; PADDING-RIGHT: 15px; DISPLAY: inline; FLOAT: right; PADDING-TOP: 15px } #LastAd_Top { Z-INDEX: 1; POSITION: relative; MARGIN: 0px -35px 9px; ZOOM: 1 } .LastAd { LINE-HEIGHT: 0px; FONT-SIZE: 1px; VERTICAL-ALIGN: baseline } .LastAd * { LINE-HEIGHT: 0px; FONT-SIZE: 1px; VERTICAL-ALIGN: baseline } .LastAd IMG { } #LastAd_Mid { PADDING-BOTTOM: 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; ZOOM: 1; BACKGROUND: #fff; CLEAR: both; BORDER-TOP: #ebebeb 1px solid; PADDING-TOP: 15px } .sic #LastAd_Mid { PADDING-BOTTOM: 0px; MARGIN: 15px -15px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 15px } #LastAd_Top .wrapper { TEXT-ALIGN: center; MARGIN: 0px auto; WIDTH: 900px } #LastAd_Mid .wrapper { TEXT-ALIGN: center; MARGIN: 0px auto; WIDTH: 900px } #LastAd_Skin A { POSITION: absolute } #LastAd_Skin IMG { POSITION: absolute } #LastAd_BottomRight { MARGIN: 15px 0px 0px; CLEAR: both } DIV.sic DIV.leaderboardCentre { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } DIV.sic DIV.bottomRail { CLEAR: both; BORDER-TOP: #ccc 1px solid; PADDING-TOP: 15px } DIV.sic DIV#LastAd_SkyscraperRight { WIDTH: 160px; DISPLAY: inline; FLOAT: right; HEIGHT: 600px } DIV#LastAd_SkyscraperRight DIV.wrapper { WIDTH: 160px; HEIGHT: 600px; OVERFLOW: hidden } DIV.leaderboardCentre .wrapper { MARGIN: 0px auto; WIDTH: 728px; HEIGHT: 90px; OVERFLOW: hidden } DIV.bottomRail .wrapper { MARGIN: 0px auto; WIDTH: 728px; HEIGHT: 90px; OVERFLOW: hidden } DIV.skylineRight { PADDING-RIGHT: 160px; MARGIN-LEFT: -15px; OVERFLOW: hidden } DIV.skylineRight DIV.skyWrap { PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; ZOOM: 1; OVERFLOW: hidden; PADDING-TOP: 0px } #page DIV.skylineRight DIV#LastAd_SkyscraperRight { MARGIN: 0px -160px 0px 0px; DISPLAY: inline; FLOAT: right } DIV.mpu { MARGIN: 15px 0px } DIV.mpu .wrapper { WIDTH: 300px; HEIGHT: 250px; OVERFLOW: hidden } DIV.sic #content .fullWidth { MARGIN: 15px 0px; CLEAR: both } #page .twoCols H2 { MARGIN-LEFT: 0px } .twoCols { OVERFLOW: hidden } DIV.sic #content .leftColumn { WIDTH: 50%; DISPLAY: inline; FLOAT: left; OVERFLOW: hidden } .twoCols .leftColumn { WIDTH: 50%; DISPLAY: inline; FLOAT: left; OVERFLOW: hidden } DIV.sic #content .leftColumn .wrapper { MARGIN: 0px 7px 15px 0px; ZOOM: 1 } .twoCols .leftColumn .wrapper { MARGIN: 0px 7px 15px 0px; ZOOM: 1 } DIV.sic #content .rightColumn { WIDTH: 49%; DISPLAY: inline; FLOAT: right; OVERFLOW: hidden } .twoCols .rightColumn { WIDTH: 49%; DISPLAY: inline; FLOAT: right; OVERFLOW: hidden } DIV.sic #content .rightColumn .wrapper { MARGIN: 0px 0px 15px 7px; ZOOM: 1 } .twoCols .rightColumn .wrapper { MARGIN: 0px 0px 15px 7px; ZOOM: 1 } DIV.showgrid DIV.leftColumn { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/grids/grid_48.15.png); BACKGROUND-POSITION: left top } DIV.showgrid DIV.rightColumn { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/grids/grid_48.15.png); BACKGROUND-POSITION: 7px top } DIV.fiflufi #content { BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; BORDER-LEFT: #ccc 1px solid; MARGIN: -1px 0px 0px 110px; MIN-HEIGHT: 300px; BACKGROUND: url(http://cdn.last.fm/flatness/grids/fiflufi_right.4.png) #fff repeat-y right top; CLEAR: both; OVERFLOW: visible; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid } DIV.fiflufi #content .fullWidth { PADDING-BOTTOM: 15px; MARGIN: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BACKGROUND: #fff; CLEAR: both; PADDING-TOP: 15px } DIV.fiflufi DIV.leaderboardCentre { BORDER-BOTTOM: #ccc 1px solid } DIV.fiflufi DIV.bottomRail { MARGIN-TOP: 15px; CLEAR: both; BORDER-TOP: #ccc 1px solid } DIV.fiflufi DIV#LastAd_SkyscraperRight { WIDTH: 160px; DISPLAY: inline; FLOAT: right; HEIGHT: 600px } DIV.fiflufi DIV.leftCol { WIDTH: 100%; DISPLAY: inline; BACKGROUND: url(http://cdn.last.fm/flatness/grids/fiflufi_right_top_gradient.5.png) no-repeat right top; FLOAT: left; OVERFLOW: hidden; MARGIN-RIGHT: -330px } DIV.fiflufi DIV.leftColWrapper { PADDING-BOTTOM: 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; OVERFLOW: hidden; MARGIN-RIGHT: 330px; PADDING-TOP: 15px } DIV.fiflufi DIV.rightCol { POSITION: relative; PADDING-BOTTOM: 15px; LINE-HEIGHT: 1.18em; PADDING-LEFT: 15px; WIDTH: 300px; PADDING-RIGHT: 15px; DISPLAY: inline; BACKGROUND: url(http://cdn.last.fm/flatness/grids/fiflufi_right_top_gradient.5.png) no-repeat right top; FLOAT: right; FONT-SIZE: 11px; PADDING-TOP: 15px } DIV.fiflufiSmall DIV.leftCol { BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-RIGHT: -190px } DIV.fiflufiSmall DIV.leftColWrapper { BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-RIGHT: 190px } DIV.fiflufiSmall DIV.rightCol { WIDTH: 160px; BACKGROUND: none transparent scroll repeat 0% 0% } DIV.fiflufiSmall DIV#content { BACKGROUND: #fff } .showgrid #secondaryNavigation { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/grids/grid_48.15.png); BACKGROUND-POSITION: left top } .showgrid #content .fullWidth { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/grids/grid_48.15.png); BACKGROUND-POSITION: left top } .showgrid #content .leftColWrapper { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/grids/grid_48.15.png); PADDING-RIGHT: 0px; BACKGROUND-POSITION: 15px top; BORDER-RIGHT: #fff386 15px solid } .showgrid .rightCol { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/grids/grid_48.15.png); BACKGROUND-POSITION: 15px top } .showgrid .sic #content { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/grids/grid_48.15.png); BACKGROUND-POSITION: 15px top } #LastFooter { CLEAR: both } * HTML #LastFooter { HEIGHT: 1% } #page H2.heading { PADDING-BOTTOM: 0px; LINE-HEIGHT: 13px; MARGIN: 15px -15px 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #d51007; FONT-SIZE: 18px; BORDER-TOP: #ccc 1px dotted; PADDING-TOP: 0px } .lfmBlack #page H2.heading { COLOR: #1b1b1b } #page H2.heading .h2Wrapper { PADDING-BOTTOM: 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; DISPLAY: block; PADDING-TOP: 15px } #page H2.heading .h2Wrapper A { TEXT-DECORATION: none } #page H2.heading .h2Wrapper A:hover { TEXT-DECORATION: underline } #page H2.heading .h2Wrapper A { COLOR: #d51007 } .lfmBlack #page H3 { COLOR: black !important } .lfmBlack #page H3 A { COLOR: black !important } .lfmBlack #page H2.heading .h2Wrapper A { COLOR: #1b1b1b } #page DIV.fiflufi DIV.leftCol H2 SMALL A { COLOR: #0187c5 } #page DIV.fixed DIV.leftCol H2 SMALL A { COLOR: #0187c5 } DIV.fiflufi DIV.leftCol HR { BORDER-RIGHT-WIDTH: 0px; MARGIN: 15px -15px 10px; DISPLAY: none; BACKGROUND: #efefef; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 2px; CLEAR: both; BORDER-TOP: #ccc 1px solid; BORDER-LEFT-WIDTH: 0px } #page DIV.fiflufi DIV.rightCol H2.heading { PADDING-BOTTOM: 0px; LINE-HEIGHT: 12px; MARGIN: 25px 0px 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 14px; PADDING-TOP: 0px } #page DIV.fixed DIV.rightCol H2.heading { PADDING-BOTTOM: 0px; LINE-HEIGHT: 12px; MARGIN: 25px 0px 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 14px; PADDING-TOP: 0px } #page DIV.fiflufi DIV.rightCol H2.heading .h2Wrapper { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 12px } #page DIV.fixed DIV.rightCol H2.heading .h2Wrapper { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 12px } DIV.fiflufi DIV.leftCol A.seemore { PADDING-BOTTOM: 2px; MARGIN: 5px 0px 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; BACKGROUND: url(http://cdn.last.fm/flatness/grey-more-btn.gif) no-repeat left top; FLOAT: right; TEXT-DECORATION: none; PADDING-TOP: 2px } DIV.fiflufi DIV.leftCol A.seemore SPAN { PADDING-BOTTOM: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 30px; BACKGROUND: url(http://cdn.last.fm/flatness/grey-more-btn.gif) no-repeat right top; COLOR: #000; FONT-SIZE: 10px; PADDING-TOP: 2px } DIV.fiflufi DIV.leftCol A.seemore:hover SPAN { COLOR: #666 } DIV.fiflufi DIV.rightCol A.seemore { MARGIN: 5px 0px 0px; FLOAT: right; COLOR: #0187c5; TEXT-DECORATION: none } SPAN.moduleOptions { TEXT-ALIGN: right; DISPLAY: block; COLOR: #0187c5; CLEAR: both } SPAN.moduleOptionsLeft { TEXT-ALIGN: left } #page SPAN.moduleOptions { LINE-HEIGHT: 14px; DISPLAY: block; HEIGHT: 15px; FONT-SIZE: 11px; FONT-WEIGHT: bold } #page SPAN.moduleOptions A { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/icons/see_more_arrow_blue_13x13_2.png); LINE-HEIGHT: 14px; PADDING-RIGHT: 18px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right top; FLOAT: right; MARGIN-LEFT: 9px; FONT-SIZE: 11px } #page A SPAN.moduleOptions { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/icons/see_more_arrow_blue_13x13_2.png); LINE-HEIGHT: 14px; PADDING-RIGHT: 18px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right top; FLOAT: right; MARGIN-LEFT: 9px; FONT-SIZE: 11px } A.recommendedLink { COLOR: #d51007; FONT-SIZE: 12px; FONT-WEIGHT: bold } A.recommendedLink .recommended_icon { MARGIN: 0px 4px -2px 0px } DIV.rightCol DIV.recommendedContent { MARGIN: 0px 0px 15px } #page DIV.rightCol DIV.recommendedContent H2.heading { MARGIN: 0px 0px 12px; BACKGROUND: #ffefe7; COLOR: #d51007; BORDER-TOP: #f46862 1px solid } #page DIV.rightCol DIV.recommendedContent H2.heading SPAN.h2Wrapper { PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 5px } DIV.full #content { MARGIN-LEFT: 0px } DIV.fiflufiSmall DIV.rightCol H2 { BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 12px; FONT-WEIGHT: bold } DIV.fiflufiSmall DIV.rightCol H2 A { COLOR: #d51007 } DIV.rightCol.mpuTop { PADDING-TOP: 0px !important } DIV.rightCol.mpuTop #LastAd_TopRight { MARGIN: 0px } DIV.rightCol.mpuTop #LastAd_TopRight DIV { MARGIN: 15px 0px; FLOAT: left } DIV.rightCol.mpuTop H2.first { MARGIN-TOP: 15px !important; BORDER-TOP: 0px } DIV.rightCol.mpuTop H2.first .h2Wrapper { PADDING-TOP: 0px !important } DIV.fixed900 { WIDTH: 900px } DIV.fixed900 DIV.rightCol { WIDTH: 300px } DIV.fixed900 DIV.leftCol { MARGIN-RIGHT: -330px } DIV.fixed900 DIV.leftColWrapper { MARGIN-RIGHT: 315px } DIV.halfhalf { WIDTH: 50%; DISPLAY: block; FLOAT: left; OVERFLOW: hidden } #header { POSITION: relative; MARGIN: 0px 0px 8px; DISPLAY: block; HEIGHT: 70px } #headerWrapper { POSITION: relative; MARGIN: 0px -15px; HEIGHT: 68px } #fauxHeaderContainer { POSITION: relative; MIN-WIDTH: 930px; WIDTH: 100%; DISPLAY: block; FLOAT: left } * HTML #fauxHeaderContainer { ; WIDTH: expression(documentElement.clientWidth < 928? "930px" : "100%") } #fauxHeader { POSITION: absolute; WIDTH: 100%; DISPLAY: block; BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: 0px 0px; HEIGHT: 70px; TOP: 0px } #lastfmLogo { Z-INDEX: 1; POSITION: absolute; TEXT-INDENT: -9999px; WIDTH: 110px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px -160px; HEIGHT: 44px; TOP: 1px; LEFT: 2px } #lastfmLogo:hover { BACKGROUND-POSITION: -110px -160px } #primaryNav { Z-INDEX: 1; POSITION: absolute; ZOOM: 1; TOP: 1px; LEFT: 129px } #primaryNav .navItem { DISPLAY: block; FLOAT: left; MARGIN-RIGHT: 2px } #primaryNav .nav-link { PADDING-BOTTOM: 7px; LINE-HEIGHT: 20px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px; DISPLAY: block; FLOAT: left; HEIGHT: 20px; COLOR: #fff; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 15px; text-shadow: #870802 0 1px 0 } #primaryNav .nav-link:hover { BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: 0px -260px } #profileLinks { Z-INDEX: 0; POSITION: absolute; COLOR: #f77a74; TOP: 10px; RIGHT: 15px } #profileLinks UL { ZOOM: 1; DISPLAY: block; FLOAT: right } #profileLinks .profileItem { DISPLAY: inline-block; FLOAT: right; OVERFLOW: hidden } #profileLinks .profile-link { PADDING-BOTTOM: 5px; LINE-HEIGHT: 15px; PADDING-LEFT: 5px; PADDING-RIGHT: 7px; DISPLAY: inline-block; HEIGHT: 15px; COLOR: #eee; FONT-SIZE: 11px; FONT-WEIGHT: normal; TEXT-DECORATION: none; PADDING-TOP: 3px } #profileLinks .profile-link:hover { COLOR: #fff; TEXT-DECORATION: none } #profileLinks .divider A { BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right -510px } #loginLink .profile-link { TEXT-ALIGN: right; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px; DISPLAY: inline-block; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right -360px; HEIGHT: 23px; COLOR: #eee; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; OVERFLOW: hidden; CURSOR: pointer; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 0px; text-shadow: #870802 0 1px 0 } #loginLink .profile-link STRONG { PADDING-BOTTOM: 3px; LINE-HEIGHT: 19px; PADDING-LEFT: 8px; PADDING-RIGHT: 5px; DISPLAY: inline-block; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left -360px; HEIGHT: 19px; VERTICAL-ALIGN: top; PADDING-TOP: 1px } #idBadger { POSITION: relative; MARGIN-LEFT: 4px } #idBadgerUser { POSITION: relative; PADDING-BOTTOM: 7px; LINE-HEIGHT: 11px; PADDING-LEFT: 23px; PADDING-RIGHT: 7px; DISPLAY: inline-block; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px -360px; HEIGHT: 11px; COLOR: #eee; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 5px; text-shadow: #870802 0 1px 0 } #idBadgerUser:hover { COLOR: #fff } #idBadgerUser IMG { POSITION: absolute; WIDTH: 16px; DISPLAY: block; HEIGHT: 16px; TOP: 3px; LEFT: 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px } #idBadgerDropper { PADDING-BOTTOM: 7px; LINE-HEIGHT: 11px; TEXT-INDENT: -9999px; PADDING-LEFT: 0px; WIDTH: 21px; PADDING-RIGHT: 0px; DISPLAY: inline-block; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px -420px; HEIGHT: 11px; FONT-SIZE: 11px; TEXT-DECORATION: none; PADDING-TOP: 5px } #idBadgerDropper SPAN { VISIBILITY: hidden } #idBadgerDropper:hover { BACKGROUND-POSITION: -21px -420px } #idBadger UL { DISPLAY: none } #idBadgerDropDown { BORDER-BOTTOM: #750500 1px solid; BORDER-LEFT: #750500 1px solid; DISPLAY: block; BACKGROUND: #a00100; BORDER-TOP: #750500 1px solid; BORDER-RIGHT: #750500 1px solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px } #idBadgerDropDown A { PADDING-BOTTOM: 0px; LINE-HEIGHT: 22px; PADDING-LEFT: 7px; PADDING-RIGHT: 7px; DISPLAY: block; COLOR: #eee; FONT-SIZE: 11px; CURSOR: pointer; TEXT-DECORATION: none; PADDING-TOP: 0px } #idBadgerDropDown A:hover { BACKGROUND: #750500; COLOR: #fff; CURSOR: pointer; TEXT-DECORATION: none } * HTML #idBadgerDropDown A { DISPLAY: inline-block } #siteSearch { POSITION: absolute; TOP: 46px; RIGHT: 15px; } #siteSearchProgress { POSITION: absolute; DISPLAY: block; BACKGROUND: url(http://cdn.last.fm/flatness/spinners/spinner_ffffff_870802.gif) no-repeat; TOP: 3px; RIGHT: 5px; visibility: visible; } #siteSearchBox { PADDING-BOTTOM: 3px; LINE-HEIGHT: 15px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 5px; WIDTH: 180px; PADDING-RIGHT: 5px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px -450px; FLOAT: left; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 15px; FONT-SIZE: 11px; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 4px } #siteSearchSubmit { PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; WIDTH: 21px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -42px -420px; FLOAT: left; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 22px; BORDER-LEFT-WIDTH: 0px; CURSOR: pointer; PADDING-TOP: 0px } #siteSearchSubmit:hover { BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -63px -420px } #headerPromo { POSITION: absolute; LINE-HEIGHT: 23px; COLOR: #ddd; FONT-SIZE: 11px; TOP: 45px; FONT-WEIGHT: bold; LEFT: 15px } #headerPromo A { COLOR: #ddd } #headerPromo A:hover { COLOR: #fff } #headerLinks { POSITION: absolute; PADDING-BOTTOM: 4px; LINE-HEIGHT: 15px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; HEIGHT: 15px; COLOR: #ddd; FONT-SIZE: 11px; TOP: 45px; RIGHT: 240px; PADDING-TOP: 4px; visibility: hidden; } #headerLinks A { COLOR: #ddd } #headerLinks A:hover { COLOR: #fff; TEXT-DECORATION: underline } #headerLangToggle IMG { MARGIN: 0px 1px 1px 0px; VERTICAL-ALIGN: middle } #headerLangToggle IMG.globe_icon { BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -84px -420px } #headerLangToggle:hover IMG.globe_icon { BACKGROUND-POSITION: -95px -420px } .js#langSelector { BORDER-BOTTOM: #750500 1px solid; BORDER-LEFT: #750500 1px solid; MARGIN-TOP: 3px; DISPLAY: inline-block; BACKGROUND: #a00100; BORDER-TOP: #750500 0px solid; BORDER-RIGHT: #750500 1px solid; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px } .js#langSelector A { PADDING-BOTTOM: 0px; LINE-HEIGHT: 22px; PADDING-LEFT: 7px; PADDING-RIGHT: 7px; DISPLAY: block; HEIGHT: 22px; COLOR: #ddd; FONT-SIZE: 11px; CURSOR: pointer; TEXT-DECORATION: none; PADDING-TOP: 0px } * HTML .js#langSelector A { DISPLAY: inline-block } .js#langSelector A:hover { BACKGROUND: #750500; COLOR: #fff } .js#langSelector A.icon:hover SPAN { TEXT-DECORATION: none !important } .js#langSelector IMG.icon { MARGIN: 0px 3px -1px 0px; VERTICAL-ALIGN: baseline } .nojs#langSelector { BORDER-BOTTOM: #fff200 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #fff200 1px solid; PADDING-BOTTOM: 5px; LINE-HEIGHT: 1.18em; MARGIN: 10px 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; DISPLAY: block; BACKGROUND: #ffc; FONT-SIZE: 11px; BORDER-TOP: #fff200 1px solid; BORDER-RIGHT: #fff200 1px solid; PADDING-TOP: 5px } .nojs#langSelector LI { DISPLAY: inline; MARGIN-RIGHT: 0.72em } #fauxHeader { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/header/headersprite.1.png) } #lastfmLogo { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/header/headersprite.1.png) } #primaryNav .nav-link:hover { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/header/headersprite.1.png) } #profileLinks .divider A { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/header/headersprite.1.png) } #loginLink .profile-link { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/header/headersprite.1.png) } #loginLink .profile-link STRONG { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/header/headersprite.1.png) } #idBadgerUser { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/header/headersprite.1.png) } #idBadgerDropper { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/header/headersprite.1.png) } #siteSearchBox { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/header/headersprite.1.png) } #siteSearchSubmit { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/header/headersprite.1.png) } #headerLangToggle IMG.globe_icon { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/header/headersprite.1.png) } .lfmBlack #fauxHeader { BACKGROUND-POSITION: 0px -80px } .lfmBlack #lastfmLogo { BACKGROUND-POSITION: 0px -210px } .lfmBlack #lastfmLogo:hover { BACKGROUND-POSITION: -110px -210px } .lfmBlack #primaryNav .nav-link { text-shadow: #000000 0 1px 1px } .lfmBlack #primaryNav .nav-link:hover { BACKGROUND-POSITION: 0px -310px } .lfmBlack #profileLinks .divider A { BACKGROUND-POSITION: right -540px } .lfmBlack #loginLink .profile-link { BACKGROUND-POSITION: right -390px; text-shadow: #000000 0 1px 1px } .lfmBlack #loginLink .profile-link STRONG { BACKGROUND-POSITION: left -390px } .lfmBlack #idBadgerUser { BACKGROUND-POSITION: 0px -390px; text-shadow: #000000 0 1px 1px } .lfmBlack #idBadgerDropper { BACKGROUND-POSITION: -110px -420px } .lfmBlack #idBadgerDropper:hover { BACKGROUND-POSITION: -131px -420px } .lfmBlack #idBadgerDropDown { BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BACKGROUND: #000; BORDER-RIGHT-COLOR: #000; BORDER-LEFT-COLOR: #000 } .lfmBlack #idBadgerDropDown A:hover { BACKGROUND: #363636 } .lfmBlack #siteSearchProgress { BACKGROUND: url(http://cdn.last.fm/flatness/spinners/spinner_ffffff_666666.gif) no-repeat } .lfmBlack #siteSearchBox { BACKGROUND-POSITION: 0px -480px } .lfmBlack #siteSearchSubmit { BACKGROUND-POSITION: -152px -420px } .lfmBlack #siteSearchSubmit:hover { BACKGROUND-POSITION: -173px -420px } .lfmBlack #headerLangToggle IMG.globe_icon { BACKGROUND-POSITION: -194px -420px } .lfmBlack #headerLangToggle:hover IMG.globe_icon { BACKGROUND-POSITION: -205px -420px } .lfmBlack .js#langSelector { BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BACKGROUND: #000; BORDER-RIGHT-COLOR: #000; BORDER-LEFT-COLOR: #000 } .lfmBlack .js#langSelector A:hover { BACKGROUND: #363636 } #staging-overlay-div { Z-INDEX: 10; POSITION: absolute; TEXT-ALIGN: center; FILTER: alpha(opacity=50); LINE-HEIGHT: 13px; WIDTH: 100%; FONT-SIZE: 10px; TOP: 0px; LEFT: 0px; opacity: 0.5; -moz-opacity: 0.5 } #staging-overlay-div SPAN { PADDING-BOTTOM: 2px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #fff; COLOR: #666; PADDING-TOP: 0px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px } #userVerification { BORDER-BOTTOM: #fff200 1px solid; BORDER-LEFT: #fff200 1px solid; PADDING-BOTTOM: 5px; LINE-HEIGHT: 1.18em; MARGIN: 10px 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; DISPLAY: block; BACKGROUND: #ffc; FONT-SIZE: 11px; BORDER-TOP: #fff200 1px solid; BORDER-RIGHT: #fff200 1px solid; PADDING-TOP: 5px } .textareaActions { PADDING-BOTTOM: 4px; MARGIN: 5px 5px 5px -6px; PADDING-LEFT: 0px; PADDING-RIGHT: 4px; PADDING-TOP: 4px } .textareaActions .action { MARGIN: 6px } .textareaActions DIV { MARGIN: 6px } .attachbutton { BORDER-BOTTOM: #c0c0c0 1px solid; BORDER-LEFT: #c0c0c0 1px solid; PADDING-BOTTOM: 6px; PADDING-LEFT: 20px; PADDING-RIGHT: 6px; BACKGROUND: url(http://cdn.last.fm/paperclip.png) #fff no-repeat 3px center; BORDER-TOP: #c0c0c0 1px solid; BORDER-RIGHT: #c0c0c0 1px solid; PADDING-TOP: 6px } .autoCompleteResults { Z-INDEX: 1000; BORDER-BOTTOM: #c0c0c0 2px solid; POSITION: absolute; BORDER-LEFT: #c0c0c0 2px solid; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 350px !important; PADDING-RIGHT: 0px; BACKGROUND: white; BORDER-TOP: #c0c0c0 2px solid; BORDER-RIGHT: #c0c0c0 2px solid; PADDING-TOP: 0px } .autoCompleteResults LI { PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 3px } .autoCompleteResults LI.selected { BACKGROUND: #c0c0c0; COLOR: white } #siteSearchAutocomplete { Z-INDEX: 999999; BORDER-BOTTOM: #6f6f6f 1px solid; BORDER-LEFT: #bbb 1px solid; WIDTH: 290px; BACKGROUND: #fff; BORDER-TOP: #bbb 0px solid; BORDER-RIGHT: #6f6f6f 1px solid; -webkit-box-shadow: 3px 3px 8px #444; -moz-box-shadow: 3px 3px 8px #444; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px } #siteSearchAutocomplete { MARGIN-LEFT: -82px } #siteSearchAutocomplete TABLE { BORDER-BOTTOM: #ddd 1px solid } #siteSearchAutocomplete TH { TEXT-ALIGN: right; WIDTH: 80px; BORDER-RIGHT: #ddd 1px solid } #siteSearchAutocomplete TD { BACKGROUND: #fbfbfb; BORDER-TOP: #ddd 1px solid } #siteSearchAutocomplete TD.first { BORDER-TOP-WIDTH: 0px } #siteSearchAutocomplete TD.viewAll { BORDER-TOP-WIDTH: 0px } #siteSearchAutocomplete TR.alt TD { BACKGROUND: #f4f4f4 } #siteSearchAutocomplete UL { FLOAT: left } #siteSearchAutocomplete LI { FLOAT: left; CLEAR: left } #siteSearchAutocomplete LI.odd { } #siteSearchAutocomplete LI A { BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 4px; LINE-HEIGHT: 15px; PADDING-LEFT: 4px; WIDTH: 245px; PADDING-RIGHT: 4px; DISPLAY: block; FLOAT: left; COLOR: #000; FONT-SIZE: 11px; OVERFLOW: hidden; FONT-WEIGHT: normal; TEXT-DECORATION: none; PADDING-TOP: 4px } .grouped#siteSearchAutocomplete LI A { PADDING-BOTTOM: 6px; PADDING-LEFT: 6px; WIDTH: 241px; PADDING-RIGHT: 6px; BORDER-BOTTOM-WIDTH: 0px; PADDING-TOP: 6px } .sidegrouped#siteSearchAutocomplete LI A { PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; WIDTH: 201px; PADDING-RIGHT: 4px; PADDING-TOP: 4px } #siteSearchAutocomplete LI A.viewAll { BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px } .grouped#siteSearchAutocomplete LI A.viewAll { BORDER-TOP: #ddd 1px solid } .sidegrouped#siteSearchAutocomplete LI A.viewAll { BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px } #siteSearchAutocomplete LI A.artistItem { } .grouped#siteSearchAutocomplete LI A.tagItem { PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; WIDTH: 245px; PADDING-RIGHT: 4px; PADDING-TOP: 4px } .sidegrouped#siteSearchAutocomplete LI A.tagItem { PADDING-BOTTOM: 4px; PADDING-LEFT: 2px; WIDTH: 205px; PADDING-RIGHT: 2px; PADDING-TOP: 4px } #siteSearchAutocomplete LI.selected A { BACKGROUND-COLOR: #5297ff; COLOR: #fff; TEXT-DECORATION: none } #siteSearchAutocomplete LI.selected A STRONG { BACKGROUND-COLOR: #5297ff; COLOR: #fff; TEXT-DECORATION: none } #siteSearchAutocomplete LI.selected A SMALL { BACKGROUND-COLOR: #5297ff; COLOR: #fff; TEXT-DECORATION: none } .grouped#siteSearchAutocomplete LI.selected A SPAN.img { BORDER-BOTTOM: #777 1px solid; BORDER-LEFT: #777 1px solid; BACKGROUND-COLOR: #fff; BORDER-TOP: #777 1px solid; BORDER-RIGHT: #777 1px solid } #siteSearchAutocomplete A:hover SPAN.moduleOptions { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/icons/see_more_arrow_white_13x13.png); COLOR: #fff } #siteSearchAutocomplete LI.selected SPAN.moduleOptions { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/icons/see_more_arrow_white_13x13.png); COLOR: #fff } #siteSearchAutocomplete IMG { FLOAT: left } #siteSearchAutocomplete SPAN.img { FLOAT: left } #siteSearchAutocomplete SPAN.calSheet { FLOAT: left } #siteSearchAutocomplete SPAN.albumCover { FLOAT: left } #siteSearchAutocomplete A.artistItem IMG { MARGIN: 0px 9px 0px 0px } #siteSearchAutocomplete A.trackItem IMG { MARGIN: 0px 9px 0px 0px } #siteSearchAutocomplete A.userItem IMG { MARGIN: 0px 9px 0px 0px } #siteSearchAutocomplete A.groupItem IMG { MARGIN: 0px 9px 0px 0px } #siteSearchAutocomplete A.labelItem IMG { MARGIN: 0px 9px 0px 0px } .grouped#siteSearchAutocomplete A.artistItem SPAN.img { BORDER-BOTTOM: #bbb 1px solid; BORDER-LEFT: #bbb 1px solid; PADDING-BOTTOM: 1px; MARGIN: 0px 5px 0px 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; PADDING-TOP: 1px } .grouped#siteSearchAutocomplete A.trackItem SPAN.img { BORDER-BOTTOM: #bbb 1px solid; BORDER-LEFT: #bbb 1px solid; PADDING-BOTTOM: 1px; MARGIN: 0px 5px 0px 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; PADDING-TOP: 1px } .grouped#siteSearchAutocomplete A.artistItem SPAN.img SPAN { WIDTH: 33px; DISPLAY: block; HEIGHT: 27px; OVERFLOW: hidden } .grouped#siteSearchAutocomplete A.trackItem SPAN.img SPAN { WIDTH: 33px; DISPLAY: block; HEIGHT: 27px; OVERFLOW: hidden } * HTML .grouped#siteSearchAutocomplete A.artistItem SPAN.img SPAN { DISPLAY: inline-block } * HTML .grouped#siteSearchAutocomplete A.trackItem SPAN.img SPAN { DISPLAY: inline-block } .grouped#siteSearchAutocomplete A.artistItem IMG { MARGIN: -5px 0px 0px } .grouped#siteSearchAutocomplete A.trackItem IMG { MARGIN: -5px 0px 0px } #siteSearchAutocomplete A.tagItem IMG { MARGIN: 0px 12px 0px 1px; VERTICAL-ALIGN: middle } .grouped#siteSearchAutocomplete A.tagItem IMG { MARGIN: 0px 3px -5px 0px } #siteSearchAutocomplete SPAN.calSheet { MARGIN: 0px 13px 0px 3px } #siteSearchAutocomplete SPAN.albumCover { MARGIN: 0px 5px 0px 0px } #siteSearchAutocomplete SPAN.albumCover IMG { MARGIN: 0px; FLOAT: none } #siteSearchAutocomplete SMALL.time { COLOR: #888 } #siteSearchAutocomplete LI H3 { PADDING-BOTTOM: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; COLOR: #888; FONT-SIZE: 12px; BORDER-TOP: #ddd 1px solid; FONT-WEIGHT: normal; PADDING-TOP: 2px } #siteSearchAutocomplete TH H3 { PADDING-BOTTOM: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; COLOR: #888; FONT-SIZE: 12px; BORDER-TOP: #ddd 1px solid; FONT-WEIGHT: normal; PADDING-TOP: 2px } #siteSearchAutocomplete TH H3 { BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px } #siteSearchAutocomplete LI H3.tag { } #siteSearchAutocomplete P.header { BORDER-BOTTOM: #ddd 1px solid; POSITION: relative; TEXT-ALIGN: right; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.81em; PADDING-LEFT: 7px; PADDING-RIGHT: 7px; COLOR: #696969; FONT-SIZE: 11px; PADDING-TOP: 0px } .grouped#siteSearchAutocomplete P.header { PADDING-BOTTOM: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #888 } .sidegrouped#siteSearchAutocomplete P.header { BORDER-LEFT: #ddd 1px solid; BACKGROUND: #fbfbfb; MARGIN-LEFT: 80px } #siteSearchAutocomplete P.empty { TEXT-ALIGN: left } .sidegrouped#siteSearchAutocomplete P.empty { TEXT-ALIGN: right } #siteSearchAutocomplete DIV.message { BORDER-BOTTOM: #bddcfe 1px solid; BORDER-LEFT: #bddcfe 1px solid; PADDING-BOTTOM: 5px; MARGIN: 5px; PADDING-LEFT: 5px; WIDTH: 231px; PADDING-RIGHT: 5px; BACKGROUND: #e1f5ff; FLOAT: left; CLEAR: both; FONT-SIZE: 11px; BORDER-TOP: #bddcfe 1px solid; BORDER-RIGHT: #bddcfe 1px solid; PADDING-TOP: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px } #siteSearchAutocomplete DIV.messageWarn { BORDER-BOTTOM-COLOR: #fe9f27; BORDER-TOP-COLOR: #fe9f27; BACKGROUND: #ffe7d4; BORDER-RIGHT-COLOR: #fe9f27; BORDER-LEFT-COLOR: #fe9f27 } .sidegrouped#siteSearchAutocomplete DIV.message { WIDTH: 191px; FLOAT: right } BODY { VERTICAL-ALIGN: top } DIV { VERTICAL-ALIGN: top } DL { VERTICAL-ALIGN: top } DT { VERTICAL-ALIGN: top } DD { VERTICAL-ALIGN: top } UL { VERTICAL-ALIGN: top } OL { VERTICAL-ALIGN: top } LI { VERTICAL-ALIGN: top } H1 { VERTICAL-ALIGN: top } H2 { VERTICAL-ALIGN: top } H3 { VERTICAL-ALIGN: top } H4 { VERTICAL-ALIGN: top } H5 { VERTICAL-ALIGN: top } H6 { VERTICAL-ALIGN: top } PRE { VERTICAL-ALIGN: top } FORM { VERTICAL-ALIGN: top } FIELDSET { VERTICAL-ALIGN: top } INPUT { VERTICAL-ALIGN: top } SELECT { VERTICAL-ALIGN: top } TEXTAREA { VERTICAL-ALIGN: top } P { VERTICAL-ALIGN: top } BLOCKQUOTE { VERTICAL-ALIGN: top } TH { VERTICAL-ALIGN: top } TD { VERTICAL-ALIGN: top } INPUT { VERTICAL-ALIGN: baseline } SELECT { VERTICAL-ALIGN: baseline } TEXTAREA { FONT-FAMILY: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif } INPUT[type=text] { BACKGROUND: #fff; COLOR: #000; FONT-SIZE: 12px } INPUT[type=password] { BACKGROUND: #fff; COLOR: #000; FONT-SIZE: 12px } TEXTAREA { BACKGROUND: #fff; COLOR: #000; FONT-SIZE: 12px } TABLE { FONT-SIZE: 100% } .styledText UL { LIST-STYLE-TYPE: disc } .bbcode UL { LIST-STYLE-TYPE: disc } #faqContent UL { LIST-STYLE-TYPE: disc } .styledText OL { LIST-STYLE-TYPE: decimal } .bbcode OL { LIST-STYLE-TYPE: decimal } #faqContent OL { LIST-STYLE-TYPE: decimal } .styledText LI { MARGIN-LEFT: 2em } .bbcode LI { MARGIN-LEFT: 2em } #faqContent LI { MARGIN-LEFT: 2em } H1 { FONT-SIZE: 100%; FONT-WEIGHT: bold } H2 { FONT-SIZE: 100%; FONT-WEIGHT: bold } H3 { FONT-SIZE: 100%; FONT-WEIGHT: bold } H4 { FONT-SIZE: 100%; FONT-WEIGHT: bold } H5 { FONT-SIZE: 100%; FONT-WEIGHT: bold } H6 { FONT-SIZE: 100%; FONT-WEIGHT: bold } H1 { LINE-HEIGHT: 1.2em; COLOR: #000; FONT-SIZE: 18px; FONT-WEIGHT: bold } H2 { LINE-HEIGHT: 1.5em; COLOR: #d51007; FONT-SIZE: 14px; FONT-WEIGHT: bold } H2 IMG { VERTICAL-ALIGN: text-bottom } H5 { COLOR: #000; FONT-SIZE: 11px; FONT-WEIGHT: bold } #page { POSITION: relative; LINE-HEIGHT: 1.5; FONT-FAMILY: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; COLOR: #1b1b1b; CLEAR: both; FONT-SIZE: 12px; visibility: hidden; } A { COLOR: #0187c5; TEXT-DECORATION: none } A:active { OUTLINE-STYLE: none } A:hover { COLOR: #0187c5; TEXT-DECORATION: underline } SUB { LINE-HEIGHT: 0.1; FONT-SIZE: 0.75em } SUP { LINE-HEIGHT: 0.1; FONT-SIZE: 0.75em } SPAN.shoutCount { COLOR: #696969 } #page .hint { COLOR: #999 } .nowrap { WHITE-SPACE: nowrap } SMALL { FONT-SIZE: 10px } INPUT[type=text] { BORDER-BOTTOM: #bbb 1px solid; BORDER-LEFT: #bbb 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; PADDING-TOP: 3px } INPUT[type=password] { BORDER-BOTTOM: #bbb 1px solid; BORDER-LEFT: #bbb 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; PADDING-TOP: 3px } TEXTAREA { BORDER-BOTTOM: #bbb 1px solid; BORDER-LEFT: #bbb 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; PADDING-TOP: 3px } .staff SPAN.name { BACKGROUND: #d51007 } .subscriber SPAN.name { BACKGROUND: #000 } .moderator SPAN.name { BACKGROUND: orange } .userType { LINE-HEIGHT: 0px; FONT-SIZE: 9px; VERTICAL-ALIGN: super; FONT-WEIGHT: normal } .staff .userType { COLOR: #d51007 !important } .moderator .userType { COLOR: orange !important } .subscriber .userType { COLOR: #000 !important } SPAN.userImage { POSITION: relative } IMG.groupImage { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 1px } SPAN.userImage IMG { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 1px } A:hover IMG.groupImage { BORDER-BOTTOM-COLOR: #0187c5; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #0187c5; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; BORDER-RIGHT-COLOR: #0187c5; BORDER-LEFT-COLOR: #0187c5; PADDING-TOP: 1px } A:hover SPAN.userImage IMG { BORDER-BOTTOM-COLOR: #0187c5; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #0187c5; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; BORDER-RIGHT-COLOR: #0187c5; BORDER-LEFT-COLOR: #0187c5; PADDING-TOP: 1px } SPAN.userImage IMG.staff_icon { BORDER-BOTTOM: #ccc 1px solid; POSITION: absolute; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; TOP: -3px; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 0px; LEFT: -3px } SPAN.userImage IMG.subscriber_icon { BORDER-BOTTOM: #ccc 1px solid; POSITION: absolute; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; TOP: -3px; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 0px; LEFT: -3px } SPAN.userImage IMG.moderator_icon { BORDER-BOTTOM: #ccc 1px solid; POSITION: absolute; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; TOP: -3px; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 0px; LEFT: -3px } A:hover SPAN.userImage IMG.staff_icon { BORDER-BOTTOM: #ccc 1px solid; POSITION: absolute; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; TOP: -3px; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 0px; LEFT: -3px } A:hover SPAN.userImage IMG.subscriber_icon { BORDER-BOTTOM: #ccc 1px solid; POSITION: absolute; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; TOP: -3px; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 0px; LEFT: -3px } A:hover SPAN.userImage IMG.moderator_icon { BORDER-BOTTOM: #ccc 1px solid; POSITION: absolute; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; TOP: -3px; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 0px; LEFT: -3px } SPAN.staffWithIcon { PADDING-RIGHT: 7px; BACKGROUND: url(http://cdn.last.fm/flatness/global/user/icon_staff_m.png) no-repeat right top } .inline { DISPLAY: inline } FORM.lfmBigButton.inline { POSITION: relative } FORM.lfmBigButton.inline INPUT.button { POSITION: relative; HEIGHT: 18px; TOP: 2px } HTML { ; FILTER: expression(document.execCommand("BackgroundImageCache", false, true)) } * HTML .clearit { HEIGHT: 1% } .breadcrumb { MARGIN: 1em 0px 1em 15px; ZOOM: 1; COLOR: #0187c5 } .leftCol .breadcrumb { MARGIN: 0px 0px 1em } .breadcrumb SPAN { COLOR: #000 } DIV#browsablechart { MARGIN-TOP: 7px } DIV#browsablechart FIELDSET#typeSelector { MARGIN-BOTTOM: 1em } DIV#browsablechart FIELDSET.withDateSelector#typeSelector { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 13px; MARGIN-BOTTOM: 1.5em; FLOAT: left; CLEAR: both } DIV#browsablechart DIV#dateSelector { POSITION: relative; PADDING-LEFT: 190px; MARGIN-BOTTOM: 1em; CLEAR: both } DIV#browsablechart DIV#calendar { WIDTH: 175px; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: -190px } #LastWebsite DIV#browsablechart TABLE.calendar { WIDTH: 100% } #LastWebsite DIV#browsablechart TABLE.calendar TD { WIDTH: 14% } DIV#browsablechart TABLE#selectedWeekStats { MARGIN-TOP: 0.7em; FONT-SIZE: 11px } DIV#browsablechart TABLE#selectedWeekStats STRONG { MARGIN-LEFT: 0.5em } #browsablechart #moreInfo { POSITION: absolute; MARGIN: 0px; BOTTOM: 0px; LEFT: 190px } #browsablechart #moreInfo UL.calendarLegend { MARGIN: 0px; WHITE-SPACE: nowrap } DIV#browsablechart DIV#dateSelector P.chartmore { MARGIN: 0px; FONT-SIZE: 11px } A.button { BORDER-BOTTOM: #666 1px solid; BORDER-LEFT: #858585 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 16px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/5/button.png) #9b9b9b repeat-x 0px 0px; COLOR: #fff; FONT-SIZE: 11px; VERTICAL-ALIGN: baseline; BORDER-TOP: #999 1px solid; CURSOR: pointer; FONT-WEIGHT: bold; BORDER-RIGHT: #858585 1px solid; TEXT-DECORATION: none; PADDING-TOP: 0px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-shadow: #9b9b9b 0 -1px 1px } INPUT.button { BORDER-BOTTOM: #666 1px solid; BORDER-LEFT: #858585 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 16px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/5/button.png) #9b9b9b repeat-x 0px 0px; COLOR: #fff; FONT-SIZE: 11px; VERTICAL-ALIGN: baseline; BORDER-TOP: #999 1px solid; CURSOR: pointer; FONT-WEIGHT: bold; BORDER-RIGHT: #858585 1px solid; TEXT-DECORATION: none; PADDING-TOP: 0px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-shadow: #9b9b9b 0 -1px 1px } BUTTON.button { BORDER-BOTTOM: #666 1px solid; BORDER-LEFT: #858585 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 16px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/5/button.png) #9b9b9b repeat-x 0px 0px; COLOR: #fff; FONT-SIZE: 11px; VERTICAL-ALIGN: baseline; BORDER-TOP: #999 1px solid; CURSOR: pointer; FONT-WEIGHT: bold; BORDER-RIGHT: #858585 1px solid; TEXT-DECORATION: none; PADDING-TOP: 0px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-shadow: #9b9b9b 0 -1px 1px } A.confirmButton { BORDER-BOTTOM: #666 1px solid; BORDER-LEFT: #858585 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 16px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/5/button.png) #9b9b9b repeat-x 0px 0px; COLOR: #fff; FONT-SIZE: 11px; VERTICAL-ALIGN: baseline; BORDER-TOP: #999 1px solid; CURSOR: pointer; FONT-WEIGHT: bold; BORDER-RIGHT: #858585 1px solid; TEXT-DECORATION: none; PADDING-TOP: 0px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-shadow: #9b9b9b 0 -1px 1px } INPUT.confirmButton { BORDER-BOTTOM: #666 1px solid; BORDER-LEFT: #858585 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 16px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/5/button.png) #9b9b9b repeat-x 0px 0px; COLOR: #fff; FONT-SIZE: 11px; VERTICAL-ALIGN: baseline; BORDER-TOP: #999 1px solid; CURSOR: pointer; FONT-WEIGHT: bold; BORDER-RIGHT: #858585 1px solid; TEXT-DECORATION: none; PADDING-TOP: 0px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-shadow: #9b9b9b 0 -1px 1px } BUTTON.confirmButton { BORDER-BOTTOM: #666 1px solid; BORDER-LEFT: #858585 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 16px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/5/button.png) #9b9b9b repeat-x 0px 0px; COLOR: #fff; FONT-SIZE: 11px; VERTICAL-ALIGN: baseline; BORDER-TOP: #999 1px solid; CURSOR: pointer; FONT-WEIGHT: bold; BORDER-RIGHT: #858585 1px solid; TEXT-DECORATION: none; PADDING-TOP: 0px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-shadow: #9b9b9b 0 -1px 1px } A.confirmButton { BORDER-BOTTOM-COLOR: #2d2d2d; BORDER-TOP-COLOR: #505050; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/5/confirm_button.png) #515151 repeat-x 0px 0px; BORDER-RIGHT-COLOR: #404040; BORDER-LEFT-COLOR: #404040; FONT-WEIGHT: bold; text-shadow: #515151 0 -1px 1px } INPUT.confirmButton { BORDER-BOTTOM-COLOR: #2d2d2d; BORDER-TOP-COLOR: #505050; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/5/confirm_button.png) #515151 repeat-x 0px 0px; BORDER-RIGHT-COLOR: #404040; BORDER-LEFT-COLOR: #404040; FONT-WEIGHT: bold; text-shadow: #515151 0 -1px 1px } BUTTON.confirmButton { BORDER-BOTTOM-COLOR: #2d2d2d; BORDER-TOP-COLOR: #505050; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/5/confirm_button.png) #515151 repeat-x 0px 0px; BORDER-RIGHT-COLOR: #404040; BORDER-LEFT-COLOR: #404040; FONT-WEIGHT: bold; text-shadow: #515151 0 -1px 1px } A.confirmButtonBlue { BORDER-BOTTOM-COLOR: #007599; BORDER-TOP-COLOR: #00a4c3; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/5/confirm_button_blue.png) #00b6d8 repeat-x 0px 0px; BORDER-RIGHT-COLOR: #0094b6; BORDER-LEFT-COLOR: #0094b6; FONT-WEIGHT: bold; text-shadow: #007599 0 -1px 1px } INPUT.confirmButtonBlue { BORDER-BOTTOM-COLOR: #007599; BORDER-TOP-COLOR: #00a4c3; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/5/confirm_button_blue.png) #00b6d8 repeat-x 0px 0px; BORDER-RIGHT-COLOR: #0094b6; BORDER-LEFT-COLOR: #0094b6; FONT-WEIGHT: bold; text-shadow: #007599 0 -1px 1px } BUTTON.confirmButtonBlue { BORDER-BOTTOM-COLOR: #007599; BORDER-TOP-COLOR: #00a4c3; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/5/confirm_button_blue.png) #00b6d8 repeat-x 0px 0px; BORDER-RIGHT-COLOR: #0094b6; BORDER-LEFT-COLOR: #0094b6; FONT-WEIGHT: bold; text-shadow: #007599 0 -1px 1px } A.button:hover { COLOR: #fff; TEXT-DECORATION: none } INPUT.button:hover { COLOR: #fff; TEXT-DECORATION: none } BUTTON.button:hover { COLOR: #fff; TEXT-DECORATION: none } A.confirmButton:hover { COLOR: #fff; TEXT-DECORATION: none } INPUT.confirmButton:hover { COLOR: #fff; TEXT-DECORATION: none } BUTTON.confirmButton:hover { COLOR: #fff; TEXT-DECORATION: none } A.button:active { } INPUT.button:active { } BUTTON.button:active { } A.confirmButton:active { } INPUT.confirmButton:active { } BUTTON.confirmButton:active { } A.activeButton { } INPUT.activeButton { } BUTTON.activeButton { } INPUT[disabled].confirmButton { COLOR: #bbb } INPUT.disabledConfirmButton { COLOR: #bbb } #page A.lfmBigButton { TEXT-ALIGN: right; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px; DISPLAY: inline-block; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/grey_right.png) no-repeat right top; HEIGHT: 18px; COLOR: #fff; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; OVERFLOW: hidden; CURSOR: pointer; TEXT-DECORATION: none; PADDING-TOP: 0px; text-shadow: #163551 0 -1px 1px } #page A.lfmSmallButton { TEXT-ALIGN: right; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px; DISPLAY: inline-block; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/grey_right.png) no-repeat right top; HEIGHT: 18px; COLOR: #fff; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; OVERFLOW: hidden; CURSOR: pointer; TEXT-DECORATION: none; PADDING-TOP: 0px; text-shadow: #163551 0 -1px 1px } #page .indicator { TEXT-ALIGN: right; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px; DISPLAY: inline-block; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/grey_right.png) no-repeat right top; HEIGHT: 18px; COLOR: #fff; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; OVERFLOW: hidden; CURSOR: pointer; TEXT-DECORATION: none; PADDING-TOP: 0px; text-shadow: #163551 0 -1px 1px } #page .dismissbutton { TEXT-ALIGN: right; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px; DISPLAY: inline-block; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/grey_right.png) no-repeat right top; HEIGHT: 18px; COLOR: #fff; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; OVERFLOW: hidden; CURSOR: pointer; TEXT-DECORATION: none; PADDING-TOP: 0px; text-shadow: #163551 0 -1px 1px } #page .mockAddButton { TEXT-ALIGN: right; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px; DISPLAY: inline-block; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/grey_right.png) no-repeat right top; HEIGHT: 18px; COLOR: #fff; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; OVERFLOW: hidden; CURSOR: pointer; TEXT-DECORATION: none; PADDING-TOP: 0px; text-shadow: #163551 0 -1px 1px } #page A.lfmBigButton STRONG { PADDING-BOTTOM: 2px; LINE-HEIGHT: 14px; PADDING-LEFT: 25px; PADDING-RIGHT: 5px; DISPLAY: inline-block; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/add_left.png) no-repeat left top; HEIGHT: 14px; VERTICAL-ALIGN: top; PADDING-TOP: 2px } #page A.lfmBigButton SPAN { PADDING-BOTTOM: 2px; LINE-HEIGHT: 14px; PADDING-LEFT: 25px; PADDING-RIGHT: 5px; DISPLAY: inline-block; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/add_left.png) no-repeat left top; HEIGHT: 14px; VERTICAL-ALIGN: top; PADDING-TOP: 2px } #page A.lfmSmallButton STRONG { PADDING-BOTTOM: 2px; LINE-HEIGHT: 14px; PADDING-LEFT: 25px; PADDING-RIGHT: 5px; DISPLAY: inline-block; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/add_left.png) no-repeat left top; HEIGHT: 14px; VERTICAL-ALIGN: top; PADDING-TOP: 2px } #page A.lfmSmallButton SPAN { PADDING-BOTTOM: 2px; LINE-HEIGHT: 14px; PADDING-LEFT: 25px; PADDING-RIGHT: 5px; DISPLAY: inline-block; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/add_left.png) no-repeat left top; HEIGHT: 14px; VERTICAL-ALIGN: top; PADDING-TOP: 2px } #page .indicator SPAN { PADDING-BOTTOM: 2px; LINE-HEIGHT: 14px; PADDING-LEFT: 25px; PADDING-RIGHT: 5px; DISPLAY: inline-block; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/add_left.png) no-repeat left top; HEIGHT: 14px; VERTICAL-ALIGN: top; PADDING-TOP: 2px } #page .indicator STRONG { PADDING-BOTTOM: 2px; LINE-HEIGHT: 14px; PADDING-LEFT: 25px; PADDING-RIGHT: 5px; DISPLAY: inline-block; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/add_left.png) no-repeat left top; HEIGHT: 14px; VERTICAL-ALIGN: top; PADDING-TOP: 2px } #page .dismissbutton SPAN { PADDING-BOTTOM: 2px; LINE-HEIGHT: 14px; PADDING-LEFT: 25px; PADDING-RIGHT: 5px; DISPLAY: inline-block; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/add_left.png) no-repeat left top; HEIGHT: 14px; VERTICAL-ALIGN: top; PADDING-TOP: 2px } #page .dismissbutton STRONG { PADDING-BOTTOM: 2px; LINE-HEIGHT: 14px; PADDING-LEFT: 25px; PADDING-RIGHT: 5px; DISPLAY: inline-block; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/add_left.png) no-repeat left top; HEIGHT: 14px; VERTICAL-ALIGN: top; PADDING-TOP: 2px } #page .mockAddButton SPAN { PADDING-BOTTOM: 2px; LINE-HEIGHT: 14px; PADDING-LEFT: 25px; PADDING-RIGHT: 5px; DISPLAY: inline-block; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/add_left.png) no-repeat left top; HEIGHT: 14px; VERTICAL-ALIGN: top; PADDING-TOP: 2px } #page .mockAddButton STRONG { PADDING-BOTTOM: 2px; LINE-HEIGHT: 14px; PADDING-LEFT: 25px; PADDING-RIGHT: 5px; DISPLAY: inline-block; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/add_left.png) no-repeat left top; HEIGHT: 14px; VERTICAL-ALIGN: top; PADDING-TOP: 2px } #page A.lfmTagButton STRONG { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/tag_left.png) no-repeat left top } #page A.lfmSimpleButton { TEXT-ALIGN: left; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: auto; COLOR: #0187c5; VERTICAL-ALIGN: baseline; OVERFLOW: visible; PADDING-TOP: 0px; text-shadow: none } #page A.lfmSimpleButton STRONG { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: auto; VERTICAL-ALIGN: baseline; PADDING-TOP: 0px } #page .mockAddButton { CURSOR: auto } #page A.lfmBigButton:hover { BACKGROUND-POSITION: right bottom; COLOR: #fff } #page A.lfmSmallButton:hover { BACKGROUND-POSITION: right bottom; COLOR: #fff } #page A.lfmBigButton:hover SPAN { BACKGROUND-POSITION: left bottom } #page A.lfmBigButton:hover STRONG { BACKGROUND-POSITION: left bottom } #page A.lfmSmallButton:hover SPAN { BACKGROUND-POSITION: left bottom } #page A.lfmSmallButton:hover STRONG { BACKGROUND-POSITION: left bottom } #page A.lfmSimpleButton:hover { BACKGROUND-POSITION: 0px 50%; COLOR: #0187c5; TEXT-DECORATION: underline } #page A.lfmSimpleButton:hover { BACKGROUND-POSITION: 0px 50%; COLOR: #0187c5; TEXT-DECORATION: underline } #page A.lfmSimpleButton:hover STRONG { BACKGROUND-POSITION: 0px 50% } #page A.lfmSmallButton { HEIGHT: 15px; FONT-SIZE: 9px } #page A.lfmSmallButton STRONG { PADDING-BOTTOM: 0px; LINE-HEIGHT: 11px; PADDING-LEFT: 20px; PADDING-RIGHT: 5px; HEIGHT: 13px; PADDING-TOP: 2px } #page A.lfmSmallButton SPAN { PADDING-BOTTOM: 0px; LINE-HEIGHT: 11px; PADDING-LEFT: 20px; PADDING-RIGHT: 5px; HEIGHT: 13px; PADDING-TOP: 2px } #page A.lfmSendButton { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/grey_right.png) no-repeat right top; text-shadow: #2a2a2a 0 -1px 1px } #page A.lfmSendButton STRONG { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/share_left.png) no-repeat left top } #page A.lfmJoinButton { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/grey_right.png) no-repeat right top; text-shadow: #2a2a2a 0 -1px 1px } #page A.lfmJoinButton STRONG { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/join_left.png) no-repeat left top } #page A.lfmBefriendButton { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/6/add_right.png) #163551 no-repeat right top; text-shadow: #163551 0 -1px 1px } #page A.lfmBefriendButton STRONG { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/6/add_left.png) #163551 no-repeat left top } #page A.lfmBigMultiButton { PADDING-RIGHT: 19px; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/lightgrey_dropdown_right.png) no-repeat right top; text-shadow: #7f7f7f 0 -1px 1px } #page A.lfmBigMultiButton SPAN { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/more_left.png) no-repeat left top } #page A.lfmSmallMultiButton { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 26px; PADDING-RIGHT: 0px; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/6/small_multi.png) no-repeat right top; PADDING-TOP: 0px } #page A.lfmSmallMultiButton SPAN { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 26px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 0px } #page A.lfmSmallModuleButton { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 31px; PADDING-RIGHT: 0px; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/4/small_multi_white.png) no-repeat right top; PADDING-TOP: 0px } #page A.lfmSmallActiveModuleButton { BACKGROUND-POSITION: right -15px } #page A.lfmSmallModuleButton SPAN { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 31px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 0px } #page A.lfmBigActiveMultiButton { BACKGROUND-POSITION: right -18px } #page A.lfmBigActiveMultiButton SPAN { BACKGROUND-POSITION: left -18px } #page A.lfmSmallActiveMultiButton { BACKGROUND-POSITION: left bottom } #page .indicator { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/3/is_right.png) #b7b7b7 no-repeat right top; text-shadow: #999 0 -1px 1px } #page .indicator SPAN { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/4/is_left.png) #b7b7b7 no-repeat left top } #page .indicator STRONG { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/4/is_left.png) #b7b7b7 no-repeat left top } #page .lovedindicator SPAN { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/4/is_left_loved.png) #b7b7b7 no-repeat left top } #page .lovedindicator STRONG { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/4/is_left_loved.png) #b7b7b7 no-repeat left top } #page A.lfmFullTrackButton { TEXT-DECORATION: none } #page A.lfmFullTrackButton SPAN { BORDER-BOTTOM: #888 1px solid; BORDER-LEFT: #888 1px solid; PADDING-BOTTOM: 1px; LINE-HEIGHT: normal; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; LETTER-SPACING: 0px; COLOR: #888; FONT-SIZE: 8px; VERTICAL-ALIGN: middle; BORDER-TOP: #888 1px solid; BORDER-RIGHT: #888 1px solid; PADDING-TOP: 1px; -moz-border-radius: 2px; -webkit-border-radius: 2px } #page A.lfmFreeDownloadButton { PADDING-RIGHT: 2px; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/7/freedownload_right.png) no-repeat right top; HEIGHT: 15px; FONT-SIZE: 9px; OVERFLOW: visible; text-shadow: none } #page A.lfmFreeDownloadButton SPAN { PADDING-BOTTOM: 2px; LINE-HEIGHT: 11px; PADDING-LEFT: 17px; PADDING-RIGHT: 3px; WHITE-SPACE: nowrap; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/7/freedownload_left.png) no-repeat left top; HEIGHT: 11px; COLOR: #fff; FONT-WEIGHT: normal; PADDING-TOP: 2px } #page A.lfmFreeDownloadButton STRONG { PADDING-BOTTOM: 2px; LINE-HEIGHT: 11px; PADDING-LEFT: 17px; PADDING-RIGHT: 3px; WHITE-SPACE: nowrap; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/7/freedownload_left.png) no-repeat left top; HEIGHT: 11px; COLOR: #fff; FONT-WEIGHT: normal; PADDING-TOP: 2px } #page A.lfmFreeDownloadButtonLarge { PADDING-BOTTOM: 3px; MARGIN: 0px 0px 9px; PADDING-LEFT: 0px; WIDTH: 300px; PADDING-RIGHT: 0px; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/7/freedownload_large_bottom.png) no-repeat left bottom; HEIGHT: auto; FONT-SIZE: 11px; OVERFLOW: visible; PADDING-TOP: 0px; text-shadow: #1586bb 0 -1px 1px } #page A.lfmFreeDownloadButtonLarge:hover { BACKGROUND-POSITION: right bottom } #page A.lfmFreeDownloadButtonLarge SPAN { TEXT-ALIGN: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; MARGIN-TOP: 0px; PADDING-LEFT: 26px; WIDTH: 269px; PADDING-RIGHT: 5px; WHITE-SPACE: nowrap; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/7/freedownload_large_top.png) no-repeat left top; HEIGHT: auto; COLOR: #fff; PADDING-TOP: 2px } #page A.lfmFreeDownloadButtonLarge STRONG { TEXT-ALIGN: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; MARGIN-TOP: 0px; PADDING-LEFT: 26px; WIDTH: 269px; PADDING-RIGHT: 5px; WHITE-SPACE: nowrap; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/7/freedownload_large_top.png) no-repeat left top; HEIGHT: auto; COLOR: #fff; PADDING-TOP: 2px } #page A.lfmFreeDownloadButtonLarge:hover SPAN { BACKGROUND-POSITION: right top } #page A.lfmFreeDownloadButtonLarge:hover STRONG { BACKGROUND-POSITION: right top } #page A.lfmAddButtonLarge { PADDING-RIGHT: 2px; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/add.png) no-repeat right top; HEIGHT: 23px; COLOR: #333; OVERFLOW: visible; text-shadow: rgba(255,255,255,0.5) 0 1px 0 } #page A.lfmAddButtonLarge SPAN { PADDING-BOTTOM: 2px; LINE-HEIGHT: 19px; PADDING-LEFT: 22px; PADDING-RIGHT: 6px; WHITE-SPACE: nowrap; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/add.png) no-repeat left top; HEIGHT: 19px; COLOR: #333; PADDING-TOP: 2px } #page A.lfmAddButtonLarge STRONG { PADDING-BOTTOM: 2px; LINE-HEIGHT: 19px; PADDING-LEFT: 22px; PADDING-RIGHT: 6px; WHITE-SPACE: nowrap; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/8/add.png) no-repeat left top; HEIGHT: 19px; COLOR: #333; PADDING-TOP: 2px } #multiButtonMenu { Z-INDEX: 50; POSITION: absolute; MARGIN: 0px 0px 0px 7px; } #multiButtonMenu LI.mAddToLibrary { BORDER-BOTTOM: #ddd 1px solid; FONT-WEIGHT: bold } #multiButtonMenu LI.mRemoveFromLibrary { BORDER-BOTTOM: #ddd 1px solid; FONT-WEIGHT: bold } #multiButtonMenu LI.mAddToFriends { BORDER-BOTTOM: #ddd 1px solid; FONT-WEIGHT: bold } #multiButtonMenu LI.mSend { BORDER-BOTTOM: #ddd 1px solid; FONT-WEIGHT: bold } #multiButtonMenu LI { DISPLAY: none } #multiButtonMenu DIV.mAddToLibrary LI.mAddToLibrary { DISPLAY: block } #multiButtonMenu DIV.mRemoveFromLibrary LI.mRemoveFromLibrary { DISPLAY: block } #multiButtonMenu DIV.mAddToFriends LI.mAddToFriends { DISPLAY: block } #multiButtonMenu DIV.mSend LI.mSend { DISPLAY: block } #multiButtonMenu DIV.mObsess LI.mObsess { DISPLAY: block } #multiButtonMenu DIV.mAddToPlaylist LI.mAddToPlaylist { DISPLAY: block } #multiButtonMenu DIV.mAddTags LI.mAddTags { DISPLAY: block } #multiButtonMenu DIV.mMessage LI.mMessage { DISPLAY: block } #multiButtonMenu DIV.mLove LI.mLove { DISPLAY: block } #multiButtonMenu DIV.mUnlove LI.mUnlove { DISPLAY: block } #multiButtonMenu DIV.mBan LI.mBan { DISPLAY: block } #multiButtonMenu DIV.mUnban LI.mUnban { DISPLAY: block } #multiButtonMenu DIV.mMessageAll LI.mMessageAll { DISPLAY: block } #multiButtonMenu DIV.mEditPermissions LI.mEditPermissions { DISPLAY: block } #multiButtonMenu DIV.mAbdicate LI.mAbdicate { DISPLAY: block } #multiButtonMenu DIV.mLeave LI.mLeave { DISPLAY: block } #multiButtonMenu DIV.mEditDetails LI.mEditDetails { DISPLAY: block } #multiButtonMenu DIV.mBuy LI.mBuy { DISPLAY: block } #multiButtonMenu DIV.mLoading LI.mLoading { DISPLAY: block } #multiButtonMenu DIV.mBuy LI.mBuy A { PADDING-RIGHT: 45px } #multiButtonMenu DIV.mBuy LI.mBuy SPAN.priceHint { POSITION: absolute; RIGHT: 5px } #multiButtonMenu DIV.mBuy LI.mBuy IMG.loading { POSITION: absolute; RIGHT: 5px } #multiButtonMenu DIV.mBuy LI.mBuy IMG.loading { MARGIN-TOP: 5px } #multiButtonMenu DIV.mLoading LI.mLoading A { WIDTH: 70px; BACKGROUND: url(http://cdn.last.fm/flatness/spinner_big_f2f2f2.gif) #f2f2f2 no-repeat center 50%; HEIGHT: 73px } #page DIV.lfmBuyButtonContainRight { TEXT-ALIGN: right; FLOAT: right } #page DIV.lfmBuyButtonContainRight DIV.lfmDropDown { TEXT-ALIGN: right; FLOAT: right } #page DIV.lfmBuyButtonContainRightDownloadsRingtones DIV.lfmDownloadButton { CLEAR: right } #page A.lfmBuyButton { WHITE-SPACE: nowrap; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/6/buy_dl_right.png) #979797 no-repeat right top; text-shadow: #777 0 -1px 1px } #page A.lfmDownloadButton { WHITE-SPACE: nowrap; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/6/buy_dl_right.png) #979797 no-repeat right top; text-shadow: #777 0 -1px 1px } #page A.lfmRingtoneButton { FONT-SIZE: 11px } #page A.lfmRingtoneButton .mobile_icon { VERTICAL-ALIGN: middle } #page A.lfmBuyButton SPAN { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/6/buy_left.png) #979797 no-repeat left top } #page A.lfmBuyButton STRONG { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/6/buy_left.png) #979797 no-repeat left top } #page A.lfmDownloadButton SPAN { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/6/dl_left.png) #979797 no-repeat left top } #page A.lfmDownloadButton STRONG { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/6/dl_left.png) #979797 no-repeat left top } #page A.lfmRingtoneButtonDropDown { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 14px; WHITE-SPACE: nowrap; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/6/buy_dl_drp_right.png) #979797 no-repeat right top; PADDING-TOP: 0px; text-shadow: #777 0 -1px 1px } #page A.lfmBuyButtonDropDown { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 14px; WHITE-SPACE: nowrap; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/6/buy_dl_drp_right.png) #979797 no-repeat right top; PADDING-TOP: 0px; text-shadow: #777 0 -1px 1px } #page A.lfmDownloadButtonDropDown { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 14px; WHITE-SPACE: nowrap; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/6/buy_dl_drp_right.png) #979797 no-repeat right top; PADDING-TOP: 0px; text-shadow: #777 0 -1px 1px } #page A.lfmRingtoneButtonDropDown SPAN { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/6/rt_drp_left.png) #979797 no-repeat left top } #page A.lfmRingtoneButtonDropDown STRONG { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/6/rt_drp_left.png) #979797 no-repeat left top } #page A.lfmBuyButtonDropDown SPAN { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/6/buy_drp_left.png) #979797 no-repeat left top } #page A.lfmBuyButtonDropDown STRONG { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/6/buy_drp_left.png) #979797 no-repeat left top } #page A.lfmDownloadButtonDropDown SPAN { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/6/dl_drp_left.png) #979797 no-repeat left top } #page A.lfmDownloadButtonDropDown STRONG { BACKGROUND: url(http://cdn.last.fm/flatness/buttons/6/dl_drp_left.png) #979797 no-repeat left top } #page A.lfmBigBuyMoreButton { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/buttons/8/buy_right_nodropdown.png); PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px; WHITE-SPACE: nowrap; PADDING-TOP: 0px; text-shadow: #333 0 1px 1px } #page A.lfmMultiBuyDialogButton { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/buttons/8/buy_right_nodropdown.png); PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px; WHITE-SPACE: nowrap; PADDING-TOP: 0px; text-shadow: #333 0 1px 1px } #page .lfmDropDown A.lfmBigBuyMoreButton { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/buttons/8/buy_right.png); PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 19px; PADDING-TOP: 0px } #page A.lfmBigBuyMoreButton SPAN { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/buttons/8/buy_left.png) } #page A.lfmBigBuyMoreButton STRONG { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/buttons/8/buy_left.png) } #page A.lfmMultiBuyDialogButton SPAN { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/buttons/8/buy_left.png) } #page A.lfmMultiBuyDialogButton STRONG { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/buttons/8/buy_left.png) } #page A.lfmSmallBuyMoreButton { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/buttons/8/buy_right_small_nodropdown.png); PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px; WHITE-SPACE: nowrap; PADDING-TOP: 0px; text-shadow: #333 0 1px 1px } #page .lfmDropDown A.lfmSmallBuyMoreButton { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/buttons/8/buy_right_small.png); PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 17px; PADDING-TOP: 0px } #page A.lfmSmallBuyMoreButton SPAN { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/buttons/8/buy_left_small.png) } #page A.lfmSmallBuyMoreButton STRONG { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/buttons/8/buy_left_small.png) } #page .expanded A.lfmRingtoneButtonDropDown { BACKGROUND-POSITION: right center } #page .expanded A.lfmBuyButtonDropDown { BACKGROUND-POSITION: right center } #page .expanded A.lfmDownloadButtonDropDown { BACKGROUND-POSITION: right center } #page .expanded A.lfmRingtoneButtonDropDown SPAN { BACKGROUND-POSITION: left center } #page .expanded A.lfmRingtoneButtonDropDown STRONG { BACKGROUND-POSITION: left center } #page .expanded A.lfmBuyButtonDropDown SPAN { BACKGROUND-POSITION: left center } #page .expanded A.lfmBuyButtonDropDown STRONG { BACKGROUND-POSITION: left center } #page .expanded A.lfmDownloadButtonDropDown SPAN { BACKGROUND-POSITION: left center } #page .expanded A.lfmDownloadButtonDropDown STRONG { BACKGROUND-POSITION: left center } #page .buyButtonSupplier { LINE-HEIGHT: 1.4; FONT-SIZE: 10px } #page .buyButtonSupplier A { LINE-HEIGHT: 1.4; FONT-SIZE: 10px } .lfmDropDown { Z-INDEX: 1; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline-block; PADDING-TOP: 0px } UL.lfmDropDownBody { BORDER-BOTTOM: #ccc 0px solid; POSITION: absolute; BORDER-LEFT: #ccc 1px solid; MARGIN: 0px; BACKGROUND: #fff; FONT-SIZE: 10px; BORDER-TOP: #ccc 1px solid; TOP: 0px; BORDER-RIGHT: #ccc 1px solid; LEFT: 0px; visibility: visible; } #page UL.lfmDropDownBody LI { BORDER-BOTTOM: #ccc 1px solid; WIDTH: auto; WHITE-SPACE: nowrap } #page UL.lfmDropDownBody LI A { PADDING-BOTTOM: 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; DISPLAY: block; BACKGROUND: #f2f2f2; COLOR: #6f6f6f; FONT-WEIGHT: normal; TEXT-DECORATION: none; PADDING-TOP: 0px } #page UL.lfmDropDownBody LI A:hover { BACKGROUND: #6f6f6f; COLOR: #f2f2f2 } #page UL.lfmDropDownBody LI SMALL { MARGIN-LEFT: 4px; FONT-SIZE: 9px; FONT-WEIGHT: bold } #page UL.lfmBuyDropDownBody { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 3px 3px 5px #ccc; -moz-box-shadow: 3px 3px 5px #ccc } #page UL.lfmBuyDropDownBody LI { BORDER-BOTTOM-COLOR: #fff; FONT-SIZE: 11px; BORDER-TOP: #fff 1px solid } #page UL.lfmSmallBuyDropDownBody LI { FONT-SIZE: 10px } #page UL.lfmBuyDropDownBody LI.buyType { PADDING-BOTTOM: 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; COLOR: #999; PADDING-TOP: 2px } #page UL.lfmBuyDropDownBody LI.last { BORDER-BOTTOM-COLOR: #ccc; PADDING-BOTTOM: 5px } #page UL.lfmBuyDropDownBody LI A { POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 60px; BACKGROUND: #fff; COLOR: #000; PADDING-TOP: 0px } #page UL.lfmBuyDropDownBody LI A:hover { BACKGROUND: #5297ff; COLOR: #fff } #page UL.lfmBuyDropDownBody LI SMALL { POSITION: absolute; TEXT-ALIGN: right; PADDING-BOTTOM: 0px; PADDING-LEFT: 8px; WIDTH: 50px; PADDING-RIGHT: 8px; DISPLAY: block; FONT-SIZE: 10px; TOP: 0px; RIGHT: 0px; FONT-WEIGHT: normal; PADDING-TOP: 1px } .a-charts #page .lfmMultiBuyDialogButton { MARGIN: 0px 0px 1em } .a-overview.r-artist #page .modulechartstracks .lfmMultiBuyDialogButton { MARGIN-BOTTOM: -2.5em } .a-library.r-user #page .lfmMultiBuyDialogButton { MARGIN: 6px 0px 0px } .a-library.r-user #page .lfmMultiBuyDialogButton.lovedtracks { MARGIN: 0px 0px -4.5em } #page TABLE.calendar { LINE-HEIGHT: 1em; WIDTH: 158px; BORDER-COLLAPSE: collapse; MARGIN-BOTTOM: 2em; FONT-SIZE: 11px } #page .sidebar TABLE.calendar { MARGIN-BOTTOM: 1em } #page TABLE.chartSelectCalendar { MARGIN-BOTTOM: 0px } #page TABLE.calendar CAPTION { TEXT-ALIGN: left; PADDING-BOTTOM: 0.5em; LINE-HEIGHT: 1em; MARGIN: 0px; COLOR: #a0a0a0; FONT-SIZE: 11px; FONT-WEIGHT: bold } #page TABLE.calendar CAPTION A { BACKGROUND-COLOR: transparent; COLOR: #a0a0a0; TEXT-DECORATION: none } #page TABLE.calendar THEAD TR TH { TEXT-ALIGN: center; PADDING-BOTTOM: 6px; TEXT-TRANSFORM: uppercase; BACKGROUND: #fff; LETTER-SPACING: 0.1em; COLOR: #a0a0a0; FONT-WEIGHT: normal } #page TABLE.chartSelectCalendar THEAD TR TH { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 0.4em; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 0.3em } #page TABLE.chartSelectCalendar THEAD TR TH#tableMonthHeading { BORDER-RIGHT-STYLE: hidden; BORDER-LEFT-STYLE: hidden } #page TABLE.calendar TBODY TR TD { BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: right; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1em; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #545454; VERTICAL-ALIGN: bottom; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 0px } #page TABLE.calendar TBODY TR TD.noday { BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BACKGROUND-COLOR: transparent; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none } #page TABLE.calendar TBODY TR TD SPAN { PADDING-BOTTOM: 0.25em; PADDING-LEFT: 0px; PADDING-RIGHT: 0.25em; DISPLAY: block; PADDING-TOP: 0.75em } #page TABLE.chartSelectCalendar TBODY TR TD A { PADDING-BOTTOM: 0.25em; PADDING-LEFT: 0px; PADDING-RIGHT: 0.25em; DISPLAY: block; PADDING-TOP: 0.75em } #page TABLE.chartSelectCalendar TBODY TR.nodata TD { PADDING-BOTTOM: 0.25em; PADDING-LEFT: 0px; PADDING-RIGHT: 0.25em; DISPLAY: block; PADDING-TOP: 0.75em } #page TABLE.chartSelectCalendar TBODY TR.nodata TD { DISPLAY: table-cell } TABLE.calendar TR TD { BACKGROUND-COLOR: #eee } TABLE.calendar TR TD A { PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #fff; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 0.75em } #page TABLE.calendar TBODY TR TD.marker { BORDER-BOTTOM-STYLE: none; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 0px !important; BORDER-RIGHT-STYLE: none; BACKGROUND-COLOR: transparent !important; PADDING-LEFT: 0.3em !important; PADDING-RIGHT: 0px !important; BORDER-TOP-STYLE: none; VERTICAL-ALIGN: middle !important; PADDING-TOP: 0px !important } #page TABLE.calendar TR TD.marker IMG { POSITION: relative; VISIBILITY: hidden; TOP: 0.2em } #page TABLE.calendar TR.selected TD.marker IMG { VISIBILITY: visible } #page TABLE.calendar TR.invisibleMarker TD.marker IMG { VISIBILITY: hidden } #page TABLE.calendar TR.nodata TD.marker IMG { VISIBILITY: hidden } #page TABLE.calendar TR TD A:hover { BACKGROUND-COLOR: #ccc !important; TEXT-DECORATION: none } #page TABLE.calendar TR TD.highlight A { BACKGROUND-COLOR: #ccc !important; TEXT-DECORATION: none } #page TABLE.chartSelectCalendar TR TD A:hover { BACKGROUND: #e9ebef; TEXT-DECORATION: none } #page TABLE.calendar TR.selected TD { BACKGROUND: #e9ebef; TEXT-DECORATION: none } #page TABLE.calendar TR.selected TD A:hover { BACKGROUND: #e9ebef; TEXT-DECORATION: none } #page TABLE.calendar TBODY TR TD.past { COLOR: #ccc } #page TABLE.calendar TBODY TR.nodata TD { COLOR: #ccc } #page TABLE.calendar TBODY TR TD.trailing { COLOR: #ccc } #page TABLE.calendar TBODY TR.nodata TD { BACKGROUND: #fff } #page TABLE.calendar THEAD TR TH.weekend { FONT-WEIGHT: bold } UL.calendarLegend { PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.25em; LIST-STYLE-TYPE: none; MARGIN: 0px 0px 1.4em; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 11px; PADDING-TOP: 0px } UL.calendarLegend LI { PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0.42em; PADDING-LEFT: 1.5em; PADDING-RIGHT: 0px; PADDING-TOP: 0px } UL.calendarLegend LI SPAN { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; WIDTH: 1em; DISPLAY: inline; FLOAT: left; HEIGHT: 1em; MARGIN-LEFT: -1.5em; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid } UL.calendarLegend LI SPAN.selected { BACKGROUND-COLOR: #e9ebef } SPAN.calSheet { TEXT-ALIGN: center; DISPLAY: block } SPAN.calSheet SPAN { WIDTH: 100%; DISPLAY: block; FLOAT: left } SPAN.calSheet SPAN.month { BORDER-BOTTOM: #d51007 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #d51007 1px solid; LINE-HEIGHT: 1.1em; TEXT-TRANSFORM: uppercase; BACKGROUND: #d51007; COLOR: #fff; BORDER-TOP: #d51007 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: #d51007 1px solid } SPAN.calSheet SPAN.day { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; LINE-HEIGHT: 1.4em; BACKGROUND: #fff; LETTER-SPACING: -0.1em; COLOR: #000; BORDER-TOP: #ccc 1px; FONT-WEIGHT: bold; BORDER-RIGHT: #ccc 1px solid } SPAN.calSheetSmall { WIDTH: 25px } SPAN.calSheetSmall SPAN.month { HEIGHT: 10px; FONT-SIZE: 9px } SPAN.calSheetSmall SPAN.day { FONT-SIZE: 14px } DIV.catalogueHead { POSITION: relative } DIV.catalogueHead H1 { DISPLAY: inline; FONT-SIZE: 18px } DIV.catalogueHead .catalogueImage { MARGIN: 0px 15px 10px 0px; FLOAT: left } DIV.catalogueHead .catalogueImage SPAN.image { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; DISPLAY: block; BACKGROUND: #fff; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 1px } DIV.catalogueHead .catalogueImage SPAN.image SPAN { DISPLAY: block; HEIGHT: auto; OVERFLOW: hidden } DIV.catalogueHead .catalogueImage IMG { DISPLAY: block } DIV.catalogueHead SPAN.moduleOptions { PADDING-BOTTOM: 1px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BACKGROUND: #f7f7f7; PADDING-TOP: 1px } DIV.catalogueHead A.catalogueImage:hover { TEXT-DECORATION: none } DIV.catalogueHead A.catalogueImage:hover SPAN { TEXT-DECORATION: underline } DIV.catalogueHead P.stats { LINE-HEIGHT: 1.36em; MARGIN: 12px 0px; COLOR: #696969; FONT-SIZE: 11px } DIV.catalogueHead P.listeningNow { LINE-HEIGHT: 1.36em; MARGIN: 12px 0px; COLOR: #696969; FONT-SIZE: 11px } DIV.catalogueHead P.listeningNow { MARGIN-BOTTOM: 0px } DIV.catalogueHead DIV.buttons { LINE-HEIGHT: 2em; MARGIN: 1em 0px } * HTML DIV.catalogueHead DIV.buttons .lfmButton { MARGIN-BOTTOM: 4px } * HTML DIV.catalogueHead DIV.buttons .indicator { MARGIN-BOTTOM: 4px } DIV.catalogueHead DIV.tags P { LINE-HEIGHT: 1.36em; FONT-SIZE: 11px } DIV.catalogueHead DIV.tags H3 { MARGIN: 15px 0px 0px } DIV.catalogueHead P.tags { LINE-HEIGHT: 1.18em; TEXT-INDENT: -20px; MARGIN: 0px; PADDING-RIGHT: 20px; FONT-SIZE: 11px } DIV.catalogueHead P.tags SPAN { POSITION: relative; COLOR: #0187c5; TOP: 0px; LEFT: 20px } DIV.catalogueHead P.tags SPAN IMG { VERTICAL-ALIGN: middle; MARGIN-RIGHT: 5px } DIV.catalogueHead P.comments { LINE-HEIGHT: 1.18em; FONT-SIZE: 11px } DIV.catalogueHead P.comments .shoutCount { FONT-SIZE: 11px } DIV.catalogueHead P.comments { } DIV.catalogueHead P.comments IMG { MARGIN: 0px 4px 0px 1px; VERTICAL-ALIGN: bottom } .albumHead { PADDING-BOTTOM: 0px; PADDING-LEFT: 215px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .albumHead DIV.albumCover { TEXT-ALIGN: right; MARGIN: 0px 0px 0px -215px; DISPLAY: inline; FLOAT: left } .albumHead DIV.albumCover P { MARGIN: 5px 0px 0px } .albumHead H1 { FONT-SIZE: 14px; FONT-WEIGHT: bold } .albumHead H1 A { COLOR: #696969; FONT-WEIGHT: bold } .albumHead H1 A:hover { COLOR: #0187c5 } DIV.trackHead A.featuredAlbum { MARGIN: 0px 12px 0px 0px; DISPLAY: inline; FLOAT: left } DIV.trackHead H1 { LINE-HEIGHT: 1.1875; MARGIN-BOTTOM: 0px; FONT-SIZE: 16px } DIV.trackHead H1 A { COLOR: #000 } DIV.trackHead H1 A:hover { COLOR: #0187c5; TEXT-DECORATION: none } DIV.trackHead H1 .icon { MARGIN: 0px 5px -3px 0px; VERTICAL-ALIGN: baseline } DIV.trackHead DIV.buttons { MARGIN: 0.75em 0px 0px } DIV.trackHead P.featuredAlbums { LINE-HEIGHT: 1.36em; MARGIN: 0px; FONT-SIZE: 11px } DIV.trackHead SPAN.shoutCount IMG.icon { DISPLAY: none } TABLE.barChart { FONT-FAMILY: Arial, Helvetica, Verdana, "Free Sans", "FreeSans", sans-serif } TABLE.barChart TD.subject { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/charts/barchart_fakeborder.gif); WIDTH: 62%; BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: right top } TABLE.tagChart TD.subject { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/charts/tagchart_fakeborder.gif) } TABLE.fullTrackChart TD.subject { BACKGROUND-IMAGE: none } TABLE.trackChart TD.subject { BACKGROUND-IMAGE: none } TABLE.barChart TD.quantifier { WIDTH: 38% } TABLE.barChart A { PADDING-BOTTOM: 0px; PADDING-LEFT: 0.15em; PADDING-RIGHT: 0.15em; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 0px } TABLE.barChart TD { PADDING-BOTTOM: 4px; LINE-HEIGHT: 1.16em; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FONT-SIZE: 12px; VERTICAL-ALIGN: top; BORDER-TOP: #dadada 1px solid; PADDING-TOP: 2px } TABLE.tagChart TD { BORDER-TOP: #c5d0dd 1px solid } TABLE.barChart TD.subject SPAN { PADDING-RIGHT: 8px; DISPLAY: block; HEIGHT: 1.16em; OVERFLOW: hidden } TABLE.fullTrackChart TD.subject SPAN { PADDING-RIGHT: 0px } TABLE.trackChart TD.subject SPAN { PADDING-RIGHT: 0px } TABLE.barChart TD.position { TEXT-ALIGN: right; COLOR: #969696; BORDER-RIGHT: #b5b5b5 1px solid } TABLE.barChart TD.delta { PADDING-LEFT: 0px; PADDING-RIGHT: 0px; WHITE-SPACE: nowrap; COLOR: #bdbdbd; FONT-SIZE: 9px } TABLE.barChart TD.delta IMG { MARGIN-RIGHT: 1px } TABLE.tagChart TD.position { COLOR: #98aabf; BORDER-RIGHT: #98aabf 1px solid } TABLE.barChart TD.playButtons { PADDING-BOTTOM: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 0px; PADDING-TOP: 2px } TABLE.barChart TD.addToPlaylistButtons { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/charts/barchart_fakeborder.gif); PADDING-BOTTOM: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 10px; BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: right top; PADDING-TOP: 2px } TABLE.barChart TR:hover TD { BACKGROUND-COLOR: #eee; BORDER-TOP: #b5b5b5 1px solid } TABLE.barChart TR.hover TD { BACKGROUND-COLOR: #eee; BORDER-TOP: #b5b5b5 1px solid } TABLE.tagChart TR:hover TD { BACKGROUND-COLOR: #e2e8f1; BORDER-TOP: #a8b9cc 1px solid } TABLE.tagChart TR.hover TD { BACKGROUND-COLOR: #e2e8f1; BORDER-TOP: #a8b9cc 1px solid } TABLE.barChart TR:hover TD.addToPlaylistButtons { COLOR: #fff } TABLE.barChart TR:hover TD.addToPlaylistButtons { COLOR: #fff } TABLE.barChart TR:hover TD.quantifier { BACKGROUND-COLOR: #fff; BORDER-TOP-STYLE: none } TABLE.barChart TR.hover TD.quantifier { BACKGROUND-COLOR: #fff; BORDER-TOP-STYLE: none } TABLE.barChart TD.subject A:hover { BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #545454 } TABLE.tagChart TD.subject A { COLOR: #4b72a9 } TABLE.tagChart TD.subject A:hover { COLOR: #4b72a9 } TABLE.barChart TD.quantifier { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP-STYLE: none; COLOR: #fff; PADDING-TOP: 0px } TABLE.barChart TD.quantifier DIV { LINE-HEIGHT: 18px; BACKGROUND-COLOR: #ccc; HEIGHT: 18px } TABLE.tagChart TD.quantifier DIV { BACKGROUND-COLOR: #c5d0dd } TABLE.barChart TD.quantifier DIV SPAN { PADDING-LEFT: 4px; PADDING-RIGHT: 9px; DISPLAY: block; WHITE-SPACE: nowrap; BACKGROUND: url(http://cdn.last.fm/depth/charts/barchart_end.gif) no-repeat right top } TABLE.tagChart TD.quantifier DIV SPAN { BACKGROUND: url(http://cdn.last.fm/depth/charts/tagchart_end2.gif) no-repeat right top } #content TABLE.inlineChart TD.subject { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 90%; PADDING-RIGHT: 0px; PADDING-TOP: 0px } #content TABLE.inlineChart TD.position { COLOR: #969696 } #content TABLE.inlineChart TD.delta { COLOR: #aaa } #content TABLE.inlineChart TR TD.playButtons { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/charts/inlinechart_fixed_bg.gif); BORDER-BOTTOM: #fff 2px solid; BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: right top } #content TABLE.inlineChart DIV { POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 0px } #content TABLE.inlineChart SPAN.text { Z-INDEX: 5; POSITION: relative; PADDING-BOTTOM: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 2px } #content TABLE.inlineChart SPAN.percentageBar { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/charts/half-width_bg.gif); Z-INDEX: 0; POSITION: absolute; MIN-WIDTH: 9px; BACKGROUND-COLOR: #e8e8e8; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right center; HEIGHT: 18px; TOP: 0px; LEFT: 0px } TABLE.barChart TD.counter { TEXT-ALIGN: right; WHITE-SPACE: nowrap; COLOR: #969696 } #content TABLE.inlineChart TR:hover SPAN.percentageBar { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/charts/half-width_bg_hover.gif); BACKGROUND-COLOR: #dfdfdf } #content TABLE.inlineChart TR.hover SPAN.percentageBar { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/charts/half-width_bg_hover.gif); BACKGROUND-COLOR: #dfdfdf } #content TABLE.inlineChart TR:hover TD.subject { BACKGROUND-IMAGE: none; BACKGROUND-COLOR: #eee } #content TABLE.inlineChart TR.hover TD.subject { BACKGROUND-IMAGE: none; BACKGROUND-COLOR: #eee } #content TABLE.inlineChart TR:hover TD.position { BACKGROUND-IMAGE: none; BACKGROUND-COLOR: #eee } #content TABLE.inlineChart TR.hover TD.position { BACKGROUND-IMAGE: none; BACKGROUND-COLOR: #eee } #content TABLE.inlineChart TR:hover TD.delta { BACKGROUND-IMAGE: none; BACKGROUND-COLOR: #eee } #content TABLE.inlineChart TR.hover TD.delta { BACKGROUND-IMAGE: none; BACKGROUND-COLOR: #eee } #content TABLE.inlineChart TR:hover TD.playButtons { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/charts/inlinechart_fixed_bg_hover.gif); BORDER-BOTTOM-COLOR: #eee } #content TABLE.inlineChart TR.hover TD.playButtons { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/charts/inlinechart_fixed_bg_hover.gif); BORDER-BOTTOM-COLOR: #eee } #content TABLE A.addToPlaylist { PADDING-BOTTOM: 0px; MARGIN-TOP: -1px; PADDING-LEFT: 0px; WIDTH: 16px; PADDING-RIGHT: 0px; DISPLAY: inline; MARGIN-BOTTOM: -1px; BACKGROUND: left top; FLOAT: right; HEIGHT: 16px; PADDING-TOP: 0px } #content TABLE TD > A.addToPlaylist { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/icons/addtoplaylist.gif); VISIBILITY: hidden } #content TABLE A.addToPlaylist SPAN { LINE-HEIGHT: 0; TEXT-INDENT: -9999px; WIDTH: 16px; DISPLAY: block; HEIGHT: 16px; FONT-SIZE: 0px; TEXT-DECORATION: none } #content TABLE TR:hover A.addToPlaylist { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/icons/addtoplaylist.gif); BACKGROUND-REPEAT: no-repeat; VISIBILITY: visible } #content TABLE TR.previewhover A.addToPlaylist { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/icons/addtoplaylist.gif); BACKGROUND-REPEAT: no-repeat } #content TABLE TR.flphover A.addToPlaylist { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/icons/addtoplaylist.gif); BACKGROUND-REPEAT: no-repeat } #content TABLE TR.hover A.addToPlaylist { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/icons/addtoplaylist.gif); BACKGROUND-REPEAT: no-repeat } #content TABLE TD A.addToPlaylist:hover { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/icons/addtoplaylist.gif); CURSOR: pointer !important } #content TABLE TR TD A.playlistAddProgress { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/global/progress.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px -2px } #content TABLE TR TD A.playlistAddProgress:hover { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/global/progress.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px -2px } #content TABLE TR TD A.playlistAdded { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/icons/track_added.gif) !important; BACKGROUND-REPEAT: no-repeat } #content TABLE TR TD A.playlistAdded:hover { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/icons/track_added.gif) !important; BACKGROUND-REPEAT: no-repeat } .cloud { TEXT-ALIGN: center; FONT-FAMILY: "Helvetica Neue", Arial, Helvetica, Verdana, "Free Sans", "FreeSans", sans-serif; FONT-WEIGHT: bold } .cloud .cloudItem { LINE-HEIGHT: 1; MARGIN: 5px; VERTICAL-ALIGN: middle } #editor { TEXT-ALIGN: left; PADDING-BOTTOM: 2px; MARGIN-TOP: 2px; PADDING-LEFT: 0px; WIDTH: 465px; PADDING-RIGHT: 0px; PADDING-TOP: 2px } .journalMode#editor { WIDTH: 685px } #editor #editorTitle { WIDTH: 465px } #editor #message { WIDTH: 465px } #editor #toolbar { WIDTH: 465px } #editorPanel { WIDTH: 465px } #editorPreviewContainer { WIDTH: 465px } #editor #statusbar { BORDER-BOTTOM: #f5f5f5 1px solid; BORDER-LEFT: #f5f5f5 1px solid; DISPLAY: none; FLOAT: left; HEIGHT: 1.2em; BORDER-TOP: #f5f5f5 1px solid; BORDER-RIGHT: #f5f5f5 1px solid } #editor #bbbuttons { PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 3px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; CLEAR: both; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 0px } #editor #faqinserter { CLEAR: left } #editor #faqinserter UL { MARGIN-LEFT: 15px } #editor #faqinserter UL UL { MARGIN-LEFT: 15px } #editor #toolbar { MARGIN-TOP: 4px } #editor #editorPreviewPane { BORDER-BOTTOM: #dfdfdf 1px solid; BORDER-LEFT: #dfdfdf 1px solid; PADDING-BOTTOM: 15px; MARGIN: 5px 0px 10px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BACKGROUND: #fff; BORDER-TOP: #dfdfdf 1px solid; BORDER-RIGHT: #dfdfdf 1px solid; PADDING-TOP: 15px } #editor #actionbuttons { PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 3px } #editor .bbbuttons { CLEAR: both } #editor .bbbuttons LI { LINE-HEIGHT: 15px; LIST-STYLE-TYPE: none; MARGIN: 0px 5px 5px 0px; PADDING-LEFT: 4px; DISPLAY: inline; WHITE-SPACE: nowrap; BACKGROUND: url(http://cdn.last.fm/depth/buttons/journal_button_01.gif) no-repeat left top; FLOAT: left; FONT-SIZE: 11px; CURSOR: pointer } #editor .bbbuttons LI.lfm { COLOR: #4a71a9 } #editor .bbbuttons LI SPAN { PADDING-RIGHT: 4px; DISPLAY: block; BACKGROUND: url(http://cdn.last.fm/depth/buttons/journal_button_02.gif) no-repeat right top } #journalgroups { MARGIN-TOP: 15px; CLEAR: both } #editor #bbbuttons LABEL { DISPLAY: block; MARGIN-BOTTOM: 0.5em } .eventometer { TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BACKGROUND: url(http://cdn.last.fm/flatness/components/eventometer/bg.3.png) no-repeat 0px -30px; HEIGHT: 30px; COLOR: #fff; FONT-SIZE: 11px; FONT-WEIGHT: bold; text-shadow: rgba(0,0,0,0.2) 0 -1px 0 } .eventometer-rec { BACKGROUND-POSITION: 0px 0px } DIV.wikiFactBox { MARGIN: 1em 0px } DL.factbox { PADDING-BOTTOM: 0px; PADDING-LEFT: 111px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } DL.factbox DT { PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px -111px; PADDING-LEFT: 0px; WIDTH: 100px; PADDING-RIGHT: 0px; DISPLAY: inline; FLOAT: left; CLEAR: both; PADDING-TOP: 7px } DL.factbox DD { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-TOP: 7px } UL.festivalLineup { MARGIN: 0px } UL.festivalLineup LI { BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 0px; MARGIN: 0px 15px 0px 0px; PADDING-LEFT: 0px; WIDTH: 160px; PADDING-RIGHT: 3px; ZOOM: 1; DISPLAY: inline; PADDING-TOP: 0px; _height: 1.5em } * HTML UL.festivalLineup LI { DISPLAY: inline } UL.headlinerLvl1 LI { POSITION: relative; HEIGHT: 110px; OVERFLOW: hidden } UL.headlinerLvl1 A { WIDTH: 100%; DISPLAY: block; HEIGHT: 100% } UL.headlinerLvl1 LI .headliner { POSITION: absolute; TOP: 0px; LEFT: -63px } UL.headlinerLvl2 LI { WIDTH: 163px; PADDING-RIGHT: 0px } UL.headlinerLvl3 LI { WIDTH: 163px; PADDING-RIGHT: 0px } UL.headlinerLvl1 LI { BORDER-BOTTOM: 0px; MARGIN: 0px 15px 3px 0px } UL.headlinerLvl2 LI { BORDER-BOTTOM: 0px; MARGIN: 0px 15px 3px 0px } UL.headlinerLvl3 LI { BORDER-BOTTOM: 0px; MARGIN: 0px 15px 3px 0px } UL.headlinerLvl1 LI .lineupName { PADDING-BOTTOM: 2px; BACKGROUND-COLOR: #4488cc; PADDING-LEFT: 4px; WIDTH: 155px; PADDING-RIGHT: 4px; DISPLAY: block; COLOR: #fff; FONT-WEIGHT: bold; PADDING-TOP: 2px } UL.headlinerLvl2 LI A { PADDING-BOTTOM: 2px; BACKGROUND-COLOR: #4488cc; PADDING-LEFT: 4px; WIDTH: 155px; PADDING-RIGHT: 4px; DISPLAY: block; COLOR: #fff; FONT-WEIGHT: bold; PADDING-TOP: 2px } UL.headlinerLvl3 LI A { PADDING-BOTTOM: 2px; BACKGROUND-COLOR: #4488cc; PADDING-LEFT: 4px; WIDTH: 155px; PADDING-RIGHT: 4px; DISPLAY: block; COLOR: #fff; FONT-WEIGHT: bold; PADDING-TOP: 2px } UL.headlinerLvl1 LI .lineupName { POSITION: absolute; FILTER: alpha(opacity = 90); BOTTOM: 0px; DISPLAY: block; opacity: 0.9 } UL.headlinerLvl1 LI A:hover SPAN { CURSOR: pointer; TEXT-DECORATION: underline } UL.headlinerLvl2 LI A { BACKGROUND-COLOR: #8babdd } UL.headlinerLvl3 LI A { BACKGROUND-COLOR: #acc3e7 } #player { WIDTH: 300px; MARGIN-BOTTOM: 30px; OVERFLOW: visible } .shortPlayer#player { HEIGHT: 221px } .lazy#player { POSITION: relative; MARGIN-BOTTOM: 20px; BACKGROUND: url(http://static.last.fm/prototyping/htmlplayer/player.png) no-repeat 0px 0px; HEIGHT: 80px; COLOR: #6e6e6e; OVERFLOW: hidden; CURSOR: pointer; -moz-border-radius: 2px } #player .preview { DISPLAY: none } .lazy#player P.artist { POSITION: absolute; WIDTH: 135px; DISPLAY: block; HEIGHT: 12px; COLOR: #fff; FONT-SIZE: 10px; OVERFLOW: hidden; TOP: 11px; LEFT: 93px } .lazy#player P.track { POSITION: absolute; WIDTH: 135px; DISPLAY: block; HEIGHT: 15px; COLOR: #fff; FONT-SIZE: 10px; OVERFLOW: hidden; TOP: 28px; LEFT: 93px } .lazy#player P.type { POSITION: absolute; WIDTH: 100%; BOTTOM: 0px; DISPLAY: block; BACKGROUND: #fefefe; HEIGHT: 13px; PADDING-TOP: 2px } .lazy#player P.type SPAN { COLOR: #555; FONT-SIZE: 9px } #LastFooter { TEXT-ALIGN: left; LINE-HEIGHT: 1.18em; MARGIN: 10px 0px 0px 110px; COLOR: #000; FONT-SIZE: 11px; OVERFLOW: hidden } * + HTML #spArticleBody #LastFooter { WIDTH: 808px } .full #LastFooter { MARGIN-LEFT: 0px } * + HTML #spArticleBody .full #LastFooter { WIDTH: 918px } #footerStuff { PADDING-BOTTOM: 10px; LINE-HEIGHT: 15px; MARGIN: 0px 0px 15px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; BACKGROUND: #eef5fc; OVERFLOW: hidden; PADDING-TOP: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px } #footerStuff LI { WIDTH: 50%; DISPLAY: inline; FLOAT: left; _width: 48% } * + HTML #footerStuff LI { WIDTH: 48% } #footerMessage { MARGIN-LEFT: 15px } #footerMessage H3 { FONT-SIZE: 11px } #footerMessage P { MARGIN: 0px } #uploadYourMusic { MARGIN-LEFT: 15px } #footer_content { PADDING-BOTTOM: 10px; MARGIN: 0px 0px 25px; PADDING-LEFT: 0px; PADDING-RIGHT: 15px; BACKGROUND: #e3e3e3; PADDING-TOP: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px } #footerLinks { PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px 0px 25px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 8px } #footerLinks * { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } #footerLinks A { COLOR: #000 } #footerLinks LI { WIDTH: 25%; DISPLAY: block; FLOAT: left; _width: 24% } * + HTML #footerLinks LI { WIDTH: 24% } #footerLinks DT { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 3px; WIDTH: 177px; MARGIN-BOTTOM: 3px; MARGIN-LEFT: 15px; FONT-SIZE: 12px; FONT-WEIGHT: bold } #footerLinks DD { MARGIN-BOTTOM: 0.2em; MARGIN-LEFT: 15px } #LastFooter #jasrac { MARGIN: 30px auto 0px; WIDTH: 226px; HEIGHT: 75px } #justCantGetEnough { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 3px; MARGIN-BOTTOM: 3px; MARGIN-LEFT: 15px } #justCantGetEnough BLOCKQUOTE { FONT-STYLE: italic; MARGIN: 0px 0px 25px; FONT-FAMILY: "Lucida Sans", sans-serif; COLOR: #696969; FONT-SIZE: 11px } #legalities { MARGIN-LEFT: 15px; CLEAR: both } #legalities FORM { FLOAT: right } #legalities FORM LABEL { DISPLAY: block; MARGIN-BOTTOM: 3px; COLOR: #000 } #legalities FORM SELECT { MARGIN-RIGHT: 0.36em } #legalities P#copy { PADDING-BOTTOM: 0px; MARGIN-TOP: 8px; PADDING-LEFT: 134px; PADDING-RIGHT: 0px; BACKGROUND: url(http://cdn.last.fm/flatness/footer/cbsi-music.png) no-repeat -7px 0px; HEIGHT: 36px; PADDING-TOP: 12px } #legalities P#copy { COLOR: #696969; FONT-SIZE: 10px } #legalities P#copy A { COLOR: #696969; FONT-SIZE: 10px } #legalities #cbsi_f FORM { FLOAT: right } #legalities #cbsi_f_pop { MARGIN: 0px 0px 3px; COLOR: #000; FONT-WEIGHT: bold } #legalities #cbsi_f_pop A { COLOR: #0187c5; FONT-WEIGHT: normal } #legalities P#copy SPAN.date { COLOR: #999 } #footer_ads .LastAd { TEXT-ALIGN: left; WIDTH: 25%; DISPLAY: inline; FLOAT: left; HEIGHT: 64px; _width: 24.9% } * + HTML #footer_ads .LastAd { WIDTH: 24.9% } #footer_ads { PADDING-BOTTOM: 0px; MARGIN: 5px 0px 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; ZOOM: normal; HEIGHT: 64px; CLEAR: both; OVERFLOW: hidden; PADDING-TOP: 0px } #footer_ads .footer_ad_wrapper { OVERFLOW: hidden } #footer_ads .last { MARGIN-RIGHT: 0px } * HTML #footer_ads .last { MARGIN-RIGHT: -3px } #footer_ads A { DISPLAY: none } #footer_ads DIV A { DISPLAY: block } #footerCopy { MARGIN-TOP: 15px; COLOR: #696969; FONT-SIZE: 10px } #footerCopy A { COLOR: #696969; TEXT-DECORATION: underline } #footerCopy A:hover { COLOR: #0187c5; TEXT-DECORATION: underline } UL.forumComments { WIDTH: 100%; MARGIN-BOTTOM: 2em; OVERFLOW: visible } UL.forumComments DIV.comment { POSITION: relative; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-LEFT: 111px; PADDING-RIGHT: 15px; ZOOM: 1; PADDING-TOP: 10px } UL.forumComments LI.odd { BORDER-BOTTOM: #e1e1e1 1px solid; BACKGROUND: #f5f5f5; BORDER-TOP: #e1e1e1 1px solid } UL.forumComments UL.commentUserDetails { DISPLAY: inline } UL.forumComments UL.commentUserDetails LI { DISPLAY: inline } UL.forumComments UL.commentUserDetails LI.userName { FLOAT: left; MARGIN-LEFT: -96px } UL.forumComments UL.commentUserDetails LI.userName SPAN { COLOR: #969696; TEXT-DECORATION: none } UL.forumComments UL.commentUserDetails LI.userName SPAN A { COLOR: #969696; TEXT-DECORATION: none } UL.forumComments UL.commentUserDetails LI.userName SPAN A:hover { TEXT-DECORATION: underline } UL.forumComments UL.commentUserDetails LI.userThumb { MARGIN-TOP: 10px; FLOAT: left; MARGIN-LEFT: -96px; CLEAR: left } UL.forumComments UL.commentUserDetails LI.userThumb A SPAN.userImage { DISPLAY: block; FLOAT: left } UL.forumComments UL.commentUserDetails LI.userDetails { FLOAT: left; MARGIN-LEFT: -96px; CLEAR: left } UL.forumComments UL.commentUserDetails LI.userDetails SPAN.user SPAN.userType { DISPLAY: none } UL.forumComments UL.commentUserDetails LI.date { TEXT-ALIGN: right; WIDTH: 440px; DISPLAY: block; COLOR: #969696; FONT-SIZE: 11px } UL.forumComments DIV.comment .wrapper { Z-INDEX: 20; POSITION: relative; WIDTH: 440px; DISPLAY: block } UL.forumComments DIV.comment H4 { MARGIN: 0px; COLOR: #252525; FONT-SIZE: 12px; PADDING-TOP: 7px } UL.forumComments DIV.comment .messageContent { MIN-HEIGHT: 6em; PADDING-TOP: 7px } UL.forumComments DIV.comment .messageContent A:hover { BACKGROUND-COLOR: transparent } UL.forumComments DIV.comment .messageContent LI { LIST-STYLE-POSITION: outside !important; MARGIN: 0.7em 0px 0.7em 2em } UL.forumComments DIV.comment .messageContent UL BR { DISPLAY: none } UL.forumComments DIV.comment DIV.messageSig { MARGIN: 24px -15px 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; MAX-HEIGHT: 256px; FONT-SIZE: 11px; OVERFLOW: hidden; BORDER-TOP: #ccc 1px solid; PADDING-TOP: 8px } UL.forumComments DIV.comment DIV.messageSig A { BORDER-BOTTOM-STYLE: none; TEXT-DECORATION: underline } UL.forumComments DIV.comment DIV.messageSig A:hover { BACKGROUND: none transparent scroll repeat 0% 0% } UL.forumComments DIV.comment DIV.forumLine { TEXT-ALIGN: right; MARGIN-TOP: 15px } UL.forumComments DIV.comment DIV.forumLine A { COLOR: #969696; FONT-SIZE: 11px } UL.forumComments DIV.comment DIV.forumLine A:hover { BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #666 } SPAN.quote { BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 5px; MARGIN: 5px 0px 1.5em; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; ZOOM: 1; DISPLAY: block; BACKGROUND: #f5f5f5; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 5px } SPAN.quote SPAN.quote { MARGIN: 5px 0px 0px } .messageSig SUB { LINE-HEIGHT: 1.3 } .messageSig SUP { LINE-HEIGHT: 1.3 } DIV.comment A.entry-title { DISPLAY: none } .forum TEXTAREA { HEIGHT: 100px } .forumSearchResults .forumCrumb { PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; DISPLAY: block; COLOR: #666; FONT-SIZE: 11px; FONT-WEIGHT: normal; PADDING-TOP: 0px } .forumSearchResults .forumCrumb A { BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; COLOR: #666; BORDER-LEFT-STYLE: none } .forumSearchResults .forumCrumb A:hover { COLOR: #0187c5; TEXT-DECORATION: underline } .forumSearchResults UL.forumComments .messageSig { DISPLAY: none } .forumSearchResults UL.forumComments .forumStuff { DISPLAY: none } .forumSearchResults UL.forumComments .forumLine { DISPLAY: none } DIV.recentDiscussions TABLE TD.subject { PADDING-BOTTOM: 10px; PADDING-LEFT: 50px; PADDING-RIGHT: 0px; FONT-SIZE: 11px; PADDING-TOP: 0px } DIV.recentDiscussions TABLE TD.subject SPAN.userImage { DISPLAY: inline; FLOAT: left; MARGIN-LEFT: -50px } DIV.recentDiscussions TABLE TD.subject STRONG { FONT-SIZE: 12px } DIV.forumview #topbarForum { LINE-HEIGHT: 2.5; MARGIN-BOTTOM: 15px; CLEAR: both; OVERFLOW: hidden } DIV.forumview #bottombarForum { LINE-HEIGHT: 2.5; MARGIN-BOTTOM: 15px; CLEAR: both; OVERFLOW: hidden } DIV.forumview #topbarForum .pagination { MARGIN: 0px } DIV.forumview #bottombarForum .pagination { MARGIN: 0px } TABLE.forumtable { MARGIN-TOP: 5px; WIDTH: 100%; BORDER-COLLAPSE: collapse; MARGIN-BOTTOM: 20px } TABLE.forumtable TH { TEXT-ALIGN: left; PADDING-BOTTOM: 8px; PADDING-LEFT: 9px; PADDING-RIGHT: 8px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #666; FONT-SIZE: 12px; PADDING-TOP: 0px } TABLE.forumtable TD { BORDER-BOTTOM: #e1e1e1 1px solid; PADDING-BOTTOM: 8px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FONT-SIZE: 12px; VERTICAL-ALIGN: top; BORDER-TOP: #e1e1e1 1px solid; BORDER-RIGHT: #e1e1e1 1px solid; PADDING-TOP: 6px } #LastWebsite TABLE.forumtable TD A:hover { BACKGROUND-COLOR: transparent } TABLE.forumtable TR.alt TD { BORDER-BOTTOM: #e1e1e1 1px solid; BACKGROUND-COLOR: #f5f5f5; BORDER-TOP: #e1e1e1 1px solid; PADDING-TOP: 5px } TABLE.forumtable .forumTitle { WIDTH: 50% } TABLE.forumtable .threadTitle { WIDTH: 50% } TABLE.forumtable .threadTitle STRONG.sticky { COLOR: #4b72a9 } TABLE.forumtable .threadTitle STRONG.hot { COLOR: #f98086 } TABLE.forumtable .threadTitle A:visited { COLOR: #a0a0a0 } TABLE.forumtable TD.forumTitle SMALL { LINE-HEIGHT: 1.3; FONT-SIZE: 11px } TABLE.forumtable TD.threadTitle SMALL.threadPagination { COLOR: #a0a0a0; FONT-SIZE: 12px } TABLE.forumtable TD.threadTitle SMALL.threadPagination A { PADDING-BOTTOM: 0px; MARGIN: 0px -0.2em; PADDING-LEFT: 0.3em; PADDING-RIGHT: 0.3em; COLOR: #a0a0a0; TEXT-DECORATION: none; PADDING-TOP: 0px } TABLE.forumtable TD.threadTitle SMALL.threadPagination A:hover { COLOR: #a0a0a0 } TABLE.forumtable TD A.author { COLOR: #000 } TABLE.forumtable .numTopics { TEXT-ALIGN: center; WIDTH: 5em } TABLE.forumtable .numPosts { TEXT-ALIGN: center; WIDTH: 5em } TABLE.forumtable .numReplies { TEXT-ALIGN: center } TABLE.forumtable .numViews { TEXT-ALIGN: center } TABLE.forumtable .end { BORDER-RIGHT-STYLE: none } TABLE.forumtable .lastPost { BORDER-RIGHT-STYLE: none } TABLE.forumtable .lastPost SMALL { WHITE-SPACE: nowrap; FONT-SIZE: 11px; VERTICAL-ALIGN: baseline } TABLE.forumtable .lastPost SMALL A { TEXT-DECORATION: none } TABLE.forumtable .lastPost SMALL A:hover { COLOR: #545454 } TABLE.forumtable TR TD.lastPost SMALL A:visited { COLOR: #a0a0a0 } TABLE.forumtable TR TD.lastPost SMALL A:hover:visited { COLOR: #a0a0a0 } TABLE#replyTrackerTable TD { LINE-HEIGHT: 1.1666 } #replyTrackerTable TD.msgTitle A:visited { COLOR: #a0a0a0 } TABLE.forumtable TR TD.location A { TEXT-DECORATION: none } TABLE.forumtable TR TD.location A { COLOR: #545454 } .forumtable#posthistorytable TD.lastPost { WIDTH: 10em } TABLE.forumtable TR.unreadMsg TD { FONT-WEIGHT: bold } TABLE.forumtable TR TD.msgIcon { BORDER-RIGHT-STYLE: none; PADDING-LEFT: 5px; WIDTH: 15px; PADDING-RIGHT: 0px } TABLE.forumtable TR TD.msgIcon IMG { FLOAT: right } .excerpts { CLEAR: both } #forumRules #content H1 { MARGIN: 1em 0px } #forumRules UL.rules LI { MARGIN: 1em 0px } #forumRules DT { MARGIN: 0.8em 0px 0px; DISPLAY: block; FONT-WEIGHT: bold } #forumRules DD { MARGIN: 0.1em 0px 0.4em; DISPLAY: block } #forumRules DD INPUT { MARGIN-RIGHT: 3px } #forumsearch { PADDING-BOTTOM: 10px; MARGIN: 0px 0px 20px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BACKGROUND: #f5f5f5; PADDING-TOP: 10px } #forumSearchInput { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 1px; MARGIN: 0px; PADDING-LEFT: 3px; WIDTH: 160px; PADDING-RIGHT: 3px; FONT-SIZE: 12px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 1px } A#advancedSearch { MARGIN: 0px 0px 0px 1em; FONT-SIZE: 11px; CURSOR: pointer } FIELDSET#advancedOptions { MARGIN: 1em 0px 0px } #resultsOrder { TEXT-ALIGN: right; LINE-HEIGHT: 3em; FONT-SIZE: 11px } #faqs { LINE-HEIGHT: 1.5em; FONT-SIZE: 12px } .fullLengthPreview A.play IMG { PADDING-RIGHT: 4px } .active.fullLengthPreview A.play IMG { BACKGROUND-POSITION: 0px -32px } .fullLengthPreviewProgressBar { MARGIN: 6px 0px } .fullLengthPreviewProgressBar .progress { MARGIN: 0px 40px 0px 24px; DISPLAY: block; BACKGROUND: #e2f5ff; HEIGHT: 4px } .fullLengthPreviewProgressBar .progress .bar { WIDTH: 0px; DISPLAY: block; BACKGROUND: #2884ae; HEIGHT: 100% } #page .fullLengthPreviewProgressBar .duration { MARGIN-TOP: -12px; DISPLAY: block; FLOAT: right; COLOR: #999 } A.icon:hover { TEXT-DECORATION: none !important } A.icon:hover SPAN { TEXT-DECORATION: underline !important } A.icon:hover STRONG { TEXT-DECORATION: underline !important } IMG.comment_icon { MARGIN: 0px 3px -2px 0px } IMG.journal_icon { MARGIN: 0px 5px -5px 0px } IMG.new_journal_icon { MARGIN: 0px 4px -4px 0px } IMG.tag_icon { MARGIN: 0px 6px -1px 0px } IMG.mail_icon { MARGIN: 0px 4px 0px 0px } IMG.playingnow_icon { MARGIN: 0px 0px -2px 2px } IMG.play_icon { MARGIN: 0px 4px -4px 0px } IMG.dismiss_icon { MARGIN: 0px 4px -2px 0px } IMG.feed_small_icon { MARGIN: 0px 4px -1px 0px } IMG.cal_icon { MARGIN: 0px 4px 0px 2px } IMG.feed_icon { MARGIN: 0px 4px 0px 0px } IMG.ics_icon { MARGIN: 0px 4px 0px 0px } IMG.ical_icon { MARGIN: 0px 4px 0px 0px } IMG.google_cal_icon { MARGIN: 0px 4px 0px 0px } IMG.google_cal_small_icon { MARGIN: 0px 4px 0px 0px } IMG.outlook_cal_icon { MARGIN: 0px 4px 0px 0px } IMG.ics_small_icon { MARGIN: 0px 4px -1px 0px } IMG.itunes_icon { MARGIN: 0px 4px -4px 0px } IMG.itunes_small_icon { MARGIN: 0px 4px -1px 0px } IMG.print_icon { MARGIN: 0px 4px -3px 0px } IMG.edit_icon { MARGIN: 0px 0px -5px } IMG.loved_indicator_icon { MARGIN: 0px 4px 0px 0px } IMG.playlist_icon { MARGIN: 0px 4px -1px 0px } IMG.radio_large_icon { MARGIN: 0px 5px 0px 0px } IMG.recommended_icon { MARGIN: 0px 5px 0px 0px } IMG.attending_icon { MARGIN: -3px 0px -6px } IMG.maybeattending_icon { MARGIN: -3px 0px -6px } IMG.eventclash_icon { MARGIN: -3px 0px -6px } IMG.flag_icon { MARGIN: 0px 0px -5px } IMG.ticket_icon { MARGIN: 0px 4px 0px 0px } IMG.settings_icon { MARGIN: 0px 3px -1px 0px } IMG.up_icon { MARGIN: 0px 3px 0px 0px } IMG.ss-hypem_icon { MARGIN: 0px 3px -3px 0px } IMG.warning_icon { MARGIN: 0px 5px -2px 0px } IMG.staff_icon { MARGIN: 0px 2px 6px 0px } IMG.subscriber_icon { MARGIN: 0px 2px 6px 0px } IMG.moderator_icon { MARGIN: 0px 2px 6px 0px } IMG.res_track_icon { MARGIN: 0px 4px -4px 0px } IMG.res_artist_icon { MARGIN: 0px 4px -4px 0px } IMG.res_album_icon { MARGIN: 0px 4px -4px 0px } IMG.scrobbling_icon { MARGIN: 0px 1px -5px 0px } IMG.icon { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/sprites/9/icons.png) } * HTML IMG.icon { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/sprites/9/icons.IE6.png) } .flag_uk_icon { BACKGROUND-POSITION: 0px 0px } .flag_de_icon { BACKGROUND-POSITION: 0px -20px } .flag_es_icon { BACKGROUND-POSITION: 0px -40px } .flag_fr_icon { BACKGROUND-POSITION: 0px -60px } .flag_it_icon { BACKGROUND-POSITION: 0px -80px } .flag_jp_icon { BACKGROUND-POSITION: 0px -100px } .flag_pl_icon { BACKGROUND-POSITION: 0px -120px } .flag_pt_icon { BACKGROUND-POSITION: 0px -140px } .flag_ru_icon { BACKGROUND-POSITION: 0px -160px } .flag_se_icon { BACKGROUND-POSITION: 0px -180px } .flag_tr_icon { BACKGROUND-POSITION: 0px -200px } .flag_zh_icon { BACKGROUND-POSITION: 0px -220px } .globe_icon { BACKGROUND-POSITION: 0px -240px } .ss-amarok_icon { BACKGROUND-POSITION: 0px -260px } .ss-wmp_icon { BACKGROUND-POSITION: 0px -280px } .ss-itunes_icon { BACKGROUND-POSITION: 0px -300px } .ss-wa2_icon { BACKGROUND-POSITION: 0px -320px } .ss-iphone_icon { BACKGROUND-POSITION: 0px -340px } .ss-logitech_icon { BACKGROUND-POSITION: 0px -360px } .ss-playdar_icon { BACKGROUND-POSITION: 0px -380px } .ss-lfm_icon { BACKGROUND-POSITION: 0px -400px } .ss-spotify_icon { BACKGROUND-POSITION: 0px -420px } .ss-android_icon { BACKGROUND-POSITION: 0px -440px } .ss-generic_icon { BACKGROUND-POSITION: 0px -460px } .ss-denon_icon { BACKGROUND-POSITION: 0px -1880px } .settings_icon { BACKGROUND-POSITION: 0px -500px } .flag_icon { BACKGROUND-POSITION: 0px -520px } .eventclash_icon { BACKGROUND-POSITION: 0px -540px } .maybeattending_icon { BACKGROUND-POSITION: 0px -560px } .attending_icon { BACKGROUND-POSITION: 0px -580px } .recommended_icon { BACKGROUND-POSITION: 0px -600px } .ticket_icon { BACKGROUND-POSITION: 0px -640px } .moderator_icon { BACKGROUND-POSITION: 0px -660px } .subscriber_icon { BACKGROUND-POSITION: 0px -680px } .staff_icon { BACKGROUND-POSITION: 0px -700px } .edit_icon { BACKGROUND-POSITION: 0px -720px } .tag_icon { BACKGROUND-POSITION: 0px -740px } .itunes_icon { BACKGROUND-POSITION: 0px -880px } .outlook_cal_icon { BACKGROUND-POSITION: 0px -900px } .google_cal_icon { BACKGROUND-POSITION: 0px -920px } .ical_icon { BACKGROUND-POSITION: 0px -940px } .ics_icon { BACKGROUND-POSITION: 0px -940px } .cal_icon { BACKGROUND-POSITION: 0px -960px } .feed_small_icon { BACKGROUND-POSITION: 0px -1000px } .loved_icon { BACKGROUND-POSITION: 0px -1020px } .unloved_icon { BACKGROUND-POSITION: 0px -1040px } .loved_indicator_icon { BACKGROUND-POSITION: 0px -1060px } .play_icon { BACKGROUND-POSITION: 0px -1080px } .dismiss_icon { BACKGROUND-POSITION: 0px -1120px } .comment_icon { BACKGROUND-POSITION: 0px -1220px } .journal_icon { BACKGROUND-POSITION: 0px -1240px } .new_journal_icon { BACKGROUND-POSITION: 0px -1260px } .addtofriends_icon { BACKGROUND-POSITION: 0px -1280px } .isfriend_icon { BACKGROUND-POSITION: 0px -1300px } .mailuser_icon { BACKGROUND-POSITION: 0px -1320px } .up_icon { BACKGROUND-POSITION: 0px -1340px } .radio_play_icon { BACKGROUND-POSITION: 0px -1380px } .radio_tag_icon { BACKGROUND-POSITION: 0px -1400px } .radio_playlists_icon { BACKGROUND-POSITION: 0px -1420px } .act_created_icon { BACKGROUND-POSITION: 0px -1440px } .act_added_icon { BACKGROUND-POSITION: 0px -1460px } .act_connected_icon { BACKGROUND-POSITION: 0px -1480px } .act_disconnected_icon { BACKGROUND-POSITION: 0px -1500px } .act_befriended_icon { BACKGROUND-POSITION: 0px -1520px } .act_updatedpermissions_icon { BACKGROUND-POSITION: 0px -1540px } .act_joined_icon { BACKGROUND-POSITION: 0px -1560px } .act_left_icon { BACKGROUND-POSITION: 0px -1580px } .act_attending_icon { BACKGROUND-POSITION: 0px -1600px } .act_maybeattending_icon { BACKGROUND-POSITION: 0px -1620px } .act_notattending_icon { BACKGROUND-POSITION: 0px -1640px } .act_obsession_icon { BACKGROUND-POSITION: 0px -1660px } .act_tagged_icon { BACKGROUND-POSITION: 0px -1680px } .act_loved_icon { BACKGROUND-POSITION: 0px -1700px } .act_recommended_icon { BACKGROUND-POSITION: 0px -1720px } .ss-xbox_icon { BACKGROUND-POSITION: 0px -1740px } .ss-grooveshark_icon { BACKGROUND-POSITION: 0px -1800px } .ss-scrobbling_icon { BACKGROUND-POSITION: 0px -1820px } .mobile_icon { BACKGROUND-POSITION: 0px -1860px } .scrobbling_icon { BACKGROUND-POSITION: 0px -1820px } .radio_small_icon { BACKGROUND-POSITION: 0px -1840px } IMG.preview_icon { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/preview/1/sprite.png) !important; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 0px; VERTICAL-ALIGN: middle } * HTML IMG.preview_icon { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/preview/1/sprite.IE6.png) !important } A.previewbutton:hover IMG.preview_icon { BACKGROUND-POSITION: 0px -16px } * HTML #page .globe_icon { BACKGROUND: url(http://cdn.last.fm/depth/flags/mini/globe.gif) no-repeat left top } * HTML .lfmBlack#page .globe_icon { BACKGROUND: url(http://cdn.last.fm/depth/flags/mini/globe_black.gif) no-repeat left top } .indicator_new { TEXT-ALIGN: right; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px; DISPLAY: inline-block; BACKGROUND: url(http://cdn.last.fm/flatness/red_new_box.2.png) no-repeat right bottom; HEIGHT: 24px; COLOR: #fff; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; OVERFLOW: hidden; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 0px; text-shadow: #163551 0 -1px 1px } .indicator_new SPAN { PADDING-BOTTOM: 2px; LINE-HEIGHT: 20px; PADDING-LEFT: 9px; PADDING-RIGHT: 5px; DISPLAY: inline-block; BACKGROUND: url(http://cdn.last.fm/flatness/red_new_box.2.png) no-repeat left top; HEIGHT: 21px; VERTICAL-ALIGN: top; PADDING-TOP: 1px } A.indicator_new:hover { COLOR: #eee } DIV#calendar TABLE.interactive { DISPLAY: none } DIV#calendar TABLE.first { DISPLAY: table } DIV#calendar TABLE.controls { POSITION: absolute; MARGIN: -1px 0px 0px; WIDTH: 158px } DIV#calendar TABLE.controls TD A { TEXT-DECORATION: none } DIV#calendar TABLE.controls TD A { LINE-HEIGHT: 15px; WIDTH: 17px; DISPLAY: block } DIV#calendar TABLE.controls TD.next A { BACKGROUND: url(http://cdn.last.fm/depth/global/arrow_r.png) no-repeat left top } DIV#calendar TABLE.controls TD.prev A { BACKGROUND: url(http://cdn.last.fm/depth/global/arrow_l.png) no-repeat right top } DIV#calendar TABLE.controls TD.next A:hover { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/global/arrow_r_hover.png) } DIV#calendar TABLE.controls TD.prev A:hover { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/global/arrow_l_hover.png) } DIV#calendar TABLE.controls TD.next A.busy { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/global/arrow_r_anim.gif) } DIV#calendar TABLE.controls TD.next A.busy:hover { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/global/arrow_r_anim.gif) } DIV#calendar TABLE.controls TD.prev A.busy { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/global/arrow_l_anim.gif) } DIV#calendar TABLE.controls TD.prev A.busy:hover { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/global/arrow_l_anim.gif) } DIV.interactive CAPTION { TEXT-ALIGN: center !important; WIDTH: 158px; PADDING-TOP: 2px } SPAN.albumCover { POSITION: relative; DISPLAY: block } A SPAN.albumCover { CURSOR: pointer } SPAN.coverSmall { WIDTH: 37px; HEIGHT: 36px } SPAN.coverMedium { WIDTH: 75px; HEIGHT: 67px } SPAN.coverLarge { WIDTH: 138px; HEIGHT: 131px } SPAN.coverMega { WIDTH: 194px; HEIGHT: 184px } SPAN.albumCover IMG.art { POSITION: absolute; DISPLAY: block } SPAN.coverSmall IMG.art { TOP: 1px; LEFT: 3px } SPAN.coverMedium IMG.art { TOP: 2px; LEFT: 7px } SPAN.coverLarge IMG.art { TOP: 3px; LEFT: 11px } SPAN.coverMega IMG.art { TOP: 5px; LEFT: 15px } SPAN.albumCover IMG { DISPLAY: block } SPAN.albumCover SPAN.jewelcase { POSITION: absolute; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; TOP: 0px; LEFT: 0px } SPAN.coverSmall SPAN.jewelcase { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/catalogue/album/jewelcase_small.png); WIDTH: 37px; HEIGHT: 36px } * HTML SPAN.coverSmall SPAN.jewelcase { FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn.last.fm/flatness/catalogue/album/jewelcase_small.png', sizingMethod='crop'); BACKGROUND: none transparent scroll repeat 0% 0% } SPAN.coverMedium SPAN.jewelcase { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/catalogue/album/jewelcase_medium.png); WIDTH: 73px; HEIGHT: 68px } * HTML SPAN.coverMedium SPAN.jewelcase { FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn.last.fm/flatness/catalogue/album/jewelcase_medium.png', sizingMethod='crop'); BACKGROUND: none transparent scroll repeat 0% 0% } SPAN.coverLarge SPAN.jewelcase { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/catalogue/album/jewelcase_large.png); WIDTH: 141px; HEIGHT: 134px; LEFT: 0px } * HTML SPAN.coverLarge SPAN.jewelcase { FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn.last.fm/flatness/catalogue/album/jewelcase_large.png', sizingMethod='crop'); BACKGROUND: none transparent scroll repeat 0% 0% } SPAN.coverMega SPAN.jewelcase { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/catalogue/album/jewelcase_mega.png); WIDTH: 194px; HEIGHT: 184px; LEFT: 0px } * HTML SPAN.coverMega SPAN.jewelcase { FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn.last.fm/flatness/catalogue/album/jewelcase_mega.png', sizingMethod='crop'); BACKGROUND: none transparent scroll repeat 0% 0% } SPAN.albumCover SPAN.tracks { POSITION: absolute; PADDING-BOTTOM: 1px; PADDING-LEFT: 3px; BOTTOM: 0px; PADDING-RIGHT: 3px; BACKGROUND: #333; COLOR: #fff; FONT-SIZE: 10px; RIGHT: 0px; PADDING-TOP: 1px } #launcher INPUT#userInput { BORDER-BOTTOM: #505050 1px solid; BORDER-LEFT: #505050 1px solid; PADDING-BOTTOM: 1px; LINE-HEIGHT: 16px; MARGIN: -1px 7px 0px 0px; PADDING-LEFT: 5px; OUTLINE-WIDTH: 0px; WIDTH: 190px; PADDING-RIGHT: 5px; DISPLAY: inline; FLOAT: left; HEIGHT: 16px; COLOR: #696969; FONT-SIZE: 11px; BORDER-TOP: #505050 1px solid; FONT-WEIGHT: normal; BORDER-RIGHT: #505050 1px solid; PADDING-TOP: 1px } #launcher P { MARGIN: 5px 0px 0px 3px; COLOR: #ccc; CLEAR: left; FONT-SIZE: 11px } #launcher #searchTypes { MARGIN: 0px 0px 3px } #launcher #searchTypes LI { PADDING-BOTTOM: 0px; LINE-HEIGHT: 12px; MARGIN: 0px 5px 5px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 5px; FLOAT: left; FONT-SIZE: 11px; FONT-WEIGHT: bold; BORDER-RIGHT: #505050 1px solid; PADDING-TOP: 0px; text-shadow: #505050 0 -1px 1px } #launcher #searchTypes LI.last { BORDER-RIGHT-WIDTH: 0px } #launcher #searchTypes LI A { COLOR: #ccc } #launcher #searchTypes LI A:hover { COLOR: #fff; TEXT-DECORATION: none } #launcher #searchTypes LI.selected A { COLOR: #fff; FONT-WEIGHT: bold; TEXT-DECORATION: none } DIV.fansModule { BORDER-TOP: #ddd 1px solid; PADDING-TOP: 10px } UL.listenersSmall LI { POSITION: relative; WIDTH: 100%; FLOAT: left } UL.listenersSmall LI DIV { PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.18em; PADDING-LEFT: 48px; PADDING-RIGHT: 0px; COLOR: #696969; FONT-SIZE: 11px; PADDING-TOP: 0px } UL.listenersSmall LI STRONG A { COLOR: #1b1b1b; CURSOR: pointer; TEXT-DECORATION: none } UL.listenersSmall LI STRONG A:hover { COLOR: #0187c5 } UL.listenersSmall IMG.playingnow_icon { POSITION: absolute; TOP: 1px; RIGHT: 1px } UL.listenersSmall SPAN.userImage { MARGIN: 1px 0px 8px -48px; DISPLAY: inline; FLOAT: left } #page UL.listenersSmall P { PADDING-BOTTOM: 0px; MARGIN: -1px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } #page UL.listenersSmall DIV.scrobblesource { PADDING-BOTTOM: 0px; MARGIN: -1px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } #page UL.listenersSmall P.track A { } .maintenance#player { BORDER-BOTTOM: #a5d7ef 1px solid; BORDER-LEFT: #a5d7ef 1px solid; PADDING-BOTTOM: 10px; LINE-HEIGHT: 1.45em; PADDING-LEFT: 10px; WIDTH: auto; PADDING-RIGHT: 10px; BACKGROUND: #d6efff; COLOR: #333; FONT-SIZE: 11px; BORDER-TOP: #a5d7ef 1px solid; BORDER-RIGHT: #a5d7ef 1px solid; PADDING-TOP: 10px } DIV.playlinks { POSITION: relative; MARGIN: 0px 0px 15px } DIV.rightCol DIV.playlinks { POSITION: relative; MARGIN: 0px 0px 15px } DIV.playlinks { MARGIN: 0px 0px 25px } DIV.playlinks UL.externalSources { MARGIN-BOTTOM: 5px } DIV.playlinks UL.externalSources LI { POSITION: relative; TEXT-ALIGN: right; PADDING-BOTTOM: 5px; LINE-HEIGHT: 18px; MARGIN: 0px; PADDING-LEFT: 25px; PADDING-RIGHT: 0px; FONT-SIZE: 11px; BORDER-TOP: #ccc 1px solid; PADDING-TOP: 5px } DIV.playback DIV.preview { MARGIN-BOTTOM: 5px; FONT-SIZE: 11px } DIV.playback DIV.preview .previewbutton { MARGIN: 1px 2px 0px 0px } DIV.playlinks UL.externalSources A.provider { FLOAT: left; MARGIN-LEFT: -20px; VERTICAL-ALIGN: middle } DIV.playlinks UL.externalSources A.provider STRONG { PADDING-RIGHT: 14px; BACKGROUND: url(http://cdn.last.fm/flatness/medialinks/outbound_link.gif) no-repeat right top } DIV.playlinks UL.externalSources LI .icon { POSITION: relative; MARGIN: 1px 0px 0px; WIDTH: 18px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; HEIGHT: 18px; LEFT: -25px } DIV.playlinks UL.externalSources LI .icon IMG { POSITION: absolute; TOP: 0px; LEFT: 0px } DIV.playlinks .favicon { Z-INDEX: 1; MARGIN: 1px } DIV.playlinks .iconCover { Z-INDEX: 2 } DIV.playlinks UL.externalSources LI P.note { LINE-HEIGHT: 18px; MARGIN-TOP: -1px; DISPLAY: inline-block; COLOR: #696969; VERTICAL-ALIGN: middle } DIV.playlinks UL.externalSources LI .faqLink { LINE-HEIGHT: 14px; DISPLAY: inline-block; FONT-SIZE: 11px; FONT-WEIGHT: normal } DIV.rightCol DIV.playlinks UL.externalSources LI P.note { DISPLAY: none } DIV.messageBox { MARGIN: 15px 0px } DIV.messageBox SPAN.messageWrapper { PADDING-BOTTOM: 0.25em; LINE-HEIGHT: 1.3em; PADDING-LEFT: 25px; PADDING-RIGHT: 0.5em; FONT-WEIGHT: normal; PADDING-TOP: 0.12em } DIV.successMessage SPAN.messageWrapper { BACKGROUND: url(http://cdn.last.fm/flatness/messageboxes/success.png) #d6ebcc no-repeat 0.5em center } DIV.errorMessage SPAN.messageWrapper { BACKGROUND: url(http://cdn.last.fm/flatness/messageboxes/error.png) #ffeacc no-repeat 0.5em center } DIV.dialogErrorMessage { BACKGROUND: url(http://cdn.last.fm/flatness/messageboxes/error.png) #ffeacc no-repeat 0.5em center } DIV.dialogErrorMessage { PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-LEFT: 25px; PADDING-RIGHT: 2px; PADDING-TOP: 2px } * + HTML DIV.successMessage SPAN.messageWrapper { BACKGROUND-POSITION: 0.5em top } * + HTML DIV.errorMessage SPAN.messageWrapper { BACKGROUND-POSITION: 0.5em top } DIV.infoMessage SPAN.messageWrapper { PADDING-BOTTOM: 0.25em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; PADDING-TOP: 0.12em } DIV.warnMessage SPAN.messageWrapper { PADDING-BOTTOM: 0.25em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; PADDING-TOP: 0.12em } DIV.artistMessage SPAN.messageWrapper { PADDING-BOTTOM: 0.25em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; PADDING-TOP: 0.12em } DIV.infoMessageBlock { PADDING-BOTTOM: 0.25em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; PADDING-TOP: 0.12em } DIV.warnMessageBlock { PADDING-BOTTOM: 0.25em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; PADDING-TOP: 0.12em } DIV.artistMessageBlock { PADDING-BOTTOM: 0.25em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; PADDING-TOP: 0.12em } DIV.betaMessage SPAN.messageWrapper { PADDING-BOTTOM: 0.25em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; PADDING-TOP: 0.12em } DIV.infoMessage SPAN.messageWrapper { BACKGROUND: #e4f1ff } DIV.infoMessageBlock { BACKGROUND: #e4f1ff } DIV.warnMessage SPAN.messageWrapper { BACKGROUND: #ffeacc } DIV.warnMessageBlock { BACKGROUND: #ffeacc } DIV.artistMessage SPAN.messageWrapper { BACKGROUND: #f1e4ff } DIV.artistMessageBlock { BACKGROUND: #f1e4ff } DIV.betaMessage SPAN.messageWrapper { BACKGROUND: #e1f5ff } DIV.betaMessageBlock { BACKGROUND: #e1f5ff } DIV.betaMessageBlock { BORDER-BOTTOM: #bddcfe 1px solid; POSITION: relative; BORDER-LEFT: #bddcfe 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; COLOR: #333; FONT-SIZE: 11px; BORDER-TOP: #bddcfe 1px solid; BORDER-RIGHT: #bddcfe 1px solid; PADDING-TOP: 5px } DIV.betaMessageBlock H3 { MARGIN-BOTTOM: 2px } DIV.betaMessageBlock H3 A { COLOR: #000 } DIV.nodataMessageBlock { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 0.5em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; BACKGROUND: #f2f2f2; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 0.5em } DIV.nodataMessage SPAN.messageWrapper { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 0.5em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; BACKGROUND: #f2f2f2; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 0.5em } DIV.rightCol DIV.nodataMessageBlock { BACKGROUND: #e3e3e3 } DIV.rightCol DIV.nodataMessage SPAN.messageWrapper { BACKGROUND: #e3e3e3 } DIV.newbieMessage { PADDING-BOTTOM: 1em; PADDING-LEFT: 1em; PADDING-RIGHT: 1em; BACKGROUND: #eef5fc; PADDING-TOP: 1em; -moz-border-radius: 5px; -webkit-border-radius: 5px } DIV.dismissMessage { BORDER-BOTTOM: #fff 5px solid; TEXT-ALIGN: center; BORDER-LEFT: #fff 5px solid; PADDING-BOTTOM: 5px; LINE-HEIGHT: 1.2727; MARGIN: 0px 0px 15px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #fff; FONT-SIZE: 11px; BORDER-TOP: #fff 5px solid; BORDER-RIGHT: #fff 5px solid; PADDING-TOP: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px } DIV.dismissMessage IMG.delete_icon { FLOAT: right } DIV.dismissMessage H3 { MARGIN-BOTTOM: 10px } DIV.dismissMessage P { COLOR: #696969 } DIV.dismissMessageGrey { BORDER-BOTTOM-COLOR: #eee; BORDER-TOP-COLOR: #eee; BACKGROUND: #eee; BORDER-RIGHT-COLOR: #eee; BORDER-LEFT-COLOR: #eee } DIV.dismissMessageSmall { PADDING-BOTTOM: 3px; LINE-HEIGHT: 1.4; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; FONT-SIZE: 10px; PADDING-TOP: 3px } DIV.dismissMessage P.icons { MARGIN: 20px 0px 0px } DIV.dismissMessage P.icons IMG { MARGIN: 0px 5px } DIV.dismissMessageSmall P.icons IMG { MARGIN: 0px 3px } DIV.dismissMessage P.icons A.multiline { FLOAT: left; TEXT-DECORATION: none } DIV.dismissMessage P.icons A.large:hover SPAN { TEXT-DECORATION: underline } DIV#radioTrialMessage { Z-INDEX: 500; POSITION: relative; BORDER-BOTTOM-COLOR: #a5d7ef; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.1818; BORDER-RIGHT-WIDTH: 1px; BORDER-TOP-COLOR: #a5d7ef; MARGIN: 10px 0px 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: #d6efff; BORDER-TOP-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; COLOR: #636363; BORDER-RIGHT-COLOR: #a5d7ef; FONT-SIZE: 11px; BORDER-LEFT-COLOR: #a5d7ef; BORDER-LEFT-WIDTH: 1px; PADDING-TOP: 10px } DIV#radioTrialModal { POSITION: absolute; WIDTH: 100%; BACKGROUND: #fff; HEIGHT: 100%; TOP: 0px; LEFT: 0px } DIV#radioTrialMessage P { COLOR: #000 } DIV.dismissMessageGrey#radioTrialMessage P { COLOR: #000 } DIV#radioTrialMessage H3 { MARGIN-BOTTOM: 5px; FONT-SIZE: 12px } DIV#radioTrialMessage DIV.inYourFace { PADDING-BOTTOM: 5px } DIV#radioTrialMessage DIV.inYourFace H3 { MARGIN-BOTTOM: 10px; FONT-SIZE: 19px } DIV#radioTrialMessage DIV.inYourFace P { LINE-HEIGHT: 1.3333; MARGIN-BOTTOM: 10px; COLOR: #636363; FONT-SIZE: 11px } DIV.trialStart#radioTrialMessage { TEXT-ALIGN: left; MARGIN: 0px 0px 10px } DIV.trialEnd#radioTrialMessage { TEXT-ALIGN: left; MARGIN: 0px 0px 10px } DIV.subscribe#radioTrialMessage { TEXT-ALIGN: left; MARGIN: 0px 0px 10px } DIV.trialStart#radioTrialMessage DIV.inYourFace { PADDING-BOTTOM: 5px } DIV.trialEnd#radioTrialMessage DIV.inYourFace { PADDING-BOTTOM: 5px } DIV.subscribe#radioTrialMessage DIV.inYourFace { PADDING-BOTTOM: 5px } DIV.trialStart#radioTrialMessage DIV.inYourFace H3 { MARGIN-BOTTOM: 10px; FONT-SIZE: 19px } DIV.trialEnd#radioTrialMessage DIV.inYourFace H3 { MARGIN-BOTTOM: 10px; FONT-SIZE: 19px } DIV.subscribe#radioTrialMessage DIV.inYourFace H3 { MARGIN-BOTTOM: 10px; FONT-SIZE: 19px } DIV.trialStart#radioTrialMessage DIV.inYourFace P { LINE-HEIGHT: 1.3333; MARGIN-BOTTOM: 10px; COLOR: #636363; FONT-SIZE: 12px } DIV.trialEnd#radioTrialMessage DIV.inYourFace P { LINE-HEIGHT: 1.3333; MARGIN-BOTTOM: 10px; COLOR: #636363; FONT-SIZE: 12px } DIV.subscribe#radioTrialMessage DIV.inYourFace P { LINE-HEIGHT: 1.3333; MARGIN-BOTTOM: 10px; COLOR: #636363; FONT-SIZE: 12px } DIV.dismissMessageGrey#radioTrialMessage STRONG { COLOR: #000 } DIV#radioTrialMessage TABLE.trialLeft { LINE-HEIGHT: 8px; MARGIN: 10px 0px 15px; WIDTH: 100% } DIV#radioTrialMessage TABLE.trialLeft TD { TEXT-ALIGN: left; PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; WIDTH: 25%; PADDING-RIGHT: 5px; COLOR: #696969; VERTICAL-ALIGN: middle; PADDING-TOP: 0px } DIV#radioTrialMessage TABLE.trialLeft TD.first { TEXT-ALIGN: right } DIV#radioTrialMessage TABLE.trialLeft TD.progressCell { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 50%; PADDING-RIGHT: 0px; PADDING-TOP: 0px } DIV#radioTrialMessage TABLE.trialLeft DIV.progress { BORDER-BOTTOM: #9c9b9b 1px solid; BORDER-LEFT: #9c9b9b 1px solid; MARGIN: 0px; BACKGROUND: #eee; HEIGHT: 8px; BORDER-TOP: #9c9b9b 1px solid; BORDER-RIGHT: #9c9b9b 1px solid } DIV.dismissMessageGrey#radioTrialMessage TABLE.trialLeft DIV.progress { BACKGROUND: #fff } DIV#radioTrialMessage DIV.progress DIV { HEIGHT: 100% } DIV#radioTrialMessage SPAN.used { FLOAT: right } DIV.homeExpired#radioTrialMessage { TEXT-ALIGN: left; MARGIN: 0px 0px 10px } DIV.homeExpired#radioTrialMessage H3 { COLOR: #636363 } DIV.homeExpired#radioTrialMessage P { TEXT-ALIGN: center; COLOR: #636363 } DIV#imageBlockingWarning { PADDING-BOTTOM: 1em; PADDING-LEFT: 1em; PADDING-RIGHT: 1em; PADDING-TOP: 1em } DIV#imageBlockingWarning H3 { MARGIN: 0px 0px 1em } .cta-sidebarMessage { POSITION: relative; PADDING-BOTTOM: 8px; LINE-HEIGHT: 1.3333; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: #fef598; MARGIN-LEFT: 10px; FONT-SIZE: 12px; PADDING-TOP: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } .cta-sidebarMessage:after { Z-INDEX: 1; BORDER-BOTTOM: transparent 10px solid; POSITION: absolute; BORDER-LEFT: transparent 10px solid; WIDTH: 0px; BOTTOM: auto; DISPLAY: block; HEIGHT: 0px; BORDER-TOP: transparent 10px solid; CONTENT: " "; TOP: 10px; BORDER-RIGHT: #fef598 10px solid; LEFT: -20px } UL.minifeedSmall LI { BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 25px; PADDING-RIGHT: 0px; FONT-SIZE: 11px; PADDING-TOP: 3px } UL.minifeedSmall LI IMG.icon { MARGIN: 0px 0px 0px -25px; DISPLAY: inline; FLOAT: left } * HTML UL.minifeedSmall LI { ZOOM: 1 } UL.minifeedSmall LI.last { BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none } UL.minifeedSmall LI A { COLOR: #0187c5; TEXT-DECORATION: none } UL.minifeedSmall LI A:hover { TEXT-DECORATION: underline } UL.minifeedSmall LI SPAN.date { COLOR: #999 } UL.minifeedSmall A.removeActivity IMG.icon { MARGIN: 0px 4px; FLOAT: none; VERTICAL-ALIGN: middle } #moderationBox { PADDING-BOTTOM: 7px; MARGIN: 0px -15px 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BACKGROUND: #fffcca; OVERFLOW: hidden; PADDING-TOP: 6px } * HTML #moderationBox { PADDING-BOTTOM: 7px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; ZOOM: 1; PADDING-TOP: 4px } .fullWidth #moderationBox { MARGIN-TOP: -15px } .fiflufi .leftCol #moderationBox { MARGIN-TOP: -15px } .forSearch#moderationBox { MARGIN: 15px 0px 0px } #moderationBox P { DISPLAY: inline } #moderationBox P { FLOAT: left } #moderationBox .blah { FLOAT: right } UL.newsfeedMedium { MARGIN: 5px 0px } UL.newsfeedMedium LI { POSITION: relative; PADDING-BOTTOM: 5px; PADDING-LEFT: 30px; PADDING-RIGHT: 100px; PADDING-TOP: 5px } UL.newsfeedMedium LI.odd { BACKGROUND: #f7f7f7 } UL.newsfeedMedium LI SPAN.date { POSITION: absolute; TOP: 5px; RIGHT: 5px } UL.newsfeedMedium .excerpt { BORDER-LEFT: #ddd 5px solid; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; COLOR: #666; PADDING-TOP: 0px } UL.newsfeedMedium DIV.excerpt IMG { FLOAT: none; MARGIN-LEFT: 0px } UL.newsfeedMedium DIV.resourceExcerpt { PADDING-LEFT: 45px } UL.newsfeedMedium DIV.resourceExcerpt IMG { FLOAT: left; MARGIN-LEFT: -43px } UL.newsfeedMedium DIV.imageExcerpt IMG { BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; PADDING-BOTTOM: 1px; MARGIN: 0px 5px 5px 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FLOAT: left; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; PADDING-TOP: 1px } UL.newsfeedMedium SPAN.more { DISPLAY: block; CLEAR: both } UL.newsfeedMedium SPAN.calSheet { MARGIN-TOP: 3px; WIDTH: 26px; FLOAT: left; MARGIN-LEFT: -37px } #noobWelcome { BORDER-BOTTOM: #e4f1ff 5px solid; BORDER-LEFT: #e4f1ff 5px solid; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: #e4f1ff; BORDER-TOP: #e4f1ff 5px solid; BORDER-RIGHT: #e4f1ff 5px solid; PADDING-TOP: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px } #library #noobWelcome { WIDTH: 500px } #noobStrapForm { MARGIN: 10px 0px 0px } #noobStrapForm .infoMessage { MARGIN: 0px } #noobStrapForm TEXTAREA#noobStrapTextarea { MARGIN: 0px 0px 11px; WIDTH: 98%; DISPLAY: block; HEIGHT: 150px; FONT-SIZE: 16px } #postStrap { BORDER-BOTTOM: #e4f1ff 5px solid; BORDER-LEFT: #e4f1ff 5px solid; PADDING-BOTTOM: 2px; LINE-HEIGHT: 1.6363; MARGIN: 5px 0px 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BACKGROUND: #e4f1ff; FONT-SIZE: 11px; BORDER-TOP: #e4f1ff 5px solid; BORDER-RIGHT: #e4f1ff 5px solid; PADDING-TOP: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px } #postStrap P { MARGIN: 5px 0px } .noobstrap { BORDER-BOTTOM: #e4f1ff 5px solid; BORDER-LEFT: #e4f1ff 5px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: #e4f1ff; BORDER-TOP: #e4f1ff 5px solid; BORDER-RIGHT: #e4f1ff 5px solid; PADDING-TOP: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px } .noobstrap H3 { COLOR: #d51007; CLEAR: both } .noobstrap P.big { FONT-SIZE: 14px } .noobstrap .box { BORDER-BOTTOM: #fff 5px solid; BORDER-LEFT: #fff 5px solid; PADDING-BOTTOM: 5px; MARGIN: 15px 0px 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: #fff; OVERFLOW: hidden; BORDER-TOP: #fff 5px solid; BORDER-RIGHT: #fff 5px solid; PADDING-TOP: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px } .noobstrap .screenshots { PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 0px; PADDING-TOP: 15px } * HTML .noobstrap .box { HEIGHT: 1%; OVERFLOW: auto } * HTML .noobstrap .screenshots { HEIGHT: 1%; OVERFLOW: auto } .noobstrap .screenshots P { MAX-WIDTH: 26em } .noobstrap .screenshots .screenshot { TEXT-ALIGN: center; MARGIN: -15px 0px 0px 15px; WIDTH: 132px; DISPLAY: inline; FLOAT: right; COLOR: #696969; FONT-SIZE: 10px } .noobstrap .screenshots .screenshot IMG { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; BACKGROUND: #fff; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 1px } A.ontour { BORDER-BOTTOM: #d51007 3px solid; BORDER-LEFT: #d51007 3px solid; LINE-HEIGHT: 1em; TEXT-TRANSFORM: uppercase; WHITE-SPACE: nowrap; BACKGROUND: #d51007; COLOR: #fff; MARGIN-LEFT: 0.25em; FONT-SIZE: 9px; BORDER-TOP: #d51007 3px solid; FONT-WEIGHT: normal; BORDER-RIGHT: #d51007 3px solid; -moz-border-radius: 3px; -webkit-border-radius: 3px } A.ontour:hover { BORDER-BOTTOM-COLOR: #999; BACKGROUND-COLOR: #999; BORDER-TOP-COLOR: #999; BORDER-RIGHT-COLOR: #999; BORDER-LEFT-COLOR: #999; TEXT-DECORATION: none } DIV.pagehead { POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 15px 0px; PADDING-LEFT: 48px; PADDING-RIGHT: 0px; CLEAR: both; PADDING-TOP: 0px } DIV.altpagehead { PADDING-BOTTOM: 0px; MARGIN: 15px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .fullWidth DIV.pagehead { MARGIN-TOP: 0px } .leftCol DIV.pagehead { MARGIN-TOP: 0px } DIV.pagehead .noImage { MARGIN-LEFT: -48px } DIV.pagehead P { COLOR: #0187c5; FONT-SIZE: 12px } DIV.pagehead P SPAN.calSheet { MARGIN-LEFT: -48px } DIV.pagehead P SPAN.userImage { FLOAT: left; MARGIN-LEFT: -48px } DIV.pagehead P SPAN.userImage IMG { FLOAT: none; MARGIN-LEFT: 0px } DIV.pagehead P IMG { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FLOAT: left; MARGIN-LEFT: -48px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 1px } DIV.pagehead H1 { MARGIN-TOP: 0.15em; COLOR: #000; FONT-SIZE: 17px } DIV.pagehead H1.withAlbum { PADDING-RIGHT: 85px } DIV.pagehead H1.withAlbum A.featuredAlbum { POSITION: absolute; TOP: 0px; RIGHT: 0px } DIV.pagehead H1 A.feed { MARGIN-LEFT: 0.25em } DIV.pagehead H1 A.feed IMG { MARGIN: 0px; FLOAT: none; VERTICAL-ALIGN: baseline } DIV.pagehead DIV.pagination { POSITION: absolute; FLOAT: none; TOP: 1.3em; RIGHT: 15px } BODY.r-tag DIV.pagehead P IMG { BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px } DIV.pagehead P.note { COLOR: #696969; FONT-SIZE: 11px } DIV.pagehead IMG { MARGIN-BOTTOM: 3px; VERTICAL-ALIGN: middle } DIV.pagehead DIV.brand { POSITION: absolute; WIDTH: 70px; TOP: -10px; RIGHT: 200px } DIV.pagehead DIV.brand A { DISPLAY: block } .pages { DISPLAY: none } DIV.pagination { LINE-HEIGHT: 2.5; MARGIN: 0.5em 0px; FLOAT: right; FONT-SIZE: 11px } DIV.pagination .selected { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 0.2em; MARGIN: 0px 0.2em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; TEXT-DECORATION: none; PADDING-TOP: 0.2em } DIV.pagination A { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 0.2em; MARGIN: 0px 0.2em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; TEXT-DECORATION: none; PADDING-TOP: 0.2em } DIV.pagination A:hover { BORDER-BOTTOM-COLOR: #aaa; BORDER-TOP-COLOR: #aaa; BACKGROUND: #efefef; COLOR: #000; BORDER-RIGHT-COLOR: #aaa; BORDER-LEFT-COLOR: #aaa } DIV.pagination .selected { BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-WEIGHT: bold } DIV.pagination .ellipsis { MARGIN: 0px 0.5em } DIV.pagination A:hover SPAN { TEXT-DECORATION: underline } DIV.pagination A.prevlink { BORDER-RIGHT-WIDTH: 0px; PADDING-LEFT: 15px; BACKGROUND: url(http://cdn.last.fm/depth/global/page_previous.gif) no-repeat left center; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #0187c5; BORDER-LEFT-WIDTH: 0px } DIV.pagination A.prevlink:hover { BORDER-RIGHT-WIDTH: 0px; PADDING-LEFT: 15px; BACKGROUND: url(http://cdn.last.fm/depth/global/page_previous.gif) no-repeat left center; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #0187c5; BORDER-LEFT-WIDTH: 0px } DIV.pagination A.nextlink { BORDER-RIGHT-WIDTH: 0px; PADDING-RIGHT: 15px; BACKGROUND: url(http://cdn.last.fm/depth/global/page_next.gif) no-repeat right center; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #0187c5; BORDER-LEFT-WIDTH: 0px } DIV.pagination A.nextlink:hover { BORDER-RIGHT-WIDTH: 0px; PADDING-RIGHT: 15px; BACKGROUND: url(http://cdn.last.fm/depth/global/page_next.gif) no-repeat right center; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #0187c5; BORDER-LEFT-WIDTH: 0px } #profilerButton { LINE-HEIGHT: 22px; MARGIN: 0px 0px 0px 26px; DISPLAY: inline; FLOAT: left; HEIGHT: 22px; COLOR: #d20039; FONT-SIZE: 10px; OVERFLOW: hidden; FONT-WEIGHT: bold } #profilerButton:hover { BACKGROUND-COLOR: #bfdff4 } #profilerButton:hover DIV.messageBox STRONG { BACKGROUND-COLOR: #bfdff4 } #profilerButton DIV.messageBox { MARGIN: 0px } .blink#profilerButton SPAN { VISIBILITY: hidden } .profilerSection { FONT-SIZE: 10px } .profilerSection .fixed { HEIGHT: 300px; OVERFLOW: auto } .profilerSection .code { BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; MARGIN-BOTTOM: 10px; BACKGROUND: #eee; OVERFLOW: auto; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 5px } DIV.resource { POSITION: relative; PADDING-BOTTOM: 0.5em; MARGIN: 0px 0px 1.5em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; BACKGROUND: #f0f0f0; PADDING-TOP: 0.5em } .resource SPAN.actions { POSITION: absolute; PADDING-BOTTOM: 0.5em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; BACKGROUND: #f6f6f6; VISIBILITY: hidden; FONT-SIZE: 11px; TOP: 0px; RIGHT: 0px; PADDING-TOP: 0.2em } .resource:hover SPAN.actions { VISIBILITY: visible } .resource SPAN.actions A { COLOR: #000 } .resource SPAN.actions A:hover { COLOR: #0187c5 } .resource SPAN.actions IMG { MARGIN: 1px 4px 0px 0px; FLOAT: left } BODY DIV.resource H1 { PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.4285; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 14px; FONT-WEIGHT: normal; PADDING-TOP: 0px } BODY DIV.resourceSmall H1 { LINE-HEIGHT: 1.5; FONT-SIZE: 12px } .resource H1 A IMG.thumb { MARGIN-BOTTOM: 0.5em; FLOAT: left } .resource H1 A SPAN.userImage { MARGIN-BOTTOM: 0.5em; FLOAT: left } .resource H1 A SPAN.albumCover { MARGIN-BOTTOM: 0.5em; FLOAT: left } .resource H1 A SPAN.videoStill { MARGIN-BOTTOM: 0.5em; FLOAT: left } .resource H1 A SPAN.albumCover { PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BACKGROUND: #fff; PADDING-TOP: 2px } .resource H1 A SPAN.videoStill { PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BACKGROUND: #fff; PADDING-TOP: 2px } .user H1 A IMG.thumb { BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; PADDING-TOP: 1px } .resource H1 A SPAN.albumCover { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; MARGIN-BOTTOM: 1em; PADDING-TOP: 0px } .resource H1 A SPAN.poster { MARGIN: 0px 0px 1em } .resource H1 A SPAN.userImage IMG.thumb { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: none; PADDING-TOP: 0px } .resource H1 A SPAN.albumCover IMG.thumb { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: none; PADDING-TOP: 0px } .resource H1 A SPAN.poster IMG.thumb { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: none; PADDING-TOP: 0px } .resource H1 A SPAN.videoStill IMG.thumb { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: none; PADDING-TOP: 0px } .resourceSmall H1 A IMG.thumb { MARGIN-LEFT: -48px } .resourceSmall H1 A SPAN.calSheet { MARGIN-LEFT: -48px } .resourceSmall H1 A SPAN.albumCover { MARGIN-LEFT: -46px } .resourceMedium H1 A IMG.thumb { MARGIN-LEFT: -83px } .resourceMedium H1 A SPAN.userImage { MARGIN-LEFT: -83px } .resourceMedium H1 A SPAN.calSheet { MARGIN-LEFT: -83px } .resourceVideoMedium H1 A SPAN.videoStill { MARGIN-LEFT: -138px } .resourceMedium H1 A SPAN.calSheet { WIDTH: 50px } .resourceMedium H1 A SPAN.calSheet SPAN.month { LINE-HEIGHT: 1.5; LETTER-SPACING: 0.1em; HEIGHT: 18px; FONT-SIZE: 11px } .resourceMedium H1 A SPAN.calSheet SPAN.day { LINE-HEIGHT: 1.5; FONT-SIZE: 24px } .resourceMedium H1 A SPAN.albumCover { MARGIN-LEFT: -88px } .resourceLarge H1 A IMG.thumb { MARGIN-LEFT: -153px } .resourceLarge H1 A SPAN.albumCover { MARGIN-LEFT: -149px } .resourceLarge H1 A SPAN.calSheet { MARGIN-LEFT: -149px } .resource P { MARGIN: 0.2em 0px 0px; COLOR: #111 } .resource DIV { MARGIN: 0.2em 0px 0px; COLOR: #111 } BODY DIV.resourceSmall H1 { PADDING-LEFT: 50px } .resourceSmall P { PADDING-LEFT: 50px } .resourceSmall DIV { PADDING-LEFT: 50px } BODY DIV.resourceMedium H1 { PADDING-LEFT: 85px } .resourceMedium P { PADDING-LEFT: 85px } .resourceMedium DIV { PADDING-LEFT: 85px } BODY DIV.resourceVideoMedium H1 { PADDING-LEFT: 138px } .resourceVideoMedium P { PADDING-LEFT: 138px } .resourceVideoMedium DIV { PADDING-LEFT: 138px } BODY DIV.resourceLarge H1 { PADDING-LEFT: 155px } .resourceLarge P { PADDING-LEFT: 155px } .resourceLarge DIV { PADDING-LEFT: 155px } DIV.richtext DIV.full { DISPLAY: none !important; VISIBILITY: hidden !important } #page .scrobblesource { PADDING-BOTTOM: 0.5em; LINE-HEIGHT: 1.3636; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #696969; FONT-SIZE: 11px; PADDING-TOP: 0.5em } #page .scrobblesource IMG.ss_icon { MARGIN: 0px 3px -3px 0px; VERTICAL-ALIGN: baseline } #page UL.usersSmall .scrobblesource { PADDING-BOTTOM: 0px; LINE-HEIGHT: 1; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } DIV.scroller { POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 20px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #555; OVERFLOW: auto; PADDING-TOP: 0px } DIV.scrollerJS { WIDTH: auto !important } * HTML DIV.scroller { OVERFLOW-Y: hidden; WIDTH: 100%; HEIGHT: 84px } * + HTML DIV.scroller { OVERFLOW-Y: hidden; WIDTH: 100%; HEIGHT: 84px } DIV.scroller A.scrollLeft { POSITION: absolute; LINE-HEIGHT: 0; TEXT-INDENT: -9999px; WIDTH: 10px; DISPLAY: block; BACKGROUND-POSITION: 0px 0px; HEIGHT: 64px; FONT-SIZE: 0px; TOP: 2px } DIV.scroller A.scrollRight { POSITION: absolute; LINE-HEIGHT: 0; TEXT-INDENT: -9999px; WIDTH: 10px; DISPLAY: block; BACKGROUND-POSITION: 0px 0px; HEIGHT: 64px; FONT-SIZE: 0px; TOP: 2px } DIV.scroller A.scrollLeft { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/scroller/left.png); LEFT: 0px } DIV.scroller A.scrollLeft:hover { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/scroller/left.png); LEFT: 0px } DIV.scroller A.scrollRight { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/scroller/right.png); RIGHT: 0px } DIV.scroller A.scrollRight:hover { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/scroller/right.png); RIGHT: 0px } DIV.scroller A.scrollLeft:hover { BACKGROUND-POSITION: 0px -64px } DIV.scroller A.scrollRight:hover { BACKGROUND-POSITION: 0px -64px } DIV.scroller A.scrollLeft:active { OUTLINE-WIDTH: 0px; BACKGROUND-POSITION: 0px -128px } DIV.scroller A.scrollRight:active { OUTLINE-WIDTH: 0px; BACKGROUND-POSITION: 0px -128px } DIV.scroller A.disabled.scrollLeft { BACKGROUND-POSITION: 0px -192px } DIV.scroller A.disabled.scrollRight { BACKGROUND-POSITION: 0px -192px } DIV.scroller DIV.imageTrackContainer { MARGIN: 0px -5px; CLEAR: both } DIV.scrollerJS DIV.imageTrackContainer { POSITION: relative; MARGIN: 0px; HEIGHT: 68px; OVERFLOW: hidden } DIV.scroller DIV.imageTrackContainer UL { PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px auto; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; OVERFLOW: hidden; PADDING-TOP: 0px } DIV.scrollerJS DIV.imageTrackContainer UL { POSITION: absolute; LEFT: 0px } DIV.scroller DIV.imageTrackContainer UL LI { PADDING-BOTTOM: 0px; MARGIN: 0px 2px; PADDING-LEFT: 0px; WIDTH: 68px; PADDING-RIGHT: 0px; DISPLAY: inline; FLOAT: left; HEIGHT: 68px; PADDING-TOP: 0px } DIV.scroller DIV.imageTrackContainer UL LI A { BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 2px solid; WIDTH: 64px; DISPLAY: block; HEIGHT: 64px; OVERFLOW: hidden; BORDER-TOP: #fff 2px solid; BORDER-RIGHT: #fff 2px solid } DIV.scroller DIV.imageTrackContainer UL LI.selected A { BORDER-BOTTOM: #fff386 2px solid; BORDER-LEFT: #fff386 2px solid; BORDER-TOP: #fff386 2px solid; BORDER-RIGHT: #fff386 2px solid } DIV.scroller DIV.imageTrackContainer UL LI A:hover { BORDER-BOTTOM: #fff386 2px solid; BORDER-LEFT: #fff386 2px solid; BORDER-TOP: #fff386 2px solid; BORDER-RIGHT: #fff386 2px solid } #secondaryNavigation { Z-INDEX: 10; POSITION: absolute; LINE-HEIGHT: 2em; WIDTH: 111px; FONT-SIZE: 11px; TOP: -1px; FONT-WEIGHT: bold; LEFT: -111px } DIV.sic #secondaryNavigation { TOP: -1px } #secondaryNavigation UL { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; OVERFLOW: hidden; BORDER-TOP: #ccc 1px solid; PADDING-TOP: 1px } #secondaryNavigation LI { DISPLAY: block } #secondaryNavigation LI A { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 5px; MARGIN: -1px 0px 0px; PADDING-LEFT: 10px; WIDTH: 94px; PADDING-RIGHT: 5px; DISPLAY: block; BACKGROUND: url(http://cdn.last.fm/flatness/secondary_nav_bg.png) #ededed repeat-x left top; COLOR: #696969; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; TEXT-DECORATION: none; PADDING-TOP: 4px } #secondaryNavigation LI.first A { BORDER-TOP-WIDTH: 0px } #secondaryNavigation LI A:hover { BACKGROUND: #fff; COLOR: #d51007 } #secondaryNavigation LI.current A { BACKGROUND: #fff; COLOR: #d51007 } #secondaryNavigation LI.current A { BORDER-RIGHT-COLOR: #fff } DIV#shoutbox { LINE-HEIGHT: 1.1818; FONT-SIZE: 11px } DIV.shoutboxInput FORM { POSITION: relative; PADDING-BOTTOM: 0px; MIN-HEIGHT: 72px; PADDING-LEFT: 80px; PADDING-RIGHT: 0px; CLEAR: both; PADDING-TOP: 0px } * HTML DIV.shoutboxInput FORM { HEIGHT: 72px } DIV.shoutboxInput FORM SPAN.avatar { POSITION: absolute; WIDTH: 68px; DISPLAY: block; HEIGHT: 68px; TOP: 0px; LEFT: 0px } DIV.shoutboxInput FORM SPAN.avatar SPAN.userImage { DISPLAY: block } DIV.shoutboxInput FORM TEXTAREA { WIDTH: 99%; DISPLAY: block; HEIGHT: 60px } * + HTML DIV.shoutboxInput FORM TEXTAREA { WIDTH: 98% } * HTML DIV.shoutboxInput FORM TEXTAREA { WIDTH: 98% } DIV.shoutboxInput DIV.textareaActions { MARGIN: 5px 0px 0px; COLOR: #696969 } DIV.shoutboxInput DIV.textareaActions INPUT#sbPost { FLOAT: right } DIV.shoutboxInput DIV.overCharLimit #sbCharCount { COLOR: red } DIV.shoutboxInput DIV.overCharLimit #sbPost { COLOR: #888 } UL.shouts { MARGIN: 15px 0px; WIDTH: 100% } * HTML UL.shouts { WIDTH: auto } UL.shouts LI.message { POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 20px; PADDING-LEFT: 80px; PADDING-RIGHT: 0px; CLEAR: both; PADDING-TOP: 0px } UL.shouts LI.message .author { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; LINE-HEIGHT: 1.5em; PADDING-LEFT: 0px; PADDING-RIGHT: 5px; DISPLAY: block; FONT-SIZE: 11px; FONT-WEIGHT: normal; PADDING-TOP: 0px } UL.shouts LI.message .author A { FONT-WEIGHT: bold } UL.shouts LI.message .author SPAN.userImage { POSITION: relative; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: -80px } UL.shouts LI.message SPAN.date { MARGIN: 0px 3px 0px 0px; COLOR: #696969 } UL.shouts LI.message BLOCKQUOTE { PADDING-BOTTOM: 5px; LINE-HEIGHT: 1.3; PADDING-LEFT: 1px; PADDING-RIGHT: 5px; FONT-SIZE: 12px; PADDING-TOP: 5px } UL.shouts LI.message .meta { POSITION: absolute; TEXT-ALIGN: right; WIDTH: 200px; FONT-SIZE: 10px; TOP: 0px; RIGHT: 17px } UL.shouts LI.message .meta FORM { POSITION: absolute; MARGIN: 0px; DISPLAY: inline; TOP: 1px; RIGHT: -14px } #page .stationbuttonInline { LINE-HEIGHT: 1.1818; WHITE-SPACE: nowrap; COLOR: #1b1b1b; FONT-SIZE: 11px } #page .stationbuttonImage { WHITE-SPACE: normal } #page .stationbuttonInline:hover { COLOR: #1b1b1b } #page .stationbuttonInline SPAN { VERTICAL-ALIGN: middle } #page .stationbuttonInline IMG.radio_play_icon { VERTICAL-ALIGN: middle; MARGIN-RIGHT: 5px } .stationbuttonInline IMG.radio_small_icon { POSITION: relative; MARGIN: 0px 4px 0px 0px; TOP: 2px } .stationbuttonMedium { POSITION: relative; LINE-HEIGHT: 25px; MARGIN: 0px 10px 10px 0px; PADDING-LEFT: 30px; DISPLAY: block; MAX-WIDTH: 245px; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/stationbutton/7/stationbutton-medium.png) no-repeat left top; HEIGHT: 25px; COLOR: #fff; CLEAR: both; FONT-SIZE: 11px; OVERFLOW: hidden; CURSOR: pointer; FONT-WEIGHT: bold; _width: 245px } #page .stationbuttonMedium:hover { COLOR: #fff; TEXT-DECORATION: underline } #page .stationbuttonMedium:hover SPAN.stationButtonWrapper { COLOR: #fff; TEXT-DECORATION: underline } .stationbuttonMedium SPAN.stationButtonWrapper { POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 10px; DISPLAY: block; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/stationbutton/7/stationbutton-medium.png) no-repeat right top; HEIGHT: 25px; PADDING-TOP: 0px } #page .stationbuttonMedium:hover { BACKGROUND-POSITION: left -25px } #page .stationbuttonMedium:hover SPAN.stationButtonWrapper { BACKGROUND-POSITION: right -25px } .stationbuttonMediumRight { MARGIN: 0px 0px 10px 10px; FLOAT: right } * HTML #page .stationbuttonMediumRight { WIDTH: auto } .stationbuttonLarge { POSITION: relative; LINE-HEIGHT: 1.18em; PADDING-LEFT: 37px; DISPLAY: block; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/stationbutton/7/stationbutton-large.png) no-repeat left top; HEIGHT: 50px; COLOR: #fff; CLEAR: both; FONT-SIZE: 11px; OVERFLOW: hidden; CURSOR: pointer } .stationbuttonLarge:hover { BACKGROUND-POSITION: left -50px } .stationbuttonLarge:hover SPAN.stationButtonWrapper { BACKGROUND-POSITION: right -50px } .stationbuttonLarge SPAN.stationButtonWrapper { POSITION: relative; PADDING-BOTTOM: 8px; MARGIN: 0px 0px 3px; PADDING-LEFT: 2px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/stationbutton/7/stationbutton-large.png) no-repeat right top; HEIGHT: 52px; COLOR: #ccc; PADDING-TOP: 8px } .stationbuttonLarge SPAN.stationButtonWrapper STRONG { LINE-HEIGHT: 1.16em; COLOR: #fff; FONT-SIZE: 12px } .stationbuttonLarge SPAN.stationButtonWrapper P { MARGIN: 4px 0px 0px; WHITE-SPACE: nowrap } .stationbuttonLarge:hover { TEXT-DECORATION: none } .stationbuttonLarge:hover SPAN.stationButtonWrapper STRONG { COLOR: #fff; TEXT-DECORATION: underline } #page .stationbuttonRight .stationbutton { FLOAT: right } #page .stationbuttonRight .stationbutton .stationButtonWrapper { FLOAT: right } UNKNOWN { FLOAT: none } * HTML #page .stationbuttonRight { TEXT-ALIGN: right } * HTML #page .stationbuttonRight .stationbutton { DISPLAY: inline-block; FLOAT: none } * HTML #page .stationbuttonRight .stationbutton .stationButtonWrapper { DISPLAY: inline-block; FLOAT: none } * + HTML #page .stationbuttonRight { TEXT-ALIGN: right } * + HTML #page .stationbuttonRight .stationbutton { DISPLAY: inline-block; FLOAT: none } * + HTML #page .stationbuttonRight .stationbutton .stationButtonWrapper { DISPLAY: inline-block; FLOAT: none } P.toggleStations { MARGIN: 10px 0px 5px 5px; FONT-SIZE: 10px } #toggleStations { COLOR: #696969; TEXT-DECORATION: none } #toggleStations:hover { COLOR: #696969; TEXT-DECORATION: none } #toggleStations:hover SPAN { TEXT-DECORATION: underline } A.tag { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 2px; DISPLAY: block; BACKGROUND: url(http://cdn.last.fm/flatness/icons/tag/1/globaltag_right.png) no-repeat right top; FLOAT: left; HEIGHT: 19px; COLOR: #fff; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; CURSOR: pointer; TEXT-DECORATION: none; PADDING-TOP: 0px } A.tag:hover { BACKGROUND-POSITION: right bottom; COLOR: #fff; TEXT-DECORATION: none } A.tag SPAN { PADDING-BOTTOM: 3px; LINE-HEIGHT: 15px; PADDING-LEFT: 19px; PADDING-RIGHT: 7px; DISPLAY: block; WHITE-SPACE: nowrap; BACKGROUND: url(http://cdn.last.fm/flatness/icons/tag/1/globaltag_left.png) no-repeat left top; FLOAT: left; HEIGHT: 15px; VERTICAL-ALIGN: top; PADDING-TOP: 1px } A.tag:hover SPAN { BACKGROUND-POSITION: left bottom } DIV.tagBrowser { POSITION: relative; DISPLAY: block; OVERFLOW: auto } UL.tagList { WIDTH: 111px; DISPLAY: inline; FLOAT: left; OVERFLOW: hidden } UL.tagList LI { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 3px; MARGIN: 0px 15px 0px 0px; PADDING-LEFT: 10px; WIDTH: 76px; PADDING-RIGHT: 10px; DISPLAY: block; FLOAT: left; CLEAR: left; FONT-SIZE: 12px; FONT-WEIGHT: bold; PADDING-TOP: 3px } UL.tagList LI A { DISPLAY: block; FONT-WEIGHT: normal } DIV.tagBrowser DIV.wrapper { POSITION: relative; WIDTH: 439px; ZOOM: 1; DISPLAY: inline; FLOAT: left; OVERFLOW: hidden } .tagHead { BORDER-BOTTOM: #b3b3b3 1px solid; PADDING-BOTTOM: 7px; PADDING-LEFT: 13px; PADDING-RIGHT: 13px; DISPLAY: block; BACKGROUND: url(http://cdn.last.fm/flatness/shaders/60-vert-f2f2f2-cdcccc.gif) #cdcccc repeat-x; COLOR: #000; OVERFLOW: auto; PADDING-TOP: 7px } .tagHead .tagpage { FLOAT: right; FONT-SIZE: 11px; FONT-WEIGHT: bold } .tagHead .tagpage .tag_icon { MARGIN: 0px 4px -2px 0px } .tagHead H2 { LINE-HEIGHT: 1.25em; COLOR: #000; FONT-SIZE: 16px } .tagHead H2 .tag_icon { MARGIN: 0px 5px 3px 0px } .tagHead .similarTags { LINE-HEIGHT: 1.18em; MARGIN: 2px 0px 0px; COLOR: #999; FONT-SIZE: 11px } .tagHead .similarTags STRONG { COLOR: #000; FONT-WEIGHT: normal } .horizontalOptions { BORDER-BOTTOM: #ccc 1px solid; LINE-HEIGHT: normal; MARGIN: 0px 0px 15px; DISPLAY: block; FONT-SIZE: 10px } .horizontalOptions UL { MARGIN-BOTTOM: -1px; OVERFLOW: hidden } .loading .horizontalOptions UL { BACKGROUND: url(http://cdn.last.fm/flatness/spinner_small.gif) no-repeat 99% top } .horizontalOptions UL LI { LIST-STYLE-TYPE: none; MARGIN: 0px 5px 0px 0px; FLOAT: left } .horizontalOptions UL LI A { PADDING-BOTTOM: 0px; LINE-HEIGHT: 20px; MARGIN: 0px 3px 0px 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 2px; FLOAT: left; HEIGHT: 20px; PADDING-TOP: 0px } .horizontalOptions UL LI SPAN { PADDING-BOTTOM: 0px; LINE-HEIGHT: 20px; MARGIN: 0px 3px 0px 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 2px; FLOAT: left; HEIGHT: 20px; PADDING-TOP: 0px } .horizontalOptions UL LI STRONG { PADDING-BOTTOM: 0px; LINE-HEIGHT: 20px; MARGIN: 0px 3px 0px 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 2px; FLOAT: left; HEIGHT: 20px; PADDING-TOP: 0px } .horizontalOptions UL LI A { COLOR: #0187c5; TEXT-DECORATION: none } .horizontalOptions UL LI A SPAN { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: none; PADDING-TOP: 0px } .horizontalOptions UL LI A STRONG { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: none; PADDING-TOP: 0px } .horizontalOptions UL LI.current { BACKGROUND: url(http://cdn.last.fm/flatness/navigation/1/tab_mini_right.png) no-repeat right top } .horizontalOptions UL LI.current A { BACKGROUND: url(http://cdn.last.fm/flatness/navigation/1/tab_mini_left.png) no-repeat left top; COLOR: #696969; TEXT-DECORATION: none } .rightCol .horizontalOptions UL LI.current { BACKGROUND: url(http://cdn.last.fm/flatness/navigation/tab_mini_right_grey.gif) no-repeat right top } .rightCol .horizontalOptions UL LI.current A { BACKGROUND: url(http://cdn.last.fm/flatness/navigation/tab_mini_left_grey.gif) no-repeat left top; COLOR: #696969; TEXT-DECORATION: none } .horizontalOptions UL LI A:hover { TEXT-DECORATION: underline } .horizontalOptions UL LI.current A:hover { TEXT-DECORATION: none } .horizontalOptions UL.medium { TEXT-ALIGN: center; LINE-HEIGHT: 26px; ZOOM: 1; DISPLAY: block; FONT-SIZE: 12px; OVERFLOW: hidden } .horizontalOptions UL.medium LI { BACKGROUND: url(http://cdn.last.fm/flatness/components/tertiaryNavigation/medium_tab_right_inactive.png) no-repeat right top; FLOAT: left; HEIGHT: 26px } .horizontalOptions UL.medium A { PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: url(http://cdn.last.fm/flatness/components/tertiaryNavigation/medium_tab_left_inactive.png) no-repeat left top; FLOAT: left; HEIGHT: 26px; PADDING-TOP: 5px } .horizontalOptions UL.medium LI.current { MARGIN-BOTTOM: -1px; BACKGROUND: url(http://cdn.last.fm/flatness/components/tertiaryNavigation/medium_tab_right.png) no-repeat right top; HEIGHT: 27px } .horizontalOptions UL.medium .current A { BACKGROUND: url(http://cdn.last.fm/flatness/components/tertiaryNavigation/medium_tab_left.png) no-repeat left top; HEIGHT: 27px; COLOR: #0187c5 } .horizontalOptions UL.medium IMG { MARGIN-TOP: -3px; MARGIN-LEFT: -3px; VERTICAL-ALIGN: middle } * + HTML .horizontalOptions UL.medium IMG { VERTICAL-ALIGN: middle } DIV.tertiaryNavigation { BORDER-BOTTOM: #666 1px solid; LINE-HEIGHT: normal; MARGIN: 0px 0px 15px; DISPLAY: block; FONT-SIZE: 11px } DIV.tertiaryNavigation UL LI { POSITION: relative; MARGIN: 0px 6px -1px 0px; FLOAT: left } DIV.tertiaryNavigation UL LI.last { MARGIN-RIGHT: 0px } DIV.tertiaryNavigation UL LI A { LINE-HEIGHT: 23px; FLOAT: left; HEIGHT: 23px } DIV.tertiaryNavigation UL LI SPAN { LINE-HEIGHT: 23px; FLOAT: left; HEIGHT: 23px } DIV.tertiaryNavigation UL LI STRONG { LINE-HEIGHT: 23px; FLOAT: left; HEIGHT: 23px } DIV.tertiaryNavigation UL LI A { PADDING-BOTTOM: 0px; MARGIN: 0px 3px 0px 0px; PADDING-LEFT: 7px; PADDING-RIGHT: 4px; COLOR: #0187c5; TEXT-DECORATION: none; PADDING-TOP: 0px } DIV.tertiaryNavigation UL LI A SPAN { FLOAT: none } DIV.tertiaryNavigation UL LI A STRONG { FLOAT: none } DIV.tertiaryNavigation UL LI { BACKGROUND: url(http://cdn.last.fm/flatness/navigation/tab_right.png) no-repeat right top } DIV.tertiaryNavigation UL LI A { BACKGROUND: url(http://cdn.last.fm/flatness/navigation/tab_left.png) no-repeat left top } DIV.tertiaryNavigation UL LI.current { BACKGROUND: url(http://cdn.last.fm/flatness/navigation/tab_active_right.png) no-repeat right top } DIV.tertiaryNavigation UL LI.current A { BACKGROUND: url(http://cdn.last.fm/flatness/navigation/tab_active_left.png) no-repeat left top; COLOR: #000; TEXT-DECORATION: none } DIV.tertiaryNavigation UL LI.plain { BACKGROUND: none transparent scroll repeat 0% 0% } DIV.tertiaryNavigation UL LI A:hover { TEXT-DECORATION: underline } DIV.tertiaryNavigation UL LI.current A:hover { TEXT-DECORATION: none } DIV.tertiaryNavigation UL LI.last { BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px } DIV.tertiaryNavigation UL LI:unknown { BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px } UL.tertiaryNavigation { PADDING-BOTTOM: 0px; MARGIN: 1em 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #eee; CLEAR: both; OVERFLOW: hidden; PADDING-TOP: 0px } UL.tertiaryNavigation LI { PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px } UL.tertiaryNavigation A { PADDING-BOTTOM: 0.25em; PADDING-LEFT: 1em; PADDING-RIGHT: 1em; DISPLAY: block; PADDING-TOP: 0.25em } UL.tertiaryNavigation A:hover { BACKGROUND: #ddd } UL.tertiaryNavigation LI.current A { BACKGROUND: #999; COLOR: #fff; FONT-WEIGHT: bold } .trackscrobblegraph { POSITION: relative; MARGIN: 20px 0px 21px; WIDTH: 300px } .trackscrobblegraph IMG { POSITION: relative; TOP: 10px } .trackscrobblegraph H4 { Z-INDEX: 3; POSITION: relative; MARGIN: 0px 0px 0px 5px; COLOR: #9a9a9a; FONT-SIZE: 16px; FONT-WEIGHT: bold } .trackscrobblegraph P { Z-INDEX: 3; POSITION: relative; MARGIN: 0px 0px 0px 5px; COLOR: #9a9a9a; FONT-SIZE: 11px; FONT-WEIGHT: normal } DIV.twidget { } DIV.twidget UL { MARGIN: 0px 0px 0.5em } DIV.twidget LI { BORDER-BOTTOM: #cccccc 1px solid; PADDING-BOTTOM: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #ffffff 1px solid; PADDING-TOP: 6px } DIV.twidget LI A { COLOR: #696969 } DIV.twidget LI SPAN A { COLOR: #0187c5 } .typeahead { BORDER-BOTTOM: #bbb 1px solid; BORDER-LEFT: #bbb 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.4em; MARGIN: 0.5em 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #fff; COLOR: #000; MAX-HEIGHT: 9.8em; OVERFLOW: auto; BORDER-TOP: #bbb 1px solid; CURSOR: text; BORDER-RIGHT: #bbb 1px solid; PADDING-TOP: 0px } .typeaheadFocus { -moz-outline: 2px solid #7eadd9; -moz-outline-radius: 3px; outline-offset: -2px } #page .typeahead INPUT.typeaheadCaret { PADDING-BOTTOM: 4px; LINE-HEIGHT: normal; BORDER-RIGHT-WIDTH: 0px; MARGIN: 2px 0px 1px 3px; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; DISPLAY: block; FLOAT: left; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 3px } #page .typeahead INPUT.typeaheadHidden { BORDER-BOTTOM: #fff 5px solid; BORDER-LEFT: #fff 0px solid; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 0px !important; PADDING-RIGHT: 0px; BACKGROUND: #fff; COLOR: #fff; BORDER-TOP: #fff 5px solid; BORDER-RIGHT: #fff 0px solid; PADDING-TOP: 0px } .typeahead A.typeaheadSelected { POSITION: relative; PADDING-BOTTOM: 2px; LINE-HEIGHT: normal; MARGIN: 3px 0px 1px 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 19px; DISPLAY: block; WHITE-SPACE: nowrap; BACKGROUND: #ddd; FLOAT: left; COLOR: #333; CURSOR: default; TEXT-DECORATION: none; PADDING-TOP: 2px } .typeahead A:hover { BACKGROUND: #ccc } .typeahead A.typeaheadActive { BACKGROUND: #0060e9; COLOR: #fff } .typeahead SPAN.typeaheadRemove { POSITION: absolute; TEXT-INDENT: -1000em; WIDTH: 13px; DISPLAY: block; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/delete.2.png) no-repeat left top; HEIGHT: 13px; FONT-SIZE: 0px; TOP: 3px; CURSOR: pointer; RIGHT: 3px } .typeahead SPAN.typeaheadRemove:hover { CURSOR: pointer } #page UL.typeaheadResults { POSITION: absolute; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; PADDING-TOP: 0px } #page UL.fixedTypeahead { POSITION: fixed } #page UL.typeaheadResults UL { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-TOP: 0px } #page UL.typeaheadResults LI { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-TOP: 0px } #page UL.typeaheadResults UL { BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #fff; COLOR: #000; MAX-HEIGHT: 300px; OVERFLOW: auto; BORDER-TOP: #ddd 0px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 4px } UL.typeaheadResults LI.paginatedResults P { TEXT-ALIGN: right; FONT-SIZE: 20px } UL.typeaheadResults LI.paginatedResults P SPAN { MARGIN-LEFT: 0.5em } #page UL.typeaheadResults LI.paginatedResults LI { MARGIN: 0px 4px 4px } UL.typeaheadResults LI.paginatedResults UL A { PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; DISPLAY: block; COLOR: #000; TEXT-DECORATION: none; PADDING-TOP: 3px } UL.typeaheadResults LI.paginatedResults UL A:hover { BACKGROUND: #5297ff; COLOR: #fff } UL.typeaheadResults UL LI.highlight A { BACKGROUND: #0060e9; COLOR: #fff } UL.typeaheadResults LI.paginatedResults SPAN { FONT-WEIGHT: bold; TEXT-DECORATION: underline } P.typeaheadSuggestions { MARGIN: 13px 0px 0px; COLOR: #696969; FONT-SIZE: 11px } P.typeaheadSuggestions SPAN { COLOR: #1b1b1b } P.typeaheadSuggestions A { MARGIN: 0px 3px } DIV.typeaheadHint { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 2px; LIST-STYLE-TYPE: none; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; BACKGROUND: #f5f5f5; COLOR: #999; FONT-SIZE: 11px; BORDER-TOP: #ccc 0px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 2px } SPAN.videoStill { BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; DISPLAY: block; BACKGROUND: #fff; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 1px } SPAN.videoStill SPAN.still { POSITION: relative; WIDTH: 100%; DISPLAY: block; BACKGROUND: #000; FLOAT: left; HEIGHT: 100%; OVERFLOW: hidden } SPAN.videoStill SPAN.play { POSITION: absolute; TEXT-INDENT: -9999px; WIDTH: 100%; DISPLAY: block; HEIGHT: 100%; OVERFLOW: hidden; TOP: 1px; LEFT: 1px } A:hover SPAN.videoStill { BORDER-BOTTOM-COLOR: #0187c5; BORDER-TOP-COLOR: #0187c5; BORDER-RIGHT-COLOR: #0187c5; BORDER-LEFT-COLOR: #0187c5 } SPAN.videoStillMedium { WIDTH: 120px; HEIGHT: 68px; OVERFLOW: hidden } SPAN.videoStillMedium SPAN.still IMG { POSITION: relative; TOP: -11px; LEFT: 0px } SPAN.videoStillYoutubeMedium SPAN.play { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/catalogue/video/play_youtube.png); BACKGROUND-POSITION: -4px -3px } * HTML SPAN.videoStillYoutubeMedium SPAN.play { FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn.last.fm/flatness/catalogue/video/play_youtube.png', sizingMethod='crop'); BACKGROUND: none transparent scroll repeat 0% 0%; CURSOR: pointer } A:hover SPAN.videoStillMedium SPAN.play { BACKGROUND-POSITION: -4px -75px } A:active SPAN.videoStillMedium SPAN.play { BACKGROUND-POSITION: -4px -152px } .source-Youtube A:hover SPAN.videoStillMedium SPAN.play { BACKGROUND-POSITION: -4px -82px } .source-Youtube A:active SPAN.videoStillMedium SPAN.play { BACKGROUND-POSITION: -4px -82px } TABLE.chart { WIDTH: 100%; MARGIN-BOTTOM: 10px; FONT-SIZE: 11px } TABLE.chart TD { PADDING-BOTTOM: 3px; LINE-HEIGHT: 16px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; VERTICAL-ALIGN: top; PADDING-TOP: 3px } TABLE.chart THEAD TD { WHITE-SPACE: nowrap; COLOR: #696969 } TABLE.chart THEAD TD.positionCell { WIDTH: 1px } TABLE.chart THEAD TD.playbuttonCell { WIDTH: 1px } TABLE.chart TR.odd TD { BACKGROUND-COLOR: #ebebeb } TABLE.chart TD.positionCell { TEXT-ALIGN: right; WIDTH: 20px; COLOR: #696969 } TABLE.chart TD.playbuttonCell { PADDING-BOTTOM: 0px; WIDTH: 17px; PADDING-TOP: 3px } TABLE.chart TD.playbuttonCell IMG { MARGIN: 0px } TABLE.chart TD.subjectCell DIV { WIDTH: 100%; HEIGHT: 1.36em; OVERFLOW: hidden } TABLE.chart TD.subjectCell A { COLOR: #1b1b1b } TABLE.chart TD.subjectCell A:hover { COLOR: #0187c5 } TABLE.chart TD.durationCell { TEXT-ALIGN: left; WIDTH: 20px; COLOR: #696969 } TABLE.chart TD.reachCell { TEXT-ALIGN: left; WIDTH: 20px; COLOR: #696969 } TABLE.chart TD.downloadbuttonCell { WIDTH: 31px } TABLE.chart TD.lovedCell { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 11px; PADDING-RIGHT: 5px; PADDING-TOP: 3px } TABLE.chart TD.multibuttonCell { PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; PADDING-LEFT: 3px; WIDTH: 26px; PADDING-RIGHT: 5px; PADDING-TOP: 3px } TABLE.chart TD.chartbarCell { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 33%; PADDING-RIGHT: 0px; PADDING-TOP: 0px } * HTML TABLE.chart TD.chartbarCell { PADDING-BOTTOM: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } TABLE.chart TR.odd TD.chartbarCell { BACKGROUND-COLOR: transparent } TABLE.chart TR:hover TD.chartbarCell { BACKGROUND-COLOR: transparent } #page TABLE.chart A.lfmButton { POSITION: relative; LEFT: -9999px } TABLE.chart TBODY TR:hover TD { BACKGROUND: #d0e4f0 } TABLE.chart TBODY TR.open TD { BACKGROUND: #d0e4f0 } #page TABLE.chart A.lfmFreeDownloadButton { LEFT: 0px } #page TABLE.chart TR:hover A.lfmButton { LEFT: 0px } #page TABLE.chart TR.open A.lfmButton { LEFT: 0px } DIV.chartbar { BACKGROUND: url(http://cdn.last.fm/flatness/charts/charts_right.png) no-repeat right top; OVERFLOW: hidden } * HTML DIV.chartbar { BACKGROUND: url(http://cdn.last.fm/flatness/charts/charts_right_8bit.png) no-repeat right top } DIV.chartbar SPAN { PADDING-BOTTOM: 0px; MARGIN: 0px 3px 0px 0px; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; DISPLAY: block; BACKGROUND: #71b7e6; HEIGHT: 17px; COLOR: #fff; OVERFLOW: hidden; PADDING-TOP: 3px } TD.subjectCell SMALL { WHITE-SPACE: nowrap; FONT-SIZE: 9px } TR.flp SMALL { COLOR: #999 !important } TR.fdl SMALL { COLOR: #999 !important } TR.fdl SMALL A { COLOR: #0187c5 !important } TABLE.chart TD .mp3 { TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 4px; WIDTH: 3em; PADDING-RIGHT: 4px; DISPLAY: block; BACKGROUND: #0187c5; COLOR: #fff; FONT-SIZE: 9px; FONT-WEIGHT: bold; PADDING-TOP: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px } TABLE.chart TD .mp3:hover { TEXT-DECORATION: none } TABLE.eventsSmall { BORDER-BOTTOM: #fff 1px solid } TABLE.eventsSmall SPAN.calSheet { DISPLAY: inline; FLOAT: left; MARGIN-LEFT: -37px } TABLE.eventsSmall TD { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 42px; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-TOP: 5px } TABLE.eventsSmall TD.first { BORDER-TOP-STYLE: none } TABLE.eventsSmall TD STRONG.summary { LINE-HEIGHT: 1.25em; DISPLAY: block; COLOR: #0187c5; FONT-SIZE: 11px } TABLE.eventsSmall TD A:hover STRONG.summary { TEXT-DECORATION: underline } TABLE.eventsSmall TD SMALL.location { MARGIN: 1px 0px 4px; DISPLAY: block; COLOR: #000; FONT-SIZE: 11px } TABLE.eventsSmall TD SPAN.info { DISPLAY: block; FONT-SIZE: 10px } TABLE.eventsSmall TD SPAN.info { COLOR: #696969 } TABLE.eventsSmall A SPAN.addComment { COLOR: #0187c5 } #eventsMap P.date { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 33px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } #eventsMap P.date SPAN.calSheet { MARGIN: -8px 0px 0px -33px; FLOAT: left } #eventsMap P.summary A { PADDING-BOTTOM: 10px; MIN-HEIGHT: 45px; PADDING-LEFT: 45px; PADDING-RIGHT: 0px; DISPLAY: block; COLOR: #1b1b1b; TEXT-DECORATION: none; PADDING-TOP: 5px } #eventsMap P.summary A STRONG { COLOR: #0187c5 } #eventsMap P.summary A:hover STRONG { TEXT-DECORATION: underline } #eventsMap P.summary A STRONG IMG { MARGIN: 0px 0px 5px -45px; DISPLAY: inline; FLOAT: left } TABLE.eventsMedium { LINE-HEIGHT: 1.25em; MARGIN: 0px 0px 30px; WIDTH: 100%; FONT-SIZE: 11px } TABLE.eventsMedium TR.month TH { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #1b1b1b; FONT-SIZE: 18px; FONT-WEIGHT: bold; PADDING-TOP: 3em } TABLE.eventsMedium TR.month TH.first { PADDING-TOP: 1em } TABLE.eventsMedium TR.day TH { PADDING-BOTTOM: 5px; PADDING-LEFT: 45px; PADDING-RIGHT: 0px; FONT-SIZE: 16px; FONT-WEIGHT: bold; PADDING-TOP: 35px } TABLE.eventsMediumRecent TR.day TH { COLOR: #696969 } TABLE.eventsMedium TR.day TH SPAN.calSheet { MARGIN: -17px 0px 0px -45px; WIDTH: 32px; FLOAT: left } TABLE.eventsMedium TR.day TH SPAN.calSheet SPAN.day { LINE-HEIGHT: 1.8em } TABLE.eventsMedium SPAN.status { PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; MARGIN: -5px 0px 0px 5px; PADDING-LEFT: 0.25em; PADDING-RIGHT: 0.25em; WHITE-SPACE: nowrap; BACKGROUND: #e4f1ff; FONT-SIZE: 9px; FONT-WEIGHT: bold; PADDING-TOP: 0px } TABLE.eventsMedium SPAN.cancelled { BACKGROUND: #f21c06; COLOR: #fff; FONT-WEIGHT: normal } TABLE.eventsMedium TD.summary SPAN.cancelled { MARGIN-TOP: 1px; FLOAT: right } TABLE.eventsMedium TR TD { PADDING-BOTTOM: 1em; PADDING-LEFT: 0px; PADDING-RIGHT: 1em; BORDER-TOP: #ccc 1px solid; PADDING-TOP: 7px } TABLE.eventsMedium TR TD.summary { WIDTH: 45% } TABLE.eventsMedium TR TD.summary A { MIN-HEIGHT: 45px; PADDING-LEFT: 45px; DISPLAY: block; COLOR: #1b1b1b; TEXT-DECORATION: none } TABLE.eventsMedium TD.summary A STRONG { COLOR: #0187c5 } TABLE.eventsMedium TD.summary A:hover STRONG { TEXT-DECORATION: underline } TABLE.eventsMedium TD.summary A STRONG IMG { MARGIN: 0px 0px 5px -45px; DISPLAY: inline; FLOAT: left } TABLE.eventsMedium TD.summary A .calSheet { MARGIN: 0px 0px 5px -38px; DISPLAY: inline; FLOAT: left } TABLE.eventsMedium TR.attending TD { BACKGROUND: #e8f1f8 } TABLE.eventsMedium TR.maybeattending TD { BACKGROUND: #e8f1f8 } TABLE.ownEventsMedium TR.attending TD { BACKGROUND: none transparent scroll repeat 0% 0% } TABLE.ownEventsMedium TR.maybeattending TD { BACKGROUND: none transparent scroll repeat 0% 0% } TABLE.eventsMedium TR.recommended TD { BACKGROUND: #f2f2f2 } TABLE.eventsMedium TR.highlight TD { BACKGROUND: #f8ece9 } TABLE.eventsMedium TR TD.location { WIDTH: 160px } TABLE.eventsMedium TR TD.info { WIDTH: 110px } TABLE.eventsMedium TR TD.users { WIDTH: 100px } TABLE.eventsMedium TD.info P { COLOR: #696969; FONT-SIZE: 10px } TABLE.eventsMedium TD.icon { WIDTH: 15px; PADDING-RIGHT: 0px } TABLE.eventsMedium DIV.geo { DISPLAY: none } TABLE.eventsNoBorder { BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px } TABLE.eventsNoBorder TD { BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px } TABLE.tracklist { LINE-HEIGHT: 1.18em; WIDTH: 100%; COLOR: #696969; CLEAR: both; FONT-SIZE: 11px } TABLE.tracklist .play_icon { MARGIN: 0px } TABLE.tracklist TBODY TR:hover { BACKGROUND: #bfdff4 } TABLE.tracklist TBODY TR.open { BACKGROUND: #bfdff4 } TABLE.tracklist TH { WHITE-SPACE: nowrap } TABLE.tracklist TR.last TD { BORDER-BOTTOM-STYLE: none } TABLE.tracklist TH { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 5px } TABLE.tracklist TD { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 5px } TABLE.tracklist TR.odd TD { BACKGROUND-COLOR: #ebebeb } TABLE.tracklist TD.imageSmall { PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; WIDTH: 34px; PADDING-RIGHT: 5px; PADDING-TOP: 5px } TABLE.tracklist TD.imageMedium { PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; WIDTH: 64px; PADDING-RIGHT: 5px; PADDING-TOP: 5px } TABLE.tracklist TD.playbutton { PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; WIDTH: 17px; PADDING-RIGHT: 0px; PADDING-TOP: 3px } TABLE.tracklist TD.playbuttonCell { PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; WIDTH: 17px; PADDING-RIGHT: 0px; PADDING-TOP: 3px } TABLE.tracklist TD.lovedCell { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 11px; PADDING-RIGHT: 5px; PADDING-TOP: 5px } TABLE.tracklist .loved_indicator_icon { MARGIN-TOP: 2px } TABLE.tracklist TD.tagged { PADDING-BOTTOM: 0px; WIDTH: 15px; PADDING-TOP: 9px } TABLE.tracklist TD.taggedCell { PADDING-BOTTOM: 0px; WIDTH: 15px; PADDING-TOP: 9px } TABLE.tracklist TD.deleteCell { PADDING-BOTTOM: 0px; WIDTH: 14px } TABLE.tracklist TD.subjectCell { WIDTH: 100%; COLOR: #000 } TABLE.tracklist .position { PADDING-RIGHT: 0px } TABLE.tracklist .position { TEXT-ALIGN: right } TABLE.tracklist .length { TEXT-ALIGN: right } TABLE.tracklist .playcount { TEXT-ALIGN: right } TABLE.tracklist .smallmultibuttonCell { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 26px; PADDING-RIGHT: 5px; PADDING-TOP: 3px } TABLE.tracklist TD.downloadbuttonCell { PADDING-BOTTOM: 0px; WIDTH: 15px; PADDING-TOP: 3px } #page TABLE.tracklist A.lfmButton { POSITION: relative; LEFT: -9999px } #page TABLE.tracklist A.delete { POSITION: relative; LEFT: -9999px } #page TABLE.tracklist .dismiss { POSITION: relative; LEFT: -9999px } #page TABLE.tracklist A.lfmFreeDownloadButton { LEFT: 0px } #page TABLE.tracklist TR:hover A.lfmButton { LEFT: 0px } #page TABLE.tracklist TR.open A.lfmButton { LEFT: 0px } #page TABLE.tracklist TR:hover A.delete { LEFT: 0px } #page TABLE.tracklist TR:hover .dismiss { LEFT: 0px } TABLE.tracklist TD.border { BORDER-LEFT: #ccc 1px solid } TABLE.tracklist A { COLOR: #000 } TABLE.tracklist A:hover { COLOR: #0187c5 } TABLE.tracklist A.mp3 { TEXT-ALIGN: center; PADDING-BOTTOM: 1px; MARGIN-TOP: 2px; PADDING-LEFT: 4px; WIDTH: 3em; PADDING-RIGHT: 4px; DISPLAY: block; BACKGROUND: #0187c5; COLOR: #fff; FONT-SIZE: 9px; FONT-WEIGHT: bold; PADDING-TOP: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px } TABLE.tracklist A.mp3:hover { TEXT-DECORATION: none } TABLE.tracklist TD.imageCell { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } TABLE.tracklist TD.imageCell IMG { DISPLAY: block; FLOAT: left } TABLE.tracklist TD.dateCell { TEXT-ALIGN: right; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; WHITE-SPACE: nowrap; COLOR: #999; FONT-SIZE: 10px } TABLE.tracklist TD.highlight { BACKGROUND: #fffcca; BORDER-TOP: #ccc 1px solid } .promoInfoBox { TEXT-ALIGN: center; PADDING-BOTTOM: 15px; LINE-HEIGHT: 1.3; MARGIN: 0px 0px 10px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BACKGROUND: #fff; PADDING-TOP: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px } .promoInfoBox H3 { MARGIN: 0px 0px 5px; FONT-SIZE: 12px } .promoInfoBox P { COLOR: #696969 } .promoInfoBox A.promoButton { BORDER-BOTTOM-STYLE: none; PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; BORDER-RIGHT-STYLE: none; MARGIN: 10px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline-block; BORDER-TOP-STYLE: none; BACKGROUND: #1b1b1b; HEIGHT: 20px; COLOR: #fff; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; BORDER-LEFT-STYLE: none; CURSOR: pointer; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 0px; -moz-border-radius: 2px; -webkit-border-radius: 2px } .promoInfoBox A.promoButton:hover { BACKGROUND: #0187c5 } .promoInfoBox A.promoButton SPAN { BORDER-BOTTOM-STYLE: none; PADDING-BOTTOM: 0px; LINE-HEIGHT: 11px; BORDER-RIGHT-STYLE: none; MARGIN: 0px 8px 0px 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 0px; ZOOM: 1; DISPLAY: inline-block; WHITE-SPACE: nowrap; BORDER-TOP-STYLE: none; LETTER-SPACING: 0px; HEIGHT: 20px; COLOR: #fff; VERTICAL-ALIGN: text-top; BORDER-LEFT-STYLE: none; CURSOR: pointer; PADDING-TOP: 4px } .motoInfoBox { BORDER-BOTTOM: #e6e6e6 10px solid; TEXT-ALIGN: center; BORDER-LEFT: #e6e6e6 10px solid; PADDING-BOTTOM: 5px; LINE-HEIGHT: 1.3; MARGIN: 15px 0px 10px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: url(http://cdn.last.fm/flatness/promo/motorokr/motorola_infobox-logo.gif) #e6e6e6 no-repeat right bottom; BORDER-TOP: #e6e6e6 10px solid; BORDER-RIGHT: #e6e6e6 10px solid; PADDING-TOP: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px } .motoInfoBox H3 { MARGIN: 0px 0px 5px; FONT-SIZE: 12px } .motoInfoBox P { COLOR: #696969 } .motoInfoBox A.motoButton { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/promo/motorokr/motorola_infobox-btn.gif); BORDER-BOTTOM-STYLE: none; PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; BORDER-RIGHT-STYLE: none; TEXT-TRANSFORM: uppercase; MARGIN: 10px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline-block; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right top; BORDER-TOP-STYLE: none; HEIGHT: 25px; COLOR: #fff; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; BORDER-LEFT-STYLE: none; CURSOR: pointer; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 0px } .motoInfoBox A.motoButton SPAN { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/promo/motorokr/motorola_infobox-btn.gif); BORDER-BOTTOM-STYLE: none; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1; BORDER-RIGHT-STYLE: none; MARGIN: 0px 8px 0px 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 0px; ZOOM: 1; DISPLAY: inline-block; BACKGROUND-REPEAT: no-repeat; WHITE-SPACE: nowrap; BACKGROUND-POSITION: left top; BORDER-TOP-STYLE: none; LETTER-SPACING: 0px; HEIGHT: 25px; COLOR: #fff; VERTICAL-ALIGN: text-top; BORDER-LEFT-STYLE: none; CURSOR: pointer; PADDING-TOP: 6px } #page .barbicanInfoBox2008_10 { BACKGROUND: url(http://cdn.last.fm/flatness/promo/barbican/barbicanInfoBox2008_10-bg.png) #e6e6e6 no-repeat 20px 0px; PADDING-TOP: 25px } #page .vodafoneInfoBox2008_11 A IMG { MARGIN: 3px auto; DISPLAY: block } #page SPAN.lineupPoster { POSITION: relative; DISPLAY: block; BACKGROUND: #1b1b1b; COLOR: #fff } #page SPAN.lineupPoster SPAN { PADDING-BOTTOM: 5px; LINE-HEIGHT: 1.3333; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; DISPLAY: block; BACKGROUND: #1b1b1b; CLEAR: both; FONT-SIZE: 9px; PADDING-TOP: 5px } #page SPAN.lineupPostermega SPAN { LINE-HEIGHT: 1.1818; FONT-SIZE: 11px } #page SPAN.lineupPoster IMG { MARGIN: 0px; FLOAT: left } #page SPAN.lineupPoster SPAN.foot { TEXT-ALIGN: right } UL.albums .lfmDropDown { MARGIN: 3px 3px 3px 0px } .albumsLarge { POSITION: relative; LINE-HEIGHT: 1.25; CLEAR: both } UL.albumsLarge LI { POSITION: relative; WIDTH: 49.5%; DISPLAY: inline; MARGIN-BOTTOM: 30px; FLOAT: left } UL.albumsLarge LI.odd { CLEAR: both } DIV.resContainer { PADDING-BOTTOM: 0px; PADDING-LEFT: 155px; PADDING-RIGHT: 15px; PADDING-TOP: 0px } DIV.resContainer SPAN.albumCover { MARGIN: 0px 0px 0px -155px; DISPLAY: inline; FLOAT: left } DIV.resContainer { MIN-HEIGHT: 135px } .albumsMedium DIV.resContainer { MIN-HEIGHT: 70px } * + HTML DIV.resContainer SPAN.albumCover { POSITION: absolute; MARGIN: 0px; DISPLAY: block; FLOAT: none; TOP: 0px; LEFT: 0px } .albumsLarge DIV.resContainer A.artist { FONT-SIZE: 11px } .albumsLarge DIV.resContainer A { COLOR: #1b1b1b; TEXT-DECORATION: none } .albumsLarge DIV.resContainer A:hover { COLOR: #0187c5; TEXT-DECORATION: underline } .albums DIV.resContainer .buyButtonSupplier A { COLOR: #0187c5 } .albumsLarge DIV.resContainer P.stats { MARGIN: 3px 0px 0px; COLOR: #696969; FONT-SIZE: 10px } .albumsLarge DIV.resContainer DIV.buttons { MARGIN: 1.5em 0px 0px } .albumsLarge DIV.resContainer P.label { MARGIN: 5px 0px 0px; COLOR: #696969; FONT-SIZE: 10px } .albumsLarge DIV.resContainer P.label A { COLOR: #696969 } .albumsLarge DIV.resContainer P.label A:hover { COLOR: #0187c5 } .albumsLarge A.playbutton { POSITION: absolute; TOP: 105px; LEFT: 115px } .albumsMedium { POSITION: relative; LINE-HEIGHT: 1.25em } UL.albumsMedium LI { POSITION: relative; WIDTH: 49.5%; DISPLAY: inline; MARGIN-BOTTOM: 15px; FLOAT: left } UL.albumsMedium LI.odd { CLEAR: both } .albumsMedium DIV.resContainer { PADDING-BOTTOM: 0px; PADDING-LEFT: 85px; PADDING-RIGHT: 15px; PADDING-TOP: 0px } .albumsMedium DIV.resContainer SPAN.albumCover { MARGIN: 0px 0px 0px -85px; DISPLAY: inline; FLOAT: left } * + HTML .albumsMedium DIV.resContainer SPAN.albumCover { MARGIN: 0px } .albumsMedium DIV.resContainer A { COLOR: #000; FONT-SIZE: 12px; TEXT-DECORATION: none } .albumsMedium DIV.resContainer A:hover { COLOR: #0187c5; TEXT-DECORATION: underline } .albumsMedium DIV.resContainer A.artist { FONT-SIZE: 11px } .albumsMedium A.playbutton { POSITION: absolute; TOP: 47px; LEFT: 54px } P.newRelease { POSITION: absolute; TEXT-ALIGN: right; WIDTH: 140px; DISPLAY: inline; TOP: 137px; LEFT: 0px } .albumsMedium P.newRelease { WIDTH: 72px; TOP: 70px } P.newRelease SPAN { PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.3; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BACKGROUND: #fef081; COLOR: #1b1b1b; FONT-SIZE: 90%; BORDER-TOP: #fff2a6 1px solid; FONT-WEIGHT: bold; PADDING-TOP: 0px } UL.artistsLarge { LINE-HEIGHT: 1.18em; DISPLAY: block; FONT-SIZE: 11px; OVERFLOW: hidden; MARGIN-RIGHT: -15px } UL.artistsLarge LI { POSITION: relative; MARGIN: 0px 9px 0px 0px; WIDTH: 132px; DISPLAY: inline; FLOAT: left; HEIGHT: 155px; OVERFLOW: hidden } .pictureFrame { POSITION: relative; WIDTH: 132px; DISPLAY: block; HEIGHT: 109px; OVERFLOW: hidden; CURSOR: pointer } .pictureFrame .image { POSITION: absolute; WIDTH: 126px; DISPLAY: block; HEIGHT: 100px; OVERFLOW: hidden; TOP: 2px; LEFT: 3px } .pictureFrame .image IMG.defaultImage { MARGIN: -12px 0px 0px } .pictureFrame .overlay { POSITION: absolute; WIDTH: 132px; DISPLAY: block; BACKGROUND: url(http://cdn.last.fm/flatness/picture_frame.png) left top; HEIGHT: 109px; TOP: 0px; LEFT: 0px } * HTML .pictureFrame .overlay { FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn.last.fm/flatness/picture_frame.png', sizingMethod='crop'); BACKGROUND: none transparent scroll repeat 0% 0%; CURSOR: pointer } UL.artistsLarge SPAN.track A { COLOR: #696969 } UL.artistsLarge A { COLOR: #000 } UL.artistsLarge A.plays { WHITE-SPACE: nowrap; COLOR: #0187c5; FONT-SIZE: 10px } UL.artistsLarge A:hover { COLOR: #0187c5 } UL.artistsLarge LI A STRONG.withAdd { LINE-HEIGHT: 1.4545; TEXT-INDENT: 20px; MARGIN: 1px 0px 0px 3px; DISPLAY: block } UL.artistsLarge A.playbutton { POSITION: absolute; TOP: 81px; LEFT: 105px } UL.artistsLarge A.addbutton { POSITION: absolute; WIDTH: 15px; BACKGROUND: url(http://cdn.last.fm/flatness/global/icon_add_hover.gif) no-repeat 0px 0px; HEIGHT: 15px; TOP: 111px; LEFT: 3px } UL.artistsLarge A:hover IMG.add_icon { DISPLAY: none } .visible UL.artistsLarge .loading SPAN.image { BACKGROUND: url(http://cdn.last.fm/flatness/spinner_big.gif) #fff no-repeat center 50% } UL.artistsLarge FORM { DISPLAY: none } UL.artistsLarge LI P.info { COLOR: #696969 } UL.artistsSquare { MARGIN: 0px 0px 7px } UL.artistsSquare LI { LINE-HEIGHT: 1.1818; MARGIN: 6px 0px 0px; WIDTH: 188px; DISPLAY: inline; FLOAT: left; FONT-SIZE: 11px } UL.artistsSquare A { PADDING-BOTTOM: 0px; PADDING-LEFT: 45px; PADDING-RIGHT: 0px; DISPLAY: block; COLOR: #0187c5; PADDING-TOP: 1px } UL.artistsSquare A IMG { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; BACKGROUND: #fff; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 1px } UL.artistsSquare A.highlight IMG { BORDER-BOTTOM-COLOR: #0187c5; BORDER-TOP-COLOR: #0187c5; BORDER-RIGHT-COLOR: #0187c5; BORDER-LEFT-COLOR: #0187c5 } UL.artistsSquare STRONG { COLOR: #000 } UL.artistsSquare A:hover STRONG { COLOR: #0187c5 } UL.artistsSquare IMG { MARGIN: -1px 0px 0px -45px; DISPLAY: inline; FLOAT: left } UL.artistsMedium { LINE-HEIGHT: 1.18em; DISPLAY: block; FONT-SIZE: 11px; OVERFLOW: hidden; MARGIN-RIGHT: -15px } UL.artistsMedium LI { POSITION: relative; MARGIN: 0px 9px 5px 0px; WIDTH: 72px; DISPLAY: inline; FLOAT: left; HEIGHT: 86px; OVERFLOW: hidden } UL.artistsMedium A LI { DISPLAY: block; CLEAR: both } UL.artistsMediumVertical LI { PADDING-BOTTOM: 13px; PADDING-LEFT: 78px; PADDING-RIGHT: 0px; CLEAR: both; PADDING-TOP: 0px } UL.artistsMediumVertical LI A.artist { COLOR: #1b1b1b } UL.artistsMediumVertical LI A STRONG { DISPLAY: block } UL.artistsMediumVertical LI A IMG { PADDING-BOTTOM: 1px; MARGIN: 0px 0px 0px -77px; OUTLINE-STYLE: solid; OUTLINE-COLOR: #ccc; PADDING-LEFT: 1px; OUTLINE-WIDTH: 1px; PADDING-RIGHT: 1px; DISPLAY: inline; BACKGROUND: #fff; FLOAT: left; PADDING-TOP: 1px } UL.artistsSmall { MARGIN: 1em 0px } UL.artistsSmall LI { PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1em; PADDING-LEFT: 79px; PADDING-RIGHT: 0px; OVERFLOW: hidden; PADDING-TOP: 0px } UL.artistsSmall A { TEXT-DECORATION: none } UL.artistsSmall H4 { PADDING-LEFT: 15px; BACKGROUND: #eee; MARGIN-LEFT: -15px; BORDER-TOP: #ddd 1px solid } UL.artistsSmall IMG { MARGIN: -1px 0px 0px -79px; DISPLAY: inline; FLOAT: left } UL.artistsSmall LI STRONG { DISPLAY: block; FONT-WEIGHT: bold } UL.artistsSmall LI DIV A { PADDING-LEFT: 14px; MARGIN-RIGHT: 5px; TEXT-DECORATION: none } UL.artistsSmall LI DIV.media { MARGIN-TOP: 5px } UL.artistsSmall LI DIV.media A.videos { BACKGROUND: url(http://cdn.last.fm/flatness/video_small.gif) no-repeat 0px 2px } UL.artistsSmall LI DIV.media A.tracks { BACKGROUND: url(http://cdn.last.fm/flatness/track_small.gif) no-repeat 0px 2px } UL.artistsSmall LI DIV.media A STRONG { DISPLAY: none } UL.artistsSmall LI DIV.media A SPAN { PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #ddd; COLOR: #333; FONT-SIZE: 10px; PADDING-TOP: 0px } P.artists { PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.1818; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; CLEAR: both; FONT-SIZE: 11px; PADDING-TOP: 1em } P.artists A { COLOR: #0187c5; TEXT-DECORATION: none } P.artists A.highlight { BACKGROUND: #0187c5; COLOR: #fff } UL.artistsWithInfo { CLEAR: both } UL.artistsWithInfo LI { BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; PADDING-BOTTOM: 15px; MARGIN: 15px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; ZOOM: 1; DISPLAY: block; CLEAR: both; PADDING-TOP: 0px } UL.artistsWithInfo LI.last { BORDER-BOTTOM-STYLE: none } UL.artistsWithInfo LI .pictureFrame { DISPLAY: inline; FLOAT: left } UL.artistsWithInfo LI .playbutton { POSITION: absolute } UL.artistsWithInfo LI A.artist { COLOR: #1b1b1b } UL.artistsWithInfo LI A.track { COLOR: #1b1b1b } UL.artistsWithInfo LI P.stats { COLOR: #696969 } UL.artistsWithInfo LI P.bio { MARGIN: 1em 0px } UL.artistsWithInfo LI.large { PADDING-LEFT: 145px } UL.artistsWithInfo LI.large .pictureFrame { MARGIN-LEFT: -145px } UL.artistsWithInfo LI.large .playbutton { TOP: 80px; LEFT: 105px } * HTML #page .artistsWithInfo LI.large .playbutton { MARGIN-LEFT: -145px } UL.artistsWithInfo LI.large A.artist STRONG { LINE-HEIGHT: 1.18em; FONT-SIZE: 16px } UL.artistsWithInfo LI.large P.stats { FONT-SIZE: 11px } UL.artistsWithInfo LI.medium { PADDING-LEFT: 80px } UL.artistsWithInfo LI.medium .pictureFrame { MARGIN-LEFT: -80px } UL.artistsWithInfo LI.medium .playbutton { POSITION: static } UL.artistsWithInfo LI.medium P.stats { FONT-SIZE: 11px } UL.artistsWithInfo DIV.matchmeter { PADDING-BOTTOM: 5px; LINE-HEIGHT: 1.18em; PADDING-LEFT: 5px; WIDTH: 180px; PADDING-RIGHT: 5px; DISPLAY: block; BACKGROUND: #efefef; FLOAT: right; FONT-SIZE: 11px; TOP: 0px; RIGHT: 0px; PADDING-TOP: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px } UL.artistsWithInfo DIV.matchmeter STRONG { TEXT-TRANSFORM: uppercase } UL.artistsWithInfo DIV.matchmeter SPAN.bar { MARGIN: 3px 0px 0px; WIDTH: 100%; DISPLAY: block; BACKGROUND: #ccc; HEIGHT: 5px; CLEAR: both; -moz-border-radius: 2px; -webkit-border-radius: 2px } UL.artistsWithInfo DIV.matchmeter SPAN.bar SPAN { DISPLAY: block; HEIGHT: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px } UL.artistsWithInfo DIV.matchmeter SPAN.pc90 SPAN { BACKGROUND: #ff0101 } UL.artistsWithInfo DIV.matchmeter SPAN.pc70 SPAN { BACKGROUND: #e9c102 } UL.artistsWithInfo DIV.matchmeter SPAN.pc50 SPAN { BACKGROUND: #05bd4c } UL.artistsWithInfo DIV.matchmeter SPAN.pc30 SPAN { BACKGROUND: #453e45 } UL.artistsWithInfo DIV.matchmeter SPAN.pc10 SPAN { BACKGROUND: #9a9a9a } UL.artistsMediumWithFeatured { PADDING-LEFT: 267px } UL.artistsMediumWithFeatured LI { BORDER-TOP: #ccc 1px solid } UL.artistsMediumWithFeatured LI .container { PADDING-BOTTOM: 5px; LINE-HEIGHT: 1.18em; MIN-HEIGHT: 64px; PADDING-LEFT: 5px; PADDING-RIGHT: 73px; DISPLAY: block; FONT-SIZE: 11px; BORDER-TOP: #fff 1px solid; PADDING-TOP: 5px } UL.artistsMediumWithFeatured LI IMG.artistImage { DISPLAY: inline; FLOAT: right; MARGIN-RIGHT: -73px } UL.artistsMediumWithFeatured LI STRONG.artist { LINE-HEIGHT: 1.16em; DISPLAY: block; COLOR: #1b1b1b; FONT-SIZE: 12px } UL.artistsMediumWithFeatured LI A:hover { TEXT-DECORATION: none } UL.artistsMediumWithFeatured LI A:hover STRONG.artist { COLOR: #0187c5 } UL.artistsMediumWithFeatured LI P.info { LINE-HEIGHT: 1.18em; COLOR: #1b1b1b; FONT-SIZE: 11px } UL.artistsMediumWithFeatured LI SPAN.info { LINE-HEIGHT: 1.18em; DISPLAY: block; FONT-SIZE: 11px } UL.artistsMediumWithFeatured LI P.info { MARGIN-TOP: 5px } UL.artistsMediumWithFeatured LI.first { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; DISPLAY: inline; BACKGROUND: #fff; FLOAT: left; MARGIN-LEFT: -267px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 1px } UL.artistsMediumWithFeatured LI.first A { POSITION: relative; BACKGROUND-COLOR: #000; WIDTH: 252px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center top; HEIGHT: 189px } UL.artistsMediumWithFeatured LI.first P.info { POSITION: absolute; LINE-HEIGHT: 1.27em; WIDTH: 252px; BOTTOM: 0px; DISPLAY: block; COLOR: #fff; FONT-SIZE: 11px; LEFT: 0px } UL.artistsMediumWithFeatured LI.first P.info * { FILTER: alpha(opacity=90); PADDING-BOTTOM: 3px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px; DISPLAY: inline; BACKGROUND: #000; FLOAT: left; PADDING-TOP: 3px; opacity: 0.9; -moz-opacity: 0.9 } UL.artistsMediumWithFeatured LI.first P.info STRONG { PADDING-BOTTOM: 3px; LINE-HEIGHT: 1.14em; PADDING-LEFT: 9px; PADDING-RIGHT: 9px; FONT-SIZE: 14px; FONT-WEIGHT: bold; PADDING-TOP: 3px } UL.artistsMediumWithFeatured LI.first P.info .extra { PADDING-BOTTOM: 5px; CLEAR: left } UL.artistsMediumWithFeatured LI.first A:hover P.info STRONG { COLOR: #0187c5 } UL.artistsMegaWithFeatured { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; DISPLAY: block; CLEAR: both; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid } UL.artistsMegaWithFeatured LI { DISPLAY: block; FLOAT: left } UL.artistsMegaWithFeatured LI A { BORDER-BOTTOM: #fff 1px solid; POSITION: relative; BORDER-LEFT: #fff 1px solid; BACKGROUND-COLOR: #ccc; WIDTH: 195px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center center; HEIGHT: 134px; BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid } UL.artistsMegaWithFeatured LI.first A { WIDTH: 352px; HEIGHT: 270px } UL.artistsMegaWithFeatured LI A:hover { TEXT-DECORATION: none } UL.artistsMegaWithFeatured LI P.info { POSITION: absolute; LINE-HEIGHT: 1.18em; WIDTH: 100%; BOTTOM: 0px; DISPLAY: block; COLOR: #fff; FONT-SIZE: 11px; LEFT: 0px } UL.artistsMegaWithFeatured LI P.info * { FILTER: alpha(opacity=90); PADDING-BOTTOM: 3px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px; DISPLAY: inline; BACKGROUND: #000; FLOAT: left; CLEAR: left; PADDING-TOP: 3px; opacity: 0.9; -moz-opacity: 0.9 } UL.artistsMegaWithFeatured LI P.info STRONG { PADDING-BOTTOM: 3px; LINE-HEIGHT: 1.14em; PADDING-LEFT: 9px; PADDING-RIGHT: 9px; FONT-SIZE: 14px; FONT-WEIGHT: bold; PADDING-TOP: 3px } UL.artistsMegaWithFeatured LI A:hover P.info STRONG { COLOR: #0187c5 } .pictureFrameMediumsquare { POSITION: relative; WIDTH: 72px; DISPLAY: block; HEIGHT: 59px; OVERFLOW: hidden; CURSOR: pointer } .pictureFrameMediumsquare .image { POSITION: absolute; WIDTH: 64px; DISPLAY: block; HEIGHT: 52px; OVERFLOW: hidden; TOP: 2px; LEFT: 2px } .pictureFrameMediumsquare IMG.defaultImage { MARGIN: -8px 0px 0px } .pictureFrameMediumsquare .overlay { POSITION: absolute; WIDTH: 72px; DISPLAY: block; BACKGROUND: url(http://cdn.last.fm/flatness/picture_frame_medium.2.png) no-repeat left top; HEIGHT: 59px; TOP: 0px; LEFT: 0px } * HTML .pictureFrameMediumsquare .overlay { FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn.last.fm/flatness/picture_frame_medium.2.png', sizingMethod='crop'); BACKGROUND: none transparent scroll repeat 0% 0%; CURSOR: pointer } .pictureFrameSmallsquare { BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; BORDER-LEFT: #ccc 1px solid; WIDTH: 36px; DISPLAY: block; HEIGHT: 28px; OVERFLOW: hidden; BORDER-TOP: #ccc 1px solid; CURSOR: pointer; BORDER-RIGHT: #ccc 1px solid } .pictureFrameSmallsquare .image { BORDER-BOTTOM: #fff 1px solid; POSITION: absolute; BORDER-LEFT: #fff 1px solid; WIDTH: 34px; DISPLAY: block; HEIGHT: 26px; OVERFLOW: hidden; BORDER-TOP: #fff 1px solid; TOP: 0px; BORDER-RIGHT: #fff 1px solid; LEFT: 0px } .pictureFrameSmallsquare .image IMG.defaultImage { MARGIN: -4px 0px 0px } .pictureFrameSmallsquare .overlay { DISPLAY: none } #page DIV.artistsLargeOneRowWrapper { POSITION: relative; HEIGHT: 155px; CLEAR: both; OVERFLOW: hidden } #page DIV.artistsLargeTwoRowsWrapper { POSITION: relative; HEIGHT: 310px; CLEAR: both; OVERFLOW: hidden } UL.artistRecs { PADDING-BOTTOM: 10px } UL.artistRecs LI { PADDING-BOTTOM: 10px; LINE-HEIGHT: 1.27em; WIDTH: 265px; DISPLAY: block; FLOAT: left; COLOR: #696969; FONT-SIZE: 11px } UL.artistRecs LI.odd { CLEAR: both } UL.artistRecs LI DIV.container { POSITION: relative; PADDING-LEFT: 78px; PADDING-RIGHT: 9px } UL.artistRecs LI .pictureFrame { DISPLAY: inline; FLOAT: left; MARGIN-LEFT: -78px } UL.artistRecs LI A.artist { COLOR: #1b1b1b } UL.artistRecs LI A.artist:hover { COLOR: #0187c5; TEXT-DECORATION: underline } UL.artistRecs LI A STRONG.name { FONT-SIZE: 12px } UL.artistRecs LI A.playbutton { POSITION: absolute; TOP: 34px; LEFT: 45px } * HTML UL.artistRecs LI A.playbutton { DISPLAY: inline; FLOAT: left; MARGIN-LEFT: -81px } UL.artistRecs LI P.info { MARGIN-TOP: 0.36em } .list-artist-small-vertical LI { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; OVERFLOW: auto; BORDER-TOP: #fff 1px solid; PADDING-TOP: 5px } .list-artist-small-vertical LI.first { BORDER-TOP-WIDTH: 0px } .list-artist-small-vertical LI.last { BORDER-BOTTOM-WIDTH: 0px } .list-artist-small-vertical .list-content { PADDING-BOTTOM: 0px; PADDING-LEFT: 48px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .list-artist-small-vertical .pictureFrame { DISPLAY: inline; FLOAT: left; MARGIN-LEFT: -48px } .list-artist-small-vertical .summary { LINE-HEIGHT: 1.18em; FONT-SIZE: 11px; FONT-WEIGHT: bold } .mediumChartWithImages LI { POSITION: relative; WIDTH: 100%; DISPLAY: block; HEIGHT: 84px; CLEAR: both } .mediumChartWithImages LI A { PADDING-LEFT: 66px; DISPLAY: block; HEIGHT: 64px } .mediumChartWithImages LI A:hover { TEXT-DECORATION: none } .mediumChartWithImages LI A SMALL { LINE-HEIGHT: 1.18em; DISPLAY: block; COLOR: #696969; FONT-SIZE: 11px } .mediumChartWithImages LI IMG.chartImage { BORDER-BOTTOM: #0187c5 1px solid; BORDER-LEFT: #0187c5 1px solid; MARGIN: 0px 0px 0px -66px; FLOAT: left; BORDER-TOP: #0187c5 1px solid; BORDER-RIGHT: #0187c5 1px solid } .mediumChartWithImages LI A:hover IMG.chartImage { BORDER-BOTTOM-COLOR: #0187c5; BORDER-TOP-COLOR: #0187c5; BORDER-RIGHT-COLOR: #0187c5; BORDER-LEFT-COLOR: #0187c5 } .mediumChartWithImages LI P { PADDING-BOTTOM: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 3px } .mediumChartWithImages LI A:hover P STRONG { TEXT-DECORATION: underline } .mediumChartWithImages LI SPAN.position { POSITION: absolute; TEXT-ALIGN: center; LINE-HEIGHT: 20px; WIDTH: 20px; DISPLAY: none; BACKGROUND: #73b7e5; HEIGHT: 20px; COLOR: #fff; FONT-SIZE: 14px; TOP: 0px; FONT-WEIGHT: bold; LEFT: 59px } #page .chartbar2 { POSITION: relative; TEXT-ALIGN: left; LINE-HEIGHT: 22px; WIDTH: auto; DISPLAY: block; HEIGHT: 22px; COLOR: #fff; FONT-SIZE: 11px; FONT-WEIGHT: bold } #page .chartbar2 SPAN.bar { POSITION: absolute; MIN-WIDTH: 60px; LINE-HEIGHT: 22px; DISPLAY: block; BACKGROUND: url(http://cdn.last.fm/flatness/charts/chartbar.png) no-repeat right top; HEIGHT: 22px; TOP: 0px; LEFT: 0px } #page .chartbar2 SPAN.value { Z-INDEX: 1; POSITION: relative; PADDING-BOTTOM: 0px; LINE-HEIGHT: 22px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; DISPLAY: block; FONT-SIZE: 11px; PADDING-TOP: 0px } * HTML .chartbar2 SPAN.value { MARGIN: 3px 0px } #page A .chartbar2 SPAN.value { COLOR: #fff; TEXT-DECORATION: none } #page A:hover .chartbar2 SPAN.value { COLOR: #fff; TEXT-DECORATION: none } UL.journalsSmall { BORDER-BOTTOM: #fff 1px solid; FONT-SIZE: 11px } UL.journalsSmall LI { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 25px; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-TOP: 5px } UL.journalsSmall LI IMG.journal_icon { MARGIN: 0px 0px 0px -25px; DISPLAY: inline; FLOAT: left } UL.journalsSmall LI.first { BORDER-TOP-STYLE: none } UL.journalsSmall A STRONG { COLOR: #1b1b1b } UL.journalsSmall A:hover STRONG { COLOR: #0187c5 } UL.journalsSmall LI SPAN.info { MARGIN: 3px 0px 0px; DISPLAY: block; FONT-SIZE: 10px } UL.journalsSmall LI SPAN.info { COLOR: #696969 } UL.journalsExcerpt LI { PADDING-BOTTOM: 10px; PADDING-LEFT: 75px; PADDING-RIGHT: 10px; PADDING-TOP: 10px } UL.journalsExcerpt LI A.excerptImage { MARGIN-TOP: 3px; FLOAT: left; MARGIN-LEFT: -76px } UL.journalsExcerpt LI A.title IMG { DISPLAY: none } UL.journalsFeatured LI { BORDER-BOTTOM-STYLE: none; FONT-SIZE: 12px } UL.journalsFeatured LI.last { BORDER-BOTTOM-STYLE: none } UL.journalsFeatured LI SPAN.info { MARGIN-TOP: 0px } UL.journalsFeatured LI P.excerpt { MARGIN-TOP: 5px } UL.obsessionsMedium { MARGIN: 1em 0px; FONT-SIZE: 11px } UL.obsessionsMedium LI { PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1em; PADDING-LEFT: 135px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; OVERFLOW: hidden; PADDING-TOP: 0px } UL.obsessionsMedium H4 { MARGIN: 0px 0px 5px -15px; PADDING-LEFT: 15px; BACKGROUND: #eee; FONT-SIZE: 15px; BORDER-TOP: #ddd 1px solid } UL.obsessionsMedium H4 A { TEXT-DECORATION: none } UL.obsessionsMedium IMG { MARGIN: -1px 0px 0px -135px; DISPLAY: inline; FLOAT: left } UL.obsessionsMedium SMALL { COLOR: #aaa; FONT-SIZE: 10px } UL.eventsSmall SPAN.calSheet { DISPLAY: inline; FLOAT: left; MARGIN-LEFT: -37px } UL.eventsSmall LI { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 5px; LINE-HEIGHT: 1.18em; PADDING-LEFT: 42px; PADDING-RIGHT: 5px; ZOOM: 1; FONT-SIZE: 11px; BORDER-TOP: #fff 1px solid; PADDING-TOP: 5px } UL.eventsSmall LI.first { BORDER-TOP-WIDTH: 0px } UL.eventsSmall LI.last { BORDER-BOTTOM-WIDTH: 0px } UL.eventsSmall A { TEXT-DECORATION: none } UL.eventsSmall LI STRONG.summary { LINE-HEIGHT: 1.18em; DISPLAY: block; COLOR: #000; FONT-SIZE: 11px } UL.eventsSmall A:hover STRONG.summary { COLOR: #0187c5; TEXT-DECORATION: underline } UL.eventsSmall A:hover SPAN.summary { COLOR: #0187c5; TEXT-DECORATION: underline } UL.eventsSmall LI SMALL.location { MARGIN: 1px 0px 4px; DISPLAY: block; COLOR: #000; FONT-SIZE: 11px } UL.eventsSmall LI P.info { COLOR: #696969; FONT-SIZE: 10px } UL.eventsSmall A.comments:hover { TEXT-DECORATION: underline } UL.eventsSmall LI.past SPAN.calSheet { FILTER: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6 } UL.eventsMedium { LINE-HEIGHT: 1.5em; FONT-SIZE: 11px } UL.eventsMedium LI { MARGIN-BOTTOM: 10px } UL.eventsMedium LI DIV.event { PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; BACKGROUND: #f2f2f2; FONT-SIZE: 11px; BORDER-TOP: #9cf 1px solid; PADDING-TOP: 4px } UL.eventsMedium LI.hasposter DIV.event { PADDING-LEFT: 79px } UL.eventsMedium LI H3 A { COLOR: #0187c5 } UL.eventsMedium LI A { TEXT-DECORATION: none } UL.eventsMedium LI A:hover { TEXT-DECORATION: underline } UL.eventsMedium LI H3 IMG { DISPLAY: none } UL.eventsMedium LI.hasposter DIV.event H3 IMG { MARGIN: 0px 0px 0px -75px; DISPLAY: block; FLOAT: left } UL.eventsMedium LI SPAN.artists A { COLOR: #000 } UL.eventsMedium LI ADDRESS A { COLOR: #666 } UL.eventsMedium LI DIV.eventInfo { MARGIN: 5px 0px 0px; FONT-SIZE: 10px } UL.eventsMedium LI DIV.eventInfo A.tickets { PADDING-BOTTOM: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; BACKGROUND: url(http://cdn.last.fm/flatness/ticket.png) no-repeat left 2px; PADDING-TOP: 0px } UL.eventsMediumWithFeatured { PADDING-LEFT: 267px; CLEAR: both } UL.eventsMediumWithFeatured LI { BORDER-TOP: #ccc 1px solid } UL.eventsMediumWithFeatured LI .container { PADDING-BOTTOM: 5px; LINE-HEIGHT: 1.18em; PADDING-LEFT: 5px; PADDING-RIGHT: 34px; FONT-SIZE: 11px; BORDER-TOP: #fff 1px solid; PADDING-TOP: 5px } UL.eventsMediumWithFeatured LI .calSheet { DISPLAY: inline; FLOAT: right; MARGIN-RIGHT: -32px } UL.eventsMediumWithFeatured LI A.summary { LINE-HEIGHT: 1.16em; DISPLAY: block; COLOR: #1b1b1b; FONT-SIZE: 12px; TEXT-DECORATION: none } UL.eventsMediumWithFeatured LI A.summary:hover { COLOR: #0187c5; TEXT-DECORATION: none } UL.eventsMediumWithFeatured LI .location { DISPLAY: block } UL.eventsMediumWithFeatured LI P.info { MARGIN-TOP: 5px; COLOR: #696969 } UL.eventsMediumWithFeatured LI.first { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; DISPLAY: inline; BACKGROUND: #fff; FLOAT: left; MARGIN-LEFT: -267px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 1px } UL.eventsMediumWithFeatured LI.first A { POSITION: relative; BACKGROUND-COLOR: #000; WIDTH: 252px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center top; HEIGHT: 189px; TEXT-DECORATION: none } UL.eventsMediumWithFeatured LI.first A:hover { TEXT-DECORATION: none } UL.eventsMediumWithFeatured LI.first P.info { POSITION: absolute; FILTER: alpha(opacity=90); PADDING-BOTTOM: 9px; LINE-HEIGHT: 1.27em; PADDING-LEFT: 43px; WIDTH: 200px; BOTTOM: 0px; PADDING-RIGHT: 9px; DISPLAY: block; BACKGROUND: #000; COLOR: #fff; FONT-SIZE: 11px; PADDING-TOP: 9px; LEFT: 0px; opacity: 0.9; -moz-opacity: 0.9 } UL.eventsMediumWithFeatured LI.first P.info SPAN.calSheet { LINE-HEIGHT: 1.21em; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: -34px } UL.eventsMediumWithFeatured LI.first P.info STRONG { LINE-HEIGHT: 1.14em; DISPLAY: block; FONT-SIZE: 14px; FONT-WEIGHT: bold } UL.eventsMediumWithFeatured LI.first A:hover P.info STRONG { COLOR: #0187c5 } UL.eventsNoBorder { BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px } UL.eventsNoBorder LI { BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px } DL.factboxMedium { BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 120px; PADDING-RIGHT: 10px; FONT-SIZE: 11px; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 0px } DL.factboxMedium DT { POSITION: relative; MARGIN: 0px 0px 0px -110px; FLOAT: left; FONT-WEIGHT: bold } DL.factboxMedium DD { WIDTH: 100% } DL.factboxMedium DD UL LI { POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px -5px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } DL.factboxMedium DD A { COLOR: #d51007 } DL.factboxMedium DD UL LI SMALL { POSITION: absolute; TOP: 0px; RIGHT: 5px } DL.factboxMedium DD UL LI.odd { BACKGROUND: #efefef } UL#eventPhotos LI { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 2px; MARGIN: 0px 10px 10px 0px; PADDING-LEFT: 2px; WIDTH: 59px; PADDING-RIGHT: 2px; DISPLAY: inline; BACKGROUND: #fff; FLOAT: left; HEIGHT: 59px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 2px } UL#eventPhotos LI A { WIDTH: 59px; DISPLAY: block; HEIGHT: 59px; OVERFLOW: hidden } UL#eventPhotos LI.highlight { BORDER-BOTTOM: #0187c5 1px solid; BORDER-LEFT: #0187c5 1px solid; BACKGROUND: #0187c5; BORDER-TOP: #0187c5 1px solid; BORDER-RIGHT: #0187c5 1px solid } P#eventHeadliners { CLEAR: both } P#eventHeadliners A.highlight { TEXT-DECORATION: underline } UL.floatingSquares { PADDING-BOTTOM: 0px; MARGIN: 1em -15px 1em 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; OVERFLOW: hidden; PADDING-TOP: 0px } UL.floatingSquares LI { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; FLOAT: left; FONT-SIZE: 11px; PADDING-TOP: 0px } UL.floatingSquares A { DISPLAY: block } UL.floatingSquares LI { WIDTH: 75px; HEIGHT: 75px } UL.inline { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } UL.inline LI { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-TOP: 0px } UL.inline LI:after { CONTENT: ", " } UL.inline LI.last:after { CONTENT: "" } UL.groupsSmall LI.last { BORDER-BOTTOM-WIDTH: 0px } UL.groupsSmall A { DISPLAY: block; TEXT-DECORATION: none } UL.groupsSmall A:hover { DISPLAY: block; TEXT-DECORATION: none } UL.groupsSmall LI STRONG { DISPLAY: block; FONT-SIZE: 11px } UL.groupsSmall LI A STRONG IMG.groupImage { FLOAT: left; MARGIN-LEFT: -49px } UL.groupsSmall LI.first { BORDER-TOP-STYLE: none } UL.groupsSmall LI { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 49px; PADDING-RIGHT: 5px; DISPLAY: block; FONT-SIZE: 11px; BORDER-TOP: #fff 1px solid; PADDING-TOP: 5px } UL.groupsSmall LI SPAN.info { MARGIN: 2px 0px 0px; DISPLAY: block; COLOR: #696969; FONT-SIZE: 10px } UL.groupsSmall A STRONG { COLOR: #000 } UL.groupsSmall A:hover STRONG { COLOR: #0187c5 } UL.groupsMedium { MARGIN: 1em 0px } UL.groupsMedium LI { MARGIN: 0px 0px 30px; WIDTH: 49%; DISPLAY: block; FLOAT: left; FONT-SIZE: 11px } UL.groupsMedium LI DIV.groupContainer { PADDING-BOTTOM: 0px; PADDING-LEFT: 79px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } UL.groupsMedium LI.odd { CLEAR: both } UL.groupsMedium LI.odd DIV.groupContainer { PADDING-RIGHT: 30px } UL.groupsMedium STRONG { BORDER-BOTTOM: #ccc 1px solid; DISPLAY: block } UL.groupsMedium STRONG A { COLOR: #1b1b1b } UL.groupsMedium STRONG A:hover { COLOR: #0187c5; TEXT-DECORATION: none } UL.groupsMedium STRONG IMG.groupImage { MARGIN: 0px 0px 0px -79px; FLOAT: left } P.members { LINE-HEIGHT: 17px; COLOR: #696969; FONT-SIZE: 10px } P.latestActivity { LINE-HEIGHT: 14px } UL.groupsMedium H4 { LINE-HEIGHT: 1.25em; MARGIN: 0px -189px 0.25em -15px; PADDING-LEFT: 15px; BACKGROUND: #eee; FONT-SIZE: 16px; BORDER-TOP: #ddd 1px solid } UL.groupsMedium H4 IMG { MARGIN: -1px 0px 0px -126px; DISPLAY: inline; FLOAT: left } UL.groupsMediumWide LI { PADDING-BOTTOM: 10px; PADDING-LEFT: 5px; WIDTH: auto; PADDING-RIGHT: 5px; FLOAT: none; CLEAR: both; PADDING-TOP: 10px } UL.groupsMediumWide LI.odd DIV.groupContainer { PADDING-RIGHT: 0px } .newsEntriesSmall { BORDER-BOTTOM: #fff 1px solid; COLOR: #696969 } .newsEntriesSmall LI { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; CLEAR: both; OVERFLOW: hidden; BORDER-TOP: #fff 1px solid; PADDING-TOP: 5px } .newsEntriesSmall .withFavIcon { PADDING-LEFT: 25px } .newsEntriesSmall .favIcon { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 1px; MARGIN: 0px 0px 0px -25px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; DISPLAY: inline; FLOAT: left; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 1px } .newsEntriesSmall .sub { FONT-SIZE: 10px } .newsEntriesSmall .comment_icon { MARGIN-BOTTOM: -3px } .newsEntriesSmall .sub A { COLOR: #696969 } .latestNewsEntry .sub A { COLOR: #696969 } .latestNewsEntry { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; OVERFLOW: hidden; PADDING-TOP: 0px } .latestNewsEntry .entryImage { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; DISPLAY: inline; FLOAT: left; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 1px } .latestNewsEntry .favIcon { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; DISPLAY: inline; FLOAT: left; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 1px } .latestNewsEntry .entryImage { MARGIN: 0px 10px 0px 0px } .latestNewsEntry .sub { MARGIN-BOTTOM: 0.7em; COLOR: #696969; FONT-SIZE: 10px } .latestNewsEntry H3 IMG { MARGIN: 0px 0px 0px -25px } .latestNewsEntryWithFavIcon H3 { PADDING-BOTTOM: 0px; PADDING-LEFT: 25px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .latestNewsEntryWithFavIcon .sub { PADDING-LEFT: 25px } .latestNewsEntry .entry-content { LINE-HEIGHT: 1.3636 } .latestNewsEntry .rightshouts { TEXT-ALIGN: right; MARGIN: 4px 5px 0px 0px; FONT-SIZE: 10px } .newsEntriesSmall .rightshouts { TEXT-ALIGN: right; MARGIN: 4px 5px 0px 0px; FONT-SIZE: 10px } .newsEntriesSmall .rightshouts { MARGIN-RIGHT: 0px } UL.notices LI { BORDER-BOTTOM: #ddd 1px solid; POSITION: relative; MARGIN: 0px 0px 15px; BACKGROUND: #f5f5f5; OVERFLOW: hidden } UL.notices DIV.from { BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 5px; LINE-HEIGHT: 1.36em; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #eee; COLOR: #696969; FONT-SIZE: 11px; OVERFLOW: hidden; PADDING-TOP: 8px } UL.notices LI.new { BORDER-BOTTOM: #c6d7ea 1px solid } UL.notices LI.new DIV.from { BORDER-BOTTOM: #c6d7ea 1px solid; BACKGROUND: #e3eef9 } UL.notices LI.new DIV.item { BACKGROUND: #f1f6fa } UL.notices DIV.from SPAN.userImage { MARGIN: -3px 10px 0px 5px; DISPLAY: inline; FLOAT: left } UL.notices DIV.from STRONG { COLOR: #000 } UL.notices LI DIV.item { PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px } UL.notices P.message { MARGIN: 5px 0px 10px } UL.notices P.outcome { TEXT-ALIGN: right; MARGIN-TOP: 10px; COLOR: #696969; FONT-SIZE: 11px } UL.notices P.outcome A { TEXT-DECORATION: none } UL.notices P.outcome A:hover { TEXT-DECORATION: underline } UL.notices DIV.resource { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 0px } UL.notices DIV.resource H1 { PADDING-LEFT: 83px } UL.notices DIV.resource P { PADDING-LEFT: 83px } UL.notices DIV.resource H1 * { MARGIN-BOTTOM: 0px } UL.notices DIV.resource P.message { FONT-SIZE: 11px } UL.notices FORM { TEXT-ALIGN: right } UL.notices A.close { POSITION: absolute; PADDING-BOTTOM: 0.25em; LINE-HEIGHT: 1em; PADDING-LEFT: 0.25em; PADDING-RIGHT: 0.25em; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ccc; TOP: 5px; RIGHT: 5px; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 0px; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em } UL.notices A.close:hover { BACKGROUND: #ccc; COLOR: #f5f5f5 } UL.notices LI.new A.close { COLOR: #98c1dd } UL.notices LI.new A.close:hover { BACKGROUND: #98c1dd; COLOR: #fff } UL.pictures { PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px -15px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } UL.centeredPictures { TEXT-ALIGN: center } UL.pictures LI { POSITION: relative; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.18em; LIST-STYLE-TYPE: none; MARGIN: 0px 15px 10px 0px; PADDING-LEFT: 0px; WIDTH: 174px; PADDING-RIGHT: 0px; DISPLAY: inline; FLOAT: left; HEIGHT: 4em; COLOR: #696969; FONT-SIZE: 11px; OVERFLOW: hidden; PADDING-TOP: 140px } UL.pictures .pic { TEXT-DECORATION: none } UL.pictures .pic:hover STRONG { TEXT-DECORATION: underline } UL.pictures IMG { BORDER-BOTTOM: #ccc 1px solid; POSITION: absolute; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; BOTTOM: 4.2em; PADDING-RIGHT: 3px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 3px; LEFT: 0px } UL.centeredPictures IMG { LEFT: 50% } UL.pictures A:hover IMG { BACKGROUND: #eee } UL.pictures .date { WHITE-SPACE: nowrap } UL.pictures .dismiss_icon { POSITION: static; PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: top; BORDER-LEFT-WIDTH: 0px; CURSOR: pointer; MARGIN-RIGHT: 0px; PADDING-TOP: 0px; LEFT: auto } * HTML UL.pictures .dismiss_icon { MARGIN-RIGHT: 4px } * + HTML UL.pictures .dismiss_icon { MARGIN-RIGHT: 4px } .inlineTagList LI { PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 7px; DISPLAY: inline; PADDING-TOP: 0px } .freeTracks { MARGIN: 0px 0px 5px } .topTracks { MARGIN: 0px 0px 5px } .freeTracks LI { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 7px; LINE-HEIGHT: 1.18em; PADDING-LEFT: 30px; PADDING-RIGHT: 7px; FONT-SIZE: 11px; BORDER-TOP: #fff 1px solid; PADDING-TOP: 7px } .topTracks LI { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 7px; LINE-HEIGHT: 1.18em; PADDING-LEFT: 30px; PADDING-RIGHT: 7px; FONT-SIZE: 11px; BORDER-TOP: #fff 1px solid; PADDING-TOP: 7px } .withHead .topTracks LI { COLOR: #fff; BORDER-TOP: #333 1px solid } .freeTracks LI.first { BORDER-TOP-WIDTH: 0px } .topTracks LI.first { BORDER-TOP-WIDTH: 0px } .freeTracks LI.last { BORDER-BOTTOM-WIDTH: 0px } .topTracks LI.last { BORDER-BOTTOM-WIDTH: 0px } .freeTracks LI.odd { BACKGROUND: #f7f7f7 } .topTracks LI.odd { BACKGROUND: #f7f7f7 } .withHead .topTracks LI.odd { BACKGROUND: #070707 } .freeTracks LI A.playbutton { MARGIN: 0px 0px 0px -22px; DISPLAY: inline; FLOAT: left } .topTracks LI A.playbutton { MARGIN: 0px 0px 0px -22px; DISPLAY: inline; FLOAT: left } .freeTracks LI A { COLOR: #000 } .topTracks LI A { COLOR: #000 } .withHead .topTracks LI A { COLOR: #fff } .freeTracks LI .trackDuration { FONT-SIZE: 10px } .topTracks LI .trackDuration { FONT-SIZE: 10px } .freeTracks .lfmFreeDownloadButton { MARGIN: 0px 0px 0px 5px; FLOAT: right } UL.usersSquare { WIDTH: 304px; DISPLAY: block } UL.usersSquare LI { MARGIN: 0px 6px 6px 0px; WIDTH: 70px; DISPLAY: block; FLOAT: left; HEIGHT: 70px } UL.smallSquare LI A { POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; FLOAT: left; TEXT-DECORATION: none; PADDING-TOP: 0px } UL.usersSquare LI A { POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; FLOAT: left; TEXT-DECORATION: none; PADDING-TOP: 0px } UL.smallSquare LI A:hover { Z-INDEX: 2 } UL.usersSquare LI A:hover { Z-INDEX: 2 } UL.usersSquare LI A SPAN.userImage { WIDTH: 64px; DISPLAY: block; BACKGROUND: #fff; HEIGHT: 64px } UL.smallSquare LI A SPAN.name { POSITION: absolute; PADDING-BOTTOM: 2px; LINE-HEIGHT: 1.2727; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; DISPLAY: block; WHITE-SPACE: nowrap; BACKGROUND: #0187c5; VISIBILITY: hidden; COLOR: #fff; FONT-SIZE: 10px; FONT-WEIGHT: normal; PADDING-TOP: 2px } UL.usersSquare LI A SPAN.name { POSITION: absolute; PADDING-BOTTOM: 2px; LINE-HEIGHT: 1.2727; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; DISPLAY: block; WHITE-SPACE: nowrap; BACKGROUND: #0187c5; VISIBILITY: hidden; COLOR: #fff; FONT-SIZE: 10px; FONT-WEIGHT: normal; PADDING-TOP: 2px } UL.smallSquare { MARGIN: 1em -4px 1em 0px } UL.smallSquare LI { MARGIN: 0px 4px 4px 0px; WIDTH: 38px; DISPLAY: inline; FLOAT: left; HEIGHT: 38px } UL.smallSquare LI.last { MARGIN-RIGHT: 0px } UL.smallSquare LI A IMG { WIDTH: 34px; DISPLAY: block; BACKGROUND: #fff; HEIGHT: 34px } UL.usersSmall LI { MARGIN: 0px 0px 7px; WIDTH: 49%; DISPLAY: inline; FLOAT: left } UL.usersSmall LI DIV { PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.18em; PADDING-LEFT: 48px; PADDING-RIGHT: 0px; COLOR: #696969; FONT-SIZE: 11px; PADDING-TOP: 0px } UL.usersSmall LI.odd { CLEAR: both } UL.usersSmall LI.odd DIV { MARGIN-RIGHT: 10px } UL.usersSmall LI STRONG A { COLOR: #1b1b1b; CURSOR: pointer; FONT-WEIGHT: bold; TEXT-DECORATION: none } UL.usersSmall LI STRONG A:hover { COLOR: #0187c5 } UL.usersSmall SPAN.userImage { MARGIN: 0px 0px 0px -48px; DISPLAY: inline; FLOAT: left } UL.usersSmall .nowlistening { COLOR: #390 } UL.usersSmall .justlistened { COLOR: #390 } UL.usersSmall .nowlistening { FONT-WEIGHT: bold } UL.usersSmall A .name { BACKGROUND: none transparent scroll repeat 0% 0% } * HTML .module UL.usersSmall { POSITION: relative } * HTML .module UL.usersSmall LI { POSITION: relative; HEIGHT: 38px } * HTML .module UL.usersSmall DIV { POSITION: relative; HEIGHT: 38px } * + HTML UL.usersSmall DIV { POSITION: relative; MIN-HEIGHT: 38px } * HTML .module UL.usersSmall SPAN.userImage { POSITION: absolute; MARGIN: 0px; DISPLAY: block; FLOAT: none; TOP: 0px; LEFT: 0px } * + HTML UL.usersSmall SPAN.userImage { POSITION: absolute; MARGIN: 0px; DISPLAY: block; FLOAT: none; TOP: 0px; LEFT: 0px } SPAN.imgMedium { BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid } SPAN.imgMedium IMG { BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 2px solid; BORDER-TOP: #fff 2px solid; BORDER-RIGHT: #fff 2px solid } A.user SPAN.imgMedium { BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid } A.subscriber SPAN.imgMedium { BORDER-BOTTOM: #8ab3e7 1px solid; BORDER-LEFT: #8ab3e7 1px solid; BORDER-TOP: #8ab3e7 1px solid; BORDER-RIGHT: #8ab3e7 1px solid } A.staff SPAN.imgMedium { BORDER-BOTTOM: #ef647a 1px solid; BORDER-LEFT: #ef647a 1px solid; BORDER-TOP: #ef647a 1px solid; BORDER-RIGHT: #ef647a 1px solid } A.user:hover SPAN.imgMedium { BORDER-BOTTOM: #666 1px solid; BORDER-LEFT: #666 1px solid; BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid } A.user:hover SPAN.imgMedium { BORDER-BOTTOM-COLOR: #666; BORDER-TOP-COLOR: #666; BORDER-RIGHT-COLOR: #666; BORDER-LEFT-COLOR: #666 } A.user:hover SPAN.imgMedium IMG { BORDER-BOTTOM-COLOR: #666; BORDER-TOP-COLOR: #666; BORDER-RIGHT-COLOR: #666; BORDER-LEFT-COLOR: #666 } A.subscriber:hover SPAN.imgMedium { BORDER-BOTTOM-COLOR: #4971a9; BORDER-TOP-COLOR: #4971a9; BORDER-RIGHT-COLOR: #4971a9; BORDER-LEFT-COLOR: #4971a9 } A.subscriber:hover SPAN.imgMedium IMG { BORDER-BOTTOM-COLOR: #4971a9; BORDER-TOP-COLOR: #4971a9; BORDER-RIGHT-COLOR: #4971a9; BORDER-LEFT-COLOR: #4971a9 } A.staff:hover SPAN.imgMedium { BORDER-BOTTOM-COLOR: #d51007; BORDER-TOP-COLOR: #d51007; BORDER-RIGHT-COLOR: #d51007; BORDER-LEFT-COLOR: #d51007 } A.staff:hover SPAN.imgMedium IMG { BORDER-BOTTOM-COLOR: #d51007; BORDER-TOP-COLOR: #d51007; BORDER-RIGHT-COLOR: #d51007; BORDER-LEFT-COLOR: #d51007 } UL.usersMedium { LINE-HEIGHT: 1.1818; MARGIN: 1em 0px; FONT-SIZE: 11px } UL.usersMedium LI { POSITION: relative; MARGIN: 0px 0px 30px; WIDTH: 49%; DISPLAY: block; FLOAT: left } UL.usersMedium LI DIV.userContainer { PADDING-BOTTOM: 0px; PADDING-LEFT: 79px; PADDING-RIGHT: 0px; ZOOM: 1; PADDING-TOP: 0px } UL.usersMedium DIV.userContainer .listeningNow { BACKGROUND: url(http://cdn.last.fm/flatness/global/icon_eq.gif) no-repeat right top } UL.usersMedium LI.odd { CLEAR: both } UL.usersMedium LI.odd DIV.userContainer { MARGIN-RIGHT: 30px } UL.usersMedium LI.odd A.delete { MARGIN-RIGHT: 30px } UL.usersMedium DIV.userContainer STRONG { BORDER-BOTTOM: #ccc 1px solid; DISPLAY: block } UL.usersMedium STRONG A { COLOR: #1b1b1b } UL.usersMedium STRONG A:hover { COLOR: #0187c5; TEXT-DECORATION: none } UL.usersMedium STRONG SPAN.userImage { MARGIN: 0px 0px 0px -79px; FLOAT: left; CURSOR: pointer } UL.usersMedium DIV.userContainer P STRONG { BORDER-RIGHT-WIDTH: 0px; DISPLAY: inline; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px } UL.usersMedium P.info { PADDING-BOTTOM: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #696969; FONT-SIZE: 10px; PADDING-TOP: 3px } UL.usersMedium LI A.delete { POSITION: absolute; DISPLAY: none; TOP: 0px; RIGHT: 0px } UL.usersMedium LI:hover A.delete { DISPLAY: block } UL.usersMediumWide LI { PADDING-BOTTOM: 10px; PADDING-LEFT: 5px; WIDTH: auto; PADDING-RIGHT: 5px; FLOAT: none; CLEAR: both; PADDING-TOP: 10px } UL.usersMediumWide LI.odd DIV.userContainer { MARGIN-RIGHT: 0px } UL.usersMini LI { PADDING-BOTTOM: 0px; MARGIN: 0px 0px 3px; PADDING-LEFT: 25px; PADDING-RIGHT: 0px; DISPLAY: block; FLOAT: left; CLEAR: both; PADDING-TOP: 0px } UL.usersMini LI STRONG SPAN.userImage { MARGIN: 0px 0px 0px -25px; DISPLAY: inline; FLOAT: left } UL.venuesSmall { MARGIN: 1em 0px } UL.venuesSmall LI { BORDER-BOTTOM: #ccc 1px solid; OVERFLOW: hidden; BORDER-TOP: #fff 1px solid } UL.venuesSmall LI.first { BORDER-TOP-STYLE: none } UL.venuesSmall A { PADDING-BOTTOM: 5px; PADDING-LEFT: 79px; PADDING-RIGHT: 5px; DISPLAY: block; TEXT-DECORATION: none; PADDING-TOP: 5px } UL.venuesSmall A STRONG { FONT-WEIGHT: bold } UL.venuesSmall A:hover STRONG { TEXT-DECORATION: underline } UL.venuesSmall A IMG { MARGIN: 0px 0px 0px -74px; DISPLAY: inline; FLOAT: left } UL.venuesSmall P { MARGIN: 0px; COLOR: #000 } UL.mediumVideoList { LINE-HEIGHT: 1.1818; MARGIN: 1em -15px 1em -8px; CLEAR: both; FONT-SIZE: 11px; OVERFLOW: hidden } UL.mediumVideoList LI { POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 15px; PADDING-LEFT: 10px; WIDTH: 129px; PADDING-RIGHT: 10px; DISPLAY: inline; FLOAT: left; HEIGHT: 120px; PADDING-TOP: 0px } UL.mediumVideoList .artist { MARGIN: -2px 0px 2px; DISPLAY: block } UL.mediumVideoList .title { MARGIN: 2px 0px; DISPLAY: block } UL.mediumVideoList SPAN.shoutCount A { COLOR: #696969; FONT-SIZE: 10px } UL.mediumVideoList .videoStill { MARGIN-LEFT: -2px } FIELDSET.addDialogPlaylist { PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px } FIELDSET.addDialogPlaylist LABEL { MARGIN: 5px 0px; DISPLAY: block } .buyDialog A.button { TEXT-ALIGN: center; PADDING-BOTTOM: 2px; WIDTH: 50px; DISPLAY: inline; FLOAT: right; PADDING-TOP: 2px } .buyDialog A.button:hover { BORDER-BOTTOM-COLOR: #2d2d2d; BORDER-TOP-COLOR: #505050; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/5/confirm_button.png) #515151 repeat-x 0px 0px; BORDER-RIGHT-COLOR: #404040; BORDER-LEFT-COLOR: #404040; FONT-WEIGHT: bold; text-shadow: #515151 0 -1px 1px } .buyDialog SMALL.price { MARGIN: 2px 5px; DISPLAY: inline; FLOAT: right } .buyDialog UL.buyChoices LI { MARGIN-BOTTOM: 8px; CLEAR: right } .buyDialog UL.buyChoices A.icon IMG { DISPLAY: inline; FLOAT: left; MARGIN-RIGHT: 5px } .multiBuyDialog .dialogContent { OVERFLOW: auto } .multiBuyDialog TABLE TR TD { PADDING-BOTTOM: 1px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 1px } .multiBuyDialog TABLE TR.odd TD { BACKGROUND: #eee } .multiBuyDialog TABLE TR TD.track.found { FONT-WEIGHT: bold } .multiBuyDialog TABLE TR TD.notFound { COLOR: #999 } .multiBuyDialog .dialogButtons { POSITION: relative; TEXT-ALIGN: left !important; ZOOM: 1; COLOR: #999 } .multiBuyDialog .dialogButtons INPUT { FLOAT: right } .dialogBox { BORDER-BOTTOM: #333 5px solid; BORDER-LEFT: #333 5px solid; BACKGROUND: #fff; BORDER-TOP: #333 5px solid; BORDER-RIGHT: #333 5px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 0 10px #333 } .add.dialogBox { BORDER-BOTTOM-COLOR: #1c6ca4; BORDER-TOP-COLOR: #1c6ca4; BORDER-RIGHT-COLOR: #1c6ca4; BORDER-LEFT-COLOR: #1c6ca4 } .dialogBox A.dialogStatus { MARGIN: 5px; WIDTH: 16px; DISPLAY: block; BACKGROUND: url(http://cdn.last.fm/flatness/buttons/delete.2.png) no-repeat 50% 50%; FLOAT: right; HEIGHT: 16px; TEXT-DECORATION: none } .dialogBox A.dialogBusy { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/spinner_small.gif) } .dialogBox A.dialogFailure { BACKGROUND-IMAGE: url(http://cdn.last.fm/depth/forms/incorrect_new.gif) } .dialogBox A.dialogStatus:hover { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/buttons/delete.2.png) } .dialogBox H3 { BORDER-BOTTOM: #aaa 1px solid; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 15px; PADDING-TOP: 5px } .dialogBox H3:hover { CURSOR: move } .dialogBox .dialogContent { PADDING-BOTTOM: 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; PADDING-TOP: 15px } .dialogBox .dialogContent P { MARGIN: 0.5em 0px 0px } .dialogBox H5 { MARGIN: 0.5em 0px 0.3em; FONT-SIZE: 11px } .dialogBox TEXTAREA { WIDTH: 100%; HEIGHT: 150% } .dialogBox .dialogExtra { PADDING-BOTTOM: 0.5em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; PADDING-TOP: 0px } .dialogBox .dialogExtra H5 { TEXT-TRANSFORM: uppercase } .dialogBox .dialogForm { CLEAR: both } .dialogBox .dialogButtons { TEXT-ALIGN: right; PADDING-BOTTOM: 10px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BACKGROUND: #eee; CLEAR: both; OVERFLOW: hidden; BORDER-TOP: #aaa 1px solid; PADDING-TOP: 10px } .dialogBox .dialogButtons INPUT.dialogConfirm { MARGIN-LEFT: 8px } .fodDialog { BORDER-BOTTOM: #ccc 3px solid; BORDER-LEFT: #ccc 3px solid; BACKGROUND: #faf8df; BORDER-TOP: #ccc 3px solid; BORDER-RIGHT: #ccc 3px solid } .fodDialog FORM { TEXT-ALIGN: left; PADDING-BOTTOM: 0.5em; PADDING-LEFT: 1em; PADDING-RIGHT: 1em; FONT-SIZE: 11px; PADDING-TOP: 0.5em } .fodDialog SPAN.track { COLOR: #000 } .fodDialog H4 { TEXT-ALIGN: center; MARGIN: 1.5em 0px 0px; COLOR: #000; FONT-SIZE: 14px; FONT-WEIGHT: bold } .fodDialog INPUT.dialogButton { BORDER-BOTTOM: #8b8b83 1px solid; BORDER-LEFT: #8b8b83 1px solid; BACKGROUND: url(http://cdn.last.fm/depth/homepage_960/signupbutton.gif) #f2f2f2 repeat-x 0px 50%; COLOR: #545454; BORDER-TOP: #8b8b83 1px solid; BORDER-RIGHT: #8b8b83 1px solid } .fodDialog INPUT.dialogButton:hover { COLOR: #222 } .fodDialog INPUT.dialogConfirm { TEXT-ALIGN: center; PADDING-BOTTOM: 2px; MARGIN: 15px 0px 15px 57px; PADDING-LEFT: 0px; WIDTH: 224px; PADDING-RIGHT: 0px; HEIGHT: 31px; FONT-SIZE: 16px; PADDING-TOP: 2px } .fodDialog INPUT.dialogCancel { PADDING-BOTTOM: 2px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FLOAT: right; PADDING-TOP: 2px } .dialogBox FIELDSET.resource { BORDER-BOTTOM: #e7e7e7 1px solid; BORDER-LEFT: #e7e7e7 1px solid; PADDING-BOTTOM: 15px; MARGIN: -15px 0px 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BACKGROUND: #f2f2f2; BORDER-TOP: #e7e7e7 0px solid; BORDER-RIGHT: #e7e7e7 1px solid; PADDING-TOP: 15px } .dialogBox FIELDSET.resource .resource { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; MARGIN-BOTTOM: 0px; PADDING-TOP: 0px } .dialogBox DIV.successScreen { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/giant_success_tick.png); TEXT-ALIGN: center; PADDING-BOTTOM: 60px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center 50px; PADDING-TOP: 150px } * HTML .dialogBox DIV.successScreen { BACKGROUND-IMAGE: url(http://cdn.last.fm/flatness/giant_success_tick.gif) } .dialogBox DIV.successScreen H4 { MARGIN: 1em 0px 0px; FONT-SIZE: 15px; FONT-WEIGHT: bold } .dialogBox DIV.successScreen A { COLOR: #4185ce } .upload .uploading { MARGIN: 9px 0px 0px } .dialogBox DIV.upsell { MARGIN: 1em 0px 0em; COLOR: #666; FONT-SIZE: 11px } .dialogBox .reveal { TEXT-ALIGN: right; PADDING-BOTTOM: 1em } #flagging-actions LABEL { MARGIN: 10px 0px 0px; DISPLAY: block; COLOR: #696969; FONT-SIZE: 11px } #flagging-actions TEXTAREA { WIDTH: 98% } #flagging-actions INPUT { WIDTH: 98% } .moderationvote .options LI { MARGIN: 0px 0px 7px; PADDING-LEFT: 20px } .moderationvote .options INPUT.radio { DISPLAY: inline; FLOAT: left; MARGIN-LEFT: -20px } .moderationvote .options UL LI { PADDING-BOTTOM: 0px; MARGIN: 7px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .moderationvote .messageBox { MARGIN-TOP: 0px } .module { POSITION: relative } .fiflufi .leftCol .module { MARGIN-TOP: 30px } * HTML .module { PADDING-LEFT: 15px; WIDTH: 100%; PADDING-RIGHT: 15px; ZOOM: 1; MARGIN-LEFT: -15px; MARGIN-RIGHT: -15px } * + HTML .module { MARGIN: 30px 0px } #page DIV.fiflufi DIV.leftCol DIV.module H2.heading { MARGIN-TOP: 0px } .module .moduleDropDown { POSITION: absolute; TOP: -2px; RIGHT: 0px } .module .moduleButtons { POSITION: absolute; FONT-SIZE: 11px; TOP: -2px; RIGHT: 0px } #page .module .moduleButtons { TOP: 15px } * HTML .module .moduleDropDown { RIGHT: 15px } * HTML .module .moduleButtons { RIGHT: 15px } .module .moduleButtons A { COLOR: #696969 } * HTML .module .moduleButtons IMG { VERTICAL-ALIGN: middle } * + HTML .module .moduleButtons IMG { VERTICAL-ALIGN: middle } .feedDialog H3 SMALL { COLOR: #999; FONT-SIZE: 15px } .embedDialog H3 SMALL { COLOR: #999; FONT-SIZE: 15px } .modulePreferences H3 SMALL { COLOR: #999; FONT-SIZE: 15px } .modulePreferences FIELDSET { MARGIN-BOTTOM: 10px } .embedDialog .infoMessage { PADDING-BOTTOM: 7px; LINE-HEIGHT: 1.18em; PADDING-LEFT: 7px; PADDING-RIGHT: 7px; MARGIN-BOTTOM: 0px; BACKGROUND: #fdf7c1; FONT-SIZE: 11px; PADDING-TOP: 5px } .modulePreferences .infoMessage { PADDING-BOTTOM: 7px; LINE-HEIGHT: 1.18em; PADDING-LEFT: 7px; PADDING-RIGHT: 7px; MARGIN-BOTTOM: 0px; BACKGROUND: #fdf7c1; FONT-SIZE: 11px; PADDING-TOP: 5px } .embedDialog .infoMessage { MARGIN-TOP: 0px; MARGIN-BOTTOM: 15px } .embedDialog .infoMessage .messageWrapper { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 0px } .modulePreferences .infoMessage .messageWrapper { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 0px } .modulePreferences UL.formOptions { DISPLAY: block } .modulePreferences UL.formOptions LI { MARGIN: 0px 0px 7px; PADDING-LEFT: 185px; DISPLAY: block; OVERFLOW: hidden } .modulePreferences UL.formOptions LI LABEL { TEXT-ALIGN: right; WIDTH: 170px; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: -185px } .feedDialog SELECT { MARGIN-LEFT: 12px } .modulePreferences SELECT { MARGIN-LEFT: 12px } .modulePreferences UL.formOptions LI SELECT { MARGIN-LEFT: 0px } .embedDialog UL { LINE-HEIGHT: 1.18em; WIDTH: 185px; MARGIN-BOTTOM: 10px; FLOAT: left; FONT-SIZE: 11px } .embedDialog LI { MARGIN: 0px 0px 0.63em } .embedDialog LI IMG { POSITION: relative; VERTICAL-ALIGN: text-bottom; MARGIN-RIGHT: 4px } #page .notificationDialog { BORDER-RIGHT-WIDTH: 0px; BACKGROUND: #050505; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #fff; BORDER-LEFT-WIDTH: 0px; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; opacity: 0.9 } #page .notificationDialog .dialogContent { PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px } #page .notificationDialog .dialogButtons { DISPLAY: none } #page .notificationDialog UL.minifeedSmall { PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px } #page .notificationDialog UL.minifeedSmall LI { BORDER-BOTTOM-WIDTH: 0px } #page .notificationDialog .brand { BORDER-LEFT: #838383 1px solid; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 10px 5px; PADDING-LEFT: 5px; WIDTH: 88px; PADDING-RIGHT: 0px; FLOAT: right; PADDING-TOP: 0px } #page .notificationDialog .brand IMG { DISPLAY: block } #page .notificationDialog .brand IMG.sponsored { MARGIN-BOTTOM: 2px } #page .notificationDialog A { COLOR: #4ba3d2 } #page .notificationDialog A.dialogStatus { BACKGROUND-IMAGE: url(http://cdn.last.fm/promotions/close.png) } SPAN.obsUser { DISPLAY: block; HEIGHT: 34px; FONT-WEIGHT: bold } SPAN.obsResource { TEXT-ALIGN: right; DISPLAY: block; HEIGHT: 34px; FONT-WEIGHT: bold } SPAN.obsResource IMG { MARGIN: 0px 0px 0px 5px; DISPLAY: inline; FLOAT: right } SPAN.obsUser IMG { MARGIN: 0px 5px 0px 0px; DISPLAY: inline; FLOAT: left } DIV.obsRelation { POSITION: relative; PADDING-BOTTOM: 5px; PADDING-LEFT: 40px; PADDING-RIGHT: 40px; PADDING-TOP: 5px } DIV.obsRelation INPUT { BORDER-BOTTOM: #333 1px solid; BORDER-LEFT: #333 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 5px; WIDTH: 250px; PADDING-RIGHT: 5px; COLOR: #000; BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; PADDING-TOP: 2px } A#obsChoose { POSITION: absolute; TEXT-INDENT: -9999px; WIDTH: 11px; BACKGROUND: url(http://static.last.fm/flatness/picker.gif) no-repeat; HEIGHT: 11px; OVERFLOW: hidden; TOP: 11px; LEFT: 288px } UL#dropdown { BORDER-BOTTOM: #000 1px solid; POSITION: absolute; BORDER-LEFT: #000 1px solid; WIDTH: 260px; BORDER-TOP: #000 1px; BORDER-RIGHT: #000 1px solid } UL#dropdown LI { BORDER-BOTTOM: #eee 1px solid; BACKGROUND: #fff } UL#dropdown LI A { PADDING-BOTTOM: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; DISPLAY: block; COLOR: #000; TEXT-DECORATION: none; PADDING-TOP: 3px } UL#dropdown LI A:hover { BACKGROUND: #efefef } UL.show { DISPLAY: block } .radioProblemDialog { PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.33em; PADDING-LEFT: 50px; PADDING-RIGHT: 0px; BACKGROUND: url(http://cdn.last.fm/flatness/listen_v2/error_big.png) no-repeat left top; FONT-SIZE: 12px; PADDING-TOP: 0px } .radioProblemDialog UL { LIST-STYLE-POSITION: outside; PADDING-BOTTOM: 1em; LIST-STYLE-TYPE: disc; PADDING-LEFT: 15px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } #respickerTabs { BORDER-BOTTOM: #363636 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1; PADDING-LEFT: 5px; WIDTH: 360px; PADDING-RIGHT: 5px; MARGIN-BOTTOM: 10px; FLOAT: left; PADDING-TOP: 0px } #respickerTabs LI { BORDER-BOTTOM: #d0d0d0 0px solid; BORDER-LEFT: #d0d0d0 1px solid; PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; WIDTH: 58px; PADDING-RIGHT: 4px; FLOAT: left; MARGIN-LEFT: -1px; FONT-SIZE: 11px; BORDER-TOP: #d0d0d0 1px solid; CURSOR: pointer; FONT-WEIGHT: bold; BORDER-RIGHT: #d0d0d0 1px solid; PADDING-TOP: 4px } #respickerTabs LI.selected { BORDER-BOTTOM: #fff 1px solid; POSITION: relative; BORDER-TOP-COLOR: #363636; MARGIN-BOTTOM: -1px; BORDER-RIGHT-COLOR: #363636; BORDER-LEFT-COLOR: #363636 } .typePanel { PADDING-BOTTOM: 10px; LINE-HEIGHT: 2; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; CLEAR: left; PADDING-TOP: 10px } .typePanel UL { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .typePanel LABEL { PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px } .typePanel INPUT[type='text'] { BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; PADDING-TOP: 4px } .typePanel INPUT[type='submit'] { BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #eee 1px solid; PADDING-BOTTOM: 2px; OUTLINE-STYLE: solid; PADDING-LEFT: 2px; OUTLINE-WIDTH: 1px; PADDING-RIGHT: 2px; BACKGROUND: #f0f0f0; COLOR: #333; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; BORDER-TOP: #eee 1px solid; CURSOR: pointer; BORDER-RIGHT: #aaa 1px solid; PADDING-TOP: 2px } .typePanel INPUT[type='submit']:hover { BORDER-BOTTOM-COLOR: #999; BORDER-TOP-COLOR: #ccc; BORDER-RIGHT-COLOR: #999; BORDER-LEFT-COLOR: #ccc } .typePanel INPUT[type='submit']:active { BACKGROUND: #ddd } .typePanel SPAN.statusHolder IMG { MARGIN-LEFT: 5px; VERTICAL-ALIGN: middle } #respickerTypes .results UL { BORDER-BOTTOM: #c0c0c0 1px solid; BORDER-LEFT: #c0c0c0 1px solid; PADDING-BOTTOM: 2px; MARGIN: 10px 0px 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #fff; FLOAT: left; BORDER-TOP: #c0c0c0 1px solid; BORDER-RIGHT: #c0c0c0 1px solid; PADDING-TOP: 2px } #respickerTypes .results LI { BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 2px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px 2px; PADDING-LEFT: 2px; WIDTH: 340px; PADDING-RIGHT: 2px; FLOAT: left; BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; CURSOR: pointer; PADDING-TOP: 2px } #respickerTypes .results LI.last { BORDER-BOTTOM-WIDTH: 0px } #respickerTypes .results LI IMG { BORDER-BOTTOM: #c0c0c0 1px solid; BORDER-LEFT: #c0c0c0 1px solid; MARGIN: 0px 5px 0px 0px; FLOAT: left; BORDER-TOP: #c0c0c0 1px solid; BORDER-RIGHT: #c0c0c0 1px solid } #respickerTypes .results LI.selected { BORDER-BOTTOM-COLOR: #ddd; BORDER-TOP-COLOR: #ddd; BACKGROUND: #ccc; BORDER-RIGHT-COLOR: #ddd; BORDER-LEFT-COLOR: #ddd; -moz-border-radius: 0px; -webkit-border-radius: 0 } #respickerTypes .results LI.selected IMG { BORDER-BOTTOM: white 1px solid; BORDER-LEFT: white 1px solid; BORDER-TOP: white 1px solid; BORDER-RIGHT: white 1px solid } #respickerTypes .active LI.selected { BORDER-BOTTOM-COLOR: #0060e9; BORDER-TOP-COLOR: #0060e9; BACKGROUND: #0060e9; COLOR: #fff; BORDER-RIGHT-COLOR: #0060e9; BORDER-LEFT-COLOR: #0060e9 } UL#otherTypes LI.radioOption { BORDER-BOTTOM: #fff 5px solid; BORDER-LEFT: #fff 5px solid; WIDTH: 340px; FLOAT: left; BORDER-TOP: #fff 5px solid; CURSOR: pointer; BORDER-RIGHT: #fff 5px solid } UL#otherTypes LI.selected { BORDER-BOTTOM-COLOR: #d2d2d2; BORDER-TOP-COLOR: #d2d2d2; BACKGROUND: #d2d2d2; BORDER-RIGHT-COLOR: #d2d2d2; BORDER-LEFT-COLOR: #d2d2d2; -moz-border-radius: 5px; -webkit-border-radius: 5px } UL#otherTypes LI.radioOption INPUT { VERTICAL-ALIGN: middle; MARGIN-RIGHT: 0.3em } UL#otherTypes LI.radioOption LABEL { VERTICAL-ALIGN: middle; MARGIN-RIGHT: 0.3em } UL#otherTypes .results LI { WIDTH: 332px } .dialogBox UL.saveElsewhere { MARGIN: 5px 0px 0px -5px; DISPLAY: inline; FLOAT: left } .dialogBox UL.saveElsewhere LI { LIST-STYLE-TYPE: none; MARGIN: 0px 0.3em; DISPLAY: inline } TABLE.emailshare { WIDTH: 100% } TABLE.emailshare TH { PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 5px; PADDING-TOP: 5px } TABLE.emailshare TD { PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; PADDING-TOP: 5px } TABLE.emailshare TH { TEXT-ALIGN: right; WIDTH: 100px } TABLE.emailshare TD P { COLOR: #666; FONT-SIZE: 10px } TABLE.emailshare TD SPAN.recipcount { FLOAT: right } TABLE.emailshare INPUT { WIDTH: 252px; DISPLAY: block; COLOR: #333; FONT-SIZE: 11px } TABLE.emailshare TEXTAREA { WIDTH: 252px; DISPLAY: block; COLOR: #333; FONT-SIZE: 11px } .dialogBox FIELDSET.sendMessage { MARGIN: 1em 0px 0px } .dialogBox FIELDSET.sendMessage TEXTAREA { MARGIN: 0.5em 0px 0px; WIDTH: 362px; HEIGHT: 5em; FONT-SIZE: 12px } .dialogBox UL.saveElsewhere { MARGIN: 2px 0px 0px; DISPLAY: inline; FLOAT: left } .dialogBox UL.saveElsewhere LI { LIST-STYLE-TYPE: none; MARGIN: 0px 10px 0px 0px; DISPLAY: inline } .dialogBox UL.saveElsewhere LI IMG { MARGIN: 0px 0px -2px } .publicShare { TEXT-ALIGN: left; MARGIN: 20px 0px -5px; COLOR: #696969; CLEAR: both; FONT-SIZE: 11px } P.publicShareCheckbox INPUT { VERTICAL-ALIGN: middle } P.publicShareCheckbox LABEL { VERTICAL-ALIGN: middle } P.publicShareCheckbox A { VERTICAL-ALIGN: middle } DIV.publicShareHelp { MARGIN: 5px 0px; BACKGROUND: #ffd } DIV.progressBar { BORDER-BOTTOM: #1b1b1b 1px solid; BORDER-LEFT: #1b1b1b 1px solid; PADDING-BOTTOM: 2px; MARGIN: 10px 0px 0px; PADDING-LEFT: 2px; WIDTH: 300px; PADDING-RIGHT: 2px; HEIGHT: 10px; BORDER-TOP: #1b1b1b 1px solid; BORDER-RIGHT: #1b1b1b 1px solid; PADDING-TOP: 2px } DIV.progressBar DIV { BACKGROUND-COLOR: #696969; WIDTH: 0px; HEIGHT: 10px }