/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img {
    border:0;
}
address,caption,cite,code,dfn,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym {
    border:0;
}

/* Global Helpers */
* html {
    filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

.clearit:after,
#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearit,
#content,
#page {
    zoom: 1;
}

* html .clearit {
    height: 1%;
}

/* Full-width layout, here we come */

html {
    overflow-x: auto;
    width: 100%;
}

body {
    background: #e3e3e3;
    width: 100%;
    height: 1%;
}

body #page {
    margin: 0;
    min-width: 930px;
    max-width: 1102px;
    position: relative;
}

* html div#page {
    width: expression(documentElement.clientWidth < 928? "930px" : documentElement.clientWidth > 1104? "1102px" : "auto");
}

#spArticleBody #page {
    background: #fff;
}

div.sic,
div.fiflufi, 
div.fixed {
    padding: 0 15px;
}

div.sic #content {
    position: relative;
    clear: both;
    margin: -1px 0 0 110px;
    padding: 0 15px 15px 15px;
    min-height: 400px;
    background: #fff;
    overflow: visible;
    border: 1px solid #ccc;
    border-top-width: 1px;
}


/* Fixed Grid Layout ( Landing Pages ) */

div.fixed {
    width: 900px;
    margin: 0;
}

div.fixed #content {
    position: relative;
    clear: both;
    margin: -1px 0 0 110px;
    min-height: 500px;
    overflow: visible;
    border: 1px solid #ccc;
    background: #fff;
}

div.fixed div.fullWidth {
    clear: both;
    margin: 0 15px;
    padding: 15px 0;
}

div.fixed div.leftCol {
    float: left;
    display: inline;
    margin-right: -330px; /* -330px */
    width: 100%;
    overflow: hidden;
}

div.fixed div.leftColWrapper {
    margin-right: 330px; /* 330px */
    padding: 15px;
    padding-right: 0;
    overflow: hidden;
}

div.fixed div.rightCol {
    float: right;
    display: inline;
    position: relative;
    padding: 15px;
    width: 300px; /* 300px */
/*    overflow: hidden;*/
}

/* Ads */

#LastAd_Top {
    margin: 0 -35px 9px -35px;
    position: relative;
    zoom: 1;
    z-index: 1;
}

.LastAd,
.LastAd * {
    line-height: 0px;
    font-size: 1px;
    vertical-align: baseline;    
}

.LastAd img {
}

#LastAd_Mid {
    clear: both;
    padding: 15px;
    border-top: 1px solid #ebebeb;
    background: #fff;
    zoom: 1;
}

.sic #LastAd_Mid {
    padding: 15px 0 0 0;
    margin: 15px -15px 0 -15px;
}

#LastAd_Top .wrapper,
#LastAd_Mid .wrapper {
    width: 900px;
    margin: 0 auto;
    text-align: center;
}


#LastAd_Skin a,
#LastAd_Skin img {
    position: absolute;
}

#LastAd_BottomRight {
    clear: both;
    margin: 15px 0 0 0;
}

div.sic div.leaderboardCentre {
    padding: 0;
}

div.sic div.bottomRail {
    border-top: 1px solid #ccc;
    padding-top: 15px;
    clear: both;
}

div.sic div#LastAd_SkyscraperRight {
    float: right;
    display: inline;
    width: 160px;
    height: 600px;
}

div#LastAd_SkyscraperRight div.wrapper {
    width: 160px;
    height: 600px;
    overflow: hidden;
}

div.leaderboardCentre .wrapper,
div.bottomRail .wrapper {
    width: 728px;
    height: 90px;
    overflow: hidden;
    margin: 0 auto;
}

div.skylineRight {
    margin-left: -15px;
    padding-right: 160px;
    overflow: hidden;
}
div.skylineRight div.skyWrap {
    overflow: hidden;
    padding: 0 15px;
    zoom: 1;
}

#page div.skylineRight div#LastAd_SkyscraperRight {
    float: right;
    display: inline;
    margin: 0 -160px 0 0;
}

div.mpu {
    margin: 15px 0;
}

div.mpu .wrapper {
    width: 300px;
    height: 250px;
    overflow: hidden;
}

/**/

div.sic #content .fullWidth {
    margin: 15px 0;
    clear: both;
}

#page .twoCols h2 {
    margin-left: 0;
}

.twoCols {
    overflow: hidden;
}

div.sic #content .leftColumn,
.twoCols .leftColumn {
    float: left;
    display: inline;
    overflow: hidden;
    width: 50%;
}

div.sic #content .leftColumn .wrapper,
.twoCols .leftColumn .wrapper {
    margin: 0 7px 15px 0;
    zoom: 1;
}

div.sic #content .rightColumn,
.twoCols .rightColumn {
    float: right;
    display: inline;
    overflow: hidden;
    width: 49%;
}

div.sic #content .rightColumn .wrapper,
.twoCols .rightColumn .wrapper {
    margin: 0 0 15px 7px;
    zoom: 1;
}

/* end */

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;
}

/*
    The Three Column Layout
    (also know as ‘fiflufi’)
    (because it is fixed-fluid-fixed)
*/

div.fiflufi #content {
    position: relative;
    clear: both;
    margin: -1px 0 0 110px;
    min-height: 300px;
    background: url(http://cdn.last.fm/flatness/grids/fiflufi_right.4.png) right top repeat-y #fff;
    overflow: visible;
    border: 1px solid #ccc;
}

div.fiflufi #content .fullWidth {
    margin: 0;
    padding: 15px;
    background: #fff;
    clear: both;
}

div.fiflufi div.leaderboardCentre {
    border-bottom: 1px solid #ccc;
}

div.fiflufi div.bottomRail {
    border-top: 1px solid #ccc;
    margin-top: 15px;
    clear: both;
}

div.fiflufi div#LastAd_SkyscraperRight {
    float: right;
    display: inline;
    width: 160px;
    height: 600px;
}

div.fiflufi div.leftCol {
    float: left;
    display: inline;
    margin-right: -330px;
    width: 100%;
    overflow: hidden;
    background: url(http://cdn.last.fm/flatness/grids/fiflufi_right_top_gradient.5.png) right top no-repeat transparent;
}

div.fiflufi div.leftColWrapper {
    margin-right: 330px;
    padding: 15px;
    overflow: hidden;
}

div.fiflufi div.rightCol {
    float: right;
    display: inline;
    position: relative;
    padding: 15px;
    width: 300px;
    background: url(http://cdn.last.fm/flatness/grids/fiflufi_right_top_gradient.5.png) right top no-repeat transparent;
    font-size: 11px;
    line-height: 1.181818em;
}



div.fiflufiSmall div.leftCol {
	margin-right: -190px;
	background: none;
}

div.fiflufiSmall div.leftColWrapper {
	margin-right: 190px;
	background: none;
}

div.fiflufiSmall div.rightCol {
	width: 160px;
	background: none;
}

div.fiflufiSmall div#content {
	background: #fff;
}

/* dev grid overlay */

.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 {
    padding-right: 0;
    border-right: solid 15px #fff386;
    background-image: url(http://cdn.last.fm/flatness/grids/grid_48.15.png);
    background-position: 15px top;
}

.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;
}

/*
    Stuff for all layouts
*/

#LastFooter {
    clear: both;
}

* html #LastFooter {
    height: 1%;
}

/*
    Default styles depending on place in the grid
*/

#page h2.heading {
    clear: both;
    margin: 10px -15px 2px -10px;
    padding: 0;
    color: #D51007;
    font-size: 18px;
    line-height: 13px;
    border-top: 1px dotted #ccc;
}

.lfmBlack #page h2.heading {
    color: #1b1b1b;
}

#page h2.heading .h2Wrapper {
    display: block;
    padding: 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 #radio h3,
.lfmBlack #page #radio h3 a {
    color: white !important;
}


.lfmBlack #page h3,
.lfmBlack #page h3 a {
    color: black !important;
}

.lfmBlack #page h2.heading .h2Wrapper a {
    color: #1b1b1b;
}

#page div.fiflufi div.leftCol h2 small a,
#page div.fixed div.leftCol h2 small a {
    color: #0187c5;
}

div.fiflufi div.leftCol hr {
    clear: both;
    height: 2px;
    margin: 15px -15px 10px -15px;
    border: 0;
    border-top: 1px solid #ccc;
    background: #efefef;
    display: none;
}

#page div.fiflufi div.rightCol h2.heading,
#page div.fixed div.rightCol h2.heading {
    margin: 25px 0 10px 0;
    padding: 0;
    font-size: 14px;
    line-height: 12px;
}

#page div.fiflufi div.rightCol h2.heading .h2Wrapper,
#page div.fixed div.rightCol h2.heading .h2Wrapper {
    padding: 12px 0 0 0;
}

div.fiflufi div.leftCol a.seemore {
    margin: 5px 0 0 0;
    padding: 2px 0 2px 10px;
    background: url(http://cdn.last.fm/flatness/grey-more-btn.gif) no-repeat left top;
    float: right;
    text-decoration: none;
}

div.fiflufi div.leftCol a.seemore span {
    padding: 2px 30px 2px 0;
    background: url(http://cdn.last.fm/flatness/grey-more-btn.gif) no-repeat right top;
    font-size: 10px;
    color: #000;
}

div.fiflufi div.leftCol a.seemore:hover span {
    color: #666;
}

div.fiflufi div.rightCol a.seemore {
    float: right;
    margin: 5px 0 0 0;
    color: #0187c5;
    text-decoration: none;
}

span.moduleOptions {
    clear: both;
    display: block;
    text-align: right;
    color: #0187c5;
}

span.moduleOptionsLeft {
    text-align: left;
}

#page span.moduleOptions {
    display: block;
    height: 15px;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
}
#page span.moduleOptions a,
#page a span.moduleOptions {
    float: right;
    display: block;
    font-size: 11px;
    line-height: 14px;
    padding-right: 18px;
    margin-left: 9px;
    background-image: url('http://cdn.last.fm/flatness/icons/see_more_arrow_blue_13x13_2.png');
    background-repeat: no-repeat;
    background-position: right top;
}

/* End fluffy */

/* Recommended Stuff */

a.recommendedLink {
    color: #d51007;
    font-weight: bold;
    font-size: 12px;
}

a.recommendedLink .recommended_icon {
    margin: 0 4px -2px 0;
}

div.rightCol div.recommendedContent {
    margin: 0 0 15px 0;
}

#page div.rightCol div.recommendedContent h2.heading {
    border-top: 1px solid #f46862;
    margin: 0 0 12px 0;
    background: #ffefe7;
    color: #d51007;
}

#page div.rightCol div.recommendedContent h2.heading span.h2Wrapper {
    padding: 5px 10px;
}

/* Override */

div.full #content {
    margin-left: 0;
}

div.fiflufiSmall div.rightCol h2 {
    background: none;
    font-size: 12px;
    font-weight: bold;
}

div.fiflufiSmall div.rightCol h2 a {
    color: #D51007;
}
 
/* Rightcol with mpu at top */                         

div.mpuTop.rightCol {
    padding-top: 0 !important;
}

div.mpuTop.rightCol #LastAd_TopRight {
    margin: 0 !important;
    position: relative;
    z-index: 2;
}    
  
/* remove ad from doc flow to allow border collapse */
div.mpuTop.rightCol #LastAd_TopRight div {
    float: left;   
    margin: 15px 0;
}

div.mpuTop.rightCol h2.first {
    border-top: 0 none !important;
    margin-top: 15px !important;
}

div.mpuTop.rightCol 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 {
    display: block;
    width: 50%;
    float: left;
    overflow: hidden;
}



#header {
    position: relative;
    display: block;
    height: 70px;
    margin: 0 0 8px 0;
}

#headerWrapper {
    position: relative;
    height: 68px;
    margin: 0 -15px;
}

#fauxHeaderContainer {
    position: relative;
    float: left;
    display: block;
    min-width: 930px;
}

* html #fauxHeaderContainer {
    width: expression(documentElement.clientWidth < 928? "930px" : "100%");
}


#fauxHeader {
    position: absolute;
    display: block;
    width: 100%;
    height: 70px;
    top: 0;
    background-position: 0 0;
    background-repeat: repeat-x;
}

/** Logo */

#lastfmLogo {
    position: absolute;
    z-index: 1;
    top: 1px;
    left: 2px;
    display: block;
    width: 110px;
    height: 44px;
    background-position: 0 -160px;
    background-repeat: no-repeat;
    text-indent: -9999px;
}

#lastfmLogo:hover {
    background-position: -110px -160px;
}

/** Navigation */

#primaryNav {
    position: absolute;
    top: 1px;
    left: 129px;
    z-index: 1;
    zoom: 1;
}

#primaryNav .navItem {
    float: left;
    display: block;
    margin-right: 2px;
}

#primaryNav .nav-link {
    display: block;
    float: left;
    padding: 15px 9px 7px 9px;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    text-shadow: #870802 0 1px 0;
}

#primaryNav .nav-link:hover {
    background-position: 0 -260px;
    background-repeat: repeat-x;
}

/* Profile Links */

#profileLinks {
    position: absolute;
    right: 15px;
    top: 10px;
    color: #f77a74;
    z-index: 0;
}

#profileLinks ul {
    float: right;
    display: block;
    zoom: 1;
}

#profileLinks .profileItem {
    float: right;
    display:-moz-inline-stack;
    display: inline-block;
    overflow: hidden;
}

#profileLinks .profile-link {
    display:-moz-inline-stack;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    padding: 3px 7px 5px 5px;
    font-size: 11px;
    color: #eee;
    text-decoration: none;
    font-weight: normal;
}

#profileLinks .profile-link:hover {
    color: #fff;
    text-decoration: none;
}

#profileLinks .divider a {
    background-position: right -510px;
    background-repeat: no-repeat;
}

#loginLink .profile-link {
    height: 23px;
    display: -moz-inline-box;
    display: inline-block;
    padding: 0 3px 0 0;
    background-position: right -360px;
    background-repeat: no-repeat;
    color: #eee;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    vertical-align: middle;
    cursor: pointer;
    text-shadow: #870802 0 1px 0;
    overflow: hidden;
}

#loginLink .profile-link strong {
    height: 19px;
    padding: 1px 5px 3px 8px;
    background-position: left -360px;
    background-repeat: no-repeat;
    display: -moz-inline-box;
    display: inline-block;
    line-height: 19px;
    vertical-align: top;
}

/** ID Badger */

#idBadger {
    margin-left: 4px;
    position: relative;
}

#idBadgerUser {
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    background-position: 0 -360px;
    background-repeat: no-repeat;
    font-size: 11px;
    height: 11px;
    line-height: 11px;
    padding: 5px 7px 7px 23px;
    color: #eee;
    font-weight: bold;
    text-decoration: none;
    text-shadow: #870802 0 1px 0;
}

#idBadgerUser:hover {
    color: #fff;
}

#idBadgerUser img {
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    height: 16px;
    width: 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}


#idBadgerDropper {
    display: -moz-inline-box;
    display: inline-block;
    width: 21px;
    background-position: 0 -420px;
    background-repeat: no-repeat;
    font-size: 11px;
    height: 11px;
    line-height: 11px;
    padding: 5px 0 7px 0;
    text-decoration: none;
    text-indent: -9999px;
}

#idBadgerDropper span {
    visibility: hidden;
}

#idBadgerDropper:hover {
    background-position: -21px -420px;
}

#idBadger ul {
    display: none;
}

#idBadgerDropDown {
    background: #a00100;
    display: block;
    border: 1px solid #750500;
    -webkit-border-radius: 3px;
    -moz-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 {
    display: block;
    font-size: 11px;
    line-height: 22px;
    padding: 0 7px;
    color: #eee;
    text-decoration: none;
    cursor: pointer;
}

#idBadgerDropDown a:hover {
    background: #750500;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

* html #idBadgerDropDown a {
    display: inline-block;
}

/** Search */

#siteSearch {
    position: absolute;
    top: 46px;
    right: 15px;
}

#siteSearchProgress {
    display: block;
    position: absolute;
    top: 3px;
    right: 5px;
    background: url(http://cdn.last.fm/flatness/spinners/spinner_ffffff_870802.gif) no-repeat;
}

#siteSearchBox {
    display: block;
    float: left;
    width: 180px;
    height: 15px;
    line-height: 15px;
    padding: 4px 5px 3px 5px;
    margin: 0;
    border: 0;
    font-size: 11px;
    background-position: 0 -450px;
    background-repeat: no-repeat;
    outline: none;
}

#siteSearchSubmit {
    display: block;
    float: left;
    width: 21px;
    height: 22px;
    padding: 0;
    margin :0;
    border: 0;
    background-position: -42px -420px;
    background-repeat: no-repeat;
    outline: none;
    cursor: pointer;
}

#siteSearchSubmit:hover {
    background-position: -63px -420px;
    background-repeat: no-repeat;
}

/** Header Promo */

#headerPromo {
    position: absolute;
    top: 45px;
    left: 15px;
    font-size: 11px;
    line-height: 23px;
    color: #ddd;
    font-weight: bold;
}

#headerPromo a {
    color: #ddd;
}

#headerPromo a:hover {
    color: #fff;
}

/** Header Links */

#headerLinks {
    position: absolute;
    top: 45px;
    right: 240px;
    height: 15px;
    line-height: 15px;
    padding: 4px 5px 4px 5px;
    color: #ddd;
    font-size: 11px;
}

#headerLinks a {
    color: #ddd;
}

#headerLinks a:hover {
    color: #fff;
    text-decoration: underline;
}

/** Language selector */

#headerLangToggle img {
    vertical-align: middle;
    margin: 0 1px 1px 0;
}

#headerLangToggle img.globe_icon {
    background-position: -84px -420px;
    background-repeat: no-repeat;
}

#headerLangToggle:hover img.globe_icon {
    background-position: -95px -420px;
}

#langSelector.js {
    display: inline-block;
    margin-top: 3px;
    background: #a00100;
    border: 1px solid #750500;
    border-top: 0;
    margin-left: -15px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 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;
}

#langSelector.js a {
    display: block;
    padding: 0 7px;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    color: #ddd;
    text-decoration: none;
    cursor: pointer;
}

* html #langSelector.js a {
    display: inline-block;
}

#langSelector.js a:hover {
    background: #750500;
    color: #fff;
}

#langSelector.js a.icon:hover span {
    text-decoration: none !important;
}

#langSelector.js img.icon {
    margin: 0 3px -1px 0;
    vertical-align: baseline;
}

#langSelector.nojs {
    display: block;
    margin: 10px 0;
    border: solid 1px #fff200;
    padding: 5px;
    background: #ffc;
    text-align: center;
    font-size: 11px;
    line-height: 1.181818em;
}

#langSelector.nojs li {
    display: inline;
    margin-right: 0.727273em;
}

/** Background sprite */

#fauxHeader,
#lastfmLogo,
#primaryNav .nav-link:hover, 
#profileLinks .divider a,
#loginLink .profile-link,
#loginLink .profile-link strong,
#idBadgerUser,
#idBadgerDropper,
#siteSearchBox,
#siteSearchSubmit,
#headerLangToggle img.globe_icon {
    background-image: url(headersprite.1.png);
}

/** Paint it black */

.lfmBlack #fauxHeader { background-position: 0 -80px; }
.lfmBlack #lastfmLogo { background-position: 0 -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: 0 -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: 0 -390px; text-shadow: #000000 0 1px 1px; }
.lfmBlack #idBadgerDropper { background-position: -110px -420px; }
.lfmBlack #idBadgerDropper:hover { background-position: -131px -420px; }
.lfmBlack #idBadgerDropDown { background: #000; border-color: #000; }
.lfmBlack #idBadgerDropDown a:hover { background: #363636; }
.lfmBlack #siteSearchProgress { background: url(http://cdn.last.fm/flatness/spinners/spinner_000000-ffffff.gif) no-repeat;background: url(http://cdn.last.fm/flatness/spinners/spinner_ffffff_666666.gif) no-repeat;
 }

.lfmBlack #siteSearchBox { background-position: 0 -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 #langSelector.js { background: #000; border-color: #000; }
.lfmBlack #langSelector.js a:hover { background: #363636; }


#staging-overlay-div {
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter:alpha(opacity=50);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    text-align: center;
    font-size: 10px;
    line-height: 13px;
}

#staging-overlay-div span {
    background: #fff;
    padding: 0 5px 2px 5px;
    color: #666;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
}

/* User Verification */

#userVerification {
    display: block;
    margin: 10px 0;
    padding: 5px;
    background: #ffc;
    border: solid 1px #fff200;
    font-size: 11px;
    line-height: 1.181818em;
}


/* putting this here for now should move elsewhere */
.textareaActions {
    margin: 5px;
    padding: 4px;
    padding-left:0;
    margin-left:-6px;
}

.textareaActions .action, .textareaActions div {
    margin: 6px;
}

.attachbutton {
    padding: 6px 6px 6px 20px;
    border: 1px solid #C0C0C0;
    background: #fff url(http://cdn.last.fm/paperclip.png) 3px center no-repeat;
}


.autoCompleteResults  {
    background: white;
    border: 2px solid #C0C0C0;
    z-index: 1000;
    position:absolute;
    margin:0px;
    padding:0px;
    width:350px !important;
}
.autoCompleteResults li {
    padding: 3px;
}
.autoCompleteResults li.selected {
    background: #C0C0C0;
    color: white;
}

/* Autocomplete */

#siteSearchAutocomplete {
    z-index: 999999;
    width: 290px;
    border: 1px solid #bbb;
    border-color: #bbb #6f6f6f #6f6f6f #bbb;
    border-top: 0;
    -moz-box-shadow: 3px 3px 8px #444;
    -webkit-box-shadow: 3px 3px 8px #444;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    background: #fff;
}
#siteSearchAutocomplete {
    margin-left: -82px;
}
#siteSearchAutocomplete table {
    border-bottom: 1px solid #ddd;
}
#siteSearchAutocomplete th {
    width: 80px;
    border-right: 1px solid #ddd;
    text-align: right;
}
#siteSearchAutocomplete td {
    background: #fbfbfb;
    border-top: 1px solid #ddd;
}
#siteSearchAutocomplete td.first,
#siteSearchAutocomplete td.viewAll {
    border-top: 0;
}
#siteSearchAutocomplete tr.alt td {
    background: #f4f4f4;
}
#siteSearchAutocomplete ul {
    float: left;
}
#siteSearchAutocomplete li {
    float: left;
    clear: left;
}
#siteSearchAutocomplete li.odd {
/*    background: #f2f2f2;*/
}
#siteSearchAutocomplete li a {
    display: block;
    float: left;
    overflow: hidden;
    width: 245px;
    padding: 4px;
    border-bottom: 1px solid #ddd;
    text-decoration: none;
    color: #000;
    font-size: 11px;
    font-weight: normal;
    line-height: 15px;
}
#siteSearchAutocomplete.grouped li a {
    width: 241px;
    padding: 6px;
    border-bottom: 0;
}
#siteSearchAutocomplete.sidegrouped li a {
    width: 201px;
    padding: 4px;
}

#siteSearchAutocomplete li a.viewAll {
    border: 0;
}
#siteSearchAutocomplete.grouped li a.viewAll {
    border-top: 1px solid #ddd;
}
#siteSearchAutocomplete.sidegrouped li a.viewAll {
    border: 0;
}
#siteSearchAutocomplete li a.artistItem {
/*    line-height: 34px;*/
}
#siteSearchAutocomplete.grouped li a.tagItem {
    width: 245px;
    padding: 4px;
}
#siteSearchAutocomplete.sidegrouped li a.tagItem {
    width: 205px;
    padding: 4px 2px;
}
#siteSearchAutocomplete li.selected a,
#siteSearchAutocomplete li.selected a strong,
#siteSearchAutocomplete li.selected a small {
    background-color: #5297FF;
    color: #fff;
    text-decoration: none;
}
#siteSearchAutocomplete.grouped li.selected a span.img {
    border: 1px solid #777;
    background-color: #fff;
}
#siteSearchAutocomplete a:hover span.moduleOptions,
#siteSearchAutocomplete li.selected span.moduleOptions {
    background-image: url('http://cdn.last.fm/flatness/icons/see_more_arrow_white_13x13.png');
    color: #fff;
}
#siteSearchAutocomplete img,
#siteSearchAutocomplete span.img,
#siteSearchAutocomplete span.calSheet,
#siteSearchAutocomplete span.albumCover {
    float: left;
}
#siteSearchAutocomplete a.artistItem img,
#siteSearchAutocomplete a.trackItem img,
#siteSearchAutocomplete a.userItem img,
#siteSearchAutocomplete a.groupItem img,
#siteSearchAutocomplete a.labelItem img {
    margin: 0 9px 0 0;
}
#siteSearchAutocomplete.grouped a.artistItem span.img,
#siteSearchAutocomplete.grouped a.trackItem span.img {
    margin: 0 5px 0 0;
    padding: 1px;
    border: 1px solid #bbb;
}
#siteSearchAutocomplete.grouped a.artistItem span.img span,
#siteSearchAutocomplete.grouped a.trackItem span.img span {
    display: block;
    width: 33px;
    height: 27px;
    overflow: hidden;
}

* html #siteSearchAutocomplete.grouped a.artistItem span.img span,
* html #siteSearchAutocomplete.grouped a.trackItem span.img span {
    display: inline-block;
}

#siteSearchAutocomplete.grouped a.artistItem img,
#siteSearchAutocomplete.grouped a.trackItem img {
    margin: -5px 0 0 0;
}
#siteSearchAutocomplete a.tagItem img {
    vertical-align: middle;
    margin: 0 12px 0 1px;
}
#siteSearchAutocomplete.grouped a.tagItem img {
    margin: 0 3px -5px 0;
}
#siteSearchAutocomplete span.calSheet {
    margin: 0 13px 0 3px;
}
#siteSearchAutocomplete span.albumCover {
    margin: 0 5px 0 0;
}
#siteSearchAutocomplete span.albumCover img {
    float: none;
    margin: 0;
}

#siteSearchAutocomplete small.time {
    color: #888;
}
#siteSearchAutocomplete li h3,
#siteSearchAutocomplete th h3 {
    padding: 2px 4px 0 4px;
    font-size: 12px;
    font-weight: normal;
    color: #888;
    border-top: 1px solid #ddd;
}
#siteSearchAutocomplete th h3 {
    border: 0;
}
#siteSearchAutocomplete li h3.tag {
/*    background-image: url('http://cdn.last.fm/flatness/global/icon_tag3.png');
    background-repeat: no-repeat;
    background-position: 4px 3px;*/
}
#siteSearchAutocomplete p.header {
    position: relative;
    padding: 0 7px;
    border-bottom: 1px solid #ddd;
    text-align: right;
    font-size: 11px;
    line-height: 1.818182em;
    color: #696969;
}
#siteSearchAutocomplete.grouped p.header {
    border-bottom: 0;
    padding-bottom: 0;
    color: #888;
}
#siteSearchAutocomplete.sidegrouped p.header {
    margin-left: 80px;
    border-left: 1px solid #ddd;
    background: #fbfbfb;
}
#siteSearchAutocomplete p.empty {
    text-align: left;
}
#siteSearchAutocomplete.sidegrouped p.empty {
    text-align: right;
}
#siteSearchAutocomplete div.message {
    clear: both;
    float: left;
    width: 231px;
    margin: 5px;
    padding: 5px;
    border: 1px solid #bddcfe;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 11px;
    background: #e1f5ff;
}
#siteSearchAutocomplete div.messageWarn {
    border-color: #FE9F27;
    background: #FFE7D4;
}
#siteSearchAutocomplete.sidegrouped div.message {
    width: 191px;
    float: right;
}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td {
    vertical-align: top;
}

input, select {
    vertical-align: baseline;
}

textarea {
    font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
}

input[type=text],
input[type=password],
textarea {
    font-size: 12px;
    background: #fff;
    color: #000;
}

table {
    font-size: 100%;
}

.styledText ul,
.bbcode ul,
#faqContent ul {
    list-style: disc;
}

.styledText ol,
.bbcode ol,
#faqContent ol {
    list-style: decimal;
}

.styledText li,
.bbcode li,
#faqContent li {
    margin-left: 2em;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: bold;
}

/* Headers */
h1 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    line-height: 1.2em;
}

h2 {
    font-size: 14px;
    color: #D51007;
    font-weight: bold;
    line-height: 1.5em;
}

h2 img {
    vertical-align: text-bottom;
}

h5 {
    font-size: 11px;
    color: #000;
    font-weight: bold;
}


/* BASE CSS */

#page {
    color: #000;
    font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: #1b1b1b;
    clear: both;
    position: relative;
}

/* links */

a {
    color: #0187c5;
    text-decoration: none;
}

a:active {
    outline: none;
}

a:hover {
    color: #0187c5;
    text-decoration: underline;
}

/* misc */

sub,
sup {
    font-size: 0.75em;
    line-height: 0.1;
}

span.shoutCount {
    color: #696969;
}

#page .hint {
    color: #999;
}

.nowrap {
    white-space: nowrap;
}

small {
    font-size: 10px;
}

/* Forms */

input[type=text],
input[type=password],
textarea {
    border: 1px solid #bbb;
    padding: 3px;
}

/* this isn't really supposed to be here, but well... */

.staff span.name {
    background: #D51007 !important;
}

.ninja span.name {
    background: #331474 !important;
}

.subscriber span.name {
    background: #000 !important;
}

.moderator span.name {
    background: orange !important;
}

.userType {
    font-size: 9px;
    vertical-align: super;
    line-height: 0px;
    font-weight: normal;
}

.ninja .userType {
    color: #331474 !important;
}

.staff .userType {
    color: #D51007 !important;
}

.moderator .userType {
    color: orange !important;
}

.subscriber .userType {
    color: #000 !important;
}

span.userImage {
    position: relative;
}

img.groupImage,
span.userImage img {
    padding: 1px;
    border: 1px solid #ccc;
}

a:hover img.groupImage,
a:hover span.userImage img {
    padding: 1px;
    border-color: #0187c5;
}

span.userImage img.staff_icon,
span.userImage img.subscriber_icon,
span.userImage img.moderator_icon,
a:hover span.userImage img.staff_icon,
a:hover span.userImage img.subscriber_icon,
a:hover span.userImage img.moderator_icon {
    position: absolute;
    top: -3px;
    left: -3px;
    margin: 0 0 6px 0;
    padding: 0;
    border: 1px solid #ccc;
}

span.staffWithIcon {
    padding-right: 7px;
    background: url(http://cdn.last.fm/flatness/global/user/icon_staff_m.png) no-repeat top right;
}

.inline {
    display: inline;   
}
    /* for 1-button forms inline with bigButton */
    form.inline.lfmBigButton {
        position: relative;
    }
        form.inline.lfmBigButton input.button {
            position: relative;
            top: 2px;
            height: 18px;
        }



/* background image flickering fix */
html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

* html .clearit {
    height: 1%;
}

/* margin to separate preview button from track name in bbcode blocks */
.bbcode .previewbutton,
.wiki .previewbutton,
blockquote .previewbutton {
    margin-right: 3px;
}

.breadcrumb {
    color: #0187c5;
    margin: 1em 0 1em 15px;
    zoom: 1;
}

.leftCol .breadcrumb  {
    margin: 0 0 1em 0;
}

.breadcrumb span {
    color: #000;
}


div#browsablechart {
  margin-top: 7px;
}

div#browsablechart fieldset#typeSelector {
  margin-bottom: 1em;
}

div#browsablechart fieldset#typeSelector.withDateSelector {
  margin-bottom: 1.5em;
  border-bottom: 1px solid #ccc;
  padding-bottom: 13px;
  float: left;
  clear: both;
}

div#browsablechart div#dateSelector {
  padding-left: 190px;
  position: relative;
  margin-bottom: 1em;
  clear: both;
}

div#browsablechart div#calendar {
  width: 175px;
  float: left;
  display: inline;
  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 {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 190px;
}

#browsablechart #moreInfo ul.calendarLegend {
  margin: 0;
  white-space: nowrap;
}

div#browsablechart div#dateSelector p.chartmore {
  margin: 0;
  font-size: 11px;
}

/* Buttons */
a.button,
input.button,
button.button,
a.confirmButton,
input.confirmButton,
button.confirmButton {
    padding: 0 4px;
    border: 1px solid #ccc;
    border-color: #999 #858585 #666 #858585;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
    vertical-align: middle;
    vertical-align: baseline;
    text-decoration: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #9b9b9b url(http://cdn.last.fm/flatness/buttons/5/button.png) 0 0 repeat-x;
    font-weight: bold;
    line-height: 16px;
    text-shadow: #9b9b9b 0 -1px 1px;
}
a.confirmButton,
input.confirmButton,
button.confirmButton {
    border-color: #505050 #404040 #2d2d2d #404040;
    font-weight: bold;
    background: #515151 url(http://cdn.last.fm/flatness/buttons/5/confirm_button.png) 0 0 repeat-x;
    text-shadow: #515151 0 -1px 1px;
}

a.confirmButtonBlue,
input.confirmButtonBlue,
button.confirmButtonBlue {
    border-color: #00a4c3 #0094b6 #007599 #0094b6;
    font-weight: bold;
    background: #00b6d8 url(http://cdn.last.fm/flatness/buttons/5/confirm_button_blue.png) 0 0 repeat-x;
    text-shadow: #007599 0 -1px 1px;
}
a.button:hover,
input.button:hover,
button.button:hover,
a.confirmButton:hover,
input.confirmButton:hover,
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.confirmButton[disabled],
input.disabledConfirmButton {
    color: #bbb;
}

#page a.lfmBigButton,
#page a.lfmSmallButton,
#page .indicator,
#page .dismissbutton,
#page .mockAddButton {
    height: 18px;
    display: -moz-inline-box;
    display: inline-block;
    padding: 0 3px 0 0;
    background: transparent url(http://cdn.last.fm/flatness/buttons/8/grey_right.png) no-repeat right top;
    color: #fff;
    font-size: 11px;
    text-decoration: none;
    text-align: right;
    vertical-align: middle;
    cursor: pointer;
    text-shadow: #163551 0 -1px 1px;
    overflow: hidden;
}

#page a.lfmBigButton strong,
#page a.lfmBigButton span,
#page a.lfmSmallButton strong,
#page a.lfmSmallButton span,
#page .indicator span,
#page .indicator strong,
#page .dismissbutton span,
#page .dismissbutton strong,
#page .mockAddButton span,
#page .mockAddButton strong {
    height: 14px;
    padding: 2px 5px 2px 25px;
    background: transparent url(http://cdn.last.fm/flatness/buttons/8/add_left.png) no-repeat left top;
    display: -moz-inline-box;
    display: inline-block;
    line-height: 14px;
    vertical-align: top;
}

#page a.lfmTagButton strong {
    background: transparent url(http://cdn.last.fm/flatness/buttons/8/tag_left.png) no-repeat left top;
}

/* A button without all the backgroundyness */

#page a.lfmSimpleButton {
    height: auto;
    display: inline;
    padding: 0;
    background: none !important;
    color: #0187c5;
    text-align: left;
    vertical-align: baseline;
    text-shadow: none;
    overflow: visible;
}

#page a.lfmSimpleButton strong {
    height: auto;
    padding: 0;
    background: none !important;
    display: inline;
    line-height: auto;
    vertical-align: baseline;
}

#page .mockAddButton {
    cursor: auto;
}

#page a.lfmBigButton:hover,
#page a.lfmSmallButton:hover {
    background-position: right bottom;
    color: #fff;
}

#page a.lfmBigButton:hover span,
#page a.lfmBigButton:hover strong,
#page a.lfmSmallButton:hover span,
#page a.lfmSmallButton:hover strong {
    background-position: left bottom;
}

#page a.lfmSimpleButton:hover,
#page a.lfmSimpleButton:hover {
    background-position: 0;
    color: #0187c5;
    text-decoration: underline;
}

#page a.lfmSimpleButton:hover strong {
    background-position: 0;
}


#page a.lfmSmallButton {
    height: 15px;
    font-size: 9px;
}
#page a.lfmSmallButton strong,
#page a.lfmSmallButton span {
    height: 13px;
    padding: 2px 5px 0 20px;
    line-height: 11px;
}

/* Share */
#page a.lfmSendButton {
    background: transparent 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: transparent url(http://cdn.last.fm/flatness/buttons/8/share_left.png) no-repeat left top;
}
/* Join */
#page a.lfmJoinButton {
    background: transparent 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: transparent url(http://cdn.last.fm/flatness/buttons/8/join_left.png) no-repeat left top;
}
/* Befriend */
#page a.lfmBefriendButton {
    background: #163551 url(http://cdn.last.fm/flatness/buttons/6/add_right.png) no-repeat right top;
    text-shadow: #163551 0 -1px 1px
}
#page a.lfmBefriendButton strong {
    background: #163551 url(http://cdn.last.fm/flatness/buttons/6/add_left.png) no-repeat left top;
}

#page a.lfmBigMultiButton {
    padding-right: 19px;
    background: transparent 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: transparent url(http://cdn.last.fm/flatness/buttons/8/more_left.png) no-repeat left top;
}

#page a.lfmSmallMultiButton {
    width: 26px;
    padding: 0;
    background: transparent url(http://cdn.last.fm/flatness/buttons/6/small_multi.png) no-repeat right top;
}

#page a.lfmSmallMultiButton span {
    width: 26px;
    padding: 0;
    background: transparent;
}

#page a.lfmSmallModuleButton {
    width: 31px;
    padding: 0;
    background: transparent url(http://cdn.last.fm/flatness/buttons/4/small_multi_white.png) no-repeat right top;
}

#page a.lfmSmallActiveModuleButton {
    background-position: right -15px !important;
}

#page a.lfmSmallModuleButton span {
    width: 31px;
    padding: 0;
    background: transparent;
}

#page a.lfmBigActiveMultiButton {
    background-position: right -18px !important;
}

#page a.lfmBigActiveMultiButton span {
    background-position: left -18px !important;
}

#page a.lfmSmallActiveMultiButton {
    background-position: left bottom !important;
}

#page .indicator {
    background: #b7b7b7 url(http://cdn.last.fm/flatness/buttons/3/is_right.png) no-repeat right top;
    text-shadow: #999 0 -1px 1px
}
#page .indicator span,
#page .indicator strong {
    background: #b7b7b7 url(http://cdn.last.fm/flatness/buttons/4/is_left.png) no-repeat left top;
}
#page .lovedindicator span,
#page .lovedindicator strong {
    background: #b7b7b7 url(http://cdn.last.fm/flatness/buttons/4/is_left_loved.png) no-repeat left top;
}

/* Free Download and Full Track */
#page a.lfmFullTrackButton {
    text-decoration: none;
}

#page a.lfmFullTrackButton span {
    padding: 1px 2px;
    border: 1px solid #888;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #888;
    vertical-align: middle;
    letter-spacing: 0;
    line-height: normal;
    font-size: 8px
}

#page a.lfmFreeDownloadButton {
    height: 15px;
    padding-right: 2px;
    background: url(http://cdn.last.fm/flatness/buttons/7/freedownload_right.png) no-repeat right top;
    overflow: visible;
    text-shadow: none;
    font-size: 9px;
}

#page a.lfmFreeDownloadButton span,
#page a.lfmFreeDownloadButton strong {
    height: 11px;
    line-height: 11px;
    padding: 2px 3px 2px 17px;
    background: url(http://cdn.last.fm/flatness/buttons/7/freedownload_left.png) no-repeat left top;
    color: #fff;
    white-space: nowrap;
    font-weight: normal;
}

#page a.lfmFreeDownloadButtonLarge {
    width: 300px;
    height: auto;
    margin: 0 0 9px 0;
    padding: 0 0 3px 0;
    overflow: visible;
    text-shadow: #1586bb 0 -1px 1px;
    font-size: 11px;
    background: url(http://cdn.last.fm/flatness/buttons/7/freedownload_large_bottom.png) no-repeat left bottom;
}
#page a.lfmFreeDownloadButtonLarge:hover {
    background-position: right bottom;
}

#page a.lfmFreeDownloadButtonLarge span,
#page a.lfmFreeDownloadButtonLarge strong {
    width: 269px;
    height: auto;
    margin-top: 0;
    padding: 2px 5px 0 26px;
    color: #fff;
    white-space: nowrap;
    text-align: left;
    line-height: 18px;
    background: url(http://cdn.last.fm/flatness/buttons/7/freedownload_large_top.png) no-repeat left top;
}
#page a.lfmFreeDownloadButtonLarge:hover span,
#page a.lfmFreeDownloadButtonLarge:hover strong {
    background-position: right top;
}

/* Add */
#page a.lfmAddButtonLarge {
    height: 23px;
    padding-right: 2px;
    background: url(http://cdn.last.fm/flatness/buttons/8/add.png) no-repeat right top;
    overflow: visible;
    color: #333;
    text-shadow: rgba(255,255,255,0.5) 0 1px 0;
}

#page a.lfmAddButtonLarge span,
#page a.lfmAddButtonLarge strong {
    height: 19px;
    line-height: 19px;
    padding: 2px 6px 2px 22px;
    background: url(http://cdn.last.fm/flatness/buttons/8/add.png) no-repeat left top;
    color: #333;
    white-space: nowrap;
}

/* Multibutton menu */

#multiButtonMenu {
    position: absolute;
    margin: 0 0 0 7px;
    z-index: 50;
}

#multiButtonMenu li.mAddToLibrary,
#multiButtonMenu li.mRemoveFromLibrary,
#multiButtonMenu li.mAddToFriends {
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}
#multiButtonMenu li.mSend {
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

#multiButtonMenu li {
    display: none;
}

#multiButtonMenu div.mAddToLibrary li.mAddToLibrary,
#multiButtonMenu div.mRemoveFromLibrary li.mRemoveFromLibrary,
#multiButtonMenu div.mAddToFriends li.mAddToFriends,
#multiButtonMenu div.mSend li.mSend,
#multiButtonMenu div.mObsess li.mObsess,
#multiButtonMenu div.mAddToPlaylist li.mAddToPlaylist,
#multiButtonMenu div.mAddTags li.mAddTags,
#multiButtonMenu div.mMessage li.mMessage,
#multiButtonMenu div.mLove li.mLove,
#multiButtonMenu div.mUnlove li.mUnlove,
#multiButtonMenu div.mBan li.mBan,
#multiButtonMenu div.mUnban li.mUnban,

#multiButtonMenu div.mMessageAll li.mMessageAll,
#multiButtonMenu div.mEditPermissions li.mEditPermissions,
#multiButtonMenu div.mAbdicate li.mAbdicate,
#multiButtonMenu div.mLeave li.mLeave,

#multiButtonMenu div.mEditDetails li.mEditDetails,

#multiButtonMenu div.mBuy li.mBuy, 

#multiButtonMenu div.mLoading li.mLoading {
    display: block;
}

/* Leave space for the price/loading spinner */
#multiButtonMenu div.mBuy li.mBuy a {
    padding-right: 45px;
}

#multiButtonMenu div.mBuy li.mBuy span.priceHint,
#multiButtonMenu div.mBuy li.mBuy img.loading {
    position: absolute;
    right: 5px;
}

#multiButtonMenu div.mBuy li.mBuy span.indicator_free,
#multiButtonMenu div.mBuy li.mBuy span.indicator_free {
    margin-top: 1px;
}

#multiButtonMenu div.mBuy li.mBuy img.loading {
    margin-top: 5px;
}

#multiButtonMenu div.mLoading li.mLoading a {
    height: 73px;
    width: 70px;
    background: url(http://cdn.last.fm/flatness/spinner_big_f2f2f2.gif) center no-repeat #f2f2f2 !important;
}

/* Buy / Download */

#page div.lfmDownloadButton,
#page div.buyButton {
    display: inline;
    margin-right: 4px;
}

#page div.lfmBuyButtonContainRight,
#page div.lfmBuyButtonContainRight div.lfmDropDown {
    float: right;
    text-align: right;
}
#page div.lfmBuyButtonContainRightDownloadsRingtones div.lfmDownloadButton {
    clear: right;
}
#page a.lfmBuyButton,
#page a.lfmDownloadButton {
    white-space: nowrap;
    background: #979797 url(http://cdn.last.fm/flatness/buttons/6/buy_dl_right.png) no-repeat right top;
    text-shadow: #777 0 -1px 1px;
    white-space: nowrap;
}
#page a.lfmRingtoneButton {
    font-size: 11px;
}
#page a.lfmRingtoneButton .mobile_icon {
    vertical-align: middle;
}
#page a.lfmBuyButton span,
#page a.lfmBuyButton strong {
    background: #979797 url(http://cdn.last.fm/flatness/buttons/6/buy_left.png) no-repeat left top;
}
#page a.lfmDownloadButton span,
#page a.lfmDownloadButton strong {
    background: #979797 url(http://cdn.last.fm/flatness/buttons/6/dl_left.png) no-repeat left top;
}

#page a.lfmRingtoneButtonDropDown,
#page a.lfmBuyButtonDropDown,
#page a.lfmDownloadButtonDropDown {
    padding: 0 14px 0 0;
    white-space: nowrap;
    background: #979797 url(http://cdn.last.fm/flatness/buttons/6/buy_dl_drp_right.png) no-repeat right top;
    text-shadow: #777 0 -1px 1px;
    white-space: nowrap;
}
#page a.lfmRingtoneButtonDropDown span,
#page a.lfmRingtoneButtonDropDown strong {
    background: #979797 url(http://cdn.last.fm/flatness/buttons/6/rt_drp_left.png) no-repeat left top;
}
#page a.lfmBuyButtonDropDown span,
#page a.lfmBuyButtonDropDown strong {
    background: #979797 url(http://cdn.last.fm/flatness/buttons/6/buy_drp_left.png) no-repeat left top;
}
#page a.lfmDownloadButtonDropDown span,
#page a.lfmDownloadButtonDropDown strong {
    background: #979797 url(http://cdn.last.fm/flatness/buttons/6/dl_drp_left.png) no-repeat left top;
}

#page a.lfmBigBuyMoreButton,
#page a.lfmMultiBuyDialogButton {
    padding: 0 3px 0 0;
    white-space: nowrap;
    background-image: url(http://cdn.last.fm/flatness/buttons/8/buy_right_nodropdown.png);
    text-shadow: #333 0 1px 1px;
}

#page .lfmDropDown a.lfmBigBuyMoreButton {
    padding: 0 19px 0 0;
    background-image: url(http://cdn.last.fm/flatness/buttons/8/buy_right.png);
}

#page a.lfmBigBuyMoreButton span,
#page a.lfmBigBuyMoreButton strong,
#page a.lfmMultiBuyDialogButton span,
#page a.lfmMultiBuyDialogButton strong {
    background-image: url(http://cdn.last.fm/flatness/buttons/8/buy_left.png);
}

#page a.lfmSmallBuyMoreButton {
    padding: 0 3px 0 0;
    white-space: nowrap;
    background-image: url(http://cdn.last.fm/flatness/buttons/8/buy_right_small_nodropdown.png);
    text-shadow: #333 0 1px 1px;
}

#page .lfmDropDown a.lfmSmallBuyMoreButton {
    padding: 0 17px 0 0;
    background-image: url(http://cdn.last.fm/flatness/buttons/8/buy_right_small.png);
}

#page a.lfmSmallBuyMoreButton span,
#page a.lfmSmallBuyMoreButton strong {
    background-image: url(http://cdn.last.fm/flatness/buttons/8/buy_left_small.png);
}

#page .expanded a.lfmRingtoneButtonDropDown,
#page .expanded a.lfmBuyButtonDropDown,
#page .expanded a.lfmDownloadButtonDropDown {
    background-position: right center;
}

#page .expanded a.lfmRingtoneButtonDropDown span,
#page .expanded a.lfmRingtoneButtonDropDown strong,
#page .expanded a.lfmBuyButtonDropDown span,
#page .expanded a.lfmBuyButtonDropDown strong,
#page .expanded a.lfmDownloadButtonDropDown span,
#page .expanded a.lfmDownloadButtonDropDown strong {
    background-position: left center;
}

#page .buyButtonSupplier {
    padding-right: 7px;
}

#page .buyButtonSupplier,
#page .buyButtonSupplier a {
    font-size: 10px;
    line-height: 2;
    color: #0187c5;
}

#page .buyButtonSupplier .textlink {
    font-weight: bold;
}

#page .buyButtonSupplier a:hover {
    text-decoration: none;
}

#page .buyButtonSupplier a:hover .textlink {
    text-decoration: underline;
}


.lfmDropDown {
    display: inline-block;
    z-index: 1;
    padding: 0;
}

ul.lfmDropDownBody {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: 0;
    font-size: 10px;
}

#page ul.lfmDropDownBody li {
    width: auto;
    border-bottom: 1px solid #ccc;
    white-space: nowrap;
}
#page ul.lfmDropDownBody li a {
    display: block;
    padding: 0 8px;
    background: #f2f2f2;
    color: #6f6f6f;
    font-weight: normal;
    text-decoration: none;
}
#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: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow:3px 3px 5px #ccc;
    -webkit-box-shadow: 3px 3px 5px #ccc;
}

#page ul.lfmBuyDropDownBody li {
    border-bottom-color: #fff;
    font-size: 11px;
    border-top: 1px solid #fff;
}

#page ul.lfmSmallBuyDropDownBody li {
    font-size: 10px;
}

#page ul.lfmBuyDropDownBody li.buyType {
    padding: 2px 8px 0 8px;
    color: #999;
}

#page ul.lfmBuyDropDownBody li.last {
    padding-bottom: 5px;
    border-bottom-color: #ccc;
}

#page ul.lfmBuyDropDownBody li a {
    position: relative;
    background: #fff;
    color: #000;
    padding: 0 8px;
    padding-right: 60px;
}

#page ul.lfmBuyDropDownBody li a:hover {
    background: #5297FF;
    color: #fff;
}

#page ul.lfmBuyDropDownBody li small {
    position: absolute;
    display: block;
    top: 1px;
    right: 8px;
    font-weight: normal;
    display: block;
    width: 50px;
    text-align: right;
    font-size: 10px;
    overflow: visible;
    cursor: pointer;
}

#page ul.lfmBuyDropDownBody li small .indicator_free,
#page ul.lfmBuyDropDownBody li small .indicator_onsale {
    position: relative;
    right: -3px;
    font-size: 10px;
}

.a-charts #page .lfmMultiBuyDialogButton {
    margin: 0 0 1em 0;
}

.r-artist.a-overview #page .modulechartstracks .lfmMultiBuyDialogButton {
    margin-bottom: -2.5em;
}

.r-user.a-library #page .lfmMultiBuyDialogButton {
    margin: 6px 0 0 0;
} 

.r-user.a-library #page .lovedtracks.lfmMultiBuyDialogButton {
    margin: 0 0 -4.5em 0;
}

/* calendar */

#page table.calendar {
  width: 158px;
  font-size: 11px;
  line-height: 1em;
  border-collapse: collapse;
  margin-bottom: 2em;
}

#page .sidebar table.calendar {
  margin-bottom: 1em;
}

#page table.chartSelectCalendar {
  margin-bottom: 0;
}

#page table.calendar caption {
  text-align: left;
  font-weight: bold;
  font-size: 11px;
  color: #A0A0A0;
  padding-bottom: 0.5em;
  line-height: 1em;
  margin: 0;
}

#page table.calendar caption a {
  color: #A0A0A0;
  text-decoration: none;
  background-color: transparent;
}

#page table.calendar thead tr th {
  color: #A0A0A0;
  background: #FFF;
  font-weight: normal;
  padding-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: center;
}

#page table.chartSelectCalendar thead tr th {
  border: 1px solid #ccc;
  padding-top: 0.3em;
  padding-bottom: 0.4em;
}

#page table.chartSelectCalendar thead tr th#tableMonthHeading {
  border-left: hidden;
  border-right: hidden;
}

#page table.calendar tbody tr td {
  color: #545454;
  text-align: right;
  border: 1px solid #ccc;
  line-height: 1em;
  vertical-align: bottom;
  padding: 0;
}

#page table.calendar tbody tr td.noday {
  border: none;
  background-color: transparent;
}

#page table.calendar tbody tr td span,
#page table.chartSelectCalendar tbody tr td a,
#page table.chartSelectCalendar tbody tr.nodata td {
  padding: 0.75em 0.25em 0.25em 0;
  display: block;
}

#page table.chartSelectCalendar tbody tr.nodata td {
  display: table-cell;
}

table.calendar tr td { 
    background-color: #eee;
}

table.calendar tr td a {
  padding: 0.75em 0 0 0;
  text-decoration: none;
  margin: 0;
  display: block;  
  font-weight: bold;
  background-color: #fff;
}

#page table.calendar tbody tr td.marker {
  border: none;
  border-left: 1px solid #ccc;
  background-color: transparent !important;
  padding: 0 0 0 0.3em !important;
  vertical-align: middle !important;
}

#page table.calendar tr td.marker img {
  visibility: hidden;
  position: relative;
  top: 0.2em;
}

#page table.calendar tr.selected td.marker img {
  visibility: visible;
}

#page table.calendar tr.invisibleMarker td.marker img,
#page table.calendar tr.nodata td.marker img {
  visibility: hidden;
}

#page table.calendar tr td a:hover,
#page table.calendar tr td.highlight a {
  text-decoration: none;
  background-color: #CCC !important;
}

#page table.chartSelectCalendar tr td a:hover,
#page table.calendar tr.selected td,
#page table.calendar tr.selected td a:hover {
  text-decoration: none;
  background: #E9EBEF !important;
}

#page table.calendar tbody tr td.past,
#page table.calendar tbody tr.nodata td,
#page table.calendar tbody tr td.trailing {
  color: #CCC;
}

#page table.calendar tbody tr.nodata td {
  background: #FFF !important;
}

#page table.calendar thead tr th.weekend {
  font-weight: bold;
}

ul.calendarLegend {
  list-style-type: none;
  margin: 0 0 1.4em 0;
  padding: 0;
  font-size: 11px;
  line-height: 1.25em;
}

ul.calendarLegend li {
  margin: 0 0 0.42em 0;
  padding: 0 0 0 1.5em;
}

ul.calendarLegend li span {
  float: left;
  display: inline;
  width: 1em;
  height: 1em;
  border: 1px solid #ccc;
  margin-left: -1.5em;
}

ul.calendarLegend li span.selected {
  background-color: #E9EBEF;
}

/* calSheet */

span.calSheet {
    display: block;
    text-align: center;
}

span.calSheet span {
    display: block;
    float: left;
    width: 100%;
}

span.calSheet span.month {
    background: #D51007;
    border: 1px solid #D51007;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.1em;
    font-weight: bold;
    text-align: center;
}

span.calSheet span.day {
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    color: #000;
    line-height: 1.4em;
    font-weight: bold;
    letter-spacing: -0.1em;
}

/* calSheetSmall */

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;
}

/* image */

div.catalogueHead .catalogueImage {
    float: left;
    margin: 0 15px 10px 0;
}

div.catalogueHead .catalogueImage span.image {
    display: block;
    padding: 1px;
    background: #fff;
    border: 1px solid #ccc;
}

div.catalogueHead .catalogueImage span.image span {
    display: block;
    height: auto;
    overflow: hidden;
}

div.catalogueHead .catalogueImage img {
    display: block;
}

div.catalogueHead span.moduleOptions {
    padding: 1px 3px;
    background: #F7F7F7;
}

div.catalogueHead a.catalogueImage:hover {
    text-decoration: none;
}

div.catalogueHead a.catalogueImage:hover span {
    text-decoration: underline;
}

/* stats */

div.catalogueHead p.stats,
div.catalogueHead p.listeningNow {
    margin: 12px 0;
    color: #696969;
    font-size: 11px;
    line-height: 1.363636em;
}

div.catalogueHead p.listeningNow {
    margin-bottom: 0;
}

/* buttons */

div.catalogueHead div.buttons {
    margin: 12px 0;
    font-size: 0;
}

* html div.catalogueHead div.buttons .lfmButton,
* html div.catalogueHead div.buttons .indicator {
    margin-bottom: 4px;
}

/* tags */

div.catalogueHead div.tags p {
    font-size: 11px;
    line-height: 1.363636em;
}
div.catalogueHead div.tags h3 {
    margin: 15px 0 0 0;
}

div.catalogueHead p.tags {
    margin: 0;
    padding-right: 20px;
    text-indent: -20px;
    font-size: 11px;
    line-height: 1.181818em;
}

div.catalogueHead p.tags span {
    position: relative;
    left: 20px;
    top: 0;
    color: #0187c5;
}

div.catalogueHead p.tags span img {
    margin-right: 5px;
    vertical-align: middle;
}

/* comments */

div.catalogueHead p.comments {
    font-size: 11px;
    line-height: 1.181818em;    
}

div.catalogueHead .shoutcount {
    font-size: 11px;
}

div.catalogueHead p.comments {
/*    margin-bottom: 1em;*/
}

div.catalogueHead p.comments img {
    margin: 0 4px 0px 1px;
    vertical-align: bottom;
}


/* album specific */

.albumHead {}

.albumHead div.albumCover {
    float: right;
    margin: 0 0 10px 15px;
}

.albumHead div.albumCover p {
    margin: 5px 0 0 0;
}

.albumHead h1 {
    font-size: 14px;
    font-weight: bold;
}

.albumHead h1 a {
    font-weight: bold;
    color: #696969;
}

.albumHead h1 a:hover {
    color: #0187c5;
}

/* track specific */

div.trackHead a.featuredAlbum {
    display: inline;
    float: left;
    margin: 0 12px 0 0;
}

div.trackHead h1 {
    font-size: 16px;
    line-height: 1.1875;
    margin-bottom: 0;
}

div.trackHead h1 a {
    color: #000;
}

div.trackHead h1 a:hover {
    color: #0187c5;
    text-decoration: none;
}

div.trackHead h1 .icon {
    vertical-align: baseline;
    margin: 0 5px -3px 0;
}

div.trackHead div.buttons {
    margin: 0.75em 0 0 0;
}

div.trackHead p.featuredAlbums {
    margin: 0;
    font-size: 11px;
    line-height: 1.363636em;
}

div.trackHead span.shoutCount img.icon,
div.albumHead span.shoutCount img.icon,
div.artistHead span.shoutCount img.icon {
    display: none;
}

table.barChart {
  font-family: Arial, Helvetica, Verdana, "Free Sans", "FreeSans", sans-serif;
}

table.barChart td.subject {
  width: 62%;
  background-image: url("http://cdn.last.fm/depth/charts/barchart_fakeborder.gif");
  background-position: right top;
  background-repeat: repeat-y;
}

table.tagChart td.subject {
  background-image: url("http://cdn.last.fm/depth/charts/tagchart_fakeborder.gif");
}

table.fullTrackChart td.subject,
table.trackChart td.subject {
  background-image: none;
}

table.barChart td.quantifier {
  width: 38%;
}

table.barChart a {
	background: none;
	padding: 0 0.15em;
}

table.barChart td {
	border-top: solid 1px #DADADA;
	padding: 2px 5px 4px 5px;
	font-size: 12px;
	line-height: 1.16667em;
	vertical-align: top;
}

table.tagChart td {
  border-top: 1px solid #C5D0DD;
}

table.barChart td.subject span {
  height: 1.16667em;
  overflow: hidden;
  display: block;
  padding-right: 8px;
}

table.fullTrackChart td.subject span,
table.trackChart td.subject span {
  padding-right: 0;
}

table.barChart td.position {
	text-align: right;
	color: #969696;
	border-right: solid 1px #B5B5B5;
}

table.barChart td.delta {
	color: #BDBDBD;
	padding-left: 0;
	padding-right: 0;
	font-size: 9px;
	white-space: nowrap;
}

table.barChart td.delta img {
	margin-right: 1px;
}

table.tagChart td.position {
	color: #98AABF;
	border-right: solid 1px #98AABF;
}

table.barChart td.playButtons {
  padding: 2px 0 0 6px;
}

table.barChart td.addToPlaylistButtons {
  padding: 2px 10px 0 4px;
  background-image: url("http://cdn.last.fm/depth/charts/barchart_fakeborder.gif");
  background-position: right top;
  background-repeat: repeat-y;
}

table.barChart tr:hover td,
table.barChart tr.hover td  {
  background-color: #EEE;
  border-top: solid 1px #B5B5B5;
}

table.tagChart tr:hover td,
table.tagChart tr.hover td  {
  background-color: #E2E8F1;
  border-top: solid 1px #A8B9CC;
}

table.barChart tr:hover td.addToPlaylistButtons,
table.barChart tr:hover td.addToPlaylistButtons {
  color: #FFF;
}

table.barChart tr:hover td.quantifier,
table.barChart tr.hover td.quantifier {
	background-color: #FFF;
	border-top: none;
}

table.barChart td.subject a:hover {
  background: none;
  color: #545454;
}

table.tagChart td.subject a,
table.tagChart td.subject a:hover {
  color: #4B72A9;
}

table.barChart td.quantifier {
	padding: 0;
	color: #FFF;
  border-top: none;
}

table.barChart td.quantifier div {
	background-color: #CCC;
	height: 18px;
	line-height: 18px;
}

table.tagChart td.quantifier div {
	background-color: #C5D0DD;
}

table.barChart td.quantifier div span {
	padding-left: 4px;
	padding-right: 9px;
	background: url("http://cdn.last.fm/depth/charts/barchart_end.gif") top right no-repeat;
	display: block;
	white-space: nowrap;
}

table.tagChart td.quantifier div span {
	background: url("http://cdn.last.fm/depth/charts/tagchart_end2.gif") top right no-repeat;
}


/* half-width stuff */

#content table.inlineChart td.subject {
  width: 90%;
  padding: 0;
  background-image: none;
}

#content table.inlineChart td.position {
  color: #969696;
}

#content table.inlineChart td.delta {
  color: #AAA;
}

#content table.inlineChart tr td.playButtons {
  border-bottom: 2px solid #FFF;
  background-image: url("http://cdn.last.fm/depth/charts/inlinechart_fixed_bg.gif");
  background-position: right top;
  background-repeat: repeat-x;
}

#content table.inlineChart div {
  position: relative;
  padding: 0 5px;
}

#content table.inlineChart span.text {
  position: relative;
  z-index: 5;
  padding: 2px 0;
}

#content table.inlineChart span.percentageBar {
  background-color: #E8E8E8;
  display: block;
  background-image: url("http://cdn.last.fm/depth/charts/half-width_bg.gif");
  background-position: right center;
  background-repeat: no-repeat;
  position: absolute;
  height: 18px;
  z-index: 0;
  top: 0;
  left: 0;
  min-width: 9px;
}

table.barChart td.counter {
  text-align: right;
  color: #969696;
  white-space: nowrap;
}

#content table.inlineChart tr:hover span.percentageBar,
#content table.inlineChart tr.hover span.percentageBar {
  background-color: #DFDFDF;
  background-image: url("http://cdn.last.fm/depth/charts/half-width_bg_hover.gif");
}

#content table.inlineChart tr:hover td.subject,
#content table.inlineChart tr.hover td.subject,
#content table.inlineChart tr:hover td.position,
#content table.inlineChart tr.hover td.position,
#content table.inlineChart tr:hover td.delta,
#content table.inlineChart tr.hover td.delta {
  background-image: none;
  background-color: #EEE;
}

#content table.inlineChart tr:hover td.playButtons,
#content table.inlineChart tr.hover td.playButtons {
  border-bottom-color: #EEE;
  background-image: url("http://cdn.last.fm/depth/charts/inlinechart_fixed_bg_hover.gif");
}

/* add to playlist buttons */
/* See the IE CSS file for some stuff! */

#content table a.addToPlaylist {
  width: 16px;
  height: 16px;
  padding: 0;
  background: transparent;
  background-position: left top;
  float: right;
  display: inline;
  margin-top: -1px;
  margin-bottom: -1px;
}

#content table td > a.addToPlaylist {
 visibility: hidden;
 background-image: url("http://cdn.last.fm/depth/icons/addtoplaylist.gif");
}

#content table a.addToPlaylist span {
  width: 16px;
  height: 16px;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  text-indent: -9999px;
  display: block;
}

#content table tr:hover a.addToPlaylist {
  visibility: visible;
  background-image: url("http://cdn.last.fm/depth/icons/addtoplaylist.gif");
  background-repeat:no-repeat;
}

#content table tr.previewhover a.addToPlaylist,
#content table tr.flphover a.addToPlaylist,
#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,
#content table tr td a.playlistAddProgress:hover {
  background-image: url("http://cdn.last.fm/depth/global/progress.gif");
  background-position: 0 -2px;
  background-repeat:no-repeat;
}

#content table tr td a.playlistAdded,
#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 {
    font-family: "Helvetica Neue", Arial, Helvetica, Verdana, "Free Sans", "FreeSans", sans-serif;
    font-weight: bold;
    text-align: center;
}
.cloud .cloudItem {
    margin: 5px;
    vertical-align: middle;
    line-height: 1;
}

#editor {
	text-align: left;
	margin-top: 2px;
	padding: 2px 0;
	width: 465px;
}

#editor.journalMode {
	width: 685px;
}

#editor #editorTitle,
#editor #message,
#editor #toolbar,
#editorPanel,
#editorPreviewContainer {
 	width: 465px;
}

#editor #statusbar {
	border: 1px solid #F5F5F5;
	height: 1.2em;
	display: none;
	float: left;
}

#editor #bbbuttons {
	padding: 0;
	border: 0;
	margin: 3px 0 0 0;
	clear: both;
}
#editor #faqinserter { 
    clear: left;
}
#editor #faqinserter ul, #editor #faqinserter ul ul { 
    margin-left: 15px;
}


#editor #toolbar {
	margin-top: 4px;
}

#editor #editorPreviewPane {
	background: #FFF;
	margin: 5px 0 10px 0;
	padding: 15px;
	border: 1px solid #DFDFDF;
}

#editor #actionbuttons {
	padding: 3px;
}

#editor .bbbuttons {
  clear: both;
}

#editor .bbbuttons li {
	display: inline;
	float: left;
  margin: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	list-style: none;
	cursor: pointer;
	background: url('http://cdn.last.fm/depth/buttons/journal_button_01.gif') top left no-repeat;
	padding-left: 4px;
	line-height: 15px;
	font-size: 11px;
	white-space: nowrap;
}

#editor .bbbuttons li.lfm {
    color: #4A71A9;
}

#editor .bbbuttons li span {
    display: block;
    padding-right: 4px;
    background: url('http://cdn.last.fm/depth/buttons/journal_button_02.gif') top right no-repeat;
}

#journalgroups {
    clear: both;
    margin-top: 15px;
}

#editor #bbbuttons label { 
    display: block;
    margin-bottom: 0.5em;
}

.eventometer {
    font-size: 11px;
    font-weight: bold;
    line-height: 30px;
    background: url(http://cdn.last.fm/flatness/components/eventometer/bg.3.png) no-repeat 0 -30px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.eventometer-rec {
    background-position: 0 0;
}


div.wikiFactBox {
    margin: 1em 0;
}
dl.factbox {
    padding: 0 0 0 111px;
}

dl.factbox dt {
    clear: both;
    display: inline;
    float: left;
    margin: 0 0 0 -111px;
    padding: 7px 0 0 0;
    width: 100px;
}

dl.factbox dd {
    padding: 7px 0 0 0;
    display: block;
}

ul.festivalLineup {
    margin: 0;
}

ul.festivalLineup li {
    width: 160px;
    margin: 0 15px 0 0 ;
    padding: 0 3px 0 0 ;
    border-bottom: 1px solid #eee;
    display: inline-block;
    *display: inline;
    zoom: 1;
    _height: 1.5em;
}

* html ul.festivalLineup li {
    display: inline;
}    
 
ul.headlinerLvl1 li {
    height: 110px;
    position: relative;
    overflow: hidden; 
}

ul.headlinerLvl1 a {
    display: block;
    width: 100%;
    height: 100%;
}

ul.headlinerLvl1 li img {
    position: absolute;
    top: 0;   
    left: -63px;
}          

ul.headlinerLvl2 li, ul.headlinerLvl3 li {
    padding-right: 0;
    width: 163px;
}

ul.headlinerLvl1 li, ul.headlinerLvl2 li, ul.headlinerLvl3 li {
    margin: 0 15px 3px 0;
    border-bottom: 0 none;
}

ul.headlinerLvl1 li .lineupName, ul.headlinerLvl2 li a, ul.headlinerLvl3 li a {  
    display: block;
    color: #fff;
    font-weight: bold; 
    padding: 2px 4px;
    width: 155px;
    background-color: #4488cc;
}  

ul.headlinerLvl1 li .lineupName {
    position: absolute;
    bottom: 0;
    display: block;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

ul.headlinerLvl1 li a:hover span {
    text-decoration: underline;
    cursor: pointer;
}

ul.headlinerLvl2 li {
    opacity: 0.7;
}                                                       

ul.headlinerLvl3 li {
    opacity: 0.5;
}






#player {
    width: 300px;
    overflow: visible;
    margin-bottom: 30px;
}

#player.shortPlayer {
    height: 221px;
}

#player.lazy {
    position: relative;
    background: url(http://static.last.fm/prototyping/htmlplayer/player.png) 0 0 no-repeat;
    cursor: pointer;
    color: #6E6E6E;
    -moz-border-radius: 2px;
    height: 80px;
    margin-bottom: 20px;
    overflow: hidden;
}

#player .preview {
    display: none;
}

#player.lazy p.artist {
    position: absolute;
    display: block;
    top: 11px;
    left: 93px;
    font-size: 10px;
    color: #fff;
    width: 135px;
    overflow: hidden;
    height: 12px;
}

#player.lazy p.track {
    position: absolute;
    display: block;
    top: 28px;
    left: 93px;
    font-size: 10px;
    color: #fff;
    width: 135px;
    overflow: hidden;
    height: 15px;
}

#player.lazy p.type {
    position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    padding-top: 2px;
    height: 13px;
    background: #FEFEFE;
}

#player.lazy p.type span {
    color: #555;
    font-size: 9px;
}

#LastFooter {
    font-size: 11px;
    text-align: left;
    line-height: 1.181818em;
    margin: 10px 0 0 110px;
    color: #000;
    overflow: hidden;
}

* + html #spArticleBody #LastFooter {
    width: 808px;
}

.full #LastFooter {
    margin-left: 0;
}

* + html #spArticleBody .full #LastFooter {
    width: 918px;
}

#footerStuff {
    overflow: hidden;
    margin: 0 0 15px 0;
    background: #eef5fc;
    padding: 10px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    line-height: 15px;
    width : 100%;
}

#footerStuff li {
    width: 50%;
    _width: 48%;
    float: left;
    display: inline;
}

* + html #footerStuff li {
    width: 48%;
}

#footerMessage {
    margin-left: 15px;
}

#footerMessage h3 {
    font-size: 11px;
}

#footerMessage p {
    margin: 0;
}

#uploadYourMusic {
   margin-left: 15px;
}

#footer_content {
    margin: 0 0 25px 0;
    padding: 10px 15px 10px 0;
    background: #E3E3E3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#footerLinks {
    padding: 8px 0 0 0;
    margin: 0 0 25px 0;
    list-style-type: none;
}

#footerLinks * {
    margin: 0;
    padding: 0;
}

#footerLinks a {
    color: #000;
}

#footerLinks li {
    display: block;
    float: left;
    width: 25%;
    _width: 24%;
}

* + html #footerLinks li {
    width: 24%;
}

#footerLinks dt {
    width: 177px;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 3px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 3px;
    margin-left: 15px;
}

#footerLinks dd {
    margin-bottom: 0.2em;
    margin-left: 15px;
}

#LastFooter #jasrac {
    width: 226px;
    height: 75px;
    margin: 30px auto 0 auto;
}

#justCantGetEnough {
    padding-bottom: 3px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 3px;
    margin-left: 15px;
}

#justCantGetEnough blockquote {
    margin: 0 0 25px 0;
    font-family: "Lucida Sans", sans-serif;
    font-style: italic;
    font-size: 11px;
    color: #696969;
}

#legalities {
    clear: both;
    margin-left: 15px;
}

#legalities form {
    float: right;
}

#legalities form label {
    display: block;
    margin-bottom: 3px;
    color: #000;
}

#legalities form select {
    margin-right: 0.363636em;
}

#legalities p#copy {
    background: url(cbsi-music.png) no-repeat -7px 0;
    margin-top: 8px;
    height: 36px;
    padding: 12px 0 0 134px;
}

#legalities p#copy,
#legalities p#copy a {
    color: #696969;
    font-size: 10px;
}

#legalities #cbsi_f form {
    float: right;
}

#legalities #cbsi_f_pop {
    font-weight: bold;
    color: #000;
    margin: 0 0 3px 0;
}

#legalities #cbsi_f_pop a {
    font-weight: normal;
    color: #0187c5;
}

#legalities p#copy span.date{
  color: #999;
}

/* ads */

#footer_ads .LastAd {
    width: 25%;
    _width: 24.9%;
    height: 64px;
    float: left;
    display: inline;
    text-align: left;
}

* + html #footer_ads .LastAd {
    width: 24.9%;
}

#footer_ads {
    padding: 0;
    height: 64px;
    overflow: hidden;
    clear: both;
    zoom: normal;
    margin: 5px 0 15px 0;
}

#footer_ads  .footer_ad_wrapper {
    overflow: hidden;
}

#footer_ads .last {
    margin-right: 0;
}

* 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;
}

/* Comments List */

ul.forumComments {
    overflow: visible;
    width: 100%;
    margin-bottom: 2em;
}

ul.forumComments div.comment {
    margin: 0;
    padding: 10px 15px 10px 111px;
    position: relative;
    zoom: 1;
}

ul.forumComments li.odd {
    background: #f5f5f5;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}


/* User Details */

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,
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 {
    clear: left;
    float: left;
    margin-top: 10px;
    margin-left: -96px;
}

ul.forumComments ul.commentUserDetails li.userThumb a span.userImage {
    display: block;
    float: left;
}


ul.forumComments ul.commentUserDetails li.userDetails {
    clear: left;
    float: left;
    margin-left: -96px;
}

ul.forumComments ul.commentUserDetails li.userDetails span.user span.userType {
    display: none;
}

ul.forumComments ul.commentUserDetails li.date {
    width: 440px;
    display: block;
    text-align: right;
    color: #969696;
    font-size: 11px;
}

/* Actual Content */

ul.forumComments div.comment .wrapper {
    display: block;
    width: 440px;
    position: relative;
    z-index: 20;
}

ul.forumComments div.comment h4 {
    padding-top: 7px;
    margin: 0;
    font-size: 12px;
    color: #252525;
}

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 {
    margin: 0.7em 0 0.7em 2em;
    list-style-position: outside !important;
}

ul.forumComments div.comment .messageContent ul br {
    display: none;
}


/* Signature */

ul.forumComments div.comment div.messageSig {
    margin: 24px -15px 0 -15px;
    padding-top: 8px;
    border-top: 1px solid #ccc;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 11px;
    max-height: 100px;
    overflow: hidden;
}

ul.forumComments div.comment div.messageSig a {
    border-bottom: none;
    text-decoration: underline;
}

ul.forumComments div.comment div.messageSig a:hover {
    background: none;
}

/* Quote, Reply Buttons */

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 {
    color: #666;
    background: transparent;
}

/* Quotes */

span.quote {
    display: block;
    margin: 5px 0 1.5em 0;
    padding: 5px;
    background: #f5f5f5;
    border: 1px solid #ccc;
    position: relative;
    zoom: 1;
}

span.quote span.quote {
    margin: 5px 0 0 0;
}

/* superscript in forum signatures */

.messageSig sub,
.messageSig sup {
	line-height: 1.3;
}

div.comment a.entry-title {
  display: none;
}

.forum textarea {
    height: 100px;
}



/* Forum Search Results */
.forumSearchResults .forumCrumb {
    display: block;
    margin: 10px 0 0 0;
    padding: 0 15px;
    font-size: 11px;
    font-weight: normal;
    color: #666;
}

.forumSearchResults .forumCrumb a {
    color: #666;
    border: none;
}

.forumSearchResults .forumCrumb a:hover {
    color: #0187c5;
    text-decoration: underline;
}

.forumSearchResults ul.forumComments .messageSig,
.forumSearchResults ul.forumComments .forumStuff,
.forumSearchResults ul.forumComments .forumLine {
    display: none;
}


/* Recent Discussions (on group pages etc.) */
div.recentDiscussions table td.subject {
    padding: 0 0 10px 50px;
    font-size: 11px;
}

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,
div.forumview #bottombarForum {
	margin-bottom: 15px;
	overflow: hidden;
	clear: both;
	line-height: 2.5;
}

div.forumview #topbarForum .pagination,
div.forumview #bottombarForum .pagination {
    margin: 0;
}

table.forumtable {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 20px;
	border-collapse: collapse;
}

table.forumtable th {
	background: transparent;
	text-align: left;
	font-size: 12px;
	padding: 0 8px 8px 9px;
	color: #666;
}

table.forumtable td {
	padding: 6px 10px 8px 10px;
	vertical-align: top;
	font-size: 12px;
	border-right: solid 1px #E1E1E1;
	border-bottom: solid 1px #E1E1E1;
	border-top: solid 1px #E1E1E1;
}

#LastWebsite table.forumtable td a:hover {
  background-color: transparent;
}

table.forumtable tr.alt td {
	padding-top: 5px;
  background-color: #F5F5F5;
	border-bottom: solid 1px #E1E1E1;
	border-top: solid 1px #E1E1E1;
}

table.forumtable .forumTitle,
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 {
	font-size: 12px;
	color: #A0A0A0;
}

table.forumtable td.threadTitle small.threadPagination a {
	color: #A0A0A0;
	padding: 0 0.3em;
	margin: 0 -0.2em;
	text-decoration: none;
}

table.forumtable td.threadTitle small.threadPagination a:hover {
	color: #A0A0A0;
}

table.forumtable td a.author {
    color: #000;
}

table.forumtable .numTopics,
table.forumtable .numPosts {
	width: 5em;
	text-align: center;
}

table.forumtable .numReplies,
table.forumtable .numViews {
	text-align: center;
}

table.forumtable .end,
table.forumtable .lastPost {
	border-right: none;
}

table.forumtable .lastPost small {
	vertical-align: baseline;
	font-size: 11px;
	white-space: nowrap;
}

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;
}

/* reply tracker */

table#replyTrackerTable td {
  line-height: 1.16667;
}

#replyTrackerTable td.msgTitle a:visited {
	color: #A0A0A0;
}

table.forumtable tr td.location a {
  text-decoration: none;
}

table.forumtable tr td.location a {
  color: #545454;
}

/* grapevine */

#posthistorytable.forumtable td.lastPost {
	width: 10em;
}
/*
/* pm inbox */

table.forumtable tr.unreadMsg td {
	font-weight: bold;
}

table.forumtable tr td.msgIcon {
	border-right: none;
	padding-right: 0;
	width: 15px;
	padding-left: 5px;
}

table.forumtable tr td.msgIcon img {
	float: right;
}

.excerpts {
	clear: both;
}

/* Quick tweaks for rules */

#forumRules #content h1 {
    margin: 1em 0;
}

#forumRules ul.rules li {
    margin: 1em 0;
}

#forumRules dt {
    font-weight: bold;
    display: block;
    margin: .8em 0 0;
}

#forumRules dd {
    display: block;
    margin: .1em 0 .4em;
}

#forumRules dd input {
    margin-right: 3px;
}


/* Forum Search Box */
#forumsearch {
    margin: 0 0 20px 0;
    padding: 10px 15px;
    background: #f5f5f5;
}

#forumSearchInput {
    font-size: 12px;
    width: 160px;
    padding: 1px 3px;
    margin: 0;
    border: 1px solid #ccc;
}

a#advancedSearch {
    margin: 0 0 0 1em;
    font-size: 11px;
    cursor: pointer;
}

fieldset#advancedOptions {
    margin: 1em 0 0 0;
}

#resultsOrder {
    font-size: 11px;
    text-align: right;
    line-height: 3em;
}

#faqs {
    font-size: 12px;
    line-height: 1.5em;
}


.fullLengthPreview a.play img {
    padding-right: 4px;
}

.fullLengthPreview.active a.play img {
    background-position: 0 -32px;
}

.fullLengthPreviewProgressBar {
     margin: 6px 0;
}

.fullLengthPreviewProgressBar .progress {
    display: block;
    height: 4px;
    margin: 0 40px 0 24px;
    background: #E2F5FF;
}

.fullLengthPreviewProgressBar .progress .bar {
    display: block;
    height: 100%;
    width: 0;
    background: #2884AE;
}

#page .fullLengthPreviewProgressBar .duration {
    display: block;
    float: right;
    margin-top: -12px;
    color: #999;
}

a.icon:hover {
    text-decoration: none !important;
}
a.icon:hover span,
a.icon:hover strong {
    text-decoration: underline !important;
}

img.comment_icon {
    margin: 0 3px -2px 0;
}
img.journal_icon {
    margin: 0 5px -5px 0;
}
img.new_journal_icon {
    margin: 0 4px -4px 0;
}
img.tag_icon {
    margin: 0 6px -1px 0;
}
img.mail_icon {
    margin: 0 4px 0 0;
}
img.playingnow_icon {
    margin: 0 0 -2px 2px;
}
img.play_icon {
    margin: 0 4px -4px 0;
}
img.dismiss_icon {
    margin: 0 4px -2px 0;
}
img.feed_small_icon {
    margin: 0 4px -1px 0;
}
img.cal_icon {
    margin: 0 4px 0 2px;
}
img.feed_icon,
img.ics_icon,
img.ical_icon,
img.google_cal_icon,
img.google_cal_small_icon,
img.outlook_cal_icon {
    margin: 0 4px 0 0;
}
img.ics_small_icon {
    margin: 0 4px -1px 0;
}
img.itunes_icon {
    margin: 0 4px -4px 0;
}
img.itunes_small_icon {
    margin: 0 4px -1px 0;
}
img.print_icon {
    margin: 0 4px -3px 0;
}
img.edit_icon {
    margin: 0 0 -5px 0;
}
img.loved_indicator_icon {
    margin: 0 4px 0 0;
}
img.playlist_icon {
    margin: 0 4px -1px 0;
}
img.radio_large_icon {
    margin: 0 5px 0 0;
}
img.recommended_icon {
    margin: 0 5px 0 0;
}
img.attending_icon {
    margin: -3px 0 -6px 0;
}
img.maybeattending_icon {
    margin: -3px 0 -6px 0;
}
img.eventclash_icon {
    margin: -3px 0 -6px 0;
}
img.flag_icon {
    margin: 0 0 -5px 0;
}
img.ticket_icon {
    margin: 0 4px 0 0;
}
img.settings_icon {
    margin: 0 3px -1px 0;
}
img.up_icon {
    margin: 0 3px 0 0;
}
img.ss-hypem_icon {
    margin: 0 3px -3px 0;
}

img.warning_icon {
    margin: 0 5px -2px 0;
}

img.staff_icon,
img.subscriber_icon,
img.moderator_icon {
    margin: 0 2px 6px 0;
}

/* Resource icons */
img.res_track_icon,
img.res_artist_icon,
img.res_album_icon {
    margin: 0 4px -4px 0;
}
img.scrobbling_icon {
    margin: 0 1px -5px 0;
}

/* IN THE LONG RUN, THIS SHOULD REPLACE ALL THE ABOVE */

img.icon {
    background-image: url('icons.png');
}
*html img.icon {
    background-image: url('http://cdn.last.fm/flatness/sprites/10/icons.IE6.png');
}


.flag_uk_icon       { background-position: 0 0; }
.flag_de_icon       { background-position: 0 -20px; }
.flag_es_icon       { background-position: 0 -40px; }
.flag_fr_icon       { background-position: 0 -60px; }
.flag_it_icon       { background-position: 0 -80px; }
.flag_jp_icon       { background-position: 0 -100px; }
.flag_pl_icon       { background-position: 0 -120px; }
.flag_pt_icon       { background-position: 0 -140px; }
.flag_ru_icon       { background-position: 0 -160px; }
.flag_se_icon       { background-position: 0 -180px; }
.flag_tr_icon       { background-position: 0 -200px; }
.flag_zh_icon       { background-position: 0 -220px; }
.globe_icon         { background-position: 0 -240px; }
.ss-amarok_icon     { background-position: 0 -260px; }
.ss-wmp_icon        { background-position: 0 -280px; }
.ss-itunes_icon     { background-position: 0 -300px; }
.ss-wa2_icon        { background-position: 0 -320px; }
.ss-iphone_icon     { background-position: 0 -340px; }
.ss-logitech_icon   { background-position: 0 -360px; }
.ss-playdar_icon    { background-position: 0 -380px; }
.ss-lfm_icon        { background-position: 0 -400px; }
.ss-spotify_icon    { background-position: 0 -420px; }
.ss-android_icon    { background-position: 0 -440px; }
.ss-generic_icon    { background-position: 0 -460px; }
.ss-denon_icon      { background-position: 0 -1880px; }
.settings_icon      { background-position: 0 -500px; }
.flag_icon          { background-position: 0 -520px; }
.eventclash_icon    { background-position: 0 -540px; }
.maybeattending_icon{ background-position: 0 -560px; }
.attending_icon     { background-position: 0 -580px; }
.recommended_icon   { background-position: 0 -600px; }
.ticket_icon        { background-position: 0 -640px; }
.moderator_icon     { background-position: 0 -660px; }
.subscriber_icon    { background-position: 0 -680px; }
.staff_icon         { background-position: 0 -700px; }
.edit_icon          { background-position: 0 -720px; }
.tag_icon           { background-position: 0 -740px; }
.itunes_icon        { background-position: 0 -880px; }
.outlook_cal_icon   { background-position: 0 -900px; }
.google_cal_icon    { background-position: 0 -920px; }
.ical_icon          { background-position: 0 -940px; }
.ics_icon           { background-position: 0 -940px; }
.cal_icon           { background-position: 0 -960px; }
.feed_small_icon    { background-position: 0 -1000px; }
.loved_icon         { background-position: 0 -1020px; }
.unloved_icon       { background-position: 0 -1040px; }
.loved_indicator_icon { background-position: 0 -1060px; }
.play_icon          { background-position: 0 -1080px; }
.dismiss_icon       { background-position: 0 -1120px; }
.comment_icon       { background-position: 0 -1220px; }
.journal_icon       { background-position: 0 -1240px; }
.new_journal_icon   { background-position: 0 -1260px; }
.addtofriends_icon  { background-position: 0 -1280px; }
.isfriend_icon      { background-position: 0 -1300px; }
.mailuser_icon      { background-position: 0 -1320px; }
.up_icon            { background-position: 0 -1340px; }
.radio_play_icon    { background-position: 0 -1380px; }
.radio_tag_icon     { background-position: 0 -1400px; }
.radio_playlists_icon   { background-position: 0 -1420px; }
.act_created_icon   { background-position: 0 -1440px; }
.act_added_icon     { background-position: 0 -1460px; }
.act_connected_icon { background-position: 0 -1480px; }
.act_disconnected_icon  { background-position: 0 -1500px; }
.act_befriended_icon        { background-position: 0 -1520px; }
.act_updatedpermissions_icon    { background-position: 0 -1540px; }
.act_joined_icon    { background-position: 0 -1560px; }
.act_left_icon      { background-position: 0 -1580px; }
.act_attending_icon { background-position: 0 -1600px; }
.act_maybeattending_icon    { background-position: 0 -1620px; }
.act_notattending_icon  { background-position: 0 -1640px; }
.act_obsession_icon     { background-position: 0 -1660px; }
.act_tagged_icon    { background-position: 0 -1680px; }
.act_loved_icon     { background-position: 0 -1700px; }
.act_recommended_icon   { background-position: 0 -1720px; }
.ss-xbox_icon       { background-position: 0 -1740px; }
.ss-grooveshark_icon   { background-position: 0 -1800px; }
.ss-scrobbling_icon { background-position: 0 -1820px; }
.mobile_icon        { background-position: 0 -1860px; }
.scrobbling_icon        { background-position: 0 -1820px; }
.radio_small_icon        { background-position: 0 -1840px; }


/* preview_icon spriting should be moved in to it's own file  */

img.preview_icon {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(http://cdn.last.fm/flatness/preview/1/sprite.png) !important;
    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: 0 -16px;
}

/* IE6 fix */
* html #page .globe_icon { background: url('http://cdn.last.fm/depth/flags/mini/globe.gif') left top no-repeat; }
* html #page.lfmBlack .globe_icon { background: url('http://cdn.last.fm/depth/flags/mini/globe_black.gif') left top no-repeat; }


.indicator_new {
    height: 24px;
    display: -moz-inline-box;
    display: inline-block;
    padding: 0 3px 0 0;
    background: url("http://cdn.last.fm/flatness/red_new_box.2.png") no-repeat right bottom;
    color: #fff;
    font-size: 11px;
    text-decoration: none;
    text-align: right;
    vertical-align: middle;
    font-weight: bold;
    text-shadow: #163551 0 -1px 1px;
    overflow: hidden;
}

.indicator_new span {
    height: 21px;
    padding: 1px 5px 2px 9px;
    background: url("http://cdn.last.fm/flatness/red_new_box.2.png") no-repeat left top;
    display: -moz-inline-box;
    display: inline-block;
    line-height: 20px;
    vertical-align: top;
}

a.indicator_new:hover {
    color: #eee;
}

.indicator_onsale {
    padding: 0 3px;
    background: #ef0a00;
    color: #fff;
    font-size: 9px;
    border: 1px solid #b70800;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 0.4px;
    white-space: nowrap;
}

.indicator_free {
    padding: 0 3px;
    line-height: 11px;
    background: #fd9d36;
    color: #fff;
    font-size: 9px;
    border: 1px solid #ed821b;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 0.4px;
    white-space: nowrap;
}

#page a:hover .indicator_free,
#page a:hover .indicator_onsale {
    text-decoration: none !important;
}

div#calendar table.interactive {
    display: none;
}
div#calendar table.first {
    display: table;
}
div#calendar table.controls {
    margin: -1px 0 0 0;
    width: 158px;
    position: absolute;
}
div#calendar table.controls td a {
    text-decoration: none;
}
div#calendar table.controls td a {
    display: block;
    width: 17px;
    line-height: 15px;
}
div#calendar table.controls td.next a {
    background:url(http://cdn.last.fm/depth/global/arrow_r.png) top left no-repeat;
}
div#calendar table.controls td.prev a {
    background:url(http://cdn.last.fm/depth/global/arrow_l.png) top right no-repeat;
}
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, div#calendar table.controls td.next a:hover.busy {
    background-image:url(http://cdn.last.fm/depth/global/arrow_r_anim.gif);
}
div#calendar table.controls td.prev a.busy, div#calendar table.controls td.prev a:hover.busy {
    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;
}
/*
div#eventsNav ul li.pickadate {
  padding-top: 5px;
}
*/


/* Album Cover
   =========== */

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 {
    display: block;
    position: absolute;
}

span.coverSmall img.art {
    clip: rect(0,34px,34px,0);
    left: 3px;
    top: 1px;
}
span.coverMedium img.art {
    clip: rect(0,64px,64px,0);
    left: 7px;
    top: 2px;
}
span.coverLarge img.art {
    clip: rect(0,126px,126px,0);
    left: 11px;
    top: 3px;
}
span.coverMega img.art {
    clip: rect(0,174px,174px,0);
    top: 5px;
    left: 15px;
}



span.albumCover img  { display: block; }

span.albumCover span.jewelcase {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: left top;
}

/* TODO: correct width and height */

span.coverSmall span.jewelcase {
    width: 37px;
    height: 36px;
    background-image: url(http://cdn.last.fm/flatness/catalogue/album/jewelcase_small.png);
}
* html span.coverSmall span.jewelcase {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn.last.fm/flatness/catalogue/album/jewelcase_small.png', sizingMethod='crop');
}

span.coverMedium span.jewelcase {
    width: 73px;
    height: 68px;
    background-image: url(http://cdn.last.fm/flatness/catalogue/album/jewelcase_medium.png);
}
* html span.coverMedium span.jewelcase {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn.last.fm/flatness/catalogue/album/jewelcase_medium.png', sizingMethod='crop');
}

span.coverLarge span.jewelcase {
    left: 0px;
    width: 141px;
    height: 134px;
    background-image: url(http://cdn.last.fm/flatness/catalogue/album/jewelcase_large.png);
}
* html span.coverLarge span.jewelcase {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn.last.fm/flatness/catalogue/album/jewelcase_large.png', sizingMethod='crop');
}
span.coverMega span.jewelcase {
    left: 0px;
    width: 194px;
    height: 184px;
    background-image: url(http://cdn.last.fm/flatness/catalogue/album/jewelcase_mega.png);
}
* html span.coverMega span.jewelcase {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn.last.fm/flatness/catalogue/album/jewelcase_mega.png', sizingMethod='crop');
}

span.albumCover span.tracks {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 1px 3px;
    color: #fff;
    font-size: 10px;
    background: #333;
}

#launcher input#userInput {
    display: inline;
    float: left;
    width: 238px;
    height: 16px;
    line-height: 16px;
    margin: -1px 7px 0 0;
    padding: 1px 5px;
    border: 1px solid #505050;
    outline: 0;
    font-size: 11px;
    font-weight: bold;
}

#launcher p {
    clear: left;
    margin: 5px 0 0 3px;
    font-size: 11px;
    color: #ccc;
}


#launcher #searchTypes {
    margin: 0 0 3px 0;
}

#launcher #searchTypes li {
    font-size: 11px;
    line-height:12px;
    float: left;
    font-weight: bold;
    margin: 0 5px 5px 0;
    padding: 0 5px 0 0;
    border-right: 1px solid #505050;
    text-shadow: #505050 0 -1px 1px;
}

#launcher #searchTypes li.last {
    border-right: 0;
}
#launcher #searchTypes li a {
    color: #ccc;
}
#launcher #searchTypes li a:hover {
    color: #fff;
    text-decoration: none;
}
#launcher #searchTypes li.selected a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

#launcher .smallPlayButton {
    width: 23px;
    height: 22px;
    margin-top: -1px;
    background: url(http://cdn.last.fm/flatness/listen_v2/play_ondark_23x22_rest.png) no-repeat;
    border: 0;
}

#launcher .smallPlayButton:hover {
    background: url(http://cdn.last.fm/flatness/listen_v2/play_ondark_23x22_onhover.png) no-repeat;
}

div.fansModule {
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

ul.listenersSmall li {
    position: relative;
    float: left;
    width: 100%;
}

ul.listenersSmall li div {
    padding: 0 0 0 48px;
    font-size: 11px;
    line-height: 1.181818em;
    color: #696969;
}

ul.listenersSmall li strong a {
    color: #1b1b1b;
    text-decoration: none;
    cursor: pointer; /* explicit for IE */
}

ul.listenersSmall li strong a:hover {
    color: #0187c5;
}

ul.listenersSmall img.playingnow_icon {
    position: absolute;
    top: 1px;
    right: 1px;
}

ul.listenersSmall span.userImage {
    float: left;
    display: inline;
    margin: 1px 0 8px -48px;
}

#page ul.listenersSmall p,
#page ul.listenersSmall div.scrobblesource {
    margin: -1px 0;
    padding: 0;
}

#page ul.listenersSmall p.track a {

}


/** Player */

#player.maintenance {
    width: auto;
    padding: 10px;
    background: #d6efff;
    border: solid 1px #a5d7ef;
    font-size: 11px;
    line-height: 1.454545em;
    color: #333;
}

div.playlinks, div.rightCol div.playlinks {
    position: relative;
    margin: 0 0 15px 0;
}

div.playlinks {
    margin: 0 0 25px 0;
}

div.playlinks ul.externalSources {
    margin-bottom: 5px;
}

div.playlinks ul.externalSources li {
    padding: 5px 0px 5px 25px;
    margin: 0;    
    font-size: 11px;
    border-top: 1px solid #ccc;
    position: relative;
    text-align: right; 
    line-height: 18px;
}
   
div.playback div.preview {
    font-size: 11px;
    margin-bottom: 5px;
} 

div.playback div.preview .previewbutton {
    margin: 1px 2px 0 0;
}

div.playlinks ul.externalSources a.provider {
    vertical-align: middle; 
    float: left;
    margin-left: -20px;
}

div.playlinks ul.externalSources a.provider strong {
    padding-right: 14px;
    background: url(http://cdn.last.fm/flatness/medialinks/outbound_link.gif) top right no-repeat;
}

div.playlinks ul.externalSources li .icon {
    background: none;
    float: left;
    margin: 1px 0 0 0;
    width: 18px;
    height: 18px;
    position: relative; 
    left: -25px;
}               

div.playlinks ul.externalSources li .icon img {
    position: absolute;
    left: 0;
    top: 0;
}   

div.playlinks .favicon {
    z-index: 1; 
    margin: 1px;
}              

div.playlinks .iconCover {
    z-index: 2;
}

div.playlinks ul.externalSources li p.note {
    margin-top: -1px;
    color: #696969;
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
}   

div.playlinks ul.externalSources li .faqLink {
    font-weight: normal;
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
}

/** Right Col Placement */

div.rightCol div.playlinks ul.externalSources li p.note {
    display: none;
}

div.messageBox {
    margin: 15px 0;
}

div.messageBox span.messageWrapper {
    padding: 0.125em 0.5em 0.25em 25px;
    font-weight: normal;
    line-height: 1.3em;
}

div.successMessage span.messageWrapper {
    background: url(http://cdn.last.fm/flatness/messageboxes/success.png) 0.5em center no-repeat #d6ebcc;
}
div.errorMessage span.messageWrapper, div.dialogErrorMessage {
    background: url(http://cdn.last.fm/flatness/messageboxes/error.png) 0.5em center no-repeat #ffeacc;
}

div.dialogErrorMessage {
    margin: 0;
    padding: 2px 2px 2px 25px;
}

* + html div.successMessage span.messageWrapper {
    background-position: 0.5em top;
}

* + html div.errorMessage span.messageWrapper {
    background-position: 0.5em top;
}

div.infoMessage span.messageWrapper,
div.warnMessage span.messageWrapper,
div.artistMessage span.messageWrapper,
div.infoMessageBlock,
div.warnMessageBlock,
div.artistMessageBlock,
div.betaMessage span.messageWrapper {
    padding: 0.125em 0.5em 0.25em 0.5em;
}
div.infoMessage span.messageWrapper,
div.infoMessageBlock {
    background:  #e4f1ff;
}
div.warnMessage span.messageWrapper,
div.warnMessageBlock {
    background: #ffeacc;
}
div.artistMessage span.messageWrapper,
div.artistMessageBlock {
    background:  #f1e4ff;
}

div.betaMessage span.messageWrapper,
div.betaMessageBlock {
    background:  #e1f5ff;
}
div.betaMessageBlock {
    position: relative;
    padding: 5px 10px;
    border: 1px solid #bddcfe;
    font-size: 11px;
    color: #333;
}
div.betaMessageBlock h3 {
    margin-bottom: 2px;
}
div.betaMessageBlock h3 a {
    color: #000;
}

div.nodataMessageBlock,
div.nodataMessage span.messageWrapper {
    padding: 0.5em;
    background: #f2f2f2;
    border: 1px solid #ccc;
}

div.rightCol div.nodataMessageBlock,
div.rightCol div.nodataMessage span.messageWrapper {
    background: #e3e3e3;
}

div.newbieMessage {
    padding: 1em;
    background: #eef5fc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

div.dismissMessage {
    margin: 0 0 15px 0;
    padding: 5px;
    border: 5px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #fff;
    text-align: center;
    font-size: 11px;
    line-height: 1.272727;
}
div.dismissMessage img.delete_icon {
    float: right;
}
div.dismissMessage h3 {
    margin-bottom: 10px;
}
div.dismissMessage p {
    color: #696969;
}
div.dismissMessageGrey {
    background: #eee;
    border-color: #eee;
}
div.dismissMessageSmall {
    padding: 3px;
    font-size: 10px;
    line-height: 1.4;
}
div.dismissMessage p.icons {
    margin: 20px 0 0 0;
}
div.dismissMessage p.icons img {
    margin: 0 5px;
}
div.dismissMessageSmall p.icons img {
    margin: 0 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 {
    position: relative;
    border-color: #a5d7ef;
    background: #d6efff;
    color: #636363;
    border-width: 1px;
    margin: 10px 0 0 0;
    padding: 10px 10px 0 10px;
    font-size: 11px;
    line-height: 1.181818;
    z-index: 500;
}
div#radioTrialModal {
    z-index: 490px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}
div#radioTrialMessage p,
div#radioTrialMessage.dismissMessageGrey p {
    color: #000;
}
div#radioTrialMessage h3 {
    font-size: 12px;
    margin-bottom: 5px;
}
div#radioTrialMessage div.inYourFace {
    padding-bottom: 5px;
}
div#radioTrialMessage div.inYourFace h3 {
    margin-bottom: 10px;
    font-size: 19px;
}
div#radioTrialMessage div.inYourFace p {
    margin-bottom: 10px;
    font-size: 11px;
    line-height: 1.333333;
    color: #636363;
}
div#radioTrialMessage.trialStart,
div#radioTrialMessage.trialEnd,
div#radioTrialMessage.subscribe {
    text-align: left;
    margin: 0 0 10px 0;
}
div#radioTrialMessage.trialStart div.inYourFace,
div#radioTrialMessage.trialEnd div.inYourFace,
div#radioTrialMessage.subscribe div.inYourFace {
    padding-bottom: 5px;
}
div#radioTrialMessage.trialStart div.inYourFace h3,
div#radioTrialMessage.trialEnd div.inYourFace h3,
div#radioTrialMessage.subscribe div.inYourFace h3 {
    margin-bottom: 10px;
    font-size: 19px;
}
div#radioTrialMessage.trialStart div.inYourFace p,
div#radioTrialMessage.trialEnd div.inYourFace p,
div#radioTrialMessage.subscribe div.inYourFace p {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.333333;
    color: #636363;
}

div#radioTrialMessage.dismissMessageGrey strong {
    color: #000;
}

div#radioTrialMessage table.trialLeft {
    width: 100%;
    margin: 10px 0 15px 0;
    line-height: 8px;
}
div#radioTrialMessage table.trialLeft td {
    width: 25%;
    padding: 0 5px;
    color: #696969;
    text-align: left;
    vertical-align: middle;
}
div#radioTrialMessage table.trialLeft td.first {
    text-align: right;
}
div#radioTrialMessage table.trialLeft td.progressCell {
    width: 50%;
    padding: 0;
}
div#radioTrialMessage table.trialLeft div.progress {
    margin: 0;
    height: 8px;
    border: 1px solid #9c9b9b;
    background: #eee;
}
div#radioTrialMessage.dismissMessageGrey table.trialLeft div.progress {
    background: #fff;
}
div#radioTrialMessage div.progress div {
    height: 100%;
}
div#radioTrialMessage span.used {
    float: right;
}

div#radioTrialMessage.homeExpired {
    margin: 0 0 10px 0;
    text-align: left;
}
div#radioTrialMessage.homeExpired h3 {
    color: #636363;
}
div#radioTrialMessage.homeExpired p {
    text-align: center;
    color: #636363;
}

div#imageBlockingWarning {
    padding: 1em;
}

div#imageBlockingWarning h3 {
    margin: 0 0 1em;
}

.cta-sidebarMessage {
    position: relative;
    padding: 8px 10px;
    margin-left: 10px;
    background: #fef598 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 1.333333;
}

/* creates triangle */
.cta-sidebarMessage:after {
    content:"\00a0";
    display:block;
    position:absolute;
    z-index:1;
    top: 10px;
    left: -20px;
    bottom: auto;
    width:0;
    height:0;
    border-width:10px 10px;
    border-style:solid;
    border-color: transparent #fef598 transparent transparent;
}


ul.minifeedSmall li {
    padding: 3px 0 3px 25px;
    border-bottom: 1px solid #ddd;
    font-size: 11px;
}

ul.minifeedSmall li img.icon {
    display: inline;
    float: left;
    margin: 0 0 0 -25px;
}

* html ul.minifeedSmall li {
    zoom: 1;
}

ul.minifeedSmall li.last {
    border: 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 {
    float: none;
    margin: 0 4px;
    vertical-align: middle;
}

#moderationBox {
    margin: 0 -15px 15px -15px;
    overflow: hidden;
    background: #fffcca;
    padding: 6px 15px 7px 15px;
}

* html #moderationBox {
    padding: 4px 15px 7px 15px;
    zoom: 1;
}

.fullWidth #moderationBox,
.fiflufi .leftCol #moderationBox {
    margin-top: -15px;
}

#moderationBox.forSearch {
    margin: 15px 0 0 0;
}

#moderationBox p {
    display: inline;
}

#moderationBox p {
    float: left;
}

#moderationBox .blah {
    float: right;
}

/** New newsfeed / prototyping */

ul.newsfeedMedium {
    margin: 5px 0;
}

ul.newsfeedMedium li {
    position: relative;
    padding: 5px 100px 5px 30px;
}

ul.newsfeedMedium li.odd {
    background: #f7f7f7;
}

ul.newsfeedMedium li span.date {
    position: absolute;
    top: 5px;
    right: 5px;
}

/** Posts and shouts */

ul.newsfeedMedium .excerpt {
    margin: 5px 0 10px;
    padding: 0 0 0 10px;
    
    color: #666;
    border-left: 5px solid #ddd
}

ul.newsfeedMedium div.excerpt img {
    float: none;
    margin-left: 0;
}

ul.newsfeedMedium div.resourceExcerpt {
    padding-left: 45px;
}

ul.newsfeedMedium div.resourceExcerpt img {
    float: left;
    margin-left: -43px;
}

/** Images */

ul.newsfeedMedium div.imageExcerpt img {
    float: left;
    padding: 1px;
    border: 1px solid #999;
    margin: 0 5px 5px 0;
}

ul.newsfeedMedium span.more {
    display: block;
    clear: both;
}

/** Events */

ul.newsfeedMedium span.calSheet {
    float: left;
    width: 26px;
    margin-left: -37px;
    margin-top: 3px;
}

/** Legacy newsfeed CSS, is this used at all? */


/* Noobstrap */

#noobWelcome {
    margin: 0 0 0 0;
    padding: 10px 10px 0 10px;
    border: 5px solid #e4f1ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #e4f1ff;
}
#library #noobWelcome {
    width: 500px;
}
#noobStrapForm {
    margin: 10px 0 0 0;
}
#noobStrapForm .infoMessage {
    margin: 0;
}
#noobStrapForm textarea#noobStrapTextarea {
    display: block;
    height: 150px;
    width: 98%;
    margin: 0 0 11px 0;
    font-size: 16px;
}

#postStrap {
    margin: 5px 0 15px 0;
    padding: 2px 15px;
    border: 5px solid #e4f1ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #e4f1ff;
    font-size: 11px;
    line-height: 1.636364;
}
#postStrap p {
    margin: 5px 0;
}

/* generic */

.noobstrap {
    padding: 10px;
    border: 5px solid #e4f1ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #e4f1ff;
}

.noobstrap h3 {
    color: #D51007;
    clear: both;
}

.noobstrap p.big {
    font-size: 14px;
}

.noobstrap .box {
    margin: 15px 0 0 0;
    padding: 5px 10px 5px 10px;
    border: 5px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #fff;
    overflow: hidden;
}

.noobstrap .screenshots {
    padding: 15px 0 0 15px;
}

* html .noobstrap .box,
* html .noobstrap .screenshots {
    height: 1%;
    overflow: auto;
}

.noobstrap .screenshots p {
    max-width: 26em;
}

.noobstrap .screenshots .screenshot {
    float: right;
    display: inline;
    width: 132px;
    color: #696969;
    font-size: 10px;
    margin: -15px 0 0 15px;
    text-align: center;
}

.noobstrap .screenshots .screenshot img {
    border: 1px solid #ccc;
    padding: 1px;
    background: #fff;
}

/* artist specific */

a.ontour {
    color: #fff;
    background: #D51007;
    font-size: 9px;
    line-height: 1em;
    font-weight: normal;
    white-space: nowrap;
    text-transform: uppercase;
    border: 3px solid #D51007;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-left: 0.25em;
}

a.ontour:hover {
    text-decoration: none;
    background-color: #999;
    border-color: #999;
}

div.pagehead {
    position: relative;
    margin: 15px 0;
    padding: 0 0 0 48px;
    clear: both;
}

div.altpagehead {
    padding: 0;
    margin: 15px 0 0 0;
}

.fullWidth div.pagehead,
.leftCol div.pagehead {
    margin-top: 0;
}

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: 0;
}

div.pagehead p img {
    float: left;
    margin-left: -48px;
    padding: 1px;
    border: 1px solid #ccc;
}

div.pagehead h1 {
    color: #000;
    font-size: 17px;
    margin-top: 0.15em;
}

div.pagehead h1.withAlbum {
    padding-right: 85px;
}
div.pagehead h1.withAlbum a.featuredAlbum {
    position: absolute;
    top: 0;
    right: 0;
}

div.pagehead h1 a.feed {
    margin-left: 0.25em;
}

div.pagehead h1 a.feed img {
    float: none;
    vertical-align: baseline;
    margin: 0;
}

div.pagehead div.pagination {
    position: absolute;
    top: 1.3em;
    right: 15px;
    float: none;
}

body.r-tag div.pagehead p img {
    border: 0;
}

div.pagehead p.note {
    color: #696969;
    font-size: 11px;
}

div.pagehead img {
    margin-bottom: 3px;
    vertical-align: middle;
}

div.pagehead div.brand {
    position: absolute;
    top: -10px;
    right: 200px;
    width: 70px;
}

div.pagehead div.brand a {
    display: block;
}

/* Countries have wider flag images */
div.pagehead.country {
    padding-left: 79px;
}

div.pagehead.country p img {
    margin-left: -79px;
}

/* pagination styles */

.pages {
    display: none;
}

div.pagination {
    float: right;
    margin: 0.5em 0;
    font-size: 11px;
    line-height: 2.5;
}

div.pagination .selected,
div.pagination a {
    text-decoration: none;
    padding: 0.2em 0.5em;
    border: 1px solid #ccc;
    margin: 0 0.2em;
}
div.pagination a:hover {
    color: #000;
    border-color: #aaa;
    background: #efefef;
}

div.pagination .selected {
    font-weight: bold;
    border: 0;
}
div.pagination .ellipsis {
    margin: 0 0.5em;
}

div.pagination a:hover span {
    text-decoration: underline;
}

div.pagination a.prevlink,
div.pagination a.prevlink:hover {
    padding-left: 15px;
    border: 0;
    background: url(http://cdn.last.fm/depth/global/page_previous.gif) no-repeat left center;
    color: #0187c5;
}

div.pagination a.nextlink,
div.pagination a.nextlink:hover {
    padding-right: 15px;
    border: 0;
    background: url(http://cdn.last.fm/depth/global/page_next.gif) no-repeat right center;
    color: #0187c5;
}

#profilerButton {
    display:inline;
    float:left;
    font-size:10px;
    font-weight:bold;
    height:22px;
    line-height:22px;
    margin:0 0 0 26px;
    overflow:hidden;
    color: #D20039;
}
#profilerButton:hover,
#profilerButton:hover div.messageBox strong {
    background-color: #BFDFF4;
}
#profilerButton div.messageBox {
    margin: 0;
}
#profilerButton.blink span {
    visibility: hidden;
}

.profilerSection {
    font-size: 10px;
}
.profilerSection .fixed {
    height: 300px;
    overflow: auto;
}
.profilerSection .code {
    padding: 5px;
    border: 1px solid #ddd;
    background: #eee;
    margin-bottom: 10px;
    overflow: auto;
}


div.resource {
    position: relative;
    margin: 0 0 1.5em 0;
    padding: 0.5em;
    background: #f0f0f0;
}
.resource span.actions {
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.2em 0.5em 0.5em 0.5em;
    background: #f6f6f6;
    font-size: 11px;
}
.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 0 0;
    float: left;
}

body div.resource h1 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.428571;
    font-weight: normal;
    background: none;
}
body div.resourceSmall h1 {
    font-size: 12px;
    line-height: 1.5;
}

.resource h1 a img.thumb,
.resource h1 a span.userImage,
.resource h1 a span.albumCover,
.resource h1 a span.videoStill {
    float: left;
    margin-bottom: 0.5em;
}

.resource h1 a span.albumCover,
.resource h1 a span.videoStill {
    padding: 2px;
    background: #fff;
}

.user h1 a img.thumb {
    padding: 1px;
    border: 1px solid #999;
}

.resource h1 a span.albumCover {
    margin-bottom: 1em;
    padding: 0;
}
.resource h1 a span.poster {
    margin: 0 0 1em 0;
}
.resource h1 a span.userImage img.thumb,
.resource h1 a span.albumCover img.thumb,
.resource h1 a span.poster img.thumb,
.resource h1 a span.videoStill img.thumb {
    float: none;
    margin: 0;
    padding: 0;
}

.resourceSmall h1 a img.thumb,
.resourceSmall h1 a span.calSheet {
    margin-left: -48px;
}
.resourceSmall h1 a span.albumCover {
    margin-left: -46px;
}
.resourceMedium h1 a img.thumb,
.resourceMedium h1 a span.userImage,
.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 {
    font-size: 11px;
    height: 18px;
    letter-spacing: 0.1em;
    line-height: 1.5;
}
.resourceMedium h1 a span.calSheet span.day {
    font-size: 24px;
    line-height: 1.5;
}
.resourceMedium h1 a span.albumCover {
    margin-left: -88px;
}
.resourceLarge h1 a img.thumb {
    margin-left: -153px;
}
.resourceLarge h1 a span.albumCover,
.resourceLarge h1 a span.calSheet {
    margin-left: -149px;
}

.resource p,
.resource div {
    margin: 0.2em 0 0 0;
    color: #111;
}

body div.resourceSmall h1,
.resourceSmall p,
.resourceSmall div {
    padding-left: 50px;
}
body div.resourceMedium h1,
.resourceMedium p,
.resourceMedium div {
    padding-left: 85px;
}
body div.resourceVideoMedium h1,
.resourceVideoMedium p,
.resourceVideoMedium div {
    padding-left: 138px;
}
body div.resourceLarge h1,
.resourceLarge p,
.resourceLarge div {
    padding-left: 155px;
}

div.richtext div.full {
    display: none !important;
    visibility: hidden !important;
}


#page .scrobblesource {
    color: #696969;
    font-size: 11px;
    line-height: 1.363636;
    padding: 0.5em 0;
}

#page .scrobblesource img.ss_icon {
    vertical-align: baseline;
    margin: 0 3px -3px 0;
}

#page ul.usersSmall .scrobblesource {
    padding: 0;
    line-height: 1;
}

div.scroller {
    overflow: auto;
    position: relative;
    color: #555;
    margin: 20px 0;
    padding: 0; 
}

div.scrollerJS {
    width: auto !important;
}

* html div.scroller {
    width: 100%;
    height: 84px;
    overflow-y: hidden;
}

* + html div.scroller {
    width: 100%;
    height: 84px;
    overflow-y: hidden;
}

div.scroller a.scrollLeft,
div.scroller a.scrollRight {
    display: block;
    height: 64px;
    width: 10px;
    position: absolute;
    top: 2px;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    background-position: 0 0;
}

div.scroller a.scrollLeft,
div.scroller a.scrollLeft:hover {
    left: 0;
    background-image: url("http://cdn.last.fm/flatness/scroller/left.png");
}

div.scroller a.scrollRight,
div.scroller a.scrollRight:hover {
    right: 0;
    background-image: url("http://cdn.last.fm/flatness/scroller/right.png");
}

div.scroller a.scrollLeft:hover,
div.scroller a.scrollRight:hover {
    background-position: 0 -64px;
}

div.scroller a.scrollLeft:active,
div.scroller a.scrollRight:active {
    background-position: 0 -128px;
    outline: 0;
}

div.scroller a.scrollLeft.disabled,
div.scroller a.scrollRight.disabled {
    background-position: 0 -192px;
}

div.scroller div.imageTrackContainer {
    clear: both;
    margin: 0 -5px;
}

div.scrollerJS div.imageTrackContainer {
    overflow: hidden;
    position: relative;
    height: 68px;
    margin: 0;
}

div.scroller div.imageTrackContainer ul {
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    height: $imageLinkSizepx;
    overflow: hidden;
}

div.scrollerJS div.imageTrackContainer ul {
    position: absolute;
    left: 0;
}

div.scroller div.imageTrackContainer ul li {
    margin: 0 2px;
    padding: 0;
    float: left;
    display: inline;
    width: 68px;
    height: 68px;
}

div.scroller div.imageTrackContainer ul li a {
    border: solid 2px #FFF;
    width: 64px;
    height: 64px;
    display: block;
    overflow: hidden;
}

div.scroller div.imageTrackContainer ul li.selected a,
div.scroller div.imageTrackContainer ul li a:hover {
    border: solid 2px #FFF386;
}

#secondaryNavigation {
    position: absolute;
    left: -111px;
    top: -1px;
    width: 111px;
    z-index: 10;
    font-size: 11px;
    line-height: 2em;
    font-weight: bold;
}

div.sic #secondaryNavigation {
    top: -1px;
}

#secondaryNavigation ul {
    overflow: hidden;
    padding: 1px 0 0 0;
    border-top: 1px solid #ccc;
}

#secondaryNavigation li {
    display: block;
}

#secondaryNavigation li a {
    display: block;
    width: 94px;
    margin: -1px 0 0 0;
    padding: 4px 5px 5px 10px;
    text-decoration: none;
    background: url(http://cdn.last.fm/flatness/secondary_nav_bg.png) left top repeat-x #ededed;
    border: 1px solid #ccc;
    color: #696969;
}
#secondaryNavigation li.first a {
    border-top: 0;
}

#secondaryNavigation li a:hover,
#secondaryNavigation li.current a {
    color: #D51007;
    background: #fff;
}
#secondaryNavigation li.current a {
    border-right-color: #fff;
}

#sharebar {
    margin: 1em 0;
    font-size: 10px;
    line-height: 1.6em;
}

#sharebuttons {
    font-size: 0; /* inline-block whitespace fix */
}

#sharebuttons li {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    height: 21px;
    margin: 0 5px 5px 0;
    position: relative;
}

#sharebuttons .fbk-share { margin-right: 0; }

#sharebuttons iframe {
    border: none;
    overflow: hidden;
    height: 21px;
}

#page #sharebar .lfmSendButton {
    height: 20px;
    background: transparent url(http://cdn.last.fm/flatness/sharebar/send.png) no-repeat right top;
    color: #707070;
    text-shadow: #fff 0 1px 0;
}
#page #sharebar .lfmSendButton strong {
    padding: 3px 5px 3px 25px;
    background: transparent url(http://cdn.last.fm/flatness/sharebar/send.png) no-repeat left top;
}

#page #sharebar .lfmSendButton:hover {
    background-position: right -20px;
    color: #555;
}

#page #sharebar .lfmSendButton:hover strong {
    background-position: left -20px;
}

/* shoutboxInput */
div#shoutbox {
    font-size: 11px;
    line-height: 1.181818;
}

div.shoutboxInput form {
    padding: 0 0 0 80px;
    clear: both;
    position: relative;
    min-height: 72px;
}

* html div.shoutboxInput form {
    height: 72px;
}

div.shoutboxInput form span.avatar {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 68px;
    height: 68px;
}

/* otherwise the little subscriber dot is at the wrong position */
div.shoutboxInput form span.avatar span.userImage {
    display: block;
}

div.shoutboxInput form textarea {
    display: block;
    width: 99%;
    height: 60px;
}

* + html div.shoutboxInput form textarea {
    width: 98%;
}

* html div.shoutboxInput form textarea {
    width: 98%;
}

div.shoutboxInput div.textareaActions {
    margin: 5px 0 0 0;
    color: #696969;
}

div.shoutboxInput div.textareaActions input#sbPost {
    float: right;
}

div.shoutboxInput div.overCharLimit #sbCharCount {
    color: red;
}

div.shoutboxInput div.overCharLimit #sbPost {
    color: #888;
}

/* shoutboxList */
ul.shouts {
    margin: 15px 0;
    width: 100%;
}

* html ul.shouts {
    width: auto;
}

ul.shouts li.message {
    clear: both;
    position: relative;
    margin: 0 0 20px 0;
    padding: 0 0 0 80px;
}

ul.shouts li.message .author {
    display: block;
    border-bottom: 1px solid #ccc;
    font-size: 11px;
    padding: 0 5px 2px 0;
    line-height: 1.5em;
    font-weight: normal;
}

ul.shouts li.message .author a {
    font-weight: bold;
}

ul.shouts li.message .author span.userImage {
    display: inline;
    float: left;
    position: relative;
    margin-left: -80px;
}

ul.shouts li.message span.date {
    margin: 0 3px 0 0;
    color: #696969;
}

ul.shouts li.message blockquote {
    padding: 5px 5px 5px 1px;
    font-size: 12px;
    line-height: 1.3;
}

ul.shouts li.message .meta {
    position: absolute;
    top: 0;
    right: 17px;
    width: 200px;
    text-align: right;
    font-size: 10px;
}

ul.shouts li.message .meta form {
    display: none;
    position: absolute;
    top: 1px;
    right: -14px;
    margin: 0;
    display: inline;
}

/* inline */

#page .stationbuttonInline {
    color: #1b1b1b;
    font-size: 11px;
    line-height: 1.181818;
    white-space: nowrap;
}
#page .stationbuttonImage {
    white-space: normal;
}

#page .stationbuttonInline:hover {
    color: #1b1b1b;
}

#page .stationbuttonInline span {
    vertical-align: middle;
}

#page .stationbuttonInline img.radio_play_icon {
    margin-right: 5px;
    vertical-align: middle;
}

.stationbuttonInline img.radio_small_icon {
    margin: 0 4px 0 0;
    position: relative;
    top: 2px;
}

/* medium */

.stationbuttonMedium {
    clear: both;
    display: block;
    position: relative;
    max-width: 245px;
    _width: 245px;
    height: 25px;
    background: url(http://cdn.last.fm/flatness/buttons/stationbutton/8/stationbutton-medium.png) left top no-repeat;
    margin: 0 10px 10px 0;
    padding-left: 30px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    line-height: 25px;
    cursor: pointer;
    overflow: hidden;
}

#page .stationbuttonMedium:hover,
#page .stationbuttonMedium:hover span.stationButtonWrapper {
    color: #fff;
    text-decoration: underline;
}

.stationbuttonMedium span.stationButtonWrapper {
    position: relative;
    display: block;
    padding: 0 10px 0 2px;
    background: url(http://cdn.last.fm/flatness/buttons/stationbutton/8/stationbutton-medium.png) right top no-repeat;
    height: 25px;
}

#page .stationbuttonMedium:hover {
    background-position: left -25px;
}

#page .stationbuttonMedium:hover span.stationButtonWrapper {
    background-position: right -25px;
}

.stationbuttonMediumRight {
    float: right;
    margin: 0 0 10px 10px;
    max-width: auto;
}
* html #page .stationbuttonMediumRight {
    width: auto;
}

/* Large */

.stationbuttonLarge {
    clear: both;
    display: block;
    position: relative;
    height: 50px;
    line-height: 1.181818em;
    font-size: 11px;
    padding-left: 37px;
    cursor: pointer;
    overflow: hidden;
    background: url(http://cdn.last.fm/flatness/buttons/stationbutton/7/stationbutton-large.png) left top no-repeat;
    color: #fff;
}

.stationbuttonLarge:hover {
    background-position: left -50px;
}

.stationbuttonLarge:hover span.stationButtonWrapper {
    background-position: right -50px;
}

.stationbuttonLarge span.stationButtonWrapper {
    position: relative;
    display: block;
    padding: 8px 0 8px 2px;
    margin: 0 0 3px 0;
    background: url(http://cdn.last.fm/flatness/buttons/stationbutton/8/stationbutton-large.png) right top no-repeat;
    height: 52px;
    color: #ccc;
}

.stationbuttonLarge span.stationButtonWrapper strong {
    color: #fff;
    font-size: 12px;
    line-height: 1.166667em;
}

.stationbuttonLarge span.stationButtonWrapper p {
    margin: 4px 0 0 0;
    white-space: nowrap;
}


.stationbuttonLarge:hover {
    text-decoration: none;
}

.stationbuttonLarge:hover span.stationButtonWrapper strong {
    color: #fff;
    text-decoration: underline;
}

/* Custom icons (station starter) */
.stationbuttonCustomicons {
    display: block;
    text-align: center;
    text-decoration: none !important;
}

.stationbuttonCustomicons li {
    margin-bottom: 3px;
}

.stationbuttonCustomicons p {
    margin-bottom: 0px !important;
}

.stationbuttonCustomicons:hover strong {
    text-decoration: underline !important;
}

.stationbuttonCustomicons img {
    display: block;
    margin: 0 auto 2px auto;
    background-image: url(http://cdn.last.fm/flatness/listen_v2/userstationicons2.png);
}

.stationbuttonCustomicons img.personal { background-position: 0 0 }
.stationbuttonCustomicons img.mix { background-position: -58px 0 }
.stationbuttonCustomicons img.recommended { background-position: -116px 0 }

.stationbuttonCustomicons:hover img.personal { background-position: 0 -47px }
.stationbuttonCustomicons:hover img.mix { background-position: -58px -47px }
.stationbuttonCustomicons:hover img.recommended { background-position: -116px -47px }

#page .stationbuttonRight .stationbutton,
#page .stationbuttonRight .stationbutton .stationButtonWrapper {
    float: right;
}

html:not([lang*=""]) #page .stationbuttonRight .stationbutton .stationButtonWrapper {
    float: none;
}

* html #page .stationbuttonRight {
    text-align: right;
}

* html #page .stationbuttonRight .stationbutton,
* html #page .stationbuttonRight .stationbutton .stationButtonWrapper {
    float: none;
    display: inline-block;
}

* + html #page .stationbuttonRight {
    text-align: right;
}

* + html #page .stationbuttonRight .stationbutton,
* + html #page .stationbuttonRight .stationbutton .stationButtonWrapper {
    float: none;
    display: inline-block;
}

/* More stations toggle */

p.toggleStations {
    margin: 10px 0 5px 5px;
    font-size: 10px;
}
#toggleStations,
#toggleStations:hover {
    color: #696969;
    text-decoration: none;
}
#toggleStations:hover span {
    text-decoration: underline;
}

a.tag {
    display: block;
    float: left;
    height: 19px;
    padding: 0 2px 0 0;
    background: url(http://cdn.last.fm/flatness/icons/tag/1/globaltag_right.png) no-repeat right top;
    color: #fff;
    font-size: 11px;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
}

a.tag:hover {
    text-decoration: none;
    background-position: right bottom;
    color: #fff;
}

a.tag span {
    display: block;
    float: left;
    height: 15px;
    padding: 1px 7px 3px 19px;
    background: url(http://cdn.last.fm/flatness/icons/tag/1/globaltag_left.png) no-repeat left top;
    line-height: 15px;
    vertical-align: top;
    white-space: nowrap;
}

a.tag:hover span {
    background-position: left bottom;
}

/* Tag browser for /music landing pages */

div.tagBrowser {
    display: block;
    overflow: auto;
    position: relative;
}

ul.tagList {
    width: 111px;
    float: left;
    display: inline;
    overflow: hidden;
}

ul.tagList li {
    display: block;
    float: left;
    clear: left;
    width: 76px;
    margin: 0 15px 0 0;
    padding: 3px 10px;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    font-weight: bold;
}

ul.tagList li a {
    display: block;
    font-weight: normal;
}


div.tagBrowser div.wrapper {
    width: 439px;
    float: left;
    display: inline;
    overflow: hidden;
    position: relative;
    zoom: 1;
}

.tagHead {
    display: block;
    overflow: auto;
    background: #cdcccc url(http://cdn.last.fm/flatness/shaders/60-vert-f2f2f2-cdcccc.gif) repeat-x;
    color: #000;
    padding: 7px 13px;
    border-bottom: 1px solid #b3b3b3;
}

.tagHead .tagpage {
    font-size: 11px;
    float: right;
    font-weight: bold;
}

.tagHead .tagpage .tag_icon {
    margin: 0 4px -2px 0;
}

.tagHead h2 {
    color: #000;
    font-size: 16px;
    line-height: 1.25em;
}

.tagHead h2 .tag_icon {
    margin: 0 5px 3px 0;
}

.tagHead .similarTags {
    margin: 2px 0 0 0;
    font-size: 11px;
    line-height: 1.181818em;
    color: #999;
}

.tagHead .similarTags strong {
    font-weight: normal;
    color: #000;
}

/* .horizontalOptions - used in charts/search/... toggle */

.horizontalOptions {
    display: block;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #ccc;
    font-size: 10px;
    line-height: normal;
}

.horizontalOptions ul {
    overflow: hidden;
    margin-bottom: -1px;
}

.loading .horizontalOptions ul {
    background: url(http://cdn.last.fm/flatness/spinner_small.gif) 99% top no-repeat;
}

.horizontalOptions ul li {
    float: left;
    margin: 0 5px 0 0;
    list-style: none;
}

.horizontalOptions ul li a,
.horizontalOptions ul li span,
.horizontalOptions ul li strong {
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 0 3px 0 0;
    padding: 0 2px 0 5px;
}
.horizontalOptions ul li a {
    color: #0187c5;
    text-decoration: none;
}
.horizontalOptions ul li a span,
.horizontalOptions ul li a strong {
    float: none;
    margin: 0;
    padding: 0;
}

.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;
}


/* tertiary nav based on library tabs - lets call it medium */

.horizontalOptions ul.medium {
    font-size: 12px;
    display: block;
    text-align: center;
    line-height: 26px;
    overflow: hidden;
    zoom: 1;
}

.horizontalOptions ul.medium li {
    height: 26px;
    float: left;
    background: url(http://cdn.last.fm/flatness/components/tertiaryNavigation/medium_tab_right_inactive.png) no-repeat right top;
}

.horizontalOptions ul.medium a {
    float: left;
    padding: 5px 10px 5px 10px;
    height: 26px;
    background: url(http://cdn.last.fm/flatness/components/tertiaryNavigation/medium_tab_left_inactive.png) no-repeat left top;
}

.horizontalOptions ul.medium li.current {
    background: url(http://cdn.last.fm/flatness/components/tertiaryNavigation/medium_tab_right.png) no-repeat right top;
    height: 27px;
    margin-bottom: -1px;
}

.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 {
    vertical-align: middle;
    margin-left: -3px;
    margin-top: -3px;
}

* + html .horizontalOptions ul.medium img {
    vertical-align: middle;
}

/* new tertiary nav */

div.tertiaryNavigation {
    display: block;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #666;
    font-size: 11px;
    line-height: normal;
}

div.tertiaryNavigation ul li {
    float: left;
    position: relative;
    margin: 0 6px -1px 0;
}

div.tertiaryNavigation ul li.last {
    margin-right: 0px;
}

div.tertiaryNavigation ul li a,
div.tertiaryNavigation ul li span,
div.tertiaryNavigation ul li strong {
    float: left;
    height: 23px;
    line-height: 23px;
}
div.tertiaryNavigation ul li a {
    margin: 0 3px 0 0;
    padding: 0 4px 0 7px;
    color: #0187c5;
    text-decoration: none;
}
div.tertiaryNavigation ul li a span,
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;
}

div.tertiaryNavigation ul li a:hover {
    text-decoration: underline;
}

div.tertiaryNavigation ul li.current a:hover {
    text-decoration: none;
}

div.tertiaryNavigation ul li.last,
div.tertiaryNavigation ul li:last-child {
    border: 0;
}

/* old tertiary nav */
ul.tertiaryNavigation {
    clear: both;
    margin: 1em 0;
    padding: 0;
    background: #eee;
    overflow: hidden;
}

ul.tertiaryNavigation li {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.tertiaryNavigation a {
    display: block;
    padding: 0.25em 1em;
}

ul.tertiaryNavigation a:hover {
    background: #ddd;
}

ul.tertiaryNavigation li.current a {
    background: #999;
    font-weight: bold;
    color: #fff;
}


.trackscrobblegraph {
    width: 300px;
    position: relative;
    margin: 20px 0 21px 0;
}

.trackscrobblegraph img {
    position: relative;
    top: 10px;
}

.trackscrobblegraph h4 {
    position: relative;
    z-index: 3;
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 0 5px;
    color: #9a9a9a;
}                  

.trackscrobblegraph p {
    position: relative;
    z-index: 3;
    font-weight: normal;
    font-size: 11px;
    margin: 0 0 0 5px;
    color: #9a9a9a;
    
}


div.twidget {
    
}

div.twidget ul {
    margin: 0 0 .5em;
}

div.twidget li {
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #FFFFFF;
    padding: 6px 0;
}

div.twidget li a {
    color: #696969;
}

div.twidget li span a {
    color: #0187c5;
}

/* Input element */

.typeahead {
    overflow: auto;
    max-height: 9.8em;
    margin: 0.5em 0 0 0;
    border: 1px solid #bbb;
    padding: 0;
    line-height: 1.4em;
    background: #fff;
    color: #000;
    cursor: text;
}
.typeaheadFocus {
    outline: 5px auto -webkit-focus-ring-color;
    -moz-outline: 2px solid #7eadd9;
    -moz-outline-radius: 3px;
    outline-offset: -2px;
}

#page .typeahead input.typeaheadCaret {
    display: block;
    float: left;
    border: 0;
    outline: 0;
    margin: 2px 0 1px 3px;
    padding: 3px 0 4px 0;
    line-height: normal;
}
#page .typeahead input.typeaheadHidden {
    width: 0 !important;
    margin: 0;
    padding: 0;
    border: 1px solid #fff;
    border-width: 5px 0;
    color: #fff;
    background: #fff;
}

.typeahead a.typeaheadSelected {
    display: block;
    float: left;
    position: relative;
    margin: 3px 0 1px 3px;
    padding: 2px 19px 2px 3px;
    background: #ddd;
    color: #333;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    line-height: normal;
}
.typeahead a:hover {
    background: #ccc;
}
.typeahead a.typeaheadActive {
    background: #0060e9;
    color: #fff;
}
.typeahead span.typeaheadRemove {
    position: absolute;
    right: 3px;
    top: 3px;
    display: block;
    width: 13px;
    height: 13px;
    background: url(http://cdn.last.fm/flatness/buttons/delete.2.png) no-repeat left top;
    cursor: pointer;
    font-size: 0;
    text-indent: -1000em;
}
.typeahead span.typeaheadRemove:hover {
    cursor: pointer;
}

/* Results */

#page ul.typeaheadResults {
    position: absolute;
    margin: 0;
    padding: 0;
    border-top: 0;
    list-style: none;
}
#page ul.fixedTypeahead {
    position: fixed;
}
#page ul.typeaheadResults ul,
#page ul.typeaheadResults li {
    display: block;
    margin: 0;
    padding: 0;
}
#page ul.typeaheadResults ul {
    overflow: auto;
    max-height: 300px;
    padding: 4px 0 0 0;
    border: 1px solid #ddd;
    border-top: 0;
    background: #fff;
    color: #000;
}
ul.typeaheadResults li.paginatedResults p {
    font-size: 20px;
    text-align: right;
}
ul.typeaheadResults li.paginatedResults p span {
    margin-left: 0.5em;
}
#page ul.typeaheadResults li.paginatedResults li {
    margin: 0 4px 4px 4px;
}
ul.typeaheadResults li.paginatedResults ul a {
    display: block;
    padding: 3px;
    text-decoration: none;
    color: #000;
}
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 {
    text-decoration: underline;
    font-weight: bold;
}

p.typeaheadSuggestions {
    margin: 13px 0 0 0;
    color: #696969;
    font-size: 11px;
}
p.typeaheadSuggestions span {
    color: #1b1b1b;
}
p.typeaheadSuggestions a {
    margin: 0 3px;
}

div.typeaheadHint {
    padding: 2px 4px;
    border: 1px solid #ccc;
    border-top: 0;
    background: #f5f5f5;
    color: #999;
    list-style-type: none;
    font-size: 11px;
}



span.videoStill {
    display: block;
    position: relative;
    padding: 1px;
    background: #fff;
    border: 1px solid #ccc;
}

span.videoStill span.still {
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #000;
}

span.videoStill span.play {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 1px;
    left: 1px;
    text-indent: -9999px;
    overflow: hidden;
}

a:hover span.videoStill {
    border-color: #0187c5;
}

/* Medium */

span.videoStillMedium {
    width: 120px;
    height: 68px;
    overflow: hidden;
}

span.videoStillMedium span.still img {
    position: relative;
    left: 0px;
    top: -11px;
}

/** Youtube */

span.videoStillYouTubeMedium span.play {
    background-position: -3px -4px;
    background-image: url(http://cdn.last.fm/flatness/catalogue/video/play_youtube.2.png);
}

* html span.videoStillYouTubeMedium span.play {
   background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn.last.fm/flatness/catalogue/video/play_youtube.2.png', sizingMethod='crop');
    cursor: pointer;
}

a:hover span.videoStillYouTubeMedium span.play {
    background-position: -3px -78px;
}


/** VEVO */

span.videoStillVEVOMedium span.still img {
    top: 2px;
}

span.videoStillVEVOMedium span.play {
    background-position: -3px -4px;
    background-image: url(http://cdn.last.fm/flatness/catalogue/video/play_vevo.png);
}

* html span.videoStillVEVOMedium span.play {
   background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn.last.fm/flatness/catalogue/video/play_vevo.png', sizingMethod='crop');
    cursor: pointer;
}

a:hover span.videoStillVEVOMedium span.play {
    background-position: -3px -78px;
}







/* chart base */

table.chart {
    width: 100%;
    font-size: 11px;
    margin-bottom: 10px;
}

table.chart td {
    vertical-align: top;
    line-height: 16px;
    padding: 3px 5px;
}

table.chart thead td {
    color: #696969;
    white-space: nowrap;
}

table.chart thead td.positionCell,
table.chart thead td.playbuttonCell {
    width: 1px;
}

table.chart tr.odd td {
    background-color: #ebebeb;
}

table.chart td.positionCell {
    width: 20px;
    color: #696969;
    text-align: right;
}

table.chart td.playbuttonCell {
    width: 17px;
    padding-bottom: 0;
    padding-top: 3px;
}

table.chart td.playbuttonCell img {
    margin: 0;
}

table.chart td.subjectCell div {
    width: 100%;
    height: 1.363636em;
    overflow: hidden;
}

table.chart td.subjectCell a {
    color: #1b1b1b;
}

table.chart td.subjectCell a:hover {
    color: #0187c5;
}

table.chart td.durationCell,
table.chart td.reachCell {
    width: 20px;
    color: #696969;
    text-align: left;
}

table.chart td.downloadbuttonCell {
    width: 31px;
}

table.chart td.lovedCell {
    padding: 3px 5px 0 0;
    width: 11px;
}

table.chart td.multibuttonCell {
    width: 26px;
    padding: 3px 5px 0 3px;
    line-height: 0;
}

table.chart td.chartbarCell {
    width: 33%;
    padding: 0;
}

* html table.chart td.chartbarCell {
    padding: 0 0 2px 0;
}

table.chart tr.odd td.chartbarCell,
table.chart tr:hover td.chartbarCell {
    background-color: transparent;
}

#page table.chart a.lfmButton {
    position: relative;
    left: -9999px;
}

table.chart tbody tr:hover td,
table.chart tbody tr.open td {
    background: #d0e4f0;
}

#page table.chart a.lfmFreeDownloadButton,
#page table.chart tr:hover a.lfmButton,
#page table.chart tr.open a.lfmButton {
    left: 0;
}

/* the chartbars */

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 {
    display: block;
    height: 17px;
    margin: 0 3px 0 0;
    padding: 3px 0.5em 0 0.5em;
    background: #71b7e6;
    color: #fff;
    overflow: hidden;
}

/* flp-fdl indicators */

td.subjectCell small {
    font-size: 9px;
    white-space: nowrap;
}

tr.flp small,
tr.fdl small {
    color: #999 !important;
}

tr.fdl small a {
    color: #0187c5 !important;
}

table.chart td .mp3 {
    display: block;
    width: 3em;

    padding: 0px 4px 0px 4px;
    
    color: #fff;    
    background: #0187c5;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

	text-align: center;
    font-size: 9px;
    font-weight: bold;
}

table.chart td .mp3:hover {
    text-decoration: none;
}

/* small */

table.eventsSmall {
    border-bottom: 1px solid #fff;
}

table.eventsSmall span.calSheet {
    float: left;
    display: inline;
    margin-left: -37px;
}

table.eventsSmall td {
    padding: 5px 5px 5px 42px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
}

table.eventsSmall td.first {
    border-top: none;
}

table.eventsSmall td strong.summary {
    display: block;
    color: #0187c5;
    font-size: 11px;
    line-height: 1.25em;
}

table.eventsSmall td a:hover strong.summary {
    text-decoration: underline;
}

table.eventsSmall td small.location {
    display: block;
    color: #000;
    font-size: 11px;
    margin: 1px 0 4px 0;
}

table.eventsSmall td span.info {
    display: block;
    font-size: 10px;
}

table.eventsSmall td span.info {
    color: #696969;
}

table.eventsSmall a span.addComment {
    color: #0187c5;
}

/* Events Map */

#eventsMap p.date {
    padding: 0 0 5px 33px;
    border-bottom: 1px solid #ccc;
}
#eventsMap p.date span.calSheet {
    float: left;
    margin: -8px 0 0 -33px;
}
#eventsMap p.summary a {
    display: block;
    min-height: 45px;
    padding: 5px 0 10px 45px;
    color: #1b1b1b;
    text-decoration: none;
}
#eventsMap p.summary a strong {
    color: #0187c5;
}
#eventsMap p.summary a:hover strong {
    text-decoration: underline;
}
#eventsMap p.summary a strong img {
    display: inline;
    float: left;
    margin: 0 0 5px -45px;
}

/* Medium */

table.eventsMedium {
    width: 100%;
    margin: 0 0 30px 0;
    font-size: 11px;
    line-height: 1.25em;
}

table.eventsMedium tr.month th {
    padding: 3em 0 0 0;
    color: #1b1b1b;
    font-size: 18px;
    font-weight: bold;
}

table.eventsMedium tr.month th.first {
    padding-top: 1em;
}

table.eventsMedium tr.day th {
    padding: 35px 0 5px 45px;
    font-size: 16px;
    font-weight: bold;
}
table.eventsMediumRecent tr.day th {
    color: #696969;
}
table.eventsMedium tr.day th span.calSheet {
    float: left;
    margin: -17px 0 0 -45px;
    width: 32px;
}
table.eventsMedium tr.day th span.calSheet span.day {
    line-height: 1.8em;
}
table.eventsMedium span.status {
    margin: -5px 0 0 5px;
    padding: 0 0.25em;
    background: #e4f1ff;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
}
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: 7px 1em 1em 0;
    border-top: 1px solid #ccc;
}

table.eventsMedium tr td.summary {
    width: 45%;
}
table.eventsMedium tr td.summary a {
    display: block;
    min-height: 45px;
    padding-left: 45px;
    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 {
    display: inline;
    float: left;
    margin: 0 0 5px -45px;
}
table.eventsMedium td.summary a .calSheet {
    display: inline;
    float: left;
    margin: 0 0 5px -38px;
}

table.eventsMedium tr.attending td,
table.eventsMedium tr.maybeattending td {
    background: #e8f1f8;
}
table.ownEventsMedium tr.attending td,
table.ownEventsMedium tr.maybeattending td {
    background: transparent;
}
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 {
    font-size: 10px;
    color: #696969;
}
table.eventsMedium td.icon {
    width: 15px;
    padding-right: 0;
}

table.eventsMedium div.geo {
    display: none;
}
/* overrides */

table.eventsNoBorder,
table.eventsNoBorder td {
    border: 0;
}

table.tracklist {
    clear: both;
    width: 100%;
    color: #696969;
    font-size: 11px;
    line-height: 1.181818em;
}

table.tracklist .play_icon {
    margin: 0;
}

table.tracklist tbody tr:hover,
table.tracklist tbody tr.open {
    background: #bfdff4;
}

table.tracklist th {
    white-space: nowrap;
}

table.tracklist tr.last td {
    border-bottom: none;
}

table.tracklist th,
table.tracklist td {
    padding: 5px 10px;
    border-bottom: 1px solid #ccc;
}

table.tracklist tr.odd td {
    background-color: #ebebeb;
}

table.tracklist td.imageSmall {
    width: 34px;
    padding: 5px;
}

table.tracklist td.imageMedium {
    width: 64px;
    padding: 5px;
}

table.tracklist td.playbutton,
table.tracklist td.playbuttonCell {
    width: 17px;
    padding: 3px 0 0 3px;
}

table.tracklist td.lovedCell {
    padding: 5px 5px 0 0;
    width: 11px;
}

table.tracklist .loved_indicator_icon {
    margin-top: 2px;
}

table.tracklist td.tagged,
table.tracklist td.taggedCell {
    padding-top: 9px;
    padding-bottom: 0;
    width: 15px;
}

table.tracklist td.deleteCell {
    width: 14px;
    padding-bottom: 0;
}

table.tracklist td.subjectCell {
    color: #000;
    width: 100%;
}

table.tracklist .position {
    padding-right: 0;
}

table.tracklist .position,
table.tracklist .length,
table.tracklist .playcount {
    text-align: right;
}

table.tracklist .smallmultibuttonCell {
    padding: 3px 5px 0 0;
    width: 26px;
}

table.tracklist td.downloadbuttonCell {
    padding-top: 3px;
    padding-bottom: 0;
    width: 15px;
}

#page table.tracklist a.lfmButton,
#page table.tracklist a.delete,
#page table.tracklist .dismiss {
    position: relative;
    left: -9999px;
}

#page table.tracklist a.lfmFreeDownloadButton,
#page table.tracklist tr:hover a.lfmButton,
#page table.tracklist tr.open a.lfmButton,
#page table.tracklist tr:hover a.delete,
#page table.tracklist tr:hover .dismiss {
    left: 0;
}

table.tracklist td.border {
    border-left: 1px solid #ccc;
}

table.tracklist a {
    color: #000;
}

table.tracklist a:hover {
    color: #0187c5;
}

table.tracklist a.mp3 {
    display: block;
    width: 3em;
    margin-top: 2px;
    padding: 2px 4px 1px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #0187c5;
    color: #fff;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
}

table.tracklist a.mp3:hover {
    text-decoration: none;
}

table.tracklist td.imageCell {
    padding: 0;
}

table.tracklist td.imageCell img {
    display: block;
    float: left;
}

table.tracklist td.dateCell {
    padding-right: 5px;
    padding-left: 5px;
    text-align: right;
    color: #999;
    white-space: nowrap;
    font-size: 10px;
}

table.tracklist td.highlight {
    border-top: 1px solid #ccc;
    background: #fffcca;
}

.promoInfoBox {
    margin: 0 0 10px 0;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #fff;
    text-align: center;
    line-height: 1.3;
}

.promoInfoBox h3 {
    margin: 0 0 5px 0;
    font-size: 12px;
}

.promoInfoBox p {
    color: #696969;
}

.promoInfoBox a.promoButton {
    display: -moz-inline-box;
    display: inline-block;
    cursor: pointer;
    border: none;
    font-size: 0;
    line-height: 0;
    background: #1b1b1b;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    height: 20px;
    text-decoration: none;
    color: #fff;
    font-size:11px;
    font-weight:bold;
    padding: 0;
    margin: 10px 0 10px 0;
    vertical-align: middle;
}

.promoInfoBox a.promoButton:hover {
    background: #0187c5;
}


.promoInfoBox a.promoButton span {
    white-space: nowrap;
    cursor: pointer;
    color: #fff;
    display: -moz-inline-box;
    display: inline-block;
    letter-spacing: 0;
    line-height: 11px;
    height: 20px;
    padding: 4px 0 0 8px;
    margin: 0 8px 0 0;
    border: none;
    vertical-align: text-top;
    zoom: 1;
}

#page .vodafoneInfoBox2008_11 a img {
    margin: 3px auto;
    display: block;
}

#page .barbicanInfoBox2008_10 {
    padding-top: 25px;
    background: #e6e6e6 url(http://cdn.last.fm/flatness/promo/barbican/barbicanInfoBox2008_10-bg.png) 20px 0 no-repeat;
}

.motoInfoBox {
    margin: 15px 0 10px 0;
    padding: 5px;
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #e6e6e6 url(http://cdn.last.fm/flatness/promo/motorokr/motorola_infobox-logo.gif) right bottom no-repeat;
    border-color: #e6e6e6;
    text-align: center;
    line-height: 1.3;
}
.motoInfoBox h3 {
    margin: 0 0 5px 0;
    font-size: 12px;
}
.motoInfoBox p {
    color: #696969;
}
.motoInfoBox a.motoButton {
    display: -moz-inline-box;
    display: inline-block;
    cursor: pointer;
    border: none;
    font-size: 0;
    line-height: 0;
    background-position: right top;
    background-repeat: no-repeat;
    height: 25px;
    text-decoration: none;
    color: #fff;
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
    padding: 0;
    margin: 10px 0 10px 0;
    vertical-align: middle;
    padding-top: -2px;
    background-image: url(http://cdn.last.fm/flatness/promo/motorokr/motorola_infobox-btn.gif);
}
.motoInfoBox a.motoButton span {
    white-space: nowrap;
    cursor: pointer;
    color: #fff;
    display: -moz-inline-box;
    display: inline-block;
    line-height: 1;
    letter-spacing: 0;
    background-image: url(http://cdn.last.fm/flatness/promo/motorokr/motorola_infobox-btn.gif);
    background-position: left top;
    background-repeat: no-repeat;
    height: 25px;
    padding: 6px 0 0 8px;
    margin: 0 8px 0 0;
    border: none;
    vertical-align: text-top;
    zoom: 1;
}

#page span.lineupPoster {
    display: block;
    position: relative;
    background: #1b1b1b;
    color: #fff;
}
#page span.lineupPoster span {
    clear: both;
    display: block;
    padding: 5px;
    font-size: 9px;
    line-height: 1.333333;
    background: #1b1b1b;
}
#page span.lineupPostermega span {
    font-size: 11px;
    line-height: 1.181818;
}
#page span.lineupPoster img {
    float: left;
    margin: 0
}
#page span.lineupPoster span.foot {
    text-align: right;
}

ul.albums .lfmDropDown {
    margin: 3px 3px 3px 0;
}

/* albumsLarge */

.albumsLarge {
    line-height: 1.25;
    clear: both;
    position: relative;
}

ul.albumsLarge li {
    display: inline;
    float: left;
    width: 49.5%;
    margin-bottom: 30px;
    position: relative;
}

ul.albumsLarge li.odd {
    clear: both;
}

div.resContainer {
    padding: 0 15px 0 155px;
}

div.resContainer span.albumCover {
    display: inline;
    float: left;
    margin: 0 0 0 -155px;
}

div.resContainer {
    min-height: 135px;
}

.albumsMedium div.resContainer {
    min-height: 70px;
}

* + html div.resContainer span.albumCover {
    margin: 0;
    float: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.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 0 0 0;
    color: #696969;
    font-size: 10px;
}

.albumsLarge div.resContainer div.buttons {
    margin: 1.5em 0 0 0;
}

.albumsLarge div.resContainer p.label {
    margin: 5px 0 0 0;
    font-size: 10px;
    color: #696969;
}

.albumsLarge div.resContainer p.label a {
    color: #696969;
}

.albumsLarge div.resContainer p.label a:hover {
    color: #0187c5;
}

.albumsLarge a.playbutton {
    position: absolute;
    left: 115px;
    top: 105px;
}


/* albumsMedium */

.albumsMedium {
    position: relative;
    line-height: 1.25em;
}

ul.albumsMedium li {
    display: inline;
    float: left;
    position: relative;
    width: 49.5%;
    margin-bottom: 15px;
}

ul.albumsMedium li.odd {
    clear: both;
}

.albumsMedium div.resContainer {
    padding: 0 15px 0 85px;
}

.albumsMedium div.resContainer span.albumCover {
    float: left;
    display: inline;
    margin: 0 0 0 -85px;
}

* + html .albumsMedium div.resContainer span.albumCover {
    margin: 0;
}

.albumsMedium div.resContainer a {
    color: #000;
    text-decoration: none;
    font-size: 12px;
}

.albumsMedium div.resContainer a:hover {
    color: #0187c5;
    text-decoration: underline;
}

.albumsMedium div.resContainer a.artist {
    font-size: 11px;
}

.albumsMedium a.playbutton {
    position: absolute;
    left: 54px;
    top: 47px;
}

p.newRelease {
    position: absolute;
    top: 137px;
    left: 0px;
    text-align: right;
    width: 140px;
    display: inline;
}

.albumsMedium p.newRelease {
    top: 70px;
    width: 72px;
}


p.newRelease span {
    padding: 0 2px;
    line-height: 1.3;
    font-weight: bold;
    font-size: 90%;
    border-top:1px solid #FFF2A6;
    background: #FEF081; 
    color: #1b1b1b;
}

/* Large */

ul.artistsLarge {
    display: block;
    overflow: hidden;
    font-size: 11px;
    line-height: 1.181818em;
    margin-right: -15px;
}

ul.artistsLarge li {
    position: relative;
    float: left;
    display: inline;
    width: 132px;
    height: 155px;
    margin: 0 9px 0 0;
    overflow: hidden;
}

.pictureFrame {
    position: relative;
    display: block;
    width: 132px;
    height: 109px;
    overflow: hidden;
    cursor: pointer;
}

.pictureFrame .image {
    position: absolute;
    top: 2px;
    left: 3px;
    display: block;
    width: 126px;
    height: 100px;
    overflow: hidden;
}

.pictureFrame .image img.defaultImage {
    margin: -12px 0 0 0;
}

.pictureFrame .overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 132px;
    height: 109px;
    background: url(http://cdn.last.fm/flatness/picture_frame.png) left top transparent;
}


* html .pictureFrame .overlay {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn.last.fm/flatness/picture_frame.png', sizingMethod='crop');
    cursor: pointer;
}

ul.artistsLarge span.track a {
    color: #696969;
}

ul.artistsLarge a {
    color: #000;
}

ul.artistsLarge a.plays {
    color: #0187c5;
    font-size: 10px;
    white-space: nowrap;
}

ul.artistsLarge a:hover {
    color: #0187c5;
}

ul.artistsLarge li a strong.withAdd {
    display: block;
    margin: 1px 0 0 3px;
    text-indent: 20px;
    line-height: 1.454545;
}
ul.artistsLarge a.playbutton {
    position: absolute;
    left: 105px;
    top: 81px;
}
ul.artistsLarge a.addbutton {
    position: absolute;
    left: 3px;
    top: 111px;
    width: 15px;
    height: 15px;
    background: url('http://cdn.last.fm/flatness/global/icon_add_hover.gif') no-repeat 0 0;
}
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) center no-repeat #fff;
}

ul.artistsLarge form {
    display: none;
}

ul.artistsLarge li p.info {
    color: #696969;
}

/* square */

ul.artistsSquare {
    margin: 0 0 7px 0;
}
ul.artistsSquare li {
    float: left;
    display: inline;
    width: 188px;
    margin: 6px 0 0 0;
    font-size: 11px;
    line-height: 1.181818;
}

ul.artistsSquare a {
    display: block;
    padding: 1px 0 0 45px;
    color: #0187c5;
}

ul.artistsSquare a img {
    padding: 1px;
    background: #fff;
    border: 1px solid #ccc;
}

ul.artistsSquare a.highlight img {
    border-color: #0187c5;
}

ul.artistsSquare strong {
    color: #000;
}
ul.artistsSquare a:hover strong {
    color: #0187c5;
}
ul.artistsSquare img {
    display: inline;
    float: left;
    margin: -1px 0 0 -45px;
}

/* medium */

ul.artistsMedium {
    display: block;
    overflow: hidden;
    font-size: 11px;
    line-height: 1.181818em;
    margin-right: -15px;
}

ul.artistsMedium li {
    position: relative;
    float: left;
    display: inline;
    width: 72px;
    height: 86px;
    margin: 0 9px 5px 0;
    overflow: hidden;
}

ul.artistsMedium a li {
    clear: both;
    display: block;
}

/* medium, but then vertical (we should get rid of the default medium style alltogether...) */

ul.artistsMediumVertical li {
    clear: both;
    padding: 0 0 13px 78px;
}

ul.artistsMediumVertical li a.artist {
    color: #1b1b1b;
}

ul.artistsMediumVertical li a strong {
    display: block;
}

ul.artistsMediumVertical li a img {
    display: inline;
    float: left;
    margin: 0 0 0 -77px;
    padding: 1px;
    background: #fff;
    outline: 1px solid #ccc;
}

/* small */

ul.artistsSmall {
    margin: 1em 0;
}

ul.artistsSmall li {
    margin: 0 0 1em 0;
    padding: 0 0 0 79px;
    overflow: hidden;
}

ul.artistsSmall a {
    text-decoration: none;
}

ul.artistsSmall h4 {
    margin-left: -15px;
    border-top: solid 1px #ddd;
    padding-left: 15px;
    background: #eee;
}

ul.artistsSmall img {
    float: left;
    display: inline;
    margin: -1px 0 0 -79px;
}

ul.artistsSmall li strong {
    display: block;
    font-weight: bold;
}

ul.artistsSmall li div a {
    margin-right: 5px;
    padding-left: 14px;
    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) 0 2px no-repeat;
}

ul.artistsSmall li div.media a.tracks {
    background: url(http://cdn.last.fm/flatness/track_small.gif) 0 2px no-repeat;
}

ul.artistsSmall li div.media a strong {
    display: none;
}

ul.artistsSmall li div.media a span {
    padding: 0 5px;
    background: #ddd;
    color: #333;
    font-size: 10px;
}

/* not really a list, but hey... */

p.artists {
    padding: 1em 0 0 0;
    clear: both;
    font-size: 11px;
    line-height: 1.181818;
}

p.artists a {
    color: #0187c5;
    text-decoration: none;
}

p.artists a.highlight {
    background: #0187c5;
    color: #fff;
}

/* artistsWithInfo */
ul.artistsWithInfo {
    clear: both;
}

ul.artistsWithInfo li {
    clear: both;
    display: block;
    position: relative;
    margin: 15px 0 0 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #ccc;
    zoom: 1;
}

ul.artistsWithInfo li.last {
    border-bottom: none;
}

ul.artistsWithInfo li .pictureFrame {
    float: left;
    display: inline;
}

ul.artistsWithInfo li .playbutton {
    position: absolute;
}

ul.artistsWithInfo li a.artist,
ul.artistsWithInfo li a.track {
    color: #1b1b1b;
}

ul.artistsWithInfo li p.stats {
    color: #696969;
}

ul.artistsWithInfo li p.bio {
    margin: 1em 0;
}

/* artistsWithInfo large specific */

ul.artistsWithInfo li.large {
    padding-left: 145px;
}

ul.artistsWithInfo li.large .pictureFrame {
    margin-left: -145px;
}

ul.artistsWithInfo li.large .playbutton {
    left: 105px;
    top: 80px;
}

* html #page .artistsWithInfo li.large .playbutton {
    margin-left: -145px;
}

ul.artistsWithInfo li.large a.artist strong {
    font-size: 16px;
    line-height: 1.181818em; 
}

ul.artistsWithInfo li.large p.stats {
    font-size: 11px;
}

/* artistsWithInfo medium specific */

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;
}

/* Similarity match */

ul.artistsWithInfo div.matchmeter {
    float: right;
    display: block;
    right: 0px;
    top: 0px;
    width: 180px;
    background: #efefef;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 11px;
    line-height: 1.181818em;
}

ul.artistsWithInfo div.matchmeter strong {
    text-transform: uppercase;
}

ul.artistsWithInfo div.matchmeter span.bar {
    clear: both;
    display: block;
    width: 100%;
    height: 5px;
    margin: 3px 0 0 0;
    background: #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
ul.artistsWithInfo div.matchmeter span.bar span {
    display: block;
    height: 5px;
    -webkit-border-radius: 2px;
    -moz-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;
}

/* Medium with featured */

ul.artistsMediumWithFeatured {
    padding-left: 267px;
}

ul.artistsMediumWithFeatured li {
    border-top: 1px solid #ccc;
}

ul.artistsMediumWithFeatured li .container {
    display: block;
    padding: 5px;
    padding-right: 73px;
    border-top: 1px solid #fff;
    font-size: 11px;
    line-height: 1.181818em;
    min-height: 64px;
}

ul.artistsMediumWithFeatured li img.artistImage {
    display: inline;
    float: right;
    margin-right: -73px;
}

ul.artistsMediumWithFeatured li strong.artist {
    display: block;
    font-size: 12px;
    line-height: 1.166667em;
    color: #1b1b1b;
}

ul.artistsMediumWithFeatured li a:hover {
    text-decoration: none;
}

ul.artistsMediumWithFeatured li a:hover strong.artist {
    color: #0187c5;
}

ul.artistsMediumWithFeatured li p.info {
    font-size: 11px;
    line-height: 1.181818em;
    color: #1b1b1b;
}
    

ul.artistsMediumWithFeatured li span.info {
    display: block;
    font-size: 11px;
    line-height: 1.181818em;
}

ul.artistsMediumWithFeatured li p.info {
    margin-top: 5px;
}

ul.artistsMediumWithFeatured li.first {
    display: inline;
    float: left;
    margin-left: -267px;
    border: 1px solid #ccc;
    padding: 1px;
    background: #fff;
}

ul.artistsMediumWithFeatured li.first a {
    display: block;
    position: relative;
    width: 252px;
    height: 189px;
    background-color: #000; /* CSS Defensiveness */
    background-repeat: no-repeat;
    background-position: center top;
}

ul.artistsMediumWithFeatured li.first p.info {
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 252px;
    color: #fff;
    font-size: 11px;
    line-height: 1.272727em;
}

ul.artistsMediumWithFeatured li.first p.info * {
    padding: 3px 9px;
    display: inline;
    float: left;
    background: #000;
    opacity: 0.9;
    -moz-opacity: 0.9;
    filter:alpha(opacity=90);
}
        

ul.artistsMediumWithFeatured li.first p.info strong {
    font-size: 14px;
    line-height: 1.142857em;
    font-weight: bold;
    padding: 3px 9px;
}

ul.artistsMediumWithFeatured li.first p.info .extra {
    clear: left;
    padding-bottom: 5px;
}


ul.artistsMediumWithFeatured li.first a:hover p.info strong {
    color: #0187c5;
}


/* Mega with featured */

ul.artistsMegaWithFeatured {
    clear: both;
    display: block;
    border: 1px solid #ccc;
}

ul.artistsMegaWithFeatured li {
    display: block;
    float: left;
}

ul.artistsMegaWithFeatured li a {
    position: relative;
    display: block;
    width: 195px;
    height: 134px;
    border: 1px solid #fff;
    background-color: #ccc;
    background-repeat: no-repeat;
    background-position: center center;
}

ul.artistsMegaWithFeatured li.first a {
    width: 352px;
    height: 270px;
}

ul.artistsMegaWithFeatured li a:hover {
    text-decoration: none;
}

ul.artistsMegaWithFeatured li p.info {
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    color: #fff;
    font-size: 11px;
    line-height: 1.181818em;
}

ul.artistsMegaWithFeatured li p.info * {
    padding: 3px 9px;
    display: inline;
    clear: left;
    float: left;
    background: #000;
    /* white-space: nowrap; */
    opacity: 0.9;
    -moz-opacity: 0.9;
    filter:alpha(opacity=90);
}

ul.artistsMegaWithFeatured li p.info strong {
    font-size: 14px;
    line-height: 1.142857em;
    font-weight: bold;
    padding: 3px 9px;
}

ul.artistsMegaWithFeatured li a:hover p.info strong {
    color: #0187c5;
}

/* Pictureframe */

.pictureFrameMediumsquare {
    position: relative;
    display: block;
    width: 72px;
    height: 59px;
    overflow: hidden;
    cursor: pointer;
}

.pictureFrameMediumsquare .image {
    position: absolute;
    top: 2px;
    left: 2px;
    display: block;
    width: 64px;
    height: 52px;
    overflow: hidden;
}

.pictureFrameMediumsquare img.defaultImage {
    margin: -8px 0 0 0;
}

.pictureFrameMediumsquare .overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 72px;
    height: 59px;
    background: transparent url(http://cdn.last.fm/flatness/picture_frame_medium.2.png) left top no-repeat;
}


* html .pictureFrameMediumsquare .overlay {
    background: transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn.last.fm/flatness/picture_frame_medium.2.png', sizingMethod='crop');
    cursor: pointer;
}

/* */
.pictureFrameSmallsquare {
    position: relative;
    display: block;
    width: 36px;
    height: 28px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #ccc;
}

.pictureFrameSmallsquare .image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 34px;
    height: 26px;
    overflow: hidden;
    border: 1px solid #fff;
}

.pictureFrameSmallsquare .image img.defaultImage {
    margin: -4px 0 0 0;
}

.pictureFrameSmallsquare .overlay {
    display: none;
}
/* Wrappers */

#page div.artistsLargeOneRowWrapper {
    position: relative;
    clear: both;
    height: 155px;
    overflow: hidden;
}

#page div.artistsLargeTwoRowsWrapper {
    position: relative;
    clear: both;
    height: 310px;
    overflow: hidden;
}

/* Artist Recs */

ul.artistRecs {
    padding-bottom: 10px;
}

ul.artistRecs li {
    display: block;
    float: left;
    width: 265px;
    padding-bottom: 10px;
    font-size: 11px;
    line-height: 1.272727em;
    color: #696969;
}

ul.artistRecs li.odd {
    clear: both;
}

ul.artistRecs li div.container {
    padding-left: 78px;
    padding-right: 9px;
    position: relative;
}

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;
    left: 45px;
    top: 34px;
}

* html ul.artistRecs li a.playbutton {
    display: inline;
    float: left;
    margin-left: -81px;
}

ul.artistRecs li p.info {
    margin-top: 0.363636em;
}


/* small-vertical */

.list-artist-small-vertical li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    overflow: auto;
    width: 100%;
    padding: 5px 0;
}

.list-artist-small-vertical li.first {
    border-top: 0;
}

.list-artist-small-vertical li.last {
    border-bottom: 0;
}

.list-artist-small-vertical .list-content {
    padding: 0 0 0 48px;
}

.list-artist-small-vertical .pictureFrame {
    float: left;
    display: inline;
    margin-left: -48px;
}

.list-artist-small-vertical .summary {
    font-size: 11px;
    line-height: 1.181818em;
    font-weight: bold;
}

.mediumChartWithImages li {
    position: relative;
    display: block;
    clear: both;
    width: 100%;
    height: 84px;
}

.mediumChartWithImages li a {
    display: block;
    height: 64px;
    padding-left: 66px;
}

.mediumChartWithImages li a:hover {
    text-decoration: none;
}

.mediumChartWithImages li a small {
    display: block;
    line-height: 1.181818em;
    color: #696969;
    font-size: 11px;
}

.mediumChartWithImages li img.chartImage {
    float: left;
    margin: 0 0 0 -66px;
    border: 1px solid #0187c5;
}

.mediumChartWithImages li a:hover img.chartImage {
    border-color: #0187c5;
}

.mediumChartWithImages li p {
    padding: 3px 5px;
}

.mediumChartWithImages li a:hover p strong {
    text-decoration: underline;
}

.mediumChartWithImages li span.position {
    position: absolute;
    display: block;
    left: 59px;
    top: 0px;
    width: 20px;
    text-align: center;
    height: 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    background: #73b7e5;
    color: #fff;
    display: none;
}

#page .chartbar2 {
    position: relative;
    display: block;
    width: auto;
    height: 22px;
    line-height: 22px;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}

#page .chartbar2 span.bar {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    min-width: 60px;
    height: 22px;
    line-height: 22px;
    background: url(http://cdn.last.fm/flatness/charts/chartbar.png) no-repeat right top;
}

#page .chartbar2 span.value {
    display: block;
    position: relative;
    padding: 0 5px;
    z-index: 1;
    font-size: 11px;
    line-height: 22px;
}

* html .chartbar2 span.value {
    margin: 3px 0;
}

#page a .chartbar2 span.value,
#page a:hover .chartbar2 span.value {
    color: #fff;
    text-decoration: none;
}

/* small */

ul.journalsSmall {
    border-bottom: 1px solid #fff;
    font-size: 11px;
}

ul.journalsSmall li {
    padding: 5px 5px 5px 25px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
}
ul.journalsSmall li img.journal_icon {
    float: left;
    display: inline;
    margin: 0 0 0 -25px;
}

ul.journalsSmall li.first {
    border-top: none;
}

ul.journalsSmall a strong {
    color: #1b1b1b;
}

ul.journalsSmall a:hover strong {
    color: #0187c5;
}

ul.journalsSmall li span.info {
    display: block;
    margin: 3px 0 0 0;
    font-size: 10px;
}

ul.journalsSmall li span.info {
    color: #696969;
}

/* with excerpt */

ul.journalsExcerpt li {
    padding: 10px 10px 10px 75px;
}

ul.journalsExcerpt li a.excerptImage {
    float: left;
    margin-left: -76px;
    margin-top: 3px;
}

ul.journalsExcerpt li a.title img {
    display: none;
}

/* featured */

ul.journalsFeatured li {
    font-size: 12px;
    border-bottom: none;
}

ul.journalsFeatured li.last {
    border-bottom: none;
}

ul.journalsFeatured li span.info {
    margin-top: 0;
}

ul.journalsFeatured li p.excerpt {
    margin-top: 5px;
}

/* currently based on shoutboxes */

ul.obsessionsMedium {
    margin: 1em 0;
    font-size: 11px;
}

ul.obsessionsMedium li {
    margin: 0 0 1em 0;
    padding: 0 0 0 135px;
    overflow: hidden;
    font-size: 12px;
}


ul.obsessionsMedium h4 {
    margin: 0 0 5px -15px;
    border-top: solid 1px #ddd;
    padding-left: 15px;
    background: #eee;
    font-size: 15px;
}

ul.obsessionsMedium h4 a {
    text-decoration: none;
}

ul.obsessionsMedium img {
    float: left;
    display: inline;
    margin: -1px 0 0 -135px;
}

ul.obsessionsMedium small {
    font-size: 10px;
    color: #aaa;
}

/* small */


ul.eventsSmall span.calSheet {
    float: left;
    display: inline;
    margin-left: -37px;
}

ul.eventsSmall li {
    zoom: 1;
    padding: 5px 5px 5px 42px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    font-size: 11px;
    line-height: 1.181818em;
}

ul.eventsSmall li.first {
    border-top: 0;
}
ul.eventsSmall li.last {
    border-bottom: 0;
}

ul.eventsSmall a {
    text-decoration: none;
}

ul.eventsSmall li strong.summary {
    display: block;
    font-size: 11px;
    line-height: 1.181818em;
    color: #000;
}
ul.eventsSmall a:hover strong.summary,
ul.eventsSmall a:hover span.summary {
    color: #0187c5;
    text-decoration: underline;
}

ul.eventsSmall li small.location {
    display: block;
    color: #000;
    font-size: 11px;
    margin: 1px 0 4px 0;
}

ul.eventsSmall li p.info {
    font-size: 10px;
    color: #696969;
}

ul.eventsSmall a.comments:hover {
    text-decoration: underline;
}

ul.eventsSmall li.past span.calSheet {
	filter: alpha(opacity=60);
 	-moz-opacity: 0.6;
    opacity: 0.6;
}

/* Medium */

ul.eventsMedium {
    font-size: 11px;
    line-height: 1.5em;
}

ul.eventsMedium li {
    margin-bottom: 10px;
}

ul.eventsMedium li div.event {
    padding: 4px;
    border-top: 1px solid #9cf;
    font-size: 11px;
    background: #f2f2f2;
}

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 {
    display: block;
    float: left;
    margin: 0 0 0 -75px;
}

ul.eventsMedium li span.artists a {
    color: #000;
}

ul.eventsMedium li address a {
    color: #666;
}

ul.eventsMedium li div.eventInfo {
    margin: 5px 0 0 0;
    font-size: 10px;
}

ul.eventsMedium li div.eventInfo a.tickets {
    padding: 0 0 0 20px;
    background: url(http://cdn.last.fm/flatness/ticket.png) no-repeat left 2px;
}


/* Medium with featured */

ul.eventsMediumWithFeatured {
    clear: both;
    padding-left: 267px;
}

ul.eventsMediumWithFeatured li {
    border-top: 1px solid #ccc;
}

ul.eventsMediumWithFeatured li .container {
    padding: 5px;
    padding-right: 34px;
    border-top: 1px solid #fff;
    font-size: 11px;
    line-height: 1.181818em;
}

ul.eventsMediumWithFeatured li .calSheet {
    display: inline;
    float: right;
    margin-right: -32px;
}

ul.eventsMediumWithFeatured li a.summary {
    display: block;
    font-size: 12px;
    line-height: 1.166667em;
    color: #1b1b1b;
    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 {
    display: inline;
    float: left;
    margin-left: -267px;
    border: 1px solid #ccc;
    padding: 1px;
    background: #fff;
}

ul.eventsMediumWithFeatured li.first a {
    display: block;
    position: relative;
    width: 252px;
    height: 189px;
    background-color: #000; /* CSS Defensiveness */
    background-repeat: no-repeat;
    background-position: center top;
    text-decoration: none;
}

ul.eventsMediumWithFeatured li.first a:hover {
    text-decoration: none;
}

ul.eventsMediumWithFeatured li.first p.info {
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 200px;
    padding: 9px 9px 9px 9px;
    padding-left: 43px;
    background: #000;
    color: #fff;
    font-size: 11px;
    line-height: 1.272727em;
    opacity: 0.9;
    -moz-opacity: 0.9;
    filter:alpha(opacity=90);
}

ul.eventsMediumWithFeatured li.first p.info span.calSheet {
    display: inline;
    float: left;
    margin-left: -34px;
    line-height: 1.214286em;
}

ul.eventsMediumWithFeatured li.first p.info strong {
    display: block;
    font-size: 14px;
    line-height: 1.142857em;
    font-weight: bold;
}

ul.eventsMediumWithFeatured li.first a:hover p.info strong {
    color: #0187c5;
}

/* overrides */

ul.eventsNoBorder,
ul.eventsNoBorder li {
    border: 0;
}

dl.factboxMedium {
    border: 1px solid #ddd;
    font-size: 11px;
    padding: 0 10px 0 120px;
}

dl.factboxMedium dt{
    position: relative;
    float: left;
    margin: 0 0 0 -110px;
    font-weight: bold;
}

dl.factboxMedium dd {
    width: 100%;
}

dl.factboxMedium dd ul li {
    position: relative;
    padding: 0 0 0 5px;
    margin: 0 0 0 -5px;
}

dl.factboxMedium dd a {
    color: #D51007;
}

dl.factboxMedium dd ul li small {
    position: absolute;
    top: 0;
    right: 5px;
}

dl.factboxMedium dd ul li.odd {
    background: #efefef;
}

ul#eventPhotos li {
    display: inline;
    float: left;
    margin: 0 10px 10px 0;
    width: 59px;
    height: 59px;
    border: 1px solid #ccc;
    padding: 2px;
    background: #fff;
}

ul#eventPhotos li a {
    display: block;
    overflow: hidden;
    width: 59px;
    height: 59px;
}

ul#eventPhotos li.highlight {
    border: 1px solid #0187c5;
    background: #0187c5;
}

p#eventHeadliners {
    clear: both;
}

p#eventHeadliners a.highlight {
    text-decoration: underline;
}

/* just square images */

ul.floatingSquares {
    overflow: hidden;
    margin: 1em -15px 1em 0;
    padding: 0;
}

ul.floatingSquares li {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 11px;
}

ul.floatingSquares a {
    display: block;
}

ul.floatingSquares li {
    width: 75px;
    height: 75px;
}

/* inline, comma-separated */

ul.inline {
    margin: 0;
    padding: 0;
}

ul.inline li {
    margin: 0;
    padding: 0;
    display: inline;
}

ul.inline li:after {
    content: ", ";
}

ul.inline li.last:after {
    content: "";
}

/* small */

ul.groupsSmall li.last {
    border-bottom: 0;
}

ul.groupsSmall a,
ul.groupsSmall a:hover {
    text-decoration: none;
    display: block;
}

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: none;
}

ul.groupsSmall li {
    display: block;
    padding: 5px 5px 5px 49px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    font-size: 11px;
}

ul.groupsSmall li span.info {
    display: block;
    margin: 2px 0 0 0;
    font-size: 10px;
    color: #696969;
}

ul.groupsSmall a strong {
    color: #000;
}

ul.groupsSmall a:hover strong {
    color: #0187c5;
}

/* medium */

ul.groupsMedium {
    margin: 1em 0;
}

ul.groupsMedium li {
    display: block;
    float: left;
    width: 49%;
    margin: 0 0 30px 0;
    font-size: 11px;
}

ul.groupsMedium li div.groupContainer {
    padding: 0 0 0 79px;
}

ul.groupsMedium li.odd {
    clear: both;
}

ul.groupsMedium li.odd div.groupContainer {
    padding-right: 30px;
}

ul.groupsMedium strong {
    display: block;
    border-bottom: 1px solid #ccc;
}

ul.groupsMedium strong a {
    color: #1b1b1b;
}

ul.groupsMedium strong a:hover {
    color: #0187c5;
    text-decoration: none;
}

ul.groupsMedium strong img.groupImage {
    float: left;
    margin: 0 0 0 -79px;
}

p.members {
    color: #696969;
    font-size: 10px;
    line-height: 17px;
}

p.latestActivity {
    line-height: 14px;
}


ul.groupsMedium h4 {
    margin: 0 -189px 0.25em -15px;
    border-top: solid 1px #ddd;
    padding-left: 15px;
    background: #eee;
    font-size: 16px;
    line-height: 1.25em;
}

ul.groupsMedium h4 img {
    float: left;
    display: inline;
    margin: -1px 0 0 -126px;
}

/* groups medium wide - 1 per row */

ul.groupsMediumWide li {
    padding: 10px 5px;
    margin: 0  0 0-5px;
    width: auto;
    float: none;
    clear: both;
}

ul.groupsMediumWide li.odd div.groupContainer {
    padding-right: 0;
}

.newsEntriesSmall {
    color: #696969;
    border-bottom: 1px solid #fff;
}

.newsEntriesSmall li {
    clear: both;
    padding: 5px 5px 5px 5px;
    overflow: hidden;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
}

.newsEntriesSmall .withFavIcon {
    padding-left: 25px;
}

.newsEntriesSmall .favIcon {
    padding: 1px;
    border: 1px solid #ccc;
    float: left;
    display: inline;
    margin: 0 0 0 -25px;
}

.newsEntriesSmall .sub {
    font-size: 10px;
}

.newsEntriesSmall .comment_icon {
    margin-bottom: -3px;
}

.newsEntriesSmall .sub a,
.latestNewsEntry .sub a {
    color: #696969;
}

.latestNewsEntry {
    overflow: hidden;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ccc;
}

.latestNewsEntry .entryImage,
.latestNewsEntry .favIcon {
    border: 1px solid #ccc;
    padding: 1px;
    float: left;
    display: inline;
}

.latestNewsEntry .entryImage {
    margin: 0 10px 0 0;
}

.latestNewsEntry .sub {
    color: #696969;
    margin-bottom: 0.7em;
    font-size: 10px;
}

.latestNewsEntry h3 img {
    margin: 0 0 0 -25px;
}

.latestNewsEntryWithFavIcon h3 {
    padding: 0 0 0 25px;
}

.latestNewsEntryWithFavIcon .sub {
    padding-left: 25px;
}

.latestNewsEntry .entry-content {
    line-height: 1.363636;
}

.latestNewsEntry .rightshouts,
.newsEntriesSmall .rightshouts {
    text-align: right;
    margin: 4px 5px 0 0;
    font-size: 10px;
}

.newsEntriesSmall .rightshouts {
    margin-right: 0;
}

ul.notices li {
    overflow: hidden;
    margin: 0 0 15px 0;
    position: relative;
    background: #f5f5f5;
    border-bottom: solid 1px #ddd;
}

ul.notices div.from {
    overflow: hidden;
    padding: 8px 0 5px 0;
    font-size: 11px;
    background: #eee;
    border-bottom: solid 1px #ddd;
    line-height: 1.363636em;
    color: #696969;
}

ul.notices li.new {
    border-bottom: solid 1px #c6d7ea;
}

ul.notices li.new div.from {
    background: #e3eef9;
    border-bottom: 1px solid #c6d7ea;
}

ul.notices li.new div.item {
    background: #f1f6fa;
}

ul.notices div.from span.userImage {
    float: left;
    display: inline;
    margin: -3px 10px 0 5px;
}

ul.notices div.from strong {
    color: #000;
}

ul.notices li div.item {
    padding: 5px;
}

ul.notices p.message {
    margin: 5px 0 10px 0;
}

ul.notices p.outcome {
    margin-top: 10px;
    text-align: right;
    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 {
    margin: 0;
    padding: 0;
    background: transparent;
}

ul.notices div.resource h1,
ul.notices div.resource p {
    padding-left: 83px;
}

ul.notices div.resource h1 * {
    margin-bottom: 0;
}

ul.notices div.resource p.message {
    font-size: 11px;
}

ul.notices form {
    text-align: right;
}

/* misc */

ul.notices a.close {
    position: absolute;
    top: 5px;
    right: 5px;
    text-decoration: none;
    font-weight: bold;
    background: transparent;
    color: #ccc;
    line-height: 1em;
    padding: 0 0.25em 0.25em 0.25em;
    -webkit-border-radius: 0.6em;
    -moz-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 {
    margin: 0 -15px 0 0;
    padding: 0;
    list-style-type: none;
}

ul.centeredPictures {
    text-align: center;
}

ul.pictures li {
    position: relative;
    float: left;
    display: inline;
    margin: 0 15px 10px 0;
    padding: 0;
    width: 174px;
    padding-top: 140px;
    height: 4em;
    overflow: hidden;
    list-style-type: none;
    font-size: 11px;
    line-height: 1.181818em;
    color: #696969;
}

ul.pictures .pic {
    text-decoration: none;
}

ul.pictures .pic:hover strong {
    text-decoration: underline;
}

ul.pictures img {
    position: absolute;
    bottom: 4.2em;
    left: 0;
    padding: 3px;
    border: 1px solid #ccc;
}

ul.centeredPictures img {
    left: 50%;
}

ul.pictures a:hover img {
    background: #EEE;
}

ul.pictures .date {
    white-space: nowrap;
}

ul.pictures .dismiss_icon {
    border: 0;
    cursor: pointer;
    position: static;
    left: auto;
    padding: 0;
    margin-right: 0;
    vertical-align: top;
}

* html ul.pictures .dismiss_icon {
    margin-right: 4px;
}

* + html ul.pictures .dismiss_icon {
    margin-right: 4px;
}

.inlineTagList li {
    display: inline;
    padding: 0 7px 5px 0;
}

.freeTracks, .topTracks {
    margin: 0 0 5px 0;
}

.freeTracks li, .topTracks li {
    padding: 7px 7px 7px 30px;
    font-size: 11px;
    line-height: 1.181818em;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
}

.withHead .topTracks li { 
    border-top: 1px solid #333;
    color: #fff;
}

.freeTracks li.first, .topTracks li.first {
    border-top: 0;
}

.freeTracks li.last, .topTracks li.last {
    border-bottom: 0;
}

.freeTracks li.odd, .topTracks li.odd {
    background: #f7f7f7;
}

.withHead .topTracks li.odd { 
    background: #070707;
}

.freeTracks li a.playbutton, .topTracks li a.playbutton {
    float: left;
    display: inline;
    margin: 0 0 0 -22px;
}

.freeTracks li a, .topTracks li a {
    color: #000;
}

.withHead .topTracks li a { 
    color: #fff;
}

.freeTracks li .trackDuration, .topTracks li .trackDuration {
    font-size: 10px;
}

.freeTracks .lfmFreeDownloadButton {
    float: right;
    margin: 0 0 0 5px;
}


/* square */

ul.usersSquare {
    display: block;
    width: 304px; /* explicitly set width, so it likes the margins below */
}

ul.usersSquare li {
    display: block;
    float: left;
    width: 70px;
    height: 70px;
    margin: 0 6px 6px 0;
}

ul.smallSquare li a,
ul.usersSquare li a {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    text-decoration: none;
    position: relative;
}

ul.smallSquare li a:hover,
ul.usersSquare li a:hover {
    z-index: 2;
}

ul.usersSquare li a span.userImage {
    display: block;
    width: 64px;
    height: 64px;
    background: #fff;
}

ul.smallSquare li a span.name,
ul.usersSquare li a span.name {
    display: block;
    visibility: hidden;
    position: absolute;
    padding: 2px 4px;
    line-height: 1.272727;
    background: #0187c5;
    color: #fff;
    font-size: 10px;
    font-weight: normal;
    white-space: nowrap;
}

ul.smallSquare {
    margin: 1em -4px 1em 0;
}

ul.smallSquare li {
    float: left;
    display: inline;
    width: 38px;
    height: 38px;
    margin: 0 4px 4px 0;
}
ul.smallSquare li.last {
    margin-right: 0;
}

ul.smallSquare li a img {
    display: block;
    width: 34px;
    height: 34px;
    background: #fff;
}

/* small */

ul.usersSmall li {
    float: left;
    display: inline;
    width: 49%;
    margin: 0 0 7px 0;
}

ul.usersSmall li div {
    padding: 0 0 0 48px;
    font-size: 11px;
    line-height: 1.181818em;
    color: #696969;
}

ul.usersSmall li.odd {
    clear: both;
}

ul.usersSmall li.odd div {
    margin-right: 10px;
}

ul.usersSmall li strong a {
    color: #1b1b1b;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer; /* explicit for IE */
}

ul.usersSmall li strong a:hover {
    color: #0187c5;
}

ul.usersSmall span.userImage {
    float: left;
    display: inline;
    margin: 0 0 0 -48px;
}

ul.usersSmall .nowlistening,
ul.usersSmall .justlistened {
    color: #390;
}

ul.usersSmall .nowlistening {
    font-weight: bold;
}

ul.usersSmall a .name {
    background: transparent !important;
}

* html .module ul.usersSmall {
    position: relative;
}

* html .module ul.usersSmall li,
* html .module ul.usersSmall div {
    position: relative;
    height: 38px;
}

* + html ul.usersSmall div {
    position: relative;
    min-height: 38px;
}

* html .module ul.usersSmall span.userImage {
    float: none;
    display: block;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

* + html ul.usersSmall span.userImage {
    float: none;
    display: block;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

/* user img styles */

span.imgMedium {
    border: 1px solid #999;
}

span.imgMedium img {
    border: 2px solid #fff;
}

a.user span.imgMedium {
    border: 1px solid #999;
}

a.subscriber span.imgMedium {
    border: 1px solid #8ab3e7;
}

a.staff span.imgMedium {
    border: 1px solid #ef647a;
}

a.ninja span.imgMedium {
    border: 1px solid #331474;
}

a.user:hover span.imgMedium {
    border: 1px solid #666;
}

a.user:hover span.imgMedium,
a.user:hover span.imgMedium img {
    border-color: #666;
}

a.subscriber:hover span.imgMedium,
a.subscriber:hover span.imgMedium img {
    border-color: #4971a9;
}

a.ninja:hover span.imgMedium,
a.ninja:hover span.imgMedium img {
    border-color: #271057;
}

a.staff:hover span.imgMedium,
a.staff:hover span.imgMedium img {
    border-color: #D51007;
}

/* medium */

ul.usersMedium {
    margin: 1em 0;
    font-size: 11px;
    line-height: 1.181818;
}

ul.usersMedium li {
    position: relative;
    display: block;
    float: left;
    width: 49%;
    margin: 0 0 30px 0;
}

ul.usersMedium li div.userContainer {
    padding: 0 0 0 79px;
    zoom: 1;
}

ul.usersMedium div.userContainer .listeningNow {
    background: url(http://cdn.last.fm/flatness/global/icon_eq.gif) top right no-repeat;
}

ul.usersMedium li.odd {
    clear: both;
}

ul.usersMedium li.odd div.userContainer,
ul.usersMedium li.odd a.delete {
    margin-right: 30px;
}

ul.usersMedium div.userContainer strong {
    display: block;
    border-bottom: 1px solid #ccc;
}

ul.usersMedium strong a {
    color: #1b1b1b;
}

ul.usersMedium strong a:hover {
    color: #0187c5;
    text-decoration: none;
}

ul.usersMedium strong span.userImage {
    float: left;
    margin: 0 0 0 -79px;
    cursor: pointer;
}

ul.usersMedium div.userContainer p strong {
    display: inline;
    border: 0;
}

ul.usersMedium p.info {
    padding: 3px 0;
    color: #696969;
    font-size: 10px;
}

ul.usersMedium li a.delete {
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
}

ul.usersMedium li:hover a.delete {
    display: block;
}

/* Users medium wide - 1 per row */

ul.usersMediumWide li {
    padding: 10px 5px;
    margin: 0  0 0-5px;
    width: auto;
    float: none;
    clear: both;
}

ul.usersMediumWide li.odd div.userContainer {
    margin-right: 0;
}

/* mini (for eventz n shit) */

ul.usersMini li {
    display: block;
    float: left;
    clear: both;
    margin: 0 0 3px 0;
    padding: 0 0 0 25px;
}

ul.usersMini li strong span.userImage {
    display: inline;
    float: left;
    margin: 0 0 0 -25px;
}

/* small */

ul.venuesSmall {
    margin: 1em 0;
}

ul.venuesSmall li {
    overflow: hidden;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
}

ul.venuesSmall li.first {
    border-top: none;
}

ul.venuesSmall a {
    display: block;
    padding: 5px 5px 5px 79px;
    text-decoration: none;
}

ul.venuesSmall a strong {
    font-weight: bold;
}

ul.venuesSmall a:hover strong {
    text-decoration: underline;
}

ul.venuesSmall a img {
    float: left;
    display: inline;
    margin: 0 0 0 -74px;
    padding: 1px;
    border: 1px solid #ccc;
}

ul.venuesSmall p {
    margin: 5px 0;
    color: #696969;
}

ul.mediumVideoList {
    margin: 1em -15px 5px -8px;
    clear: both;
    overflow: hidden;
    font-size: 11px;
    line-height: 1.181818;
}

ul.mediumVideoList li {
    float: left;
    display: inline;
    margin: 0 0 10px;
    padding: 0 10px 0 10px;
    width: 129px;
    height: 120px;
    position: relative;
}

ul.mediumVideoList .artist {
    display: block;
    margin: -2px 0 2px 0;
}
ul.mediumVideoList .title {
    display: block;
    margin: 2px 0 2px 0;
}

ul.mediumVideoList span.shoutCount a {
    color: #696969;
    font-size: 10px;
}

ul.mediumVideoList .videoStill {
    margin-left: -2px;
}


fieldset.addDialogPlaylist {
    padding: 10px;
}
fieldset.addDialogPlaylist label {
    display: block;
    margin: 5px 0;
}

.buyDialog a.button {
    display: inline;
    float: right;
    width: 50px;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}
.buyDialog a.button:hover {
    border-color: #505050 #404040 #2d2d2d #404040;
    font-weight: bold;
    background: #515151 url(http://cdn.last.fm/flatness/buttons/5/confirm_button.png) 0 0 repeat-x;
    text-shadow: #515151 0 -1px 1px;
}
.buyDialog small.price {
    display: inline;
    float: right;
    margin: 2px 5px;
}
.buyDialog ul.buyChoices li {
    clear: right;
    margin-bottom: 8px;
}
.buyDialog ul.buyChoices a.icon img {
    display: inline;
    float: left;
    margin-right: 5px;
}       

.multiBuyDialog .dialogContent {
    overflow: auto;
}

.multiBuyDialog table td {
   padding: 1px 5px;
}

.multiBuyDialog table .odd td {
    background: #eee;
}

.multiBuyDialog table .price {
    text-align: right;
}

.multiBuyDialog table .found.track {
    font-weight: bold;
}

.multiBuyDialog table .notFound {
    color: #999;
}

.multiBuyDialog .dialogButtons {
    position: relative;
    text-align: left !important;
    color: #999;
    zoom: 1;
}

.multiBuyDialog .dialogButtons input {
    float: right;
}

.deprecationDialog {
    padding: 0 0 0 50px;
    background: url(http://cdn.last.fm/flatness/listen_v2/error_big.png) left top no-repeat;
    font-size: 12px;
    line-height: 1.333333em;
}

.deprecationDialog ul {
    padding: 0 0 1em 15px;
    list-style: disc outside;
}

.dialogBox {
    border: 5px solid #333;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 0 10px #333;
}

.dialogBox.add {
    border-color: #1c6ca4;
}
.dialogBox a.dialogStatus {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    margin: 5px;
    text-decoration: none;
    background: url('http://cdn.last.fm/flatness/buttons/delete.2.png') no-repeat 50% 50%;
}
.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 {
    margin: 0;
    padding: 5px 15px;
    background: transparent;
    border-bottom: 1px solid #aaa;
    font-size: 15px;
}
.dialogBox h3:hover {
    cursor: move;
}
.dialogBox .dialogContent {
    padding: 15px;
}
.dialogBox .dialogContent p {
    margin:0.5em 0 0 0;
}
.dialogBox h5 {
    margin: 0.5em 0 0.3em 0;
    font-size: 11px;
}

.dialogBox textarea {
    width: 100%;
    height: 150%;
}

.dialogBox .dialogExtra {
    padding: 0 0.5em 0.5em 0.5em;
}
.dialogBox .dialogExtra h5 {
    text-transform: uppercase;
}

.dialogBox .dialogForm {
    clear:both;
}
.dialogBox .dialogButtons {
    clear: both;
    border-top: solid 1px #aaa;
    padding: 10px 15px;
    background: #eee;
    overflow: hidden;
    text-align: right;
}

.dialogBox .dialogButtons input.dialogConfirm {
    margin-left: 8px;
}

/* FOD */

.fodDialog {
    background: #faf8df;
    border: 3px solid #ccc;
}
.fodDialog form {
    padding: 0.5em 1em;
    text-align: left;
    font-size: 11px;
}
.fodDialog span.track {
    color: #000;
}
.fodDialog h4 {
    margin: 1.5em 0 0 0;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.fodDialog input.dialogButton {
    border: 1px solid #8b8b83;
    background: #f2f2f2 url(http://cdn.last.fm/depth/homepage_960/signupbutton.gif) repeat-x 0 50%;
    color: #545454

}
.fodDialog input.dialogButton:hover {
    color: #222;
}
.fodDialog input.dialogConfirm {
    width: 224px;
    height: 31px;
    margin: 15px 0 15px 57px;
    padding: 2px 0;
    font-size: 16px;
    text-align:center;
}
.fodDialog input.dialogCancel {
    padding: 2px 10px;
    float:right;
}

/* Resource rep */

.dialogBox fieldset.resource {
    margin: -15px 0 15px 0;
    padding: 15px;
    border: 1px solid #e7e7e7;
    border-top: 0;
    background: #f2f2f2;
}
.dialogBox fieldset.resource .resource {
    padding: 0;
    margin-bottom: 0;
}

/* Success */

.dialogBox div.successScreen {
    padding: 150px 0 60px;
    background-image: url("http://cdn.last.fm/flatness/giant_success_tick.png");
    background-position: center 50px;
    background-repeat: no-repeat;
    text-align: center;
}

* html .dialogBox div.successScreen {
    background-image: url("http://cdn.last.fm/flatness/giant_success_tick.gif");
}

.dialogBox div.successScreen h4 {
    font-size: 15px;
    margin: 1em 0 0 0;
    font-weight: bold;
}

.dialogBox div.successScreen a {
    color: #4185ce;
}

/* upload image dialog */


.upload .uploading {
    margin: 9px 0 0 0;
}


.dialogBox div.upsell {
    margin: 1em 0 0em;
    font-size: 11px; 
    color: #666
} 

.dialogBox .reveal {
    padding-bottom: 1em;
    text-align: right;
}

#flagging-actions label {
    display: block;
    margin: 10px 0 0 0;
    color: #696969;
    font-size: 11px;
}

#flagging-actions textarea,
#flagging-actions input {
    width: 98%;
}


.moderationvote .options li {
    margin: 0 0 7px 0;
    padding-left: 20px;
}

.moderationvote .options input.radio {
    margin-left: -20px;
    float: left;
    display: inline;
}

.moderationvote .options ul li {
    margin: 7px 0 0 0;
    padding: 0;
}

.moderationvote .messageBox {
    margin-top: 0;
}

/* lots and lots of fiddly stuff for IE here */

.module {
    position: relative;
}

.fiflufi .leftCol .module {
    margin-top: 30px;
}

* html .module {
    zoom: 1;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

* + html .module {
    margin: 30px 0;
}

#page div.fiflufi div.leftCol div.module h2.heading {
    margin-top: 0;
}

.module .moduleDropDown {
    position: absolute;
    top: -2px;
    right: 0;
}
.module .moduleButtons {
    position: absolute;
    top: -2px;
    right: 0;
    font-size: 11px;
}
#page .module .moduleButtons {
    top: 15px;
}

* html .module .moduleDropDown,
* 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,
.embedDialog h3 small,
.modulePreferences h3 small {
    font-size: 15px;
    color: #999;
}

.modulePreferences fieldset {
    margin-bottom: 10px;
}

.embedDialog .infoMessage,
.modulePreferences .infoMessage {
    background: #fdf7c1;
    padding: 5px 7px 7px 7px;
    font-size: 11px;
    line-height: 1.181818em;
    margin-bottom: 0;
}

.embedDialog .infoMessage {
    margin-top: 0;
    margin-bottom: 15px;
}

.embedDialog .infoMessage .messageWrapper,
.modulePreferences .infoMessage .messageWrapper {
    background: transparent;
    padding: 0;
}

.modulePreferences ul.formOptions {
    display: block;
}

.modulePreferences ul.formOptions li {
    display: block;
    padding-left: 185px;
    overflow: hidden;
    margin: 0 0 7px 0;
}

.modulePreferences ul.formOptions li label {
    float: left;
    display: inline;
    margin-left: -185px;
    width: 170px;
    text-align: right;
}

.feedDialog select,
.modulePreferences select {
    margin-left: 12px;
}

.modulePreferences ul.formOptions li select {
    margin-left: 0;
}

.embedDialog ul {
    float: left;
    width: 185px;
    margin-bottom: 10px;
    font-size: 11px;
    line-height: 1.181818em;
}

.embedDialog li {
    margin: 0 0 0.636364em 0;
}

.embedDialog li img {
    vertical-align: text-bottom;
    position: relative;
    margin-right: 4px;
}


#page .notificationDialog {
    border: 0;
    background: #050505;
    color: #fff;
    opacity: 0.9;
    -moz-border-radius: 0;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
}
#page .notificationDialog .dialogContent {
    padding: 5px;
}
#page .notificationDialog .dialogButtons {
    display: none;
}
#page .notificationDialog ul.minifeedSmall {
    padding: 10px;
}
#page .notificationDialog ul.minifeedSmall li {
    border-bottom: 0;
}
#page .notificationDialog .brand {
    float: right;
    width: 88px;
    margin: 10px 0 10px 5px;
    padding: 0 0 0 5px;
    border-left: 1px solid #838383;
}
#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');
}

/* Current Obsession styles */

span.obsUser {
    display: block;
    height: 34px;
    font-weight: bold;
}

span.obsResource {
    display: block;
    height: 34px;
    font-weight: bold;
    text-align: right;
}

span.obsResource img{
    display: inline;
    float: right;
    margin: 0 0 0 5px;
}

span.obsUser img {
    display: inline;
    float: left;
    margin: 0 5px 0 0;
}

div.obsRelation {
    padding: 5px 40px;
    position: relative;
}

div.obsRelation input {
    width: 250px;
    padding: 2px 5px;
    border: none;
    border: 1px solid #333;
    color: #000;
}

a#obsChoose {
    position: absolute;
    top: 11px;
    left: 288px;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background: url(http://static.last.fm/flatness/picker.gif) no-repeat;
    text-indent: -9999px;
}

ul#dropdown {
    position: absolute;
    width: 260px;
    border: 1px solid #000;
    border-top: none;
}

ul#dropdown li {
    border-bottom: #eee 1px solid;
    background: #fff;
}

ul#dropdown li a {
    display: block;
    padding: 3px 5px;
    color: #000;
    text-decoration: none;
}

ul#dropdown li a:hover {
    background: #efefef;
}

ul.show {
    display: block;
}

.radioProblemDialog {
    padding: 0 0 0 50px;
    background: url(http://cdn.last.fm/flatness/listen_v2/error_big.png) left top no-repeat;
    font-size: 12px;
    line-height: 1.333333em;
}

.radioProblemDialog ul {
    padding: 0 0 1em 15px;
    list-style: disc outside;
}

#respickerTabs {
    float:left;
    width: 360px;
    padding: 0 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #363636;
    line-height: 1;
}

#respickerTabs li {
    float: left;
    margin-left: -1px;
    padding: 4px;
    width: 58px;
    border: 1px solid #d0d0d0;
    border-bottom: 0;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}

#respickerTabs li.selected {
    position: relative;
    border-color: #363636;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
}

.typePanel {
    clear: left;
    padding: 10px;
    line-height: 2;
}
.typePanel ul {
    margin: 0;
    padding: 0;
}
.typePanel label {
    padding: 5px 0;
}
.typePanel input[type='text'] {
    vertical-align: middle;
    border: 1px solid #999;
    padding: 4px;
    font-size: 11px;
}
.typePanel input[type='submit'] {
    vertical-align: middle;
    padding: 2px;
    border: 1px solid #ddd;
    outline: 1px solid #555;
    border-color: #eee #aaa #aaa #eee;
    outline-color: #999 #eee #eee #999;
    color: #333;
    background: #f0f0f0;
    font-size: 11px;
    cursor: pointer;
}
.typePanel input[type='submit']:hover {
    border-color: #ccc #999 #999 #ccc;
    outline-color: #666 #ccc #ccc #666;
}
.typePanel input[type='submit']:active {
    background: #ddd;
}

.typePanel span.statusHolder img {
    vertical-align: middle;
    margin-left: 5px;
}

#respickerTypes .results ul {
    float:left;
    margin: 10px 0 20px 0;
    padding: 2px 0;
    border: 1px solid #c0c0c0;
    background: #fff;
}
#respickerTypes .results li {
    float: left;
    width: 340px;
    margin: 0 2px;
    padding: 2px;
    border: 0;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}
#respickerTypes .results li.last {
    border-bottom: 0;
}

#respickerTypes .results li img {
    float: left;
    border: 1px solid #C0C0C0;
    margin: 0 5px 0 0;
}
#respickerTypes .results li.selected {
    -webkit-border-radius: 0;
    -moz-border-radius: 0px;
    background: #ccc;
    border-color: #ddd;
}
#respickerTypes .results li.selected img {
    border: 1px solid white;
}
#respickerTypes .active li.selected {
    color: #fff;
    border-color: #0060e9;
    background: #0060e9;
}

ul#otherTypes li.radioOption {
    width: 340px;
    float: left;
    border: 5px solid #fff;
    cursor: pointer;
}
ul#otherTypes li.selected {
    border-color: #d2d2d2;
    background: #d2d2d2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
ul#otherTypes li.radioOption input,
ul#otherTypes li.radioOption label {
    vertical-align: middle;
    margin-right: 0.3em;
}
ul#otherTypes .results li {
    width: 332px;
}

.dialogBox ul.saveElsewhere {
    display: inline;
    float: left;
    margin: 5px 0 0 -5px;
}
.dialogBox ul.saveElsewhere li {
    display: inline;
    margin: 0 0.3em;
    list-style: none;
}

table.emailshare {
    width: 100%;
}
table.emailshare th {
    padding: 5px 5px 5px 0;
}
table.emailshare td {
    padding: 5px 0 5px 5px;
}
table.emailshare th {
    width: 100px;
    text-align: right;
}
table.emailshare td p {
    font-size: 10px;
    color: #666;
}
table.emailshare td span.recipcount {
    float: right;
}
table.emailshare input,
table.emailshare textarea {
    display: block;
    width: 252px;
    font-size: 11px;
    color: #333;
}

.dialogBox fieldset.sendMessage {
    margin: 1em 0 0 0;
}
.dialogBox fieldset.sendMessage textarea {
    height: 5em;
    margin: 0.5em 0 0 0;
    font-size: 12px;
    width: 362px;
}

.dialogBox ul.saveElsewhere {
    display: inline;
    float: left;
    margin: 2px 0 0 0;
}
.dialogBox ul.saveElsewhere li {
    display: inline;
    margin: 0 10px 0 0;
    list-style: none;
}
.dialogBox ul.saveElsewhere li img {
    margin: 0 0 -2px 0;
}

.publicShare {
    clear: both;
    margin: 20px 0 -5px 0;
    font-size: 11px;
    color: #696969;
    text-align: left;
}

p.publicShareCheckbox input,
p.publicShareCheckbox label,
p.publicShareCheckbox a {
    vertical-align: middle;
}
div.publicShareHelp {
    margin: 5px 0;
    background: #ffd;
}

div.progressBar {
    width: 300px;
    height: 10px;
    margin: 10px 0 0 0;
    border: 1px solid #1b1b1b;
    padding: 2px;
}

div.progressBar div {
    width: 0;
    height: 10px;
    background-color: #696969;
}