/* 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;
    width: 100%;
    height: 1%;
}

body #page {
    margin: 0 auto;
    width: 930px;
    position: relative;
}

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

#spArticleBody #page {
    background: #fff;
}

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


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

div.gm #content {
    position: relative;
    clear: both;
    margin: -1px 0 0 110px;
    min-height: 300px;
    background: url(http://www.gomuzik.com/images/last/gm_right.4.png) right top repeat-y #fff;
    overflow: visible;
    border: 1px solid #ccc;
}

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

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

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

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

div.gm div.leftCol {
    float: left;
    display: inline;
    margin-right: -330px;
    width: 100%;
    overflow: hidden;
    background: url(http://www.gomuzik.com/images/last/gm_right_top_gradient.5.png) right top no-repeat transparent;
}

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

div.gm div.rightCol {
    float: right;
    display: inline;
    position: relative;
    padding: 15px;
    width: 300px;
    background: url(http://www.gomuzik.com/images/last/gm_right_top_gradient.5.png) right top no-repeat transparent;
    font-size: 11px;
    line-height: 1.181818em;
}



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

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

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

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


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

/* h3 */
#page h3.heading .h2Wrapper {
    display: block;
}

#page h3.heading .h2Wrapper a {
    text-decoration: none;
}
#page h3.heading .h2Wrapper a:hover {
    text-decoration: underline;
}
#page h3.heading .h2Wrapper a {
    color: #0187C5;
}
.lfmBlack #page h3.heading .h2Wrapper a {
    color: #0187C5;
}
/* h3 */

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

div.gm 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.gm 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.gm div.rightCol h2.heading .h2Wrapper,
#page div.fixed div.rightCol h2.heading .h2Wrapper {
    padding: 7px 0 0 0;
}

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

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

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

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


/* 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.gmSmall div.rightCol h2 {
    background: none;
    font-size: 12px;
    font-weight: bold;
}

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


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

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


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


/* BASE CSS */

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

/* links */

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

a:active {
    outline: none;
}

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

/* misc */

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

span.shoutCount {
    color: #696969;
}

#page .hint {
    color: #999;
}

.nowrap {
    white-space: nowrap;
}

small {
    font-size: 10px;
}

/* Forms */

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

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

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

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


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

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


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

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

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

#secondaryNavigation li {
    display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

* html ul.shouts {
    width: auto;
}

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

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

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

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

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

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

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

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

/* Free Download */

#page a.BButton {
    height: 15px;
    overflow: visible;
    text-shadow: none;
    font-size: 9px;
}

#page a.BButton span,
#page a.BButton strong {
    height: 11px;
    line-height: 11px;
    padding: 2px 5px 2px 5px;
    background: url(http://www.gomuzik.com/images/last/download.png) no-repeat left top;
    color: #fff;
    white-space: nowrap;
    font-weight: normal;
}

td{font:normal 12px verdana;color:#000000;}
.res{width:98%;background-color:#F7F7F7;height:25px;text-align:left;}
.res font{font:normal 11px verdana;padding-left:5px;}
.res span{font:normal 11px verdana;color:#778899;}
.res a,.res a:visited{font:normal 11px tahoma;color:#555;padding-right:10px;}
.res a:hover{color:#cc0000;}
.res a b{font:bold 14px tahoma;color:#555;}
.res a img{border:0px;margin:auto;vertical-align:middle;}
.no{width:2%;background-color:#F7F7F7;text-align:center;}

/*---*/
.res1{width:96%;background-color:#F7F7F7;height:25px;text-align:left;}
.res1 font{font:normal 11px verdana;padding-left:5px;}
.res1 span{font:normal 11px verdana;color:#778899;}
.res1 a,.res1 a:visited{font:normal 14px tahoma;color:#555;padding-right:10px;}
.res1 a:hover{color:#cc0000;}
.res1 a b{font:bold 12px tahoma;color:#555;}
.res1 a img{border:0px;margin:auto;vertical-align:middle;}
.no1{width:4%;background-color:#F7F7F7;text-align:center;}
.no2{width:2%;background-color:#F7F7F7;text-align:center;}
.pd {
  color: #2C6CA6;
}

.ps {
  min-width: 200px;
  height: 1px;
  margin: 6px 0 6px 0;
  background: #DBE2E8;
  overflow: hidden;
}
table.profile td.profile_data {
  padding: 10px 20px 0 10px;
}