/*Feuille de style*/

a, a:link, a:visited 
{
  text-decoration: underline; 
  color: #545454;
}

a:hover,
.articleDisplay a:hover,
.forumtable a:hover,
.journals a:hover,
.details a:hover,
#tabheader .current a,
.flashPreview a:hover span,
.radioPreview a:hover span,
#homepageRight div.homepageContent a.normhover:hover,
a.addWidget:hover span {
  background: #E5E8EE;
  color: #353535;
  text-decoration: underline;
}

a img, a.img, a.img:hover {
  border: none;
  background: none;
}

div.lastPanel div.h h2 a {
  color: #FFF;
  border-bottom: none;
  text-decoration: none;
  background: none;
}

div.h h2 a:hover { 
  border-bottom: 1px solid #FFF;
  color: #FFF;
}

#LastWebsite a.stealth,
li.journalHeader span.numComments a {
  text-decoration: none;
}

#LastWebsite a.stealth:hover,
li.journalHeader span.numComments a:hover {
  text-decoration: underline;
  background: none;
}

#LastWebsite a.embed,
#LastWebsite label.embed,
a#embedlink {
  padding-left: 14px;
  background-image: url("http://cdn.last.fm/depth/icons/embed.gif");
  background-position: left center;
  background-repeat: no-repeat;
}

#LastWebsite a.embed:hover,
#LastWebsite label.embed,
a#embedlink:hover {
  background-image: url("http://cdn.last.fm/depth/icons/embed.gif");
  background-color: #FFF;
}

#LastWebsite a.embed:hover span {
  background-color: transparent;
  text-decoration: underline;
}

/* superscript in forum signatures */

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

span.hidden {
  display: none;
}

div.mainContent ul.shoutbox {
  margin: 0;
  padding: 0;
  clear: both;
}

div.mainContent ul.shoutbox li {
  display: block;
  margin: 0 0 1.4em 62px;
  padding: 0 0 0 10px;
  border-left: solid 1px #C2C2C2;
  min-height: 71px;
  list-style-type: none;
  position: relative;
  line-height: 1.2em;
}

div.mainContent ul.shoutbox li a {
  text-decoration: none;
}

div.mainContent ul.shoutbox li a:hover {
  background-color: transparent;
}

div.mainContent ul.shoutbox li a img {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: -62px;
}
div.recommendations ul.shoutbox li a strong,
div.journalExcerpts ul.shoutbox li a strong {
  font-weight: bold;
  color: #545454;
}
/* footer--or header-- */

#LastWebsite div#shoutPost {
  margin: 0 0 1.4em 0;
  padding: 0;
  clear: both;
}

#LastWebsite div#shoutPost div#sbCharCount {
  font-size: 11px;
}

#LastWebsite div.lastPanel div#shoutPost {
  margin: 9px 0 0 0;
  padding: 0 0 0.7em 0;
}

#LastWebsite div#shoutPostFooter a.popupButton {
  float: right;
  display: inline;
  margin-top: -1px;
}

#LastWebsite div#shoutPost textarea#shoutmsg {
  width: 100%;
  height: 56px;
  margin-bottom: 1em;
}

#LastWebsite div#shoutPost input {
  float: right;
  margin-top: -0.15em;
}

html:not([lang*=""]) span.withDropDown {
    display:-moz-inline-box;
}
/*
body#LastBody dl.dropDown dt a {
    float:left;
    height:10px;
    padding:1px 22px 3px 2px;
    background:#fafafa url("http://cdn.last.fm/depth/drop_down_arrow.gif") no-repeat 100% 50%;
    text-decoration:none;
    border:1px solid #ccc;
}

body#LastBody div.catRight dl.dropDown dt a {
    background-color:#f1f3f9;
}

body#LastBody dl.dropDown.expanded dt a {
    background-color:#fafafa;
    border-bottom:1px dotted #ccc;
}

body#LastBody div#LastWebsite dl.dropDown dt a img {
    margin:0 0 -1px 0;
}

body#LastBody dl.dropDown dt a:hover,
body#LastBody dl.dropDown dd a:hover {
    background-color:#fff !important;
}
body div#LastWebsite div#LastContent div.faqContent.subtype dl dt a:hover {
	background-color: transparent;
	color: #7EABDB;
}
*/
///////////////////////////////////////////
body {
  background-position: left top;
  background-repeat: repeat-y;
  background-color: #FFF;
}

#LastWebsite {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  min-width: 960px;
  position: relative;
  background-position: left top;
  background-repeat: repeat-y;
}
///////////////////////////////////////////
#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;
}

/* mimic h3 */
div.displayCopy h2,
.instructBox h4, 
.greenBoxQuickFix h2,
.faqBox h3,
.greenBox span,
.greenBox h2
{ 
    font-size: 24px; /* note: bigger than h3 */
    color: #D01F3C;
    line-height: 1.3em;
    margin-bottom: 10px;
    margin-top: 10px;
    text-decoration: none;
    /* next two lines only needed because we have some inline tags, argh */
    font-weight: bold;
    display: block;
}

/* mimic h3 again */
div.displayCopy h2 a,
div.faqBox a {
    font-size: 24px; /* note: bigger than h3 */
    color: #D01F3C;
    line-height: 1.3em;
    margin-bottom: 10px;
    margin-top: 10px;
    text-decoration: none;
}

body.black div.displayCopy h2,
body.black div.displayCopy h2 a,
body.black .instructBox h4, 
body.black .greenBoxQuickFix h2,
body.black .faqBox h3,
body.black .greenBox span,
body.black .greenBox h2
{
    color: #000;
}

div.displayCopy h2 a:hover,
div.faqBox a:hover {
    text-decoration: underline;
    background: transparent;
}

/* mimic h5  */
div.displayCopy h3, 
.instructBox span,
.faqBox span,
.greenText
{ 
    color: #9E9E9E;
    font-weight: bold;
    font-size: 13px;
    /* extra restrictions follow */
    margin-top: -5px;
    margin-bottom: 1.5em;
    width: 400px;
    clear: left;
    display: block;
    font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
}

/* mimic h5 link styles */
#LastWebsite div.displayCopy h3 a,
.instructBox span a,
.faqBox span a,
.greenText a {
  font-size: 13px;
  color: #9E9E9E;
  text-decoration: underline;
  background: transparent;
}

#LastWebsite div.displayCopy h3 strong a,
.instructBox span strong a {
  background: #FBEFD5;
}

#LastWebsite div.displayCopy h3 strong a:hover,
.instructBox span strong a:hover,
.faqBox spanstrong  a:hover,
.greenText strong a:hover
{
  background: #FBEFD5;
}

#LastWebsite div.displayCopy h3 a:hover,
.instructBox span a:hover {
  color: #7F7F7F; 
}

div.displayCopy h3.fullwidth {
	max-width: none;
	width: auto;
}

/* Copensate for design patterns w/displaycopy */

div.displayCopy {
  margin-bottom: 0.5em;
}

/* Tag Clouds */
.tagBox {
  font-size: 14px;
	color: #4B72A9;
	font-weight: bold;
	text-align: justify;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding: 0 0 5px 0;
}

div.catRight .tagBox {
	padding: 10px 15px;
	background: #D9DFE7;
}

body .tagBox a,
body .tagBox a:link,
body .tagBox a:visited {
	color: #4B72A9;
	text-decoration: none;
}

body .tagBox a:hover,
body.black .tagBox a:hover,
body .tagBox a.current {
  color: #fff;
  background: #4B72A9;
  text-decoration: none;
}

/* old crapola */

.infoBox, .errorBox, .helpBox {
  margin: 1em 1em 1.5em 0;
	font-size: 12px;
	font-weight: normal;
}

div.lastPanel .infoBox,
div.lastPanel .errorBox {
  margin: 1em 0 1.25em 0;
  font-size: 11px;
}

.infoBox p, .errorBox p, .helpBox p {
    margin: 0;
}

.infoBox span, .errorBox span, .helpBox span {
    color: #777;
}

.infoBox strong, .errorBox strong, .helpBox strong {
    display: block;
    margin-bottom: 0.5em;
}

.dash .instructBox h4 { font-size: 22px; }

.infoBox {
    max-width: 480px;
    background: url("http://cdn.last.fm/depth/icons/msg_info.gif") top left no-repeat;
    padding-left: 26px;
    color: #869AB7 !important;
}

.helpBox {
    max-width: 480px;
    background: url("http://cdn.last.fm/depth/icons/msg_help.gif") top left no-repeat;
    padding-left: 26px;
    color: #523F52 !important;
}

.errorBox {
    background: url("http://cdn.last.fm/depth/icons/msg_error.gif") top left no-repeat;
    padding-left: 26px;
    color: #D01F3C !important;
}

.sidebar .infoBox, .sidebar .errorBox {
    background: transparent;
    padding-left: 0;
}

body .infoBox a,
body .infoBox a:link,
body .infoBox a:visited {
	text-decoration: underline;
	color: #869AB7 !important;
}

body .infoBox a:hover {
	background: #E5E8EE;
}

body .infoBox span a,
body .infoBox span a:link,
body .infoBox span a:visited {
    color: #777 !important;
}

.errorBox {
	color: #D01F3C !important;
}

body .errorBox a {
	color: #D01F3C;
  text-decoration: underline;
	border: none !important;
	background: transparent;
}
////////////////////////////////////////////////////
body .errorBox a:hover {
	color: #FFF;
	background: #D01F3C;
	border: none !important;
}
////////////////////////////////////////////////////
/* recommendation slider thing */

#LastWebsite div.rhContent span#alphaa,
#LastWebsite span.lfmdark {
  font-size: 12px;
  line-height: 1em;
  margin: 0;
  color: #545454;
  font-weight: normal;
}

#LastWebsite div.rhContent span#alphaa {
  font-size: 11px;
}

body a.inviteAFriendButton:hover {
	background-position: left -19px;
	background-color: #FFF !important;
	background-image: url('http://cdn.last.fm/depth/buttons/inviteafriend.gif');
	text-decoration: none;
}

/* “action” buttons */

#LastWebsite a.action {
	float: left;
	padding-left: 25px;
	height: 24px;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	text-decoration: none;
}

a.action span {
	display: block;
	height: 20px;
	background-image: url('http://cdn.last.fm/depth/forum/action_end.gif');
	background-position: right top;
	background-repeat: no-repeat;
	background-color: transparent;
	line-height: 20px;
	padding: 2px 6px 2px 0;
	max-width: 165px;
}

/* for PMs */

a.action.composeMessage {
	background-image: url('http://cdn.last.fm/depth/forum/action_compose.gif');
}

a.action.replyToMessage {
	background-image: url('http://cdn.last.fm/depth/forum/action_replytomsg.gif');
}

a.action.sendMessage {
	background-image: url('http://cdn.last.fm/depth/forum/action_sendmsg.gif');
}

a.action.deleteMessage {
	background-image: url('http://cdn.last.fm/depth/forum/action_deletemsg.gif');
}
/* dear IE7 */

* + html #LastWebsite a.inlineFlp,
* + html #LastWebsite a.inlineClip,
* + html #LastWebsite span.inlineFlp,
* + html #LastWebsite span.inlineClip,
* + html #LastWebsite span.inlineFlash {
  display: inline-block;
  vertical-align: text-bottom;
}

* + html #LastWebsite a.inlineFlp img,
* + html #LastWebsite a.inlineClip img,
* + html #LastWebsite span.inlineFlp img,
* + html #LastWebsite span.inlineClip img,
* + html #LastWebsite span.inlineFlash object {
  position: static;
}

* + html #LastWebsite table a.inlineFlp,
* + html #LastWebsite table a.inlineClip,
* + html #LastWebsite table span.inlineFlp,
* + html #LastWebsite table span.inlineClip,
* + html #LastWebsite table span.inlineFlash {
  vertical-align: auto;
  margin-top: 1px;
}
///////////////////////////////////////////////////////////////////////////////////////
body #LastWebsite {
	background-image: url('http://cdn.last.fm/depth/backgrounds/body_bkgd.gif');
}

* + html body #LastWebsite {
  overflow-x: hidden;
}
/////////////////////////////////////////////////////////////////////////////////////////

body.black #LastContent {
	background: url('http://cdn.last.fm/depth/backgrounds/3column/repeating_black.gif') top right repeat-y transparent;
}

/* for 3-column layout pages */

#LastContent3 {
 	margin: 0;
 	padding: 5px 30px 10px 14px;
 	width: 100%;
 	border-left: 1px solid #959595;
 	background: url('http://cdn.last.fm/depth/backgrounds/3column/top_right_new.gif') top right no-repeat;
 	min-height: 900px;
	padding-bottom: 30px;
}

body.black #LastContent3 {
 background-image: url('http://cdn.last.fm/depth/backgrounds/3column/top_right_black_new.gif');
}

#code label {
  color: #969696;
  display: inline;
}

#code a {
  color: #969696;
}

#code a:hover {
  color: #666;
  background-color: transparent;
}

#code input,
#code textarea,
#gimmethecode input,
#gimmethecode textarea {
  font-family: monospace;
  color: #666;
  width: 160px;
  font-weight: normal;
  overflow: hidden;
}

#code textarea,
#gimmethecode textarea {
  height: 1.4em;
}

html:not([lang*=""]) #code textarea,
html:not([lang*=""]) #gimmethecode textarea {
    height: 1.1em;
}
* + html div.plScroll table {
  width: 96%;
}

/*
-------------------
overall stuff
-------------------
*/

/* Sidebars layout */

div.sidebar {
  background: url('http://cdn.last.fm/depth/panels/middle_red.gif') top left repeat-y;
  background-color: #FFF;
  line-height: 1.2727273;
  overflow: hidden;
}

body.black div.sidebar {
	background-image: url('http://cdn.last.fm/depth/panels/middle_black.gif');
}

#LastContextSidebar,
#LastSearchSidebar {
	padding: 0 0 0 15px;
	width: 195px;
	left: -255px;
	margin-left: -100%;
}

#LastConnectionsSidebar {
	width: 195px;
	padding: 0;
	margin-right: -240px;
}

#LastConnectionsSidebar .sidebar {
	padding: 0;
}

/* Sidebar styling */

body #LastContextSidebar,
body #LastSearchSidebar {
 color: #605C5B;
 background-color: transparent;
}

#LastConnectionsSidebar {
	color: #605C5B;
	background-color: transparent;
}

body #LastConnectionsSidebar .sidebar {
  background-color: transparent;
}

#LastContextSidebar,
#LastSearchSidebar,
#LastConnectionsSidebar,
#LastConnectionsSidebar .sidebar {
  padding-bottom: 0px;
}

.nonav#LastConnectionsSidebar {
	top: 130px;
}

/* sidebars type */

div.lastPanel div.c p.noContent {
  color: #A0A0A0;
}

div.lastPanel div.c p {
  margin: 6px 0 0.7em 0;
  padding: 0;
  line-height: 1.25;
}

div.lastPanel div.c p.rule,
div.lastPanel div.c p.norule {
  margin-bottom: 0.6em;
  padding: 0 0 0.6em 0;
  border-bottom: 1px solid #DFDFDF;
  overflow: hidden;
}

#LastWebsite div.lastPanel div.c p.last {
  border: none;
  padding-bottom: 0;
}

/* special stuff */

div#c_avatarPanel {
  text-align: center;
}

div#avatarPanel .infoBox {
  margin: -7px auto 7px auto;
}

div#avatarPanel div.c {
  padding-top: 0;
}

div#c_avatarPanel ul li {
  list-style-type: none;
  text-align: left;
  margin: 0 0 0.7em 0;
  padding: 0;
}


/* info lists ... serious bloat */

div.lastPanel dl.sidebarInfoList {
	margin: 6px 0 0 0;
	padding: 0;
	overflow: hidden;
}

div.lastPanel dl.sidebarInfoList dt {
	margin: 2px 0 0 0;
	padding: 0;
	line-height: 1.1;
}

div.lastPanel dl.sidebarInfoList.floating dt {
	float: left;
	width: 40px;
	clear: both;
}

div.lastPanel dl.sidebarInfoList dd {
	margin: 3px 0 0 0;
	padding: 0 0 5px 10px;
}

div.lastPanel dl.sidebarInfoList.floating dd {
	float: right;
	width: 110px;
	padding: 0 0 1px 0;
}

div.lastPanel dl.sidebarInfoList dd ul {
	margin: 0;
	padding: 0;
}

div.lastPanel dl.sidebarInfoList dd ul li {
	margin: 0 0 0.2em 0;
	padding: 0;
	list-style-type: none;
}

div.lastPanel dl.sidebarInfoList small {
	display: block;
	font-size: 11px;
}

/* The following two had some problems, so check regularly, please */

div.sidebar dl.sidebarInfoList input {
	float: left;
	margin-left: -5px;
}

div.sidebar dl.sidebarInfoList label {
	float: right;
	margin-top: 4px;
	width: 135px;
}

/*
-------------------
actual panels
-------------------
*/

/* heads */

div.lastPanel div.h {
  background: url('http://cdn.last.fm/depth/sidebars/panels/top_red.gif') top left no-repeat;
  padding: 1px 0 0 0;
  margin: 0;
  min-height: 25px;
  overflow: hidden;
	background-color: #D01F3C;
}

body.black div.lastPanel div.h {
  background-image: url('http://cdn.last.fm/depth/sidebars/panels/top_black.gif');
  background-color: #231F20;
}

div.lastPanel.empty div.h { 
  background-image: url('http://cdn.last.fm/depth/sidebars/panels/top_red_newuser.gif');
}

body.black div.lastPanel.empty div.h { 
  background-image: url('http://cdn.last.fm/depth/sidebars/panels/top_black_newuser.gif');
}

div.lastPanel.empty .tog { 
  display: none;
}

div.lastPanel.empty div.c {
  color: #666;
}

body .journalConnections div.lastPanel div.h,
div.lastPanel.alt div.h,
#LastContent3 div.lastPanel div.h,
#LastContent2 div.lastPanel div.h {
	background-image: url('http://cdn.last.fm/depth/sidebars/panels/top_grey.gif');
	background-color: #E8E8E8;
}

div.lastPanel.noHeader div.h { 
  background-image: url('http://cdn.last.fm/depth/sidebars/panels/top_white_red.gif');
  height: 10px;
  background-color: #FFF;
  min-height: 0;
}

body.black div.lastPanel.noHeader div.h { 
  background-image: url('http://cdn.last.fm/depth/sidebars/panels/top_white_black.gif'); 
  background-color: #FFF;
}

div.h h2 {
  font-size: 11px;
  float: left;
  width: 120px;
  color: #FFF !important;
  margin: 0 0 0 9px;
  padding: 6px 0 7px 0;
  line-height: 1.16667em;
  display: inline;
}

div.mainContent div.h h2 {
  color: #666 !important;
}
 
div.h.plain h2 { 
  width: 160px;
} 

.journalConnections div.lastPanel div.h h2,
.lastPanel.alt div.h h2,
#LastContent3 div.lastPanel div.h h2 {
  color: #666 !important;
}

div.lastPanel#imagePanel div.h h2 {
  float: none;
  width: 100%;
}

/* middle thing */

div.lastPanel div.c {
  padding: 0 25px 0 10px;
}

body #LastContent2 div.lastPanel,
body #LastContent3 div.lastPanel {
	background: url('http://cdn.last.fm/depth/sidebars/panels/middle_white.gif') top left repeat-y #FFF;
}

/* footer */

div.lastPanel div.f {
 background: url('http://cdn.last.fm/depth/sidebars/panels/bottom_red.gif') bottom left no-repeat;
 clear: both;
 padding-left: 10px;
 padding-right: 25px;
 padding-bottom: 23px;
 background-color: #FFF;
}

body.black div.lastPanel div.f {
 background: url('http://cdn.last.fm/depth/sidebars/panels/bottom_black.gif') bottom left no-repeat;
}

body #LastContent2 div.lastPanel div.f,
body #LastContent3 div.lastPanel div.f {
	background: url('http://cdn.last.fm/depth/sidebars/panels/bottom_white.gif') bottom left no-repeat;
}

.iesucks { 
  display: block;
  height: 1px;
  line-height: 0px;
  overflow: hidden;
  margin-top: -1px;
  margin: 0;
  padding: 0;
}

div.f > span.iesucks {
  display: none;
}

/* List mode toggle stuff */

a.tog,
a.tog:link,
a.tog:visited {
  float: right;
  height: 22px;
  width: 22px;
  margin-top: 1px;
  padding: 0;
  display: inline;
}

#LastWebsite a.collapseTog,
#LastWebsite a.expandTog {
  margin-right: 17px;
}

#LastWebsite a.textTog { background: url("http://cdn.last.fm/depth/sidebars/list.gif") top left no-repeat; }
#LastWebsite a.imgTog { background: url("http://cdn.last.fm/depth/sidebars/list.gif") 0 -22px no-repeat; }
#LastWebsite a.collapseTog { background: url("http://cdn.last.fm/depth/sidebars/minimise.gif") top left no-repeat; }
#LastWebsite a.expandTog { background: url("http://cdn.last.fm/depth/sidebars/minimise.gif") 0 -22px no-repeat;  }
body.black #LastWebsite a.textTog { background: url("http://cdn.last.fm/depth/sidebars/list_black.gif") top left no-repeat; }
body.black #LastWebsite a.imgTog { background: url("http://cdn.last.fm/depth/sidebars/list_black.gif") 0 -22px no-repeat; }
body.black #LastWebsite a.collapseTog { background: url("http://cdn.last.fm/depth/sidebars/minimise_black.gif") top left no-repeat; }
body.black #LastWebsite a.expandTog { background: url("http://cdn.last.fm/depth/sidebars/minimise_black.gif") 0 -22px no-repeat;  }

#LastWebsite #LastContent2 a.imgTog, 
#LastWebsite #LastContent3 a.imgTog,
#LastWebsite div.lastPanel.alt a.imgTog {
  background: url("http://cdn.last.fm/depth/panels/listwidget_grey.gif") 0 -22px no-repeat;
}

#LastWebsite #LastContent2 a.textTog,
#LastWebsite #LastContent3 a.textTog,
#LastWebsite div.lastPanel.alt a.textTog
{ background: url("http://cdn.last.fm/depth/panels/listwidget_grey.gif") 0 0 no-repeat; }

#LastWebsite #LastContent2 a.collapseTog,
#LastWebsite #LastContent3 a.collapseTog,
#LastWebsite div.lastPanel.alt a.collapseTog {
  background: url("http://cdn.last.fm/depth/panels/minimise_grey.gif") top left no-repeat;
}

#LastWebsite #LastContent2 a.expandTog,
#LastWebsite #LastContent3 a.expandTog,
#LastWebsite div.lastPanel.alt a.expandTog {
  background: url("http://cdn.last.fm/depth/panels/minimise_grey.gif") 0 -22px no-repeat;
}

a.tog:hover,
body.black a.tog:hover { 
  background-color: transparent;
}

div#flashPlayer {
  width: 340px;
  margin-top: -1em;
}

div#flashPlayer a {
  float: right;
  display: inline;
  margin-right: 10px;
  border: solid 1px #CCC;
  border-bottom: none;
  padding: 3px 5px;
  font-size: 9px;
  line-height: 1em;
  text-decoration: none;
}

div#flashLog {
    border:1px solid #CCC;
    font-size:10px;
    width:250px;
    height:400px;
    text-align:left;
    background-color:#FFF;
    padding:5px;
    z-index:9999;
    float:left;
    overflow:hidden;
}

#radioTitle {
  font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
  color: rgb(158, 158, 158);
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 12px;
  padding:5px;
  width:340px;
}

#flashContainer {
    margin-bottom:10px;
}

#LastHeader {
  font-family: Arial, Helvetica, Verdana, "Free Sans", "FreeSans", sans-serif;
  height: 73px;
  color: #FFF;
  background: url('http://cdn.last.fm/depth/header2/red_gradient.gif') top left repeat-x #D01F3C;
  overflow: hidden;
}

body.black #LastHeader { 
  background: url("http://cdn.last.fm/depth/header2/black_gradient.gif") top left repeat-x #000;
}

#HeaderMenu { 
  padding-left: 209px;
}

#LastLogo {
  float: left;
  margin-left: -207px;
  width: 207px;
  display: inline;
}

#headerSearchbox {
	float: right;
  display: inline;
  position: relative;
  top: -3px;
}

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

#headerSearchbox input.sbox {
  background: url('http://cdn.last.fm/depth/icons/search.gif') center left no-repeat #FFF;
	height: 13px;
	width: 156px;
	padding: 1px 4px 2px 16px;
	margin: 4px 0 0 10px;
	font-size: 11px;
	float: left;
	border: solid 1px #7E1325;
}

body.black #headerSearchbox input.sbox {
  border: solid 1px #000;
}

#headerBottom {
  clear: both;
  padding-top: 3px;
  height: 19px;
  border-top: 1px solid #DA546A;
  margin: 0 16px;
  font-size: 11px;
  color: #F5B5B5;
  position: relative;
}

body.black #headerBottom {
  border-top: 1px solid #404040;
  color: #A8A8A8;
}

#headerBottom ul {
  float: right;
  list-style: none;
  margin-top: 1px;
}

#headerBottom li {
  display: inline;
  margin: 0 0 0 7px;
  padding-right: 8px;
  border-right: 1px solid #F5B5B5;
}

#headerBottom li.last,
#headerBottom li#uploadmusic,
#headerBottom li#app,
#headerBottom li#textlink {
  border-right: 0 !important;
}

#headerBottom li#uploadmusic,
#headerBottom li#app,
#headerBottom li#textlink {
  position: absolute;
  top: 4px;
  left: 0;
  margin: 0;
  padding: 0 0 0 14px;
  background-image: url("http://cdn.last.fm/depth/header2/uploadmusic_red.gif");
  background-position: left center;
  background-repeat: no-repeat;
}

body.black #headerBottom li#uploadmusic {
  background-image: url("http://cdn.last.fm/depth/header2/uploadmusic_black.gif");
}

#headerBottom li#app {
  padding-left: 20px;
  background-image: url("http://cdn.last.fm/depth/header2/app_red.gif");
}

body.black #headerBottom li#app {
  background-image: url("http://cdn.last.fm/depth/header2/app_black.gif");
}

#headerBottom li#textlink {
    background-image: none;
}

li#toglink a {
  color: #DA546A;
  text-decoration: none;
}

li#toglink a:hover {
  color: #E17486;
}

body.black li#toglink a {
  color: #404040;
}

body.black li#toglink a:hover {
  color: #777;
}

#headerBottom a {
  color: #F5B5B5;
}

body.black #headerBottom li {
  border-right: 1px solid #767676;
}

body.black #headerBottom a {
  color: #A8A8A8;
}

#headerBottom a:hover, body.black #headerBottom a:hover {
  color: #FFF;
  background: transparent;
}

/* Primary Navigation */

#navigation {
  padding: 0;
  margin: 0;
  height: 44px;
  float: left;
}

* + html #navigation {
  position: relative;
  z-index: 9;
}

#navigation li {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 44px;
  float: left;
}

#navigation li a {
  display: inline-block;
  padding: 18px 15px 7px 15px;
  height: 20px;
  line-height: 20px;
  font-size: 15px;
  text-align: center;
  border: none;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  position: relative;
}

#navigation li > a {
  display: block;
}

#navigation li a img {
  position: absolute;
  bottom: 1.7em;
  left: 15px;
}

#navigation .noUser li a {
  font-weight: normal;
  padding: 18px 12px 2px 12px;
}


#navigation li a:hover,
#navigation li.current a {
  border: none;
  background: url("http://cdn.last.fm/depth/header2/red_rollover.gif") top left repeat-x; 
  text-decoration: none;
}

body.black #navigation li a:hover,
body.black #navigation li.current a {
  background: url("http://cdn.last.fm/depth/header2/black_rollover.gif") top left repeat-x; 

}

/* Last.fm Id Badge Styles (top right)
 ---------------------------- */
#idBadge {
  color: #FFF;
  font-size: 11px;
  padding-right: 16px;
  padding-top: 8px;
  text-align: right;
  line-height: 1.2727273em;
}

#idBadge a,
#idBadge a:hover {
  color: #FFF;
  font-weight: bold;
  background-color: transparent;
}

#idBadge a#profileImage {
  border: 1px solid #EBEBEB !important;
  margin: 0 0 7px 9px;
  float: right;
  display: inline;
}

#idBadge a#profileImage img {
  border: none;
  height: 25px;
  width: 25px;
}

a#signupLink {
  margin-top: 2px;
  min-width: 158px;
  float: right;
  display: inline;
  text-align: center;
  height: 24px;
  background-image: url("http://cdn.last.fm/depth/header2/signup_red_left.gif");
  background-position: left top;
  background-repeat: no-repeat;
  text-decoration: none;
  line-height: 22px;
  font-size: 12px;
  font-weight: normal;
}

a#signupLink span {
  display: block;
  background-image: url("http://cdn.last.fm/depth/header2/signup_red_right.gif");
  background-position: right top;
  background-repeat: no-repeat;
  padding: 1px 7px;
}

a#signupLink:hover {
  background-position: left bottom;
  font-weight: normal;
}

a#signupLink:hover span {
  background-position: right bottom;
}

body.black a#signupLink {
  background-image: url("http://cdn.last.fm/depth/header2/signup_black_left.gif");
}

body.black a#signupLink span {
  background-image: url("http://cdn.last.fm/depth/header2/signup_black_right.gif");
}

* + html a#signupLink {
  min-width: 178px;
}

html:not([lang*=""]) a#signupLink {
  min-width: 178px;
}

#LastHeadline {
  height: 30px;
  padding: 0 15px;
  background: url('http://cdn.last.fm/depth/h1/gradient.gif') top left repeat-x #AFB1B3;
  overflow: hidden;
  position: relative;
}
body.black #LastHeadline {  background-image: url('http://cdn.last.fm/depth/h1/gradient_black.jpg'); }

#LastHeadline h1 {
  font-size: 16px;
  margin: 0;
  padding: 0;
  padding-top: 1px;
  margin-top: 3px;
  color: #FFF;
  white-space: nowrap;
  padding-right: 50px;
  line-height: 22px;
}

#LastHeadline h1 a {
  color: #FFF;
  background-color: transparent;
  text-decoration: none;
}

#LastHeadline h1 a:hover {
  background-color: #FFF;
  color: #AFB1B3;
}

#LastHeadline img { position: relative; top: 1px;}

/* floating full albums */

#floatingAlbums {
	margin-right: -15px;
	overflow: hidden;
}

#floatingAlbums.small {
	margin-right: -15px;
}

#floatingAlbums h3 {
	margin-right: 15px;
	border-top: solid 1px #DFDFDF;
	border-bottom: none;
}

#floatingAlbums .albumFull {
	float: left;
	margin: 0 30px 15px 0;
	height: 210px;
	overflow: visible;
}

#floatingAlbums.small .floatAlbum {
	float: left;
	margin: 0 15px 15px 0;
	padding: 0;
	width: 120px;
	height: 180px;
}

/* Albums */

div.catLeft div.albumContainer,
div.whiteCatRight div.albumContainer {
  margin-bottom: -3em;
}

.albumHorizontal {
 clear: left;
}

.albumMed {
 width: 110px;
 height: 16.5em;
 margin-right: 14px;
 font-size: 11px; 
 float: left;
 position: relative;
}

.albumMedWithArtist {
  height: 17.5em;
}

div.catLeft div.albumMed {
  width: 45%;
  margin-right: 4%;
}

.albumMed a.cover {
  display: block;
  height: 93px;
  width: 93px;
  background: url('http://cdn.last.fm/depth/catalogue/noimage/noalbum_85px.gif') top left no-repeat;
}

.albumMed a.cover:hover,
body.black .albumMed a.cover:hover { 
  background-color: transparent;
} 

.albumMed a.cover img {
  width: 85px;
  height: 85px;
  margin: 1px 0 0 1px;
}

.albumContainer .details {
  display: block;
  font-size: 11px;
  line-height: 1.3em;
}

.lastChart .coverlink,
.lastChart a:hover.coverlink {
  text-decoration: none;
}

div.catLeft div.albumFull {
  width: auto;
}

div.catLeft div.albumFull div.info {
	width: 48%;
	float: left;
}

div.albumFull {
  width: 340px;
	position: relative;
	overflow: hidden;
}

div.albumFull div.cover {
  display: inline;
  float: left;
  height: 171px;
  width: 172px;
  padding: 1px 0 0 1px;
  background: url('http://cdn.last.fm/depth/catalogue/noimage/noalbum_large.gif') top left no-repeat;
}

.albumFull div.cover img {
  height: 160px;
  width: 160px;
}

.albumFull div.cover a {
  background-color: transparent;
}

#LastWebsite div.albumFull h3 {
  margin: 0.1em;
  font-size: 12px;
  color: #252525;
	line-height: 1.2;
	padding: 0;
	border: none;
}

#LastWebsite div.albumFull h3 a {
  font-size: 12px;
  color: #252525;
	text-decoration: none;
}

#LastWebsite div.albumFull h3 a:hover {
	text-decoration: underline;
}

#LastWebsite div.albumFull h3 small {
	font-size: 12px;
	font-weight: normal;
	color: #545454;
	padding-top: 0.2em;
	display: block;
}

#LastWebsite div.albumFull h3 small a {
	color: #545454;
}

div.albumFull div.info {
  display: inline;
  float: right;
	width: 165px;
}

div.albumFull ul { 
  margin: 0;
  padding: 0;
}

div.albumFull ul li {
  list-style: none;
  margin: 0;
	padding: 0;
}

div.albumFull div.info ul li strong {
  color: #969696;
  font-size: 13px;
  line-height: 1.4em;
}

div.albumFull div.info ul li.preview {
  position: absolute;
  top: 141px;
  left: 142px;
}

div.albumFull div.info ul li.preview span,
div.albumFull div.info ul li.preview span {
  display: none;
}

div.albumFull div.info ul li.preview a.inlineClip img,
div.albumMed a.inlineClip img {
  background-image: url('http://cdn.last.fm/depth/buttons/playbuttons/preview_baby.png');
}

div.albumFull div.info ul li.preview a.inlineFlp img,
div.albumMed a.inlineFlp img {
  background-image: url('http://cdn.last.fm/depth/buttons/playbuttons/flp_baby.png');
}

#LastWebsite div.albumMed a.inlineClip,
#LastWebsite div.albumMed a.inlineFlp {
  position: absolute;
  top: 69px;
  left: 70px;
  height: 14px;
}

div.albumFull ul.buyButtons {
  margin: 1.4em 0 0 0;
  padding: 0;
  clear: both;
}

div.albumMed {
  position: relative;
}

div.albumMed ul.buyButtons {
  margin: 0.7em 0 0 0;
  padding: 0;
  clear: both;
}

div.albumFull ul.buyButtons li,
div.albumMed ul.buyButtons li {
  margin: 0 0 0.7em 0;
  padding: 0;
  list-style-type: none;
}

div.albumMed strong.title a {
  text-decoration: none;
}

div.albumMed strong.title small {
  font-weight: normal;
  color: #545454;
}

div.albumMed strong.title a:hover {
  text-decoration: underline;
  background-color: transparent;
}

#LastWebsite .albumMed a.noCoverImage,
#LastWebsite .albumFull div.noCoverImage {
  background: none;
}


table.recentList,
table.previewPlaylist {
  font-family: Arial, Helvetica, Verdana, "Free Sans", "FreeSans", sans-serif;
  margin-top: 0;
  border-collapse: collapse;
}

table.previewPlaylist th {
  border-bottom: solid 1px #DADADA; 
  padding: 0 5px 3px 5px;
  font-size: 12px;
  vertical-align: top;
  line-height: 1.16667em;
  text-align: left;  
  background-color: #FFF;
  font-weight: normal;
}

table.previewPlaylist {
  color: #B4B4B4;
}

table.recentList td,
table.previewPlaylist td {
  border-bottom: solid 1px #DADADA;
  padding: 3px 5px;
  font-size: 12px;
  vertical-align: top;
  line-height: 1.16667em;
}

table.previewPlaylist td {
  border-left: solid 1px #B5B5B5;
}

.chartWithQuiltChart table.recentList {
  margin-top: 1px;
}

.chartWithQuiltChart table.recentList tr.first td {
  border-top: solid 1px #DADADA;
}

#LastWebsite div.collapsedTable table.previewPlaylist tr.extraRow {
  display: none;
}

/* IE buy button beautifications */

table.previewPlaylist tr td.subject {
  width: 90%;
  border-left: none;
}

table.previewPlaylist td.buyCol {
  white-space: nowrap;
}

table.previewPlaylist tr td.onlyCol {
  border-left: none;
  border-right: none;
}

/* end */

table.previewPlaylist td.playButtons {
  padding: 3px 2px 0 5px;
  border-left: none;
}

#LastWebsite table.previewPlaylist tr.manyListeners td.subject a {
  color: #D71378;
}

#LastWebsite table.previewPlaylist tr.veryManyListeners td.subject a {
  color: #D01F3C;
}

table.previewPlaylist td.subject a {
  text-decoration: none;
  background: transparent;
}

table.previewPlaylist tr td.trackNumber {
  text-align: right;
  color: #969696;
  border-right: solid 1px #B5B5B5;
  border-left: none;
}

#LastWebsite table.previewPlaylist tr.last td {
  border-bottom-color: #FFF; /*so content doesn't jump around when it gets a now playing border*/
}

#LastWebsite table.previewPlaylist tr:hover td.trackNumber,
#LastWebsite table.previewPlaylist tr:hover td.subject,
#LastWebsite table.previewPlaylist tr.hover td.trackNumber,
#LastWebsite table.previewPlaylist tr.hover td.subject,
#LastWebsite table.previewPlaylist tr.highlight td.trackNumber,
#LastWebsite table.previewPlaylist tr.highlight td.subject,
#LastWebsite table.previewPlaylist tr.flp:hover td.trackNumber,
#LastWebsite table.previewPlaylist tr.flp:hover td.subject,
#LastWebsite table.previewPlaylist tr.flphover td.trackNumber,
#LastWebsite table.previewPlaylist tr.flphover td.subject,
#LastWebsite table.previewPlaylist tr.flprow td.trackNumber,
#LastWebsite table.previewPlaylist tr.flprow td.subject,
#LastWebsite table.previewPlaylist tr.preview:hover td.trackNumber,
#LastWebsite table.previewPlaylist tr.preview:hover td.subject,
#LastWebsite table.previewPlaylist tr.previewhover td.trackNumber,
#LastWebsite table.previewPlaylist tr.previewhover td.subject,
#LastWebsite table.previewPlaylist tr.previewrow td.trackNumber,
#LastWebsite table.previewPlaylist tr.previewrow td.subject,
#LastWebsite table.previewPlaylist tr:hover td.playButtons,
#LastWebsite table.previewPlaylist tr.hover td.playButtons,
#LastWebsite table.previewPlaylist tr.highlight td.playButtons,
#LastWebsite table.previewPlaylist tr.flp:hover td.playButtons,
#LastWebsite table.previewPlaylist tr.flphover td.playButtons,
#LastWebsite table.previewPlaylist tr.flprow td.playButtons,
#LastWebsite table.previewPlaylist tr.preview:hover td.playButtons,
#LastWebsite table.previewPlaylist tr.previewhover td.playButtons,
#LastWebsite table.previewPlaylist tr.previewrow td.playButtons {
  background-color: #EEE;
  color: #545454;
}

#LastWebsite table.previewPlaylist tr.previewrow td .flashPreview a,
#LastWebsite table.previewPlaylist tr.previewrow td .radioPreview a,
#LastWebsite table.previewPlaylist tr.flprow td .flashPreview a,
#LastWebsite table.previewPlaylist tr.flprow td .radioPreview a {
  background-position: left bottom;
}

#LastWebsite table.previewPlaylist tr.flp:hover td,
#LastWebsite table.previewPlaylist tr.flprow td,
#LastWebsite table.previewPlaylist tr.preview:hover td,
#LastWebsite table.previewPlaylist tr.previewrow td,
#LastWebsite table.previewPlaylist tr:hover td,
#LastWebsite table.previewPlaylist tr.hover td,
#LastWebsite table.previewPlaylist tr.highlight td,
#LastWebsite table.previewPlaylist tr.flphover td,
#LastWebsite table.previewPlaylist tr.previewhover td {
  color: #969696;
}

/* beautiful beautiful bar graphs */

div.listenerGraph,
div.tagGraph {
  height: 14px;
  background-image: url("http://cdn.last.fm/depth/global/listener_graph.gif");
  background-position: left top;
  width: 48px;
}

div.listenerGraph span,
div.tagGraph span {
  display: block;
  height: 14px;
  background-image: url("http://cdn.last.fm/depth/global/listener_graph.gif");
  background-position: left bottom;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
}

table.previewPlaylist tr.manyListeners div.listenerGraph span {
  background-position: left -14px;
}

table.previewPlaylist tr.veryManyListeners div.listenerGraph span {
  background-position: left -28px;
}

div.tagGraph {
  background-image: url("http://cdn.last.fm/depth/global/tag_graph.gif");
}

div.tagGraph span {
  background-image: url("http://cdn.last.fm/depth/global/tag_graph.gif");
}

/* delete buttons */

#LastWebsite table.previewPlaylist a.delete,
#LastWebsite table.recentList a.delete {
  height: 16px;
  width: 9px;
  background:url("http://cdn.last.fm/depth/buttons/bin_small.gif") no-repeat left top;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  text-indent: -9999px;
  margin-top: -2px;
  float: right;
  display: inline;
  border:0;
  padding:0;
}

#LastWebsite table.previewPlaylist a.delete:hover,
#LastWebsite table.recentList a.delete:hover {
  background-position: left bottom;
}

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

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

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

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

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

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

#LastWebsite table td a.addToPlaylist:hover {
 background-image: url("http://cdn.last.fm/depth/icons/addtoplaylist.gif");
 cursor: pointer !important;
}

#LastWebsite table tr td a.playlistAddProgress,
#LastWebsite 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;
}

#LastWebsite table tr td a.playlistAdded,
#LastWebsite table tr td a.playlistAdded:hover {
  background-image: url("http://cdn.last.fm/depth/icons/track_added.gif") !important;
  background-repeat:no-repeat;
}

/* recentlist stuff */

table.recentList td.user,
table.recentList td.subject {
  border-right: solid 1px #B5B5B5;
}

#LastWebsite table.recentList tr td.playButtons {
  padding: 3px 3px 0 4px;
}

table.recentList td.date {
  color: #969696;
  width: 11em;
  padding-left: 7px;
}

table.recentList td.dumbDate {
  width: 11em;
  padding-left: 7px;
  white-space: nowrap;
}

table.recentList tr.nowListening td,
table.recentList tr.nowListening td a,
table.recentList tr.nowListening td a:hover {
  color: #969696;
  border: none;
  padding-top: 0;
}

table.recentList tr.currentStation td a,
table.recentList tr.currentStation td a:hover {
  padding-left: 17px;
  background-image: url("http://cdn.last.fm/depth/icons/radio_light.gif") !important;
  background-position: left 1px !important;
  background-repeat: no-repeat !important;
}

table.recentList tr.justlistened td {
  background-color: #FBFAE0;
  color: #545454;
}

table.recentList tr.justlistened td a:hover {
  background-color: transparent;
  text-decoration: underline;
}

table.recentList tr.last td {
  border-bottom: none;
}

form#dosignup ol {
  margin: 1.5em 0 0 0;
  padding: 0;
  font-size: 14px;
}

form#dosignup ol li {
  margin: 0 0 0.7em 0;
  padding: 0;
  list-style-type: none;
}

form#dosignup ol li label {
  width: 10.5em;
  float: left;
  display: inline;
}

form#dosignup ol li small {
  font-size: 11px;
  color: #969696;
}

form#dosignup ol li small.nextLine {
  display: block;
  margin-left: 12em;
}

form#dosignup ol li.submitItem {
  padding-left: 10.5em;
  margin-top: 1em;
}

form#dosignup ol li.submitItem input {
  margin: 0;
}
form#dosignup ol li.submitItem input#createprofile {
  margin-bottom: 1em;
}

span.formstatus { 
  height: 16px;
  padding-right: 16px; 
  margin-left: 5px; 
  background-repeat: no-repeat;
}

li > span.formstatus { 
  position: relative;
  top: 1px;
}

p.intro {
  max-width: 40em;
}

#LastWebsite p.step2options {
  margin: 20px 0 40px 0;
}

div#instdiv div#instructions {
  border-top: dotted 1px #C2C2C2;
  margin: 35px -30px 0 -30px;
  padding: 30px 30px 0 30px;
}

div#instdiv div#instructions h2 {
  color: #969696;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 1em 0;
}

div#instdiv div#instructions h3 {
  color: #969696;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 0.5em 0;
}

#LastWebsite p#onwards a {
  margin-left: 380px;
  margin-top: 2em;
}

/* pagination styles */

.pages {
	display: none;
}

div.pagination {
  float: right;
  margin-bottom: 0px;
  margin-top: 0.5em;
  font-size: 11px;
}

div.pagination .selected,
div.pagination a {
	color: #969696;
	text-decoration: none;
	padding: 0 0.363636em;
	border: solid 1px #CCC;
	margin: 0 0.2em;
}

div.pagination .selected {
	font-weight: bold;
	background-color: #EEE;
}

#LastWebsite div.pagination .selected,
#LastWebsite div.pagination a:hover {
  color: #666;
  text-decoration: none;
}

div.pagination a span,
div.pagination a.extralink {
	background: transparent;
	text-decoration: underline;
}

div.pagination a.prevlink,
div.pagination a.prevlink:hover {
	background-image: url('http://cdn.last.fm/depth/global/page_previous.gif');
	background-position: left center;
	background-repeat: no-repeat;
	background-color: transparent;
	padding-left: 13px;
	border: 0;
	color: #969696;
}

div.pagination a.nextlink,
div.pagination a.nextlink:hover {
	background-image: url('http://cdn.last.fm/depth/global/page_next.gif');
	background-position: right center;
	background-repeat: no-repeat;
	background-color: transparent;
	padding-right: 13px;
	border: 0;
	color: #969696;
}

div.userpageBox {
  margin-bottom: 15px;
}

/*
-------------------------
content area resource lists
-------------------------
*/

.collapsed ul.resourceList li.uInfo,
.collapsed ul.resourceList li.uContextualInfo,
.halfCollapsed ul.resourceList li.uInfo {
	display: none;
}

ul.resourceList,
ul.resourceListSmall {
	list-style-type: none;
	margin: 0 -15px 0 0;
	padding: 0;
}

ul.resourceListSmall {
  margin-right: -10px;
  margin-bottom: -10px;
}

ul.resourceList li.resourceListItem {
	margin: 0 8px 7px 0;
	padding: 0;
	float: left;
	display: inline;
	width: 252px;
	background-image: url("http://cdn.last.fm/depth/resourcelists/center/expanded.gif");
	background-position: left top;
	background-repeat: no-repeat;
}

.collapsed ul.resourceList li.resourceListItem,
.halfCollapsed ul.resourceList li.resourceListItem {
	width: 122px;
	background-image: url("http://cdn.last.fm/depth/resourcelists/center/collapsed.gif");
	background-position: left top;
	background-repeat: no-repeat;
}

ul.resourceList li ul {
	margin: 0;
	padding: 6px 15px 16px 8px;
	background-image: url("http://cdn.last.fm/depth/resourcelists/center/expanded_bottom.gif");
	background-position: left bottom;
	background-repeat: no-repeat;
	position: relative;
}

ul.resourceList li ul li,
ul.resourceListSmall li ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.collapsed ul.resourceList li ul,
.halfCollapsed ul.resourceList li ul {
	background-image: url("http://cdn.last.fm/depth/resourcelists/center/collapsed_bottom.gif");
	background-position: left bottom;
	background-repeat: no-repeat;
}

/* content */

ul.resourceList li ul li.uName {
	height: 1.25em;
	overflow: hidden;
	margin-bottom: 4px;
	width: 229px;
	line-height: 1.25;
}

.collapsed ul.groupList li ul li.uName {
  height: 2.5em;
}

.collapsed ul.resourceList li ul li.uName,
.halfCollapsed ul.resourceList li ul li.uName {
	width: 99px;
}

.halfCollapsed ul.resourceList li ul li.uName {
	height: 2.5em;
}

ul.resourceList li ul li.uAvatar {
	width: 99px;
	height: 99px;
	overflow: hidden;
	float: left;
}

ul.resourceList li ul li.uAvatar a,
ul.resourceListSmall li ul li.uAvatar a {
	border: none;
	background: none;
	text-decoration: none;
}

ul.resourceList li ul li.uAvatar a:hover,
ul.resourceListSmall li ul li.uAvatar a:hover {
	border: none;
	background: none;
	text-decoration: none;
}

ul.resourceList li ul li.uAvatar a img {
	width: 99px;
	border: none;
}

ul.resourceList li ul li.uInfo {
	float: right;
	display: inline;
	width: 129px;
	font-size: 11px;
	line-height: 1.16667;
	margin-right: -7px;
	margin-top: -2px;
	height: 9.8em;
	overflow: auto;
	clear: right;
	margin-bottom: 3px;
	padding: 0;
}

ul.resourceList li ul li.uInfo dl {
	margin: 0 1px 0 0;
	padding: 0;
}

ul.resourceList li ul li.uInfo dl dt {
	margin: 0;
	padding: 0;
	color: #969696;
}

ul.resourceList li ul li.uInfo dl dd {
	margin: 0;
	padding: 0;
}

ul.resourceList li ul li.uInfo dl dt.uLastTrack {
	margin-top: 0.3em;	
}

/* the bit for groups */

ul.resourceList li ul li.uInfo ul {
  background: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

ul.resourceList li ul li.uInfo ul li {
  margin: 0 0 0.3em 0;
  padding: 0;
}

ul.resourceList li ul li.uInfo ul li strong {
  color: #969696;
}

/* contextual info */

ul.resourceList li ul li.uContextualInfo {
	font-size: 11px;
	line-height: 1.16667;
	width: 233px;
	margin: 0 -7px -7px -7px;
	padding: 4px 5px 5px 5px;
	clear: both;
	border-top: dotted 1px #C2C2C2;
	background-color: #F4EEDD;
	background-image: url("http://cdn.last.fm/depth/resourcelists/center/extra_field_corners.gif");
	background-position: center bottom;
	background-repeat: no-repeat;
	overflow: hidden;
}

.halfCollapsed ul.resourceList li ul li.uContextualInfo {
  width: 103px;
  background-image: url("http://cdn.last.fm/depth/resourcelists/center/extra_field_corners_collapsed.gif");
}

.halfCollapsed ul.resourceList li ul li.uAvatar {
	margin-bottom: 7px;
}

ul.resourceList li ul li.uContextualInfo strong {
  color: #969696;
}

ul.resourceList li ul li.uContextualInfo p {
  margin: 0;
  padding: 0;
}

ul.withFriendsDescription li ul li.uContextualInfo {
	height: 3.6em;
	overflow: auto;
}

ul.withGroupConnections li ul li.uContextualInfo {
	height: 6em;
	overflow: auto;
}

ul.withPendingFriendRequest li ul li.uContextualInfo {
  height: 9em;
  overflow: auto;
}

ul.withFriendAwaitingApproval li ul li.uContextualInfo {
  height: 6.5em;
  overflow: auto;
}

ul.withPendingFriendRequest li ul li.uContextualInfo a.pmButton,
ul.withFriendAwaitingApproval li ul li.uContextualInfo a.pmButton {
  float: right;
  display: inline;
}

/* pending friends */

ul.withPendingFriendRequest li ul li.uContextualInfo p {
  width: 214px;
  margin-bottom: 0.3em;
}

ul.withPendingFriendRequest li ul li.uContextualInfo label {
  color: #969696;
  margin-bottom: 0.3em;
  display: block;
}

ul.withPendingFriendRequest li ul li.uContextualInfo textarea {
  width: 214px;
}

ul.withPendingFriendRequest li ul li.uContextualInfo input#acceptfriend {
  margin-top: 0.7em;
  float: left;
}

ul.withPendingFriendRequest li ul li.uContextualInfo input#declinefriend {
  margin-top: 0.7em;
  float: right;
}

/* awaiting approval */

ul.withFriendAwaitingApproval li ul li.uContextualInfo p {
  width: 214px;
  height: 3.6em;
  overflow: auto;
}

ul.withFriendAwaitingApproval li ul li.uContextualInfo input {
  float: right;
  margin-top: 0.7em;
}

/* charts gallery */

ul.resourceList li ul li.uFullSizeImg a img {
  width: auto;
  height: auto;
}

/* radio */

ul.withRadio li ul li.uContextualInfo {
  height: 2.2em;
	overflow: auto;
	background-color: #E6E9F0;
}

/* top artists */

ul.withTopArtists li ul li.uContextualInfo {
  height: 4.7em;
	overflow: auto;
}

/* time for the little ones! */
/* not aligned to any grid because we don't have room for it */

ul.resourceListSmall li.resourceListItem {
	margin: 0 10px 10px 0;
	padding: 0;
	float: left;
	display: inline;
	width: 105px;
	height: 7.7em;
	overflow: hidden;
	background-image: url("http://cdn.last.fm/depth/resourcelists/center/mini_white.gif");
	background-position: left top;
	background-repeat: no-repeat;
}

div.catRight ul.resourceListSmall li.resourceListItem,
div.horizontalColouredCol ul.resourceListSmall li.resourceListItem,
body.fixedWidth div.lc ul.resourceListSmall li.resourceListItem {
	background-image: url("http://cdn.last.fm/depth/resourcelists/center/mini_blue.gif");
}

ul.resourceListSmall li.uName {
    font-size: 11px;
    line-height: 1.25;
}

ul.resourceListSmall li.uName a {   
    text-decoration: none;
}

ul.resourceListSmall li.uName a:hover {
    text-decoration: underline;
}

ul.smallWithRadioStation li.resourceListItem {
	height: 11.5em;
}

ul.smallWithRadioStation li.resourceListItem small,
ul.smallWithRadioStation li.resourceListItem small a {
  color: #869AB7;
  font-size: 11px;
  line-height: 1.1666667em;
}

ul.smallWithRadioStation li.resourceListItem small a:hover {
  color: #505D71;
}

ul.resourceListSmall li.groupItem {
    height: 10.4em;
}

ul.smallGroupResourceList {
  margin-bottom: -3em;
}

ul.resourceListSmall li ul li.uAvatar {
	width: 50px;
	height: 50px;
	overflow: hidden;
	padding: 9px 6px 10px 10px;
}

ul.resourceListSmall li ul li.uName {
    margin-top: 5px;
}

ul.resourceListSmall li ul li.uName a:hover {
    background: transparent;
}
span.highlight {
  font-weight: bold;
  color: #37AE5B;
}

ul.metros {
  list-style: none;
  padding: 0;
}

ul.metros li {
  padding: 5px 10px 5px 10px;
  margin: 0 0 15px 15px;
  float: left;
  font-size: 14px;
}

#locationForm {
  display: none;
  margin: 10px 0;
}

#locationForm input,
#locationForm select {
  font-size: 16px;
}

#locationForm label {
  display: block;
  margin-top: 0.75em;
  font-weight: bold;
}

#seeAllEvents {
  margin-bottom: 10px;
}

/* addy mcadderton */

div#eventAnonSignup {
  width: 20%;
  float: left;
  display: inline;
  padding: 10px;
  background-image: url("http://cdn.last.fm/depth/global/ad_gradient.gif");
  background-position: left top;
  background-repeat: repeat-x;
  border: solid 1px #BECADC;
  color: #6687AD;
}

div#eventAnonSignup h3 {
  color: #6687AD;
  font-size: 14px;
  margin: 0 0 0.5em 0;
}

#commentform {
 margin-top: 15px;
 width:475px; 
 clear:both;
}

#commentform form {
  margin-top: 10px;
}

#journal { width: 100%; }

#bbsection, #journalgroups {
 width: 58%;
 float: left; 
}

#bbpanel {
 float: right;
 margin-top: 65px;
} 

#bbpanel .h {
	background: url('http://cdn.last.fm/depth/panels/top_grey.gif') top left no-repeat;
}

#bbpanel .h h2 {
	color: #666;
}

body.black div.tisSidebar {
    background: #ACACAC;
}

body 
{
	font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	color: #545454;
	margin: 0;
	padding: 0;
	text-align: center;
}

p, li { margin-top: 10px; }
.articleDisplay li { margin-top: 5px; }
form, fieldset { margin: 0; padding: 0; border: 0;}
textarea { margin:0; padding:0;}
td { font-size: 11px; }
img { border:none; }

object + table.previewPlaylist,
object + script + table.previewPlaylist {
  margin-top: 1em;
}

h2 {
  font-size: 16px;
  color: #666;
}

/* PRIMARY HEADLINES */
h3,
h3 a,
h3 a:link,
h3 a:visited,
h3 a:hover {
  font-size: 20px;
  color: #D01F3C;
  line-height: 1.3em;
  margin-bottom: 10px;
  margin-top: 10px;
  text-decoration: none;
}

h3 {
  clear: both;
}

h3 a:hover {
  text-decoration: underline;
  background: transparent;
}

h3 span {
    font-size: 12px;
    line-height: 16px;
}

h4 {
    font-size: 12px;
    margin-top: 0.5em; margin-bottom: 0.5em;
    color: #666;
}

body.black h2,
body.black h3,
body.black h3 a,
body.black h3 a:link,
body.black h3 a:visited,
body.black h3 a:hover,
body.black h4 {
    color: #000;
}

body #LastWebsite h3.alt,
body #LastWebsite div.catRight h3,
body #LastWebsite h3.alt a,
body #LastWebsite div.catRight h3 a,
div.horizontalColouredCol h3,
div.horizontalColouredCol h3 a {
  color: #869AB7;
}   

/* PRIMARY SUBHEADS */
h5 {
  color: #9E9E9E;
  font-weight: bold;
  font-size: 13px;
  margin: 0 0 1em 0;
}

h5.subhead {
  margin-top: -12px;
}

h5 a:link, h5 a:visited {
  color: #9E9E9E;
  text-decoration: underline;
}

h5 strong a,
h5 strong a:hover,
a.super {
  background: #FBEFD5;
}

h5 a:hover {
  color: #7F7F7F;
}

a.super:hover {
  color: #7F7F7F; 
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: disc;
	list-style-position: outside;
}

li {
	margin: 0.7em 0 0.7em 2em;
	padding: 0;
}

small 
{ 
	font-size: 11px; 
}
smaller, tiny 
{ 
	font-size: 10px; 
}
table 
{
	padding:0px; margin:0px; border:0px;
}
table.form 
{
	padding: 0px;
	width:100%;
}
table.form .divider h3 {
 border-bottom: 1px solid #DFDFDF;
}
table.form textarea {
 width: 100%; height: 80px;
}
table.form input[type="text"]{
 width:30%;
}

table.form td {
 padding-bottom:5px;
}

table.form td.label {
 text-align:right;
 padding-right:5px;
 font-size:12px;
 vertical-align:top;
}

table.form span.required {
 color: #545454;
}

table.form span.error {
 color: red;
 font-weight: bold;
 font-size: 13px;
}

address {
	font-style: normal;
}

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

table#signup 
{
    margin: 5px 5px;
    font-size:1em;
}
table#signup td {
    font-size:1em;
    vertical-align:top;
}
table#signup a {
    color:#777;
}

table#signup td#signupLogo {
    width:160px;
}
table#signup td#signupHead {
    vertical-align:bottom;
}
table#signup td#signupHead h1 {
    margin:0 0.3em;
    font-size:1.2em;
    color:#888;
}
table#signup td#signupCall {
    width:280px;
    color:#888;
    padding-left:10px;
}
table#signup td#signupForm {
    width:450px;
    border-right:1px solid #ccc;
}

table#signupfields th {
    width:140px;
    text-align:left;
    vertical-align:top;
}
table#signupfields input#checkname {
    display:block;
    margin:0.5em 0 0 0;
}
table#signupfields input#newsletter,
table#signupfields input#rememberme {
    margin:0 0.2em;
}

table#signupfields span.formstatus {
    padding:0.2em 3em 0.2em 0;
}


ul.webservices, ul.webservices li.feed ul,
ul.images, ul.images li ul {
    list-style: none;
    margin:0;
    padding:0;
}

ul.webservices li.feed {
    margin:1em 0 0em 0;
    clear:left;
    padding: 10px 0 1em 0;
}

ul.webservices li.feed ul {
    margin: 10px 0 0 0;
}
ul.images li {
    padding:0;
    float: none;
    width: auto;
    clear: left;
    margin: 10px 0 20px 0;
}

ul.webservices li.feed ul li.ws, ul.images li ul li {
    padding:0;
    margin:0 5px 0 0;
    float:left;
}

ul.images li ul li.big {
    float: none;
    width: auto;
    clear: left;
}

ul.images li ul {
    clear: left;
    padding: 10px 0 10px 0;
}
ul.images li ul li {
    float: left;
    clear:none;
    padding-bottom: 10px;
}
ul.images li div {
    color: black;
}
ul.images li ul li {
    width: auto;
    margin:0 10px 0 0;
}

#editwidget { background: url("http://cdn.last.fm/depth/widgets/writeaboutwidget.gif") no-repeat; }
#publishwidget { background: url("http://cdn.last.fm/depth/widgets/add-widget.gif") no-repeat; }
#scrapstylewidget { background: url("http://cdn.last.fm/depth/widgets/removewidget.gif") no-repeat; }

ul.images li ul li.opposite {
    background: #666666;
    padding: 3px;
}
ul.images li span {
    padding: 0 0 10px 0;
    color: #A0A0A0;
    display: block;
    clear: left;
}

div#LastWebsite div#banner-quilt {
  width: 460px;
  clear: both;
  float: left;
  display: inline;
  overflow: hidden;
  margin-top: 1em;
}

#tabheader ul
{
    margin-top: -0.5em;
	list-style-type:none;
	padding:0 0 1em 0;
	margin-bottom: 1em;
	
}
#tabheader li
{
	display:inline;
	padding:0px 10px;
	margin: 0;
}
#tabheader li.first
{
	padding-left:0px;
}

form#eventForm div.editEvent {
  background: #FCF6EF !important;
  border-bottom: dotted 1px #E0A763;
  border-top: dotted 1px #E0A763;
  margin: 1.4em -14px;
  padding: 14px;
}

form#eventForm div.formWrapper {
  clear: both;
  width: 510px;
}

form#eventForm fieldset {
  margin: 0 0 1.4em 0;
  padding: 1.4em 0 0 4.8em;
  display: block;
  border-top: dotted 1px #CCC;
}

form#eventForm fieldset fieldset {
  margin: 0;
  padding: 0;
  margin-top: 1.4em;
}

form.lastForm fieldset {
  margin: 0 0 1.4em 0;
  padding: 1.4em 0 0.7em 0;
  display: block;
  border-top: dotted 1px #CCC;
}

#LastWebsite form.lastForm fieldset.first {
  border-top: none !important;
}

form.lastForm fieldset input.text,
form.lastForm fieldset textarea {
  width: 365px;
  margin-bottom: 0.7em;
  display: block;
}

form#eventForm fieldset h4 {
  font-size: 12px;
  line-height: 1em;
  color: #969696;
  font-weight: bold;
  float: left;
  display: inline;
  margin: 0.5em 0 0 -4.8em;
}

form.lastForm fieldset h4 {
  font-size: 12px;
  line-height: 1em;
  color: #969696;
  font-weight: bold;
  margin-top: 0;
}

form.lastForm fieldset#contact {
  margin-bottom: 0;
}

form#eventForm fieldset#category {
  border: none;
  padding-top: 0;
}

form#eventForm fieldset#category h4 {
  margin-top: 0.4em;
}

#LastWebsite form#eventForm fieldset.lastBeforeArtist {
  border-bottom: dotted 1px #CCC !important;
  padding-bottom: 1.4em;
  margin-bottom: 0;
}

form#eventForm fieldset#location input#locationsearch,
form#eventForm fieldset#location input#searchagain,
form#eventForm fieldset#location input#venuefound {
  margin-right: 1em;
}

form#eventForm fieldset#location input#venueSubmit,
form#eventForm fieldset#addArtist input#searchArtist {
  margin-top: 0.7em;
  display: block;
  clear: both;
}


form#eventForm fieldset#category label,
form#eventForm fieldset#date div,
form#eventForm fieldset#enddate div {
  margin: 0 1em 0 0;
  display: inline;
}

form#eventForm fieldset#location p {
  font-size: 11px;
  margin: 1em 0;
  line-height: 1.25em;
}

input.unfocused, textarea.unfocused {
  color: #969696;
}

form#eventForm div#createNewVenue div.float,
form#eventForm fieldset#addArtist div.float {
  float: left;
  display: inline;
  margin-right: 15px;
}

form#eventForm div#createNewVenue div.float label,
form#eventForm fieldset div.float label {
  display: block;
  font-size: 11px;
  color: #969696;
  line-height: 1.25em;
}

form#eventForm div#poster, form#eventForm div#logo {
  margin-top: 1.4em;
  margin-bottom: 1.4em;
}

form#eventForm div#poster span {
  display: block;
  margin-top: 0.7em;
}

form#eventForm div#poster span * {
  display: inline !important;
  width: auto !important;
}

form#eventForm input#name,
form#eventForm fieldset#notes textarea,
form#eventForm fieldset#notes input {
  width: 230px;
}

/* panel shizznit in da house */

form#eventForm fieldset#addArtist {
  border: none;
}

form#eventForm div#lineupPanel {
  float: right;
  display: inline;
  margin-top: 1.4em;
  margin-right: -15px;
}

/* submit it! */

form#eventForm div#submitStuff {
  clear:both;
  padding-left: 4.5em;
  margin-top: -1em;
}

form#eventForm div#submitStuffEdit {
  clear: both;
  margin-top: 1.4em;
  padding-left: 4.5em;
}