/* 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 {
    zoom: 1;
}

* html .clearit {
    height: 1%;
}

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

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

body {
    /*background: #e3e3e3;*/
	background:#dee9ef url("../images/clouds.jpg") repeat-x;
    width: 100%;
    height: 1%;
}

body #page {
    margin: 0 auto;
    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 auto; 
}

div.fixed #content {
    position: relative;
    clear: both;
    margin: -1px 0 0 110px;
    min-height: 500px;
    overflow: visible;
    border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    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;
}

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("images/grid_48.15.png");
    background-position: left top;
}

div.showgrid div.rightColumn {
    background-image: url("images/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("images/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("images/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("images/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("images/grid_48.15.png");
    background-position: left top;
}

.showgrid #content .fullWidth {
    background-image: url("images/grid_48.15.png");
    background-position: left top;
}

.showgrid #content .leftColWrapper {
    padding-right: 0;
    border-right: solid 15px #fff386;
    background-image: url("images/grid_48.15.png");
    background-position: 15px top;
}

.showgrid .rightCol {
    background-image: url("images/grid_48.15.png");
    background-position: 15px top;
}

.showgrid .sic #content {
    background-image: url("images/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 {
    margin: 15px -15px 2px -15px;
    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 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: 15px 0 10px 0;
    padding: 0;
    font-size: 13px;
    line-height: 12px;
}

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

div.fiflufi div.leftCol a.seemore {
    margin: 5px 0 0 0;
    padding: 2px 0 2px 10px;
    background: url("images/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("images/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("images/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;
}

/* */

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;
    width: 100%;
    min-width: 930px;
}

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

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

#fauxFooterContainer {
	display:block;
	float:left;
	min-width:930px;
	position:relative;
	width:100%;
}
#fauxFooter {
	background-position:0 0;
	background-repeat:repeat-x;
	display:block;
	height:116px;
	position:absolute;
	top:0;
	width:100%;
}
#footer_content {
	width:100%;
	background:url("images/world-connected.jpg") repeat-x;
}


/** Logo */

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

/*#siteLogo:hover {
    background-position: -110px -160px;
}*/

#siteLogo:hover {
	background-position:0 -70px;
}

/** Navigation */

#primaryNav {
    /*top: 1px;*/
    zoom: 1;
	left:129px;
	position:absolute;
	top:32px;
	z-index: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 1px;
	
	background-color:#C00;
	padding:2px 6px;
	-moz-border-radius:3px;
}

#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 .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,#logoutLink .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 1px;
    overflow: hidden;
}

#loginLink .profile-link strong,#logoutLink .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;
}




/** 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;
    -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,
#siteLogo,
#primaryNav .nav-link:hover, 
#profileLinks .divider a,
#loginLink .profile-link,
#loginLink .profile-link strong,
#logoutLink .profile-link,
#logoutLink .profile-link strong,
#loginLink .profile-link,
#loginLink .profile-link strong,
#idBadgerUser,
#idBadgerDropper,
#siteSearchBox,
#siteSearchSubmit,
#headerLangToggle img.globe_icon {
    background-image: url("images/headersprite.111.png");
}





/* 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("images/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;
}


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;
	width:98%; /** new **/
}
textarea {
	height:60px;
}

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

.staff span.name {
    background: #D51007 !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;
}

.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("images/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%;
}

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("images/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("images/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("images/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("images/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("images/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("images/tag_left.png") no-repeat left top;
}

#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.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("images/grey_right.png") no-repeat right top;
    text-shadow: #2a2a2a 0 -1px 1px
}
#page a.lfmSendButton strong {
    background: transparent url("images/share_left.png") no-repeat left top;
}
/* Join */
#page a.lfmJoinButton {
    background: transparent url("images/grey_right.png") no-repeat right top;
    text-shadow: #2a2a2a 0 -1px 1px
}
#page a.lfmJoinButton strong {
    background: transparent url("images/join_left.png") no-repeat left top;
}
/* Befriend */
#page a.lfmBefriendButton {
    background: #163551 url("images/add_right.png") no-repeat right top;
    text-shadow: #163551 0 -1px 1px
}
#page a.lfmBefriendButton strong {
    background: #163551 url("images/add_left.png") no-repeat left top;
}

#page a.lfmBigMultiButton {
    padding-right: 19px;
    background: transparent url("images/lightgrey_dropdown_right.png") no-repeat right top;
    text-shadow: #7f7f7f 0 -1px 1px
}

#page a.lfmBigMultiButton span {
    background: transparent url("images/more_left.png") no-repeat left top;
}

#page a.lfmSmallMultiButton {
    width: 26px;
    padding: 0;
    background: transparent url("images/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("images/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("images/is_right.png") no-repeat right top;
    text-shadow: #999 0 -1px 1px
}
#page .indicator span,
#page .indicator strong {
    background: #b7b7b7 url("images/is_left.png") no-repeat left top;
}
#page .lovedindicator span,
#page .lovedindicator strong {
    background: #b7b7b7 url("images/is_left_loved.png") no-repeat left top;
}

/* Free Download */

#page a.lfmFreeDownloadButton {
    height: 15px;
    padding-right: 2px;
    background: url("images/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("images/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("images/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("images/freedownload_large_top.png") no-repeat left top;
}
#page a.lfmFreeDownloadButtonLarge:hover span,
#page a.lfmFreeDownloadButtonLarge:hover strong {
    background-position: right top;
}

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

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

/* Buy / Download */

#page div.lfmBuyButtonContainRight,
#page div.lfmBuyButtonContainRight div.lfmDropDown {
    float: right;
    text-align: right;
}
#page div.lfmBuyButtonContainRightDownloadsRingtones div.lfmDownloadButton {
    clear: right;
}
#page a.lfmRingtoneButton,
#page a.lfmBuyButton,
#page a.lfmDownloadButton {
    white-space: nowrap;
    background: #979797 url("images/buy_dl_right.png") no-repeat right top;
    text-shadow: #777 0 -1px 1px;
    white-space: nowrap;
}
#page a.lfmRingtoneButton span,
#page a.lfmRingtoneButton strong {
    background: #979797 url("images/rt_left.png") no-repeat left top;
}
#page a.lfmBuyButton span,
#page a.lfmBuyButton strong {
    background: #979797 url("images/buy_left.png") no-repeat left top;
}
#page a.lfmDownloadButton span,
#page a.lfmDownloadButton strong {
    background: #979797 url("images/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("images/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("images/rt_drp_left.png") no-repeat left top;
}
#page a.lfmBuyButtonDropDown span,
#page a.lfmBuyButtonDropDown strong {
    background: #979797 url("images/buy_drp_left.png") no-repeat left top;
}
#page a.lfmDownloadButtonDropDown span,
#page a.lfmDownloadButtonDropDown strong {
    background: #979797 url("images/dl_drp_left.png") no-repeat left top;
}

#page a.lfmBigBuyMoreButton {
    padding: 0 3px 0 0;
    white-space: nowrap;
    background-image: url("images/buy_right_nodropdown.png");
    text-shadow: #333 0 1px 1px;
}

#page .lfmDropDown a.lfmBigBuyMoreButton {
    padding: 0 19px 0 0;
    background-image: url("images/buy_right.png");
}

#page a.lfmBigBuyMoreButton span,
#page a.lfmBigBuyMoreButton strong {
    background-image: url("images/buy_left.png");
}

#page a.lfmSmallBuyMoreButton {
    padding: 0 3px 0 0;
    white-space: nowrap;
    background-image: url("images/buy_right_small_nodropdown.png");
    text-shadow: #333 0 1px 1px;
}

#page .lfmDropDown a.lfmSmallBuyMoreButton {
    padding: 0 17px 0 0;
    background-image: url("images/buy_right_small.png");
}

#page a.lfmSmallBuyMoreButton span,
#page a.lfmSmallBuyMoreButton strong {
    background-image: url("images/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,
#page .buyButtonSupplier a {
    font-size: 10px;
    line-height: 1.4;
}

.lfmDropDown {
    display: inline-block;
    z-index: 1;
    margin: 3px 3px 3px 0;
    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;
    padding: 1px 8px 0 8px;
    top: 0px;
    right: 0px;
    font-weight: normal;
    display: block;
    width: 50px;
    text-align: right;
    font-size: 10px;
}

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

#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 a {
  padding: 0.75em 0 0 0;
  text-decoration: none;
  margin: 0;
  display: block;
}

#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,
#page table.calendar tbody tr td.weekend,
#page table.calendar tbody tr td.weekend span,
#page table.calendar tbody tr td.weekend a {
  color: #EA8484 !important;
}

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: 1em 0;
    line-height: 2em;
}

* 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 p.comments .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 {
    padding: 0 0 0 215px;
}

.albumHead div.albumCover {
    float: left;
    display: inline;
    margin: 0 0 0 -215px;
    text-align: right;
}

.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 */

.trackHead span.trackCover {
    display: inline;
    float: left;
    margin: 0 0 0 -152px;
}

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

table.barChart td.subject {
  width: 62%;
  background-image: url("images/barchart_fakeborder.gif");
  background-position: right top;
  background-repeat: repeat-y;
}

table.tagChart td.subject {
  background-image: url("images/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("images/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("images/barchart_end.gif") top right no-repeat;
	display: block;
	white-space: nowrap;
}

table.tagChart td.quantifier div span {
	background: url("images/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("images/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("images/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("images/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("images/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("images/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;
}
#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('images/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('images/journal_button_02.gif') top right no-repeat;
}

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


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

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

#player.shortPlayer {
    height: 221px;
}

#player.lazy {
    position: relative;
    background: url("images/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 {
    margin-top: 8px;
}

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

#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: 256px;
    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;
}

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 4px -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 4px -3px 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;
}


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

img.icon {
    background-image: url('images/sprites/5/icons.png');
}
*html img.icon {
    background-image: url('images/sprites/5/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; }
.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; }
.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; }
.tag_icon           { background-position: 0 -1400px; }
.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; }


/* IE6 fix */
* html #page .globe_icon { background: url('images/globe.gif') left top no-repeat; }
* html #page.lfmBlack .globe_icon { background: url('images/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("images/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("images/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;
}

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("images/arrow_r.png") top left no-repeat;
}
div#calendar table.controls td.prev a {
    background:url("images/arrow_l.png") top right no-repeat;
}
div#calendar table.controls td.next a:hover {
    background-image:url("images/arrow_r_hover.png");
}
div#calendar table.controls td.prev a:hover {
    background-image:url("images/arrow_l_hover.png");
}
div#calendar table.controls td.next a.busy, div#calendar table.controls td.next a:hover.busy {
    background-image:url("images/arrow_r_anim.gif");
}
div#calendar table.controls td.prev a.busy, div#calendar table.controls td.prev a:hover.busy {
    background-image:url("images/arrow_l_anim.gif");
}
div.interactive caption {
    text-align: center !important;
    width: 158px;
    padding-top: 2px;
}
/*
div#eventsNav ul li.pickadate {
  padding-top: 5px;
}
*/





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



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


#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;
    border-top: 1px solid #ccc;*/
    padding: 1px 0 0 0;
}

#secondaryNavigation li {
    display: inline;
}

#secondaryNavigation li a {
    display: inline;
    /*width: 94px;*/
    margin: -1px 0 0 0;
    padding: 4px 5px 5px 10px;
    text-decoration: none;
    background: #f3e2a4; /*url("images/secondary_nav_bg.png) left top repeat-x #ededed;*/
    color: #696969;
}
#secondaryNavigation li.first a {
    border-top: 0;
}

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



a.tag {
    display: block;
    float: left;
    height: 19px;
    padding: 0 2px 0 0;
    background: url("images/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("images/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("images/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;
}



/* 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("images/navigation/tab_right.png") no-repeat right top;
}

div.tertiaryNavigation ul li a {
    background: url("images/navigation/tab_left.png") no-repeat left top;
}

div.tertiaryNavigation ul li.current {
    background: url("images/navigation/tab_active_right.png") no-repeat right top;
}

div.tertiaryNavigation ul li.current a {
    background: url("images/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;
}