/* Header Stuff div#headercontainer, body.coldstart div#headercontainer {background: url("../images/ff_masthead_grade.gif") left bottom repeat-x;} #header { height:48px; padding:15px 130px 0 0; } div#wrapper {margin-top:10px;} #header #logo {width:160px; height:70px; margin:0; top:4px; background: url("../images/ff_logo_tag_small.png") no-repeat top left;} #header h1, a.logo {width:228px; height:75px;} #topnavcontainer {margin:4px 0 0 140px;} #audnavcontainer {width:736px;} #slideshow {height:36px;} */ /* User Music Genres - Left Column */ body.stats #leftcontainer .dropshadowcontainer .innercontainer, body.artists #mainbox, body.genre #mainbox {min-height:900px;} .usergenrelist, .leftnav {width:120px;height:auto;position:relative;padding:0px;margin:0px;float:left;} .usergenrelist ul, .leftnav ul {width:120px;padding:0px 0px 5px 0px;margin:0px; list-style: none;width:auto;} .usergenrelist ul li.first, .leftnav li.first {width:99px;height:auto;min-height:16px;padding:50px 10px 0px 11px;background:url("../images/ff_artist_musicgenre_bgtop.png") no-repeat 0px 0px;font-size:11px;color:#5D4A32;} .usergenrelist ul li.first:hover, .leftnav li.first:hover {background:url("../images/ff_artist_musicgenre_bgtop_hover.png") no-repeat 0px 0px;} .usergenrelist ul li.firstactive, .leftnav ul li.firstactive {background:url("../images/ff_artist_musicgenre_bgtop_hover.png") no-repeat 0px 0px;} .usergenrelist ul a, .leftnav ul a {display:block;width:99px;height:auto;min-height:16px;padding:0px 0px 0px 9px;background:url("../images/ff_artist_musicgenre_arrow.gif") no-repeat 0px 4px;color:#5D4A32;} .usergenrelist ul a:hover, .leftnav ul a:hover {background:url("../images/ff_artist_musicgenre_arrow.gif") no-repeat 0px 4px;text-decoration: none;color:#339999;} .usergenrelist ul li.first.short, .leftnav li.first.short {padding-top:10px; } .usergenrelist ul li, .leftnav ul li {width:99px;height:auto;padding:17px 10px 0px 11px;background:url("../images/ff_artist_musicgenre_bg.png") no-repeat 0px 0px;font-size:11px;color:#5D4A32;} .usergenrelist ul li:hover, .leftnav ul li:hover {background:url("../images/ff_artist_musicgenre_bg_hover.png") no-repeat 0px 0px;} .usergenrelist ul li.active, .leftnav ul li.active {background:url("../images/ff_artist_musicgenre_bg_hover.png") no-repeat 0px 0px;} .usergenrelist ul li.active a, .leftnav ul li.active a {color:#E24A9C;} .usergenrelist ul li.last, .leftnav ul li.last {width:99px;height:23px;padding:17px 10px 0px 11px;background:url("../images/ff_artist_musicgenre_bgbottom.png") no-repeat 0px 0px;font-size:11px;color:#5D4A32;} .usergenrelist ul li.last:hover, .leftnav ul li.last:hover {background:url("../images/ff_artist_musicgenre_bgbottom_hover.png") no-repeat 0px 0px;} .usergenrelist ul li.lastactive, .leftnav ul li.lastactive {background:url("../images/ff_artist_musicgenre_bgbottom_hover.png") no-repeat 0px 0px;} .usergenrelist ul li.lasttall, .leftnav ul li.lasttall {width:99px;height:35px;padding:15px 10px 0px 11px;background:url("../images/ff_artist_musicgenre_bgbottom_tall.png") no-repeat 0px 0px;font-size:11px;color:#5D4A32;} .usergenrelist ul li.lasttall:hover, .leftnav ul li.lasttall:hover {background:url("../images/ff_artist_musicgenre_bgbottom_tall_hover.png") no-repeat 0px 0px;} .usergenrelist ul li.lasttallactive, .leftnav ul li.lasttallactive {background:url("../images/ff_artist_musicgenre_bgbottom_tall_hover.png") no-repeat 0px 0px;} .usergenrelist ul li#genre_header, .leftnav ul li#genre_header {text-transform:uppercase; letter-spacing:.05em; font-weight:bold; font-size:9px;} .usergenrelist ul li#genre_header:hover, .leftnav ul li#genre_header:hover {background:transparent url("../images/ff_artist_musicgenre_bgtop.png") no-repeat scroll 0 0} .genericcontainer.genericcontentbox {margin:15px; width:600px; padding:5px 0 0 0; margin-right:0;} .usergenrelist ul a.active, .leftnav ul a.active {font-weight:bold;} .usergenrelist .unavailable, .leftnav .unavailable {margin-left:10px; color:#AAA;} /* Video Content WE MAY NOT NEED THIS ................... */ ul.videolist {width:auto;padding:0px;margin:0px;list-style: none;} ul.videolist ul {width:auto;padding:0px;margin:0px;list-style: none;} ul.videolist li.videocontainer {width:auto;height:auto;display:block;padding:0px;margin:0px;} ul.videolist li.videocontainer li.videoitem {width:160px;margin:14px 40px 0px 0px;display:block;float:left;} ul.videolist li.videocontainer li.videoitem li.videocontrols {width:160px;height:140px;padding:0px 0px 3px 0px;border:1px solid #CCCCCC;} ul.videolist li.videocontainer li.videoitem li.videocontrols li.videostill {width:160px;height:120px;padding:0px;margin:0px;} ul.videolist li.videocontainer li.videoitem li.videocontrols li.videostill img {border-bottom:1px solid #CCCCCC;} ul.videolist li.videocontainer li.videoitem li.videocontrols li.play {width:16px;height:16px;margin:0px 4px 0px 1px;float:left;position:relative;} ul.videolist li.videocontainer li.videoitem li.videocontrols li.play a {width:16px;height:16px;background:url("../images/ff_musicfri_playicon_16x32.gif") no-repeat 0px 0px;position:absolute;text-indent:-99999px;} ul.videolist li.videocontainer li.videoitem li.videocontrols li.play a:hover {width:16px;height:16px;background:url("../images/ff_musicfri_playicon_16x32.gif") no-repeat -16px 0px;position:absolute;text-indent:-99999px;} ul.videolist li.videocontainer li.videoitem li.videocontrols li.play a.active {width:16px;height:16px;background:url("../images/ff_musicfri_playicon_16x32.gif") no-repeat -16px 0px;position:absolute;text-indent:-99999px;} ul.videolist li.videocontainer li.videoitem li.videocontrols li.trackscrub {width:113px;height:3px;padding:1px;margin:7px 3px 0px 0px;background:url("../images/ff_videoplayer_trackscrub_bg.gif") no-repeat 0px 0px;float:left;display:block;} ul.videolist li.videocontainer li.videoitem li.videocontrols li.resize {width:17px;height:13px;margin:2px 0px 0px 0px;padding:0px;display:block;float:left;position:relative;} ul.videolist li.videocontainer li.videoitem li.videocontrols li.resize a {width:17px;height:13px;background:url("../images/ff_videoplayer_fullscreen34x13.gif") no-repeat 0px 0px;position:absolute;text-indent:-99999px;} ul.videolist li.videocontainer li.videoitem li.videocontrols li.resize a:hover {width:17px;height:13px;background:url("../images/ff_videoplayer_fullscreen34x13.gif") no-repeat -17px 0px;position:absolute;text-indent:-99999px;} ul.videolist li.videocontainer li.videoitem li.title {font-size:11px;font-weight:bold;color:#333333;margin:14px 0px 0px 0px;} ul.videolist li.videocontainer li.videoitem li.title a {color:#333333;text-decoration:none;} ul.videolist li.videocontainer li.videoitem li.title a:hover {color:#339999;text-decoration:none;} ul.videolist li.videocontainer li.videoitem li.author {font-size:11px;color:#333333;} /* Right Column, Global Styles */ #homerightcol {width:auto;height:auto;margin:48px 0px 0px 38px;} #rightcontainer h3 {font-size:14px;margin:0px;padding:0px;} #rightcontainer .subhead {color:#e24a9c;font-family:Arial, Helvetica, sans-serif;font-weight:bold;} #rightcontainer .maincontent {width:auto;height:auto;} #rightcontainer .maincontent .leftslidebutton, #rightcontainer .maincontent .rightslidebutton {height:auto;width:15px;padding:120px 0px 0px 0px;} #rightcontainer .userlist {width:203px;float:left;padding:0px;margin:5px 0px 0px 5px;} #rightcontainer .userlist a {color:#333333;} #rightcontainer .userlist a:hover {text-decoration:none;color:#339999;} #rightcontainer .userlist li.navdots {margin:0px 0px 11px 0px;padding:0px;} #rightcontainer .userlist ul {width:auto;list-style: none;padding:0px;margin:0px;} #rightcontainer .userlist li.profilecontainer {min-height:50px !important;display:block;margin:0px 0px 8px 0px;margin:0px 0px 0px!important 0px;padding:0px 0px 10px 0px;position:relative;} #rightcontainer .userlist ul ul.profileinfo {float:none;padding:0px;margin:0px;list-style: none;;display:block;} #rightcontainer .userlist ul.profileinfo li.profileimage {width:52px;height:52px;margin:0px 9px 0px 0px;padding:0px;position:absolute;display:block; left:0px;} #rightcontainer .userlist ul.profileinfo li.profileimage img {border:1px solid #CCCCCC;width:50px;height:50px} #rightcontainer .userlist ul.profileinfo li.profilename {color:#333333; font-size:11px;line-height:16px;margin:0px 0px 0px 59px;display:block;} #rightcontainer .userlist ul.profileinfo li.profilename a {font-size:11px;font-weight:bold;} #rightcontainer .userlist ul.profileinfo li.moreinfo {font-size:10px;line-height:12px;color:#666666;display:block;margin:0px 0px 0px 59px;} #rightcontainer .userlist ul.profileinfo li.moreinfo a.album, #rightcontainer .userlist ul.profileinfo li.moreinfo a.artist {color:#666666;} #rightcontainer .userlist ul.profileinfo li.moreinfo a:hover, #rightcontainer .userlist ul.profileinfo li.profilename a:hover {color:#339999;} #rightcontainer .userlist ul.profileinfo li.grooveinfo {color:#848484;font-size:10px;line-height:14px;display:block;margin:0px 0px 0px 59px;padding:0px 15px 0px 0px;} #rightcontainer .userlist ul.profileinfo li.grooveinfo a {color:#848484;} #rightcontainer .userlist ul.profileinfo li.grooveinfo a:hover {text-decoration:none;color:#339999;} #rightcontainer .adcontainer {margin:31px 0px 18px 0px;} /* Cold Start Radio Player - Right Column*/ body.miniplayer #coldstart_message {display:none; } body.miniplayer #coldstartmain h1#coldstart_message_small{ display:block; font-size: 9pt!important; line-height: 1em; } #rightcontainer .rpcontainer {width:auto;height:auto;position:relative;margin:17px 0px 0px 0px;} #rightcontainer .rpcontainer .sniffer {width:176px;height:41px;position:absolute;left:53px;top:-46px;z-index:25;padding:7px 0px 0px 11px;background:url("../images/ff_snifferlink_bg.png") no-repeat -35px 0px;} #rightcontainer .rpcontainer .login {width:180px;height:24px;position:absolute;left:20px;top:-30px;z-index:50;padding:11px 0px 0px 11px;background:url("../images/ff_memberlogin_bg.png") no-repeat -44px 0px;} #rightcontainer .rpcontainer .coldrpmain {width:265px;margin:66px 0px 0px 0px;padding:0px;width:auto;height:auto;} #rightcontainer .coldrpmain .radiocontent {height:198px;padding:0px;margin:0px;} #rightcontainer .coldrpmain #coldstartmain {height:271px;padding:12px 0px 0px 13px;background:url("../images/ff_postlogin_radio_bg.jpg") no-repeat 0px 0px;border-bottom:1px solid #5A442D; margin-left:0; position:relative; z-index:100; position:absolute; width:303px; top:6px; } #rightcontainer .coldrpmain #coldstartmain h3 {font-size:18px;background:url("../images/ff_coldstart_h1_bg.png") no-repeat 185px center;padding:0px 20px 20px 0px;display:block;margin:0px;} #rightcontainer #coldstartmain .artistsearch {width:229px;height:20px;position:relative;z-index:500;color:#BC844D;font-size:12px;line-height:11px; float:none; padding-left:15px; height:auto;} #rightcontainer #coldstartmain .artistsearch input.searchtextinput {width:166px; height:14px;border-top:1px solid #8E8E8E;border-left:1px solid #CDCDCD; border-right:1px solid #CDCDCD; border-bottom:1px solid #E3E3E3;padding:2px;background-color: #ffffff;font-size: 11px;color:#5F5F5F;margin:0px 0px 3px 0px;} #rightcontainer #coldstartmain .artistsearch .searchsubmit {position:absolute;top:3px;left:196px; height:16px;margin:0px;border:none;} #rightcontainer #coldstartmain .artistsearch #searchform_basic .searchsubmit {top:16px;} #rightcontainer .coldrpmain .featureartist {border-top:1px dotted #000000;border-bottom:1px dotted #000000;line-height:24px;padding:0px 0px 0px 9px;margin:0px;} #rightcontainer .coldrpmain .featureartist h4 {font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;float:left;color:#e24a9c;margin:0px;padding:0px;display:block;} #rightcontainer .coldrpmain .featureartist span.title {width:158px;font-size:12px;font-family:"Cooper Std Black", "Cooper Black", "Arial", "Helvetica", "sans-serif";padding:0px;margin:0px;float:left;} #rightcontainer .coldrpmain .featureartist .expand {float:left;display:block;width:14px;;margin:7px 0px 0px 32px;position:relative;} #rightcontainer .coldrpmain .featureartist .expand a {width:14px;height:10px;background:url("../images/ff_expand_icon28x10.gif") no-repeat 0px 0px;position:absolute;text-indent:-9999px;padding:0px;margin:0px;} #rightcontainer .coldrpmain .featureartist .expand a:hover {width:14px;height:10px;background:url("../images/ff_expand_icon28x10.gif") no-repeat -14px 0px;position:absolute;text-indent:-9999px;padding:0px;margin:0px;} /* Right Column Container - Individual Modules */ #rightcolmodule {width:239px;padding:17px 0px 17px 0px;} #rightcolmodule .header {width:auto;padding:0px 10px 0px 21px;} /* Right Column Container - Share Module */ #sharemodulecontainer {width:auto;height:auto;margin:0px 0px 0px 24px;} #sharemodule {padding:14px 10px 14px 15px;width:auto;height:auto;margin:0px;} #sharemodule h3 {padding:0px 0px 0px 24px;background:url("../images/ff_toolbar_shareicon21x21.gif") no-repeat 0px 0px;font-size:18px;font-family:"Cooper Std Black", "Cooper Black", "Arial", "Helvetica", "sans-serif";margin:0px 0px 15px 0px;line-height:21px;} #sharemodule ul {list-style: none; padding:0px; margin:3px 0px 0px 0px;} #sharemodule li.leftcol {float:left;width:110px;height:auto;display:block;} #sharemodule li.rightcol {float:right;width:104px;height:auto;display:block;} #sharemodule li {font-size:11px;margin:5px 0px 0px 0px;} #sharemodule li a {color:#333333;text-decoration:underline;line-height:21px;} #sharemodule li a:hover {text-decoration: none;color:#339999;} #sharemodule li li {font-size:11px; font-weight:bold;color:#333333;} #sharemodule li li img {padding:0px 9px 0px 0px;margin:0px;} #sharemodule li li a {color:#333333;text-decoration:none;line-height:21px;} #sharemodule li li a:hover {text-decoration: none;color:#339999;} .contenttoolbar, .contenttoolbar ul {width:330px;} .contenttoolbar {left:auto; right:0; top:-68px; z-index:210;} #share {background-position:2px -44px; margin-left:10px; } #share .popmenu { background-position:2px -43px; top:0; } #powertools { background-position:-84px 2px;} #share .popmenu li {margin-top:13px;} #share .popmenu li div.text {margin-left:-42px;} #share .popmenu li div.text.two {margin-left:-69px;} #share .popmenu li div.text.three {margin-left:-96px;} #share .popmenu li div.text.four {margin-left:-123px;} #share .popmenu li div.text.five {margin-left:-150px;} /* About the Artist/User */ #genericcontainer .genericcontent .maincontent ul.genericinfo {list-style: none;padding:0px;margin:0;display:block;} #genericcontainer .genericcontent .maincontent li.about a {color:#442E13;text-decoration:underline;} #genericcontainer .genericcontent .maincontent li.about a:hover {color:#339999;text-decoration:none;} #genericcontainer .genericcontent .maincontent ul.genericinfo li.about h2 {font-family:Arial, Helvetica, sans-serif;color:#442E13;font-size:13px;font-weight:bold;margin:0px 0px 6px 0px;padding:0px; display:inline;} body.artist #genericcontainer .genericcontent .maincontent ul.genericinfo li.about h2 {margin-left:5px;} #genericcontainer .genericcontent .maincontent ul.genericinfo li.about .titletext {font-family:Arial, Helvetica, sans-serif;color:#442E13;font-size:11px;font-weight:normal;font-style: italic; margin: 0px 0px 6px 0px;} #genericcontainer .genericcontent .maincontent ul.genericinfo li.about .at_pipe { position: relative; padding-left:8px; padding-right:8px; font-family:Arial, Helvetica, sans-serif; color:#AAA; font-size:11px; font-weight:bold; margin: 0px 0px 6px 0px; } ul.id_tabs, #genericcontainer .genericcontent .maincontent ul.genericinfo ul {list-style: none;padding:0px;margin:0px;display:block;} #genericcontainer .genericcontent .maincontent li.about li.hometown, #genericcontainer .genericcontent .maincontent li.about li.members, #genericcontainer .genericcontent .maincontent li.about li.joined, #genericcontainer .genericcontent .maincontent li.about li.genres, #genericcontainer .genericcontent .maincontent li.about li.grooveto, #genericcontainer .genericcontent .maincontent li.about li.links {font-family:Arial, Helvetica, sans-serif;color:#442E13;font-size:11px;font-weight:normal;margin:0;} .ff_promo { background:transparent url("../images/ff_sticky_giant.png") no-repeat scroll 0 0; color:#333; font-size:11px; height:139px; margin:6px 0 -84px -12px; padding:22px 66px 0 40px; position:relative; width:390px; } .about h4 {margin-top:6px;} /* --------------------------- ARTIST INFO PAGE --------------------------- */ /* Global Site Structure */ #insidepage_leftcol {width:auto;height:auto;margin:0px;/*padding:18px 0px 0px 0px;*/ padding:0;} body#flybites_index #insidepage_leftcol { margin-top:10px; } #insidepage_rightcol {width:auto;height:auto;margin:0px;padding:10px 0px 0px 14px;position:relative;} #insidepage_rightcol .adcontainer {margin:20px 0px 18px 28px;} #insidepage_leftcol h1 {font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#e24a9c;margin:0px 0px 0 50px;line-height:22px; font-weight:normal;} #insidepage_leftcol h1 span {color:#E24A9C; float:left; font-size:18px; font-weight:bold; height:18px; letter-spacing:0.05em; padding:0 10px 0 0;} #insidepage_rightcol .contenttoolbar {position:absolute;top:0px;left:64px;} body.miniplayer #insidepage_rightcol .contenttoolbar {left:15px;} #genericcontainer {width:auto;height:auto;} #genericcontainer .musicgenres {width:120px;height:auto;position:relative;padding:0px;margin:0px;float:left;} #genericcontainer .genericcontent {width:591px;height:auto;float:right;} #genericcontainer .genericcontent .maincontent {width:580;padding:19px 14px 22px 14px;} .genericcontentbox {width:auto;height:auto;padding:18px 10px 20px 10px;margin:10px 0px 10px 0px;border:1px solid #CBCBCB;} .genericcontentbox.carousel {padding:5px 0;} .genericcontentbox.carousel #vintagevideomain {width:auto; margin-top:0; padding-top:0;} .genericcontentbox.carousel #vintagevideomain .header {width:auto; height:35px; margin:1px; } /* Artist Info/About the Artist */ #genericcontainer .genericcontent .maincontent ul.artistinfo {list-style: none;padding:0px;margin:0px 0px 28px 0px;display:block;} #genericcontainer .genericcontent .maincontent ul.artistinfo li.artistphoto {width:200px;height:200px;margin:0px 0px 10px 0px;float:left;display:block;} #genericcontainer .genericcontent .maincontent ul.artistinfo li.artistphoto img {width:198px;height:198px;border:1px solid #B9B7B5} #genericcontainer .genericcontent .maincontent ul.artistinfo li.about {padding:0px 0px 0px 15px;background:url("../images/ff_radio_titletop_logo.gif") no-repeat 0px 2px;float:right;display:block;width:315px;margin:0px;} #genericcontainer .genericcontent .maincontent li.about a {color:#442E13;text-decoration:underline;} #genericcontainer .genericcontent .maincontent li.about a:hover {color:#339999;text-decoration:none;} #genericcontainer .genericcontent .maincontent ul.artistinfo li.about h2 {font-family:Arial, Helvetica, sans-serif;color:#442E13;font-size:13px;font-weight:bold;margin:0px 0px 6px 0px;padding:0px;} #genericcontainer .genericcontent .maincontent ul.artistinfo ul {list-style: none;padding:0px;margin:0px;display:block;} #genericcontainer .genericcontent .maincontent li.about li.genre span {font-family:Arial, Helvetica, sans-serif;color:#442E13;font-size:10px;font-weight:bold;float:left;width:42px;padding:0px;} #genericcontainer .genericcontent .maincontent li.about li.genre, #genericcontainer .genericcontent .maincontent li.about li.hometown, #genericcontainer .genericcontent .maincontent li.about li.members, #genericcontainer .genericcontent .maincontent li.about li.links {font-family:Arial, Helvetica, sans-serif;color:#442E13;font-size:11px;font-weight:normal;margin:0px 0px 6px 0px;} #genericcontainer .genericcontent .maincontent li.about li.description {font-family:Arial, Helvetica, sans-serif;color:#442E13;font-size:11px;font-weight:normal;margin:0px 0px 6px 0px;line-height:15px; padding-top:12px;} #genericcontainer .genericcontent .maincontent li.about li.members span {font-family:Arial, Helvetica, sans-serif;color:#442E13;font-size:10px;font-weight:bold;float:left;width:92px;padding:0px;height:12px;} #genericcontainer .genericcontent .maincontent li.about li.links span {font-family:Arial, Helvetica, sans-serif;color:#442E13;font-size:10px;font-weight:bold;float:left;width:39px;padding:0px;height:11px;} #genericcontainer .genericcontent .maincontent li.about li.links a {color:#442E13;text-decoration:none;} #genericcontainer .genericcontent .maincontent li.about li.links a:hover {color:#339999;text-decoration:underline;} body.miniplayer #genericcontainer .genericcontent .maincontent ul.genericinfo li.about {width:360px; line-height:22px;} /* Artist Tracks Module */ #genericcontainer .genericcontent .maincontent .generictrackcontainer {width:auto;height:auto;margin:10px 0px 9px 0px;} body.news_page #genericcontainer .genericcontent .maincontent .generictrackcontainer {margin:0 0px 9px 0px;} #genericcontainer .genericcontent .maincontent .generictrackcontainer .nav {width:485px;height:34px;border-bottom:1px solid #CBCBCB;position:relative;} #genericcontainer .genericcontent .maincontent .generictrackcontainer .nav ul {list-style: none;padding:0px;margin:0px;display:block;} #genericcontainer .genericcontent .maincontent .generictrackcontainer .nav li {display:block;float:left;} #genericcontainer .genericcontent .maincontent .generictrackcontainer .nav li:hover {cursor:pointer;color:#339999;} #genericcontainer .genericcontent .maincontent .generictrackcontainer .nav li a {padding:11px 10px 0px 8px;margin:6px 0px 0px 0px;display:block;color:#442E13;font-weight:bold;font-size:13px;border:1px solid #CBCBCB;border-bottom:none;} #genericcontainer .genericcontent .maincontent .generictrackcontainer .nav li a:hover {color:#339999;text-decoration:none;} #genericcontainer .genericcontent .maincontent .generictrackcontainer .nav li a.active {padding:17px 10px 3px 14px;margin:0px;display:block;color:#442E13;font-weight:bold;font-size:13px;border-bottom:1px solid #FFFFFF;} /*#genericcontainer .generictrackcontainer .track {width:532px;height:auto;padding:7px 9px 18px 9px;border:1px solid #CBCBCB;border-top:none;} */ body.people #genericcontainer .generictrackcontainer .track {width:532px;height:auto;padding:0;border:none;margin:0;} #genericcontainer .generictrackcontainer .track .tracklists {width:auto;height:auto;border:1px solid #CBCBCB;} body.people #genericcontainer .generictrackcontainer .track .tracklists {width:auto;height:auto;border:1px solid #CBCBCB; margin-bottom: 15px;} body.people #genericcontainer .generictrackcontainer .track .tracklists.noborder {width:auto;height:auto;border-width:0; margin-bottom: 15px;} .hasborder {border:1px solid #CBCBCB; margin-bottom:10px;} #genericcontainer .generictrackcontainer .track .tracklists .head {height:auto;min-height:35px;padding:0px 10px 0px 10px;background:#F4F4F4;border-bottom:1px dotted #848484;color:#e24a9c;font-size:12px;font-weight:bold;line-height:24px; overflow:hidden;} body.artist #genericcontainer .generictrackcontainer .track .tracklists .head {padding-left:10px;} body.people #genericcontainer .generictrackcontainer .track .tracklists .summary {height:24px;padding:5px 10px 0px 5px;background:#ffffff;color:#5d4a32;font-size:10px;line-height:12px;} body.people #genericcontainer .generictrackcontainer .track .tracklists .summary a {color:#5d4a32;text-decoration: underline;} body.people #genericcontainer .generictrackcontainer .track .tracklists .minimize {float:right;display:block;width:14px;margin-top:7px;position:relative;} body.people #genericcontainer .generictrackcontainer .track .tracklists .minimize a {width:14px;height:10px;background:url("../images/ff_minimize_icon28x10.gif") no-repeat 0px 0px;position:absolute;text-indent:-9999px;padding:0px;margin:0px;} body.people #genericcontainer .generictrackcontainer .track .tracklists .minimize a:hover {width:14px;height:10px;background:url("../images/ff_minimize_icon28x10.gif") no-repeat -14px 0px;position:absolute;text-indent:-9999px;padding:0px;margin:0px;} body.people #genericcontainer .generictrackcontainer .track .tracklists .expand {float:right;display:block;width:14px;margin-top:7px;position:relative;} body.people #genericcontainer .generictrackcontainer .track .tracklists .expand a {width:14px;height:10px;background:url("../images/ff_expand_icon28x10.gif") no-repeat 0px 0px;position:absolute;text-indent:-9999px;padding:0px;margin:0px;} body.people #genericcontainer .generictrackcontainer .track .tracklists .expand a:hover {width:14px;height:10px;background:url("../images/ff_expand_icon28x10.gif") no-repeat -14px 0px;position:absolute;text-indent:-9999px;padding:0px;margin:0px;} li.membercarousel_li {margin-right:40px;} #genericcontainer {font-family:Arial, Helvetica, sans-serif;color:#442E13;font-size:11px;line-height:13px;} .insidepage_leftcol .dropshadowcontainer .innercontainer {min-height:600px;} /* #genericcontainer .generictrackcontainer .track .tracklists .play_btn {width:14px;height:14px;margin:2px 0px 0px 5px;position:relative;display:inline;} #genericcontainer .generictrackcontainer .track .tracklists .play_btn {width:14px;height:14px;background:url("../images/ff_musicfri_playpause_56x14.png") no-repeat 0px 0px;position:absolute;text-indent:-99999px;margin:4px 0px 0px 0px;} #genericcontainer .generictrackcontainer .track .tracklists .play_btn:hover {width:14px;height:14px;background:url("../images/ff_musicfri_playpause_56x14.png") no-repeat -14px 0px;position:absolute;text-indent:-99999px;margin:4px 0px 0px 0px;} */ #genericcontainer .generictrackcontainer .track .tracklists ul {width:530px;list-style: none;padding:0px;margin:0px;display:block; clear:both;} #genericcontainer .generictrackcontainer .track .tracklists ul .add_btn .add { background: url("../images/add_btn_tracklist.gif") no-repeat scroll 0 0; display:block; width:16px; height:16px; text-indent:-10000px; margin-top:4px; } /*changes the width of the player controls to 288px */ #genericcontainer .generictrackcontainer .track .tracklists .tracklistcontrols .track_btns ul {} #genericcontainer .generictrackcontainer .track .tracklists .collapsable_container {margin-bottom:10px;} /* #genericcontainer .genericcontent .maincontent .collapsable_items .tracklistcontrols .track_btns {top:-3px; left:80px; border:1px solid red;} */ #genericcontainer .generictrackcontainer .track .tracklists ul li.trackhead {width:auto;height:22px;border-bottom:1px dotted #848484;position:relative;display:block;color:#362F2D;text-transform:uppercase;font-size:10px;font-weight:bold;line-height:22px;} #genericcontainer .generictrackcontainer .track .tracklists ul li.trackhead li.checkbox_title, .tracklist_headerer li.checkbox_title { border:medium none; display:block; float:left; height:22px; margin-left:10px; padding:0px 0px 0px 0px; float:left; width:20px; } #genericcontainer .generictrackcontainer .track .tracklists ul li.trackhead li.track_title, .tracklist_headerer li.track_title { border:medium none; display:block; float:left; margin-left:55px; padding:0px 0px 0px 10px; float:left; width:100px; } #genericcontainer .generictrackcontainer .track .tracklists ul li.trackhead li.album, .tracklist_headerer li.album_title { display:block; float:left; margin-left:30px; padding:0px 0px 0px 6px; width:60px; } body.artist #genericcontainer .generictrackcontainer .track .tracklists ul li.trackhead li.album, body.artist .tracklist_headerer li.album_title { display:block; float:left; margin-left:120px; padding:0px 0px 0px 6px; width:25px; } .tracklist_headerer li.artist_title {width:50px;float:left;padding:0px 0px 0px 58px;display:block;} .tracklist_headerer {font-weight:bold; border-width:1px 0; border-color:#CCC #999 #999 #999; border-style:solid; } .tracklistcontrols .current_track_info {width:260px!important;} /* body.artist #genericcontainer .generictrackcontainer .track .tracklists ul li.trackhead li.track_title {width:50px;margin-left:100px;padding:0px} body.artist #genericcontainer .generictrackcontainer .track .tracklists ul li.trackhead li.album {width:25px;margin-left:120px!important;} body.people #genericcontainer .generictrackcontainer .track .tracklists ul li.trackhead li.album {width:133px;} */ #genericcontainer .generictrackcontainer .track .tracklists ul li.trackhead li.vote {width:230px;float:left;padding:0px 0px 0px 6px;display:block;} #genericcontainer .generictrackcontainer .track .tracklists ul li.trackhead li.artist {width:111px;float:left;padding:0px 0px 0px 75px;display:block;} #genericcontainer .generictrackcontainer .track .tracklists ul li.trackhead li.album {width:60px;padding:0px 0px 0px 6px;display:block;margin-left:30px;float:left;} #genericcontainer .generictrackcontainer .track .tracklists ul li.trackhead li.track {width:90px;padding:0px 0px 0px 6px;display:block;float:left;} #genericcontainer .generictrackcontainer .track .tracklists ul li.trackhead li.time {width:111px;float:left;padding:0px 0px 0px 6px;display:block;} #genericcontainer .generictrackcontainer .track .tracklists ul li.trackhead li.vote {width:230px;float:left;padding:0px 0px 0px 6px;display:block;} .trackhead li span {cursor:pointer;} .trackhead li.active {text-decoration:underline;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.trackname, #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.albumname, #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.tracknumber, #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.artistname, #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.tracktime {border-right:1px solid #DDD;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems {width:453px;height:auto;max-height:250px;min-height:100px;padding:0px 15px 0px 0px;overflow-x:hidden;overflow-y:auto;position:relative;} body.people #genericcontainer .generictrackcontainer .track .tracklists li.trackitems {max-height:none;} body.genre #genericcontainer .generictrackcontainer .track .tracklists li.trackitems {max-height:none; width:535px; } #genericcontainer .generictrackcontainer .track .tracklists #participant_external_playlists li.trackitems {max-height:700px;} body.stats #genericcontainer .generictrackcontainer .track .tracklists li.trackitems {/*max-height:300px;*/ } #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.napstertrack {width:413px; display:block;height:22px;padding:0px 15px 0px 0px; border-bottom: 1px solid #DDD;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.tracklisting {width:468px; display:block;height:22px;padding:0px 15px 0px 0px; border-bottom:1px solid #DDD;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.tracklisting:hover, #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.tracklisting.activetrack {background:url("../images/ff_artistinfo_activetrack.gif") no-repeat 0px 0px;cursor:pointer;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.nowplaying {width:515px;background:url("../images/ff_artistinfo_activetrack.gif") no-repeat 0px 0px;cursor:pointer;display:block;height:22px;padding:0px 15px 0px 0px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.tracklisting.playingtrack {background:url("../images/ff_artistinfo_playingtrack.gif") no-repeat 0px 0px;cursor:pointer;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.tracklisting ul {margin:0px;padding:0px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.checkbox {width:15px;height:22px;float:left;padding:0px 2px 0px 5px;line-height:22px;font-size:11px;color:#362F2D;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.tracknumber {width:30px;height:22px;float:left;padding:0px 2px 0px 5px;line-height:22px;font-size:11px;color:#362F2D;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.tracktype {width:8px;height:22px;float:left;padding:0px 8px 0px 8px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.trackname {width:101px;height:22px;float:left;padding:0px 2px 0px 2px;line-height:22px;color:#339999;font-size:11px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.albumname {width:109px;height:22px;float:left;padding:0px 2px 0px 6px;line-height:22px;color:#339999;font-size:11px; white-space:nowrap; overflow:hidden;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li {overflow:hidden; white-space:none; } body.artist #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.trackname {width:170px; } body.people #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.tracknumber {width:13px;height:22px;float:left;padding:0px 7px 0px 3px;line-height:22px;font-size:11px;color:#362F2D;} body.people #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.napstertrack li.trackname {color: #000;} body.people #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.albumname {width:115px;height:22px;float:left;padding:0px 2px 0px 6px;line-height:22px;color:#339999;font-size:11px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.albumname {width:125px;height:22px;float:left;padding:0px 2px 0px 6px;line-height:22px;color:#339999;font-size:11px;} body.people #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.napstertrack li.albumname {color: #000;} body.people #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.artistname {width:103px;height:22px;float:left;padding:0px 2px 0px 6px;line-height:22px;color:#339999;font-size:11px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.artistname {width:99px;height:22px;float:left;padding:0px 2px 0px 6px;line-height:22px;color:#339999;font-size:11px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.tracktime {width:40px;height:22px;float:left;padding:0px 2px 0px 6px;line-height:22px;color:#339999;font-size:11px;} body.people #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.napstertrack li.artistname {color: #000;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.rating {width:90px;height:22px;float:left;padding:0px 2px 0px 6px;line-height:22px;color:#339999;font-size:11px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li span.play {width:14px;height:14px;margin:0px 5px 0px 9px;float:left; background:url("../images/ff_musicfri_playpause_56x14.png") no-repeat 0px 0px;position:relative;text-indent:-99999px; } #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.tracklisting.playingtrack span.play {background-position:-28px 0; } #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li span.play a {width:14px;height:14px;background:url("../images/ff_musicfri_playpause_56x14.png") no-repeat 0px 0px;position:absolute;text-indent:-99999px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li span.play a:hover {width:14px;height:14px;background:url("../images/ff_musicfri_playpause_56x14.png") no-repeat -14px 0px;position:absolute;text-indent:-99999px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li span.play a.active {background-position:-28px 0px; } #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li span.play a.active:hover {background-position:-42px 0px; } #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li span.pause {width:14px;height:14px;margin:4px 5px 0px 9px;float:left;position:relative; } #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li span.pause a {width:14px;height:14px;background:url("../images/ff_musicfri_playpause_56x14.png") no-repeat -28px 0px;position:absolute;text-indent:-99999px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li span.pause a:hover {width:14px;height:14px;background:url("../images/ff_musicfri_playpause_56x14.png") no-repeat -42px 0px;position:relative;text-indent:-99999px;} #genericcontainer .generictrackcontainer .track .tracklists .activetrack .play {background-position:-28px 0;} #genericcontainer .generictrackcontainer .track .tracklists .activetrack .play:hover {background-position:-42px 0;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.play_btn {height:20px;width:25px;float:left;position:relative;margin:4px 10px 0px 0px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li .download {width:14px;height:15px;margin:4px 10px 0px 0px;float:left;position:relative;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li .download a {width:14px;height:15px;background:url("../images/ff_downloadthis_icons14x30.gif") no-repeat 0px 0px;position:absolute;text-indent:-99999px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li .download a:hover {width:14px;height:15px;background:url("../images/ff_downloadthis_icons14x30.gif") no-repeat -14px 0px;position:absolute;text-indent:-99999px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.share {width:14px;height:14px;margin:4px 3px 0px 0px;float:left;position:relative; display:none;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.share a { color: #ffffff; } #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.share a.more {width:14px;height:14px;background:url("../images/ff_share_icons.gif") no-repeat 0px 0px;position:absolute;text-indent:-99999px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.share a.more:hover {width:14px;height:14px;background:url("../images/ff_share_icons.gif") no-repeat -14px 0px;position:absolute;text-indent:-99999px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.share ul {width:115px;height:24px;padding:0 0 0 190px;margin:0px;position:absolute;top:-5px;z-index:500;background:url("../images/share_popup.png") no-repeat 0px 0px;left: -303px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.share:hover ul {display: block;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.share ul {display:none;font-size: 10px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.share li {color:#FFFFFF;display:block;padding:6px 0px 0px 9px;margin:0px; float: left;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.share li.textlink { padding-left: 15px;margin-right: 8px;background: transparent url("../images/white_arrow.gif") no-repeat 4px 9px; } #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.menu {width:33px;height:14px;margin:4px 0px 0px 0px;float:left;position:relative;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.menu a { color: #ffffff;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.menu a.more {width:33px;height:14px;background:url("../images/ff_songlist_menuicon33x14.gif") no-repeat 0px 0px;position:absolute;text-indent:-99999px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.menu a.more:hover, #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.menu a.more :hover {width:33px;height:14px;background:url("../images/ff_songlist_menuicon33x14_hl.gif") no-repeat 0px 0px;position:absolute;text-indent:-99999px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.menu ul {width:274px;height:26px;padding:0 0 0 5px;margin:0px;position:absolute;top:-6px;z-index:500;background:url("../images/menu_popup.png") no-repeat 0px 0px;left: -273px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.menu:hover ul {display: block;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.menu ul {display:none;font-size: 10px;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.menu li {color:#FFFFFF;display:block;padding:6px 0px 0px 9px;margin:0px; float: left;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.menu li.textlink { padding-left: 15px;margin-right: 8px;background: transparent url("../images/white_arrow.gif") no-repeat 4px 9px; } #genericcontainer .generictrackcontainer .track .tracklists li.trackitems div.popup { display: none; position: absolute; left: 50px; top: 50px; border: solid black 1px; padding: 10px; background-color: #ffffff; text-align: justify; font-size: 12px; width: 135px; } /* People Page, FOTW Module */ .genericcontainer {height:120px;width:700px;padding:10px 0 56px 0;} .genericcontainer .jcarousel-skin-flyfi .jcarousel-clip-horizontal {width:655px; height:112px;} #member_carousel .jcarousel-skin-flyfi .jcarousel-clip-horizontal {height:160px !important;} .jcarousel-skin-flyfi .jcarousel-item, .genericcontainer .jcarousel-skin-flyfi .jcarousel-item {width:148px; height:112px;} .jcarousel-skin-flyfi .profileinfo {width:140px; margin:15px;} .jcarousel-skin-flyfi ul, .jcarousel-skin-flyfi table {width:auto;list-style: none;padding:0px;margin:0px;} .jcarousel-skin-flyfi li.profilecontainer, .jcarousel-skin-flyfi td.profilecontainer {display:block;margin:0px 0px 8px 0px;margin:0px 0px 0px !important 0px;padding:0px 0px 10px 0px;position:relative;} .jcarousel-skin-flyfi ul.profileinfo, .jcarousel-skin-flyfi table.profileinfo {float:none;padding:0px;margin:0 0 10px 0; min-height:52px; list-style: none;display:block;} .jcarousel-skin-flyfi ul.profileinfo li.profileimage, .jcarousel-skin-flyfi table.profileinfo td.profileimage {width:52px;height:52px;margin:0px;padding:0 9px 0 0;position:absolute;display:block;} .jcarousel-skin-flyfi table.profileinfo td.profileimage {position:static;} .jcarousel-skin-flyfi ul.profileinfo li.profileimage img {border:1px solid #CCCCCC;width:50px;height:50px;margin:0px;} .jcarousel-skin-flyfi ul.profileinfo li.profilename {color:#333333; font-size:11px;line-height:16px;margin:0px 0px 0px 59px;display:block;} .jcarousel-skin-flyfi table.profileinfo td.profilename {color:#333333; font-size:11px;line-height:16px;} .jcarousel-skin-flyfi ul.profileinfo li.profilename a, .jcarousel-skin-flyfi table.profileinfo td.profilename a {font-size:11px;font-weight:bold;} .jcarousel-skin-flyfi ul.profileinfo li.moreinfo, .jcarousel-skin-flyfi table.profileinfo td.moreinfo {font-size:10px;line-height:12px;color:#666666;margin:0px 0px 0px 59px;} .jcarousel-skin-flyfi ul.profileinfo li.moreinfo {display:block;} .jcarousel-skin-flyfi table.profileinfo td.moreinfo {margin-left:10px;} .jcarousel-skin-flyfi ul.profileinfo li.moreinfo a.album, .jcarousel-skin-flyfi ul.profileinfo li.moreinfo a.artist, .jcarousel-skin-flyfi table.profileinfo td.moreinfo a.album, table.jcarousel-skin-flyfi ul.profileinfo td.moreinfo a.artist {color:#666666;} .jcarousel-skin-flyfi ul.profileinfo li.moreinfo a:hover, .jcarousel-skin-flyfi ul.profileinfo li.profilename a:hover, .jcarousel-skin-flyfi table.profileinfo td.moreinfo a:hover, .jcarousel-skin-flyfi table.profileinfo td.profilename a:hover {color:#339999;} .jcarousel-skin-flyfi ul.profileinfo li.song, .jcarousel-skin-flyfi table.profileinfo td.song {margin-left: 60px;} .jcarousel-skin-flyfi .jcarousel-skin-flyfi .jcarousel-prev-horizontal, .jcarousel-skin-flyfi .jcarousel-skin-flyfi .jcarousel-next-horizontal {top:25%; } .jcarousel-skin-flyfi ul.profileinfo li {margin-left:59px;} /*adding new specific style for the carousel on People page */ .jcarousel-skin-flyfi .fotwpane ul.profileinfo li { margin-left:0; } .profilecontainer .jcarousel-skin-flyfi.wide .jcarousel-clip-horizontal, .genericcontainer .profilecontainer .jcarousel-skin-flyfi .jcarousel-clip-horizontal { width:580px !important; } .profilecontainer .jcarousel-list li, .profilecontainer .jcarousel-item {width:128px !important;} /*.jcarousel-list li, .jcarousel-item {width:94px !important;} */ body.artist .jcarousel-list li, .jcarousel-item {width:138px !important; height:auto !important;} body#people #flyonthewall.jcarousel-list li, body#people #flyonthewall .jcarousel-item {width:132px !important;} #member_carousel .jcarousel-skin-flyfi .jcarousel-clip-horizontal { width:590px !important; } .videolist .jcarousel-list li, .videolist .jcarousel-item {float:left;} #vintagevideomain .jcarousel-skin-flyfi .jcarousel-clip-horizontal { width:444px !important; margin-left:18px; height:auto !important; } #vintagevideomain .jcarousel-skin-flyfi .jcarousel-list-horizontal {margin-left:0 !important;} #videos_carousel {margin-left:0 !important;} #vintagevideomain .maincontent {top:10px; position:relative;} .videolist .jcarousel-list li.video {height:102px !important;} body.artists .jcarousel-list li, .jcarousel-item {width:142px;} /* Share/delete playlist */ .genericcontentbox .delete_tracks {float: right;height:13px;display:block;position:relative;padding:0px;margin:0px;} .genericcontentbox .delete_tracks a {display:block;width:79px;height:13px;color:#666666;background:url("../images/delete_tracks.gif") no-repeat 0px 0px;text-indent:-99999px;padding:0 2px 0 0;margin:0px;} .genericcontentbox .delete_tracks a:hover {display:block;width:79px;height:13px;color:#666666;background:url("../images/delete_tracks_rollover.gif") no-repeat 0px 0px;text-indent:-99999px;padding:0 2px 0 0;margin:0px;} .genericcontentbox .share_right a, .genericcontentbox .share_right a:hover {padding:0 2px 0 0;} .genericcontentbox .share_playlist {float: right;width:14px;height:14px;font-size:6px;display:block;position:relative;padding:0px;margin:0px;} .genericcontentbox .share_playlist a {width:14px;height:14px;color:#666666;background:url("../images/ff_share_icons.gif") no-repeat 0px 0px;position:absolute;text-indent:-99999px;left:0px;padding:0px;margin:0px;} .genericcontentbox .share_playlist a:hover {width:14px;height:14px;color:#666666;background:url("../images/ff_share_icons.gif") no-repeat -14px 0px;position:absolute;text-indent:-99999px;left:0px;padding:0px;margin:0px;} /* Artist News Module */ ul.artistnews {list-style: none;padding:0px;margin:0px;display:block;} ul.artistnews li.header {margin:0px 0px 14px -5px;color:#442E13;font-weight:bold;font-size:13px;background:none;} ul.artistnews li {display:block;padding:0px 0px 0px 9px;margin:0px 0px 3px 0px;background:url("../images/ff_artist_musicgenre_arrow.gif") no-repeat 0px 4px;font-size:11px;} ul.artistnews li a {color:#B84179;text-decoration:none;} ul.artistnews li a:hover {text-decoration: none;color:#339999;} /* Artist Videos Module */ .genericcontentbox ul.videolist {list-style: none;padding:0px;margin:0px;display:block;} .genericcontentbox ul.videolist li.header {margin:0px 0px 0px -5px;display:block;width:530px;} .genericcontentbox ul.videolist li.header ul {width:530px; margin: 0 0 0 0px; display: inline;} .genericcontentbox ul.videolist li.header li.sectitle {float:left;color:#442E13;font-weight:bold;font-size:13px;background:none;display:block;margin:0px 0px 0px 4px;padding:0px;} .genericcontentbox ul.videolist li.header li.sponsor {width:130px;float:left;font-size:10px;font-weight:normal;color:#e24a9c;display:block;margin:0px 0px 0px 100px;padding:0px;} .genericcontentbox ul.videolist li.videocontainer {width:530px;margin:20px 0px 0px 0px;display:block;} /* Similar Artists Module */ #similarartist {padding:17px 0px 28px 0px;} #similarartist .modulecontainer .header ul li.title {width:120px;} #similarartist .modulecontainer .maincontent {padding:0px;margin:0px;} #similarartist .modulecontainer .maincontent .mainmenu {width:472px;float:left;margin:0px; padding:7px 65px 0px 13px;} #similarartist .maincontent .leftslidebutton, #similarartist .maincontent .rightslidebutton {height:107px;padding:67px 0px 0px 0px;} #similarartist ul.artistlist {list-style: none;padding:0px;margin:0px;display:block;} #similarartist ul.artistlist li.genericcontent {width:auto;height:auto;padding:0px;margin:6px 0px 0px 0px;display:block;} #similarartist ul.artistlist li.genericcontent ul {list-style: none;padding:0px;margin:0px;display:block;} #similarartist ul.artistlist li.genericcontent li.artistinfo {float:left;display:block;width:118px;margin:0px 39px 0px 0px;padding:0px;} #similarartist ul.artistlist li.genericcontent li.artistinfo li.image {width:118px;height:118px;margin:0px 0px 10px 0px;padding:0px;} #similarartist ul.artistlist li.genericcontent li.artistinfo li.image img {border:1px solid #CCCCCC;width:116px;height:116px;} #similarartist ul.artistlist li.genericcontent li.artistinfo li.name {display:block;margin:0px;padding:0px;font-size:11px;} #similarartist ul.artistlist li.genericcontent li.artistinfo li.name a {color:#333333; text-decoration:none;} #similarartist ul.artistlist li.genericcontent li.artistinfo li.name a:hover {text-decoration: underline;color:#339999;} /* Listeners - Rightcolumn */ #listenerscontainer {width:auto;height:auto;margin:0px 0px 0px 24px;} /* Value Prop Container */ #valueprop {width:232px;height:110px;margin:10px 0px 27px 14px;padding:0px;position:relative;text-indent:-99999px;background:url("../images/ff_valueprop.png") no-repeat 0px 0px;} /* SUBMODAL */ /** * POPUP CONTAINER STYLES */ #popupMask { position: absolute; z-index: 200; top: 0px; left: 0px; width: 100%; height: 100%; opacity: .25; filter: alpha(opacity=25); /* this hack is so it works in IE * I find setting the color in the css gives me more flexibility * than the PNG solution. */ background-color: #e24a9c; /* transparent !important; */ background-image:none; background-repeat: repeat; display:none; } #popupContainer { position: absolute; z-index: 701; top: 0px; left: 0px; display:none; padding: 0px; } #popupInner { border: 2px solid #000000; background-color: #362f2d; } #popupFrame { margin: 0px; width: 100%; height: 100%; position: relative; z-index: 702; } #popupTitleBar { background-color: #362f2d; color: #ffffff; font-weight: bold; height: 11px; padding: 4px; border: none; position: relative; z-index: 703; } #popupTitle { float:left; font-size: 1.1em; } #popupControls { float: right; cursor: pointer; cursor: hand; } body#popup { padding: 0 10px 10px 10px; background-color: #362f2d; color: #ffffff; font-size: 11px; } body#popup a {color: #ffffff;} body#popup h4 {margin: 2px; font-size: 10px;} body#popup div#top { background-color: #534d4c; width: 100%; height: 81px; } body#popup div#top img {float: left;padding: 2px 10px 2px 2px;} body#popup div#top div#artistinfo { float: left; padding: 10px; font-size: 14px; color: #cc9933; } body#popup img.arrow {float: left;margin: 3px 3px 0 1px;} body#popup div#top div#artistinfo .artist { font-weight: bold; } body#popup div#email {margin: 3px; padding: 3px; float: left; width: 120px; height: 190px;} body#popup div#email input { width: 110px; margin: 3px; font-size: 9px;} body#popup div#email textarea { width: 110px; height: 40px; margin: 3px;font-size: 9px;} body#popup div#email input.emailsubmit { width: 33px; height: 14px; padding: 3px; float: right;} body#popup div#share {margin: 3px; padding: 3px 3px 3px 8px; float: left; height: 190px; border-left: thin dashed #ffffff;} body#popup div#share #sharemodule {background-color: #ffffff; padding: 5px; width: 220px; margin-top: 6px;} body#popup div#share h4 {width: 220px;} /* PEOPLE PAGE */ /* Sticky: Fits & Hits */ h1.people {padding-bottom: 10px;} .fits_hits {font-size: 10px; line-height: 10px;width:120px;height:189px; overflow:hidden;position:absolute;padding: 30px 0px 0px 32px;margin:0px; /* top:43px; */ top:136px; left:-19px;background:url("../images/ff_sticky_full_shadow.png") no-repeat;} .fits_hits h3 {font-size:12px; line-height: 12px; margin:0px;padding:0 0 0 5px; width: 90px;} .fits_hits .subhead {font-size:12px; line-height: 12px; color:#e24a9c;font-family:Arial, Helvetica, sans-serif;font-weight:bold;padding-left: 5px;width: 90px;} .fits_hits .incommon {padding: 5px; width: 80px;font-size: 9px; color: #5d4a32;} .usergenrelist .fits_hits {position:relative; top:52px; left:-30px; overflow:visible; height:auto;font-size: 10px; line-height: 10px;width:120px;padding: 0 0 0 32px;margin:0px; /* top:43px; */background:url("../images/ff_sticky_middle.png") repeat-y;} .usergenrelist .fits_hits h4.fits_hits_top {height:auto;font-size: 10px; background:url("../images/ff_sticky_top.png") no-repeat; font-size:11px; height:30px; left:0; margin:-49px 0 0; padding:20px 0 0 20px; position:absolute; width:100%; } .usergenrelist .fits_hits .fits_hits_bottom {height:auto;font-size: 10px; background:url("../images/ff_sticky_bottom.png") no-repeat; height:126px; left:0; margin:0 0 0; position:absolute; width:100%;} .usergenrelist .fits_hits .incommon {margin-bottom:-60px; position:relative;z-index:10; padding:0; width:100px;} .usergenrelist .fits_hits ul li.active a {color:#E24A9C;} .usergenrelist .fits_hits ul li.last {width:99px;height:23px;padding:17px 10px 0px 11px;background:url("../images/ff_artist_musicgenre_bgbottom.png") no-repeat 0px 0px;font-size:11px;color:#5D4A32;} .usergenrelist .fits_hits ul a {display:inline; background:none;} .usergenrelist .fits_hits h4 {margin-top:.8em;} .usergenrelist .fits_hits.empty h4.fits_hits_top {color:#999;} .usergenrelist .fits_hits.empty p {font-size:120%; line-height:130%;} .usergenrelist .fits_hits ul li, .usergenrelist .fits_hits ul li:hover, .usergenrelist .fits_hits ul li.active, .usergenrelist .fits_hits ul li.lasttall {width:auto;height:auto;padding:0;background:none;} .usergenrelist .fits_hits ul li.last:hover, .usergenrelist .fits_hits ul li.lastactive, .usergenrelist .fits_hits ul li.lasttall:hover, .usergenrelist .fits_hits ul li.lasttallactive {background:none;} #genericcontainer {width:auto;height:auto;} #genericcontainer .genericcontent, {width:591px;height:auto;float:right;} #genericcontainer .genericcontent .maincontent {width:580;padding:19px 14px 22px 14px;} .genericcontent .add_to_playlist {float: right;height:13px;display:block;position:relative;padding:0px;margin:0px;} .genericcontent .add_to_playlist a {display:block;width:86px;height:13px;color:#666666;background:url("../images/save_to_playlist.gif") no-repeat 0px 0px;text-indent:-99999px;padding:0 10px 0 0;margin:0px;} .genericcontent .add_to_playlist a:hover {display:block;width:86px;height:13px;color:#666666;background:url("../images/save_to_playlist_rollover.gif") no-repeat 0px 0px;text-indent:-99999px;padding:0 10px 0 0;margin:0px;} .genericcontent h3 {margin-top: 2px; margin-bottom: 8px;} /* About the user */ #genericcontainer .genericcontent .maincontent ul.genericinfo li.about {padding:0px 0px 0px 25px;display:block;width:415px;margin:0 0 0 80px; float:none;} body.genre #genericcontainer .genericcontent .maincontent ul.genericinfo li.about, body.stats #genericcontainer .genericcontent .maincontent ul.genericinfo li.about { padding-left:0; } body.people #genericcontainer .genericcontent .maincontent ul.genericinfo li.about {width:310px; } #genericcontainer .genericcontent .maincontent li.about li span {font-family:Arial, Helvetica, sans-serif;color:#442E13;font-size:10px;line-height:10px;font-weight:bold;float:left; padding:0 3px 0 0;} #genericcontainer .genericcontent .maincontent ul.genericinfo li.participantphoto {width:75px;height:75px;margin:0px 0px 10px 0px;float:left;display:block; border:1px solid #B9B7B5; overflow:hidden;} #genericcontainer .genericcontent .maincontent ul.genericinfo li.participantphoto img {} /* List headlines */ #genericcontainer .genericcontent .genericcontentbox h3 {margin:0px 0px 14px 12px;color:#442E13;font-weight:bold;font-size:13px;background:none;font-family: Arial, Helvetica, sans-serif;} #rightcontainer .userlist, #rightcontainer .singlealbum ul {padding:0; margin-top: 0;} body#flybites_index #flybites .songitem {border-width:0; } body#flybites_index #flybites { padding:20px; margin:0; } /* SNIFFER PAGES */ #insidepage_leftcol h1 span.snifferhead {width:400px;} #snifferintro {color:#C93; } #sniffercontainer {width:auto;height:auto;z-index: 190;} #sniffercontainer .sniffercontent {width:591px;height:auto;float:right;} #sniffercontainer .sniffercontent .maincontent {width:580;padding:19px 14px 15px 14px; margin-top: 10px;} #sniffercontainer .sniffercontent .maincontent #snifferform {background:url("../images/ff_sniffer_alt_bg.jpg") repeat-y 0 150px;padding: 20px 20px 0 155px; height:auto;} #sniffercontainer .sniffercontent .maincontent #snifferform {font-size: 15px; line-height: 1.3em;} #sniffercontainer .sniffercontent .maincontent #snifferform ul {text-indent: 0;padding-left:0; margin:1em 0;} #sniffercontainer .sniffercontent .maincontent #snifferform li { list-style: none; } #sniffercontainer .sniffercontent .maincontent #snifferform li input { margin:0 6px 0 5px; } #sniffercontainer .sniffercontent .maincontent #snifferform ul#platform_options {margin-left:-56px; width:450px;} #sniffercontainer .sniffercontent .maincontent #snifferform ul li.stepno, #sniffercontainer .sniffercontent .maincontent #snifferform ul li.stepno_inactive { width: 61px; display: inline;} #sniffercontainer .sniffercontent .maincontent #snifferform ul li.steptwo { width: 61px; display: inline;} #sniffercontainer .sniffercontent .maincontent #snifferform ul li.steplabel, #sniffercontainer .sniffercontent .maincontent #snifferform ul li.steplabel_inactive { margin-left: -5px; width:260px;display: inline; } #sniffercontainer .sniffercontent .maincontent #snifferform ul li.orbecome { font-size: 11px; width: 160px; left:2px; margin:0px; padding: 0; position:relative; top:2px; } #sniffercontainer .sniffercontent .maincontent #snifferform ul li.orbecome a { color:#bc844d;left:0px;padding:0px;margin:0px;text-decoration: underline; } #sniffercontainer .sniffercontent .maincontent #snifferform ul li.orbecome a:hover { color:#339999;left:0px;padding:0px;margin:0px;text-decoration: underline;} #sniffercontainer .sniffercontent .maincontent #snifferform ul li.signin { width:55px; } #sniffercontainer .sniffercontent .maincontent #snifferform li span#signinbutton { left:5px; position:relative; top:-18px; float: right } #sniffercontainer .sniffercontent .maincontent #snifferform li span#signinbutton a { width:51px;height:18px;color:#666666;background:url("../images/ff_sniffer_log_in.png") no-repeat 0px 0px;position:absolute;text-indent:-99999px;left:0px;padding:0px;margin:0px; } #sniffercontainer .sniffercontent .maincontent #snifferform li span#signinbutton a:hover { width:51px;height:18px;color:#666666;background:url("../images/ff_sniffer_log_in_rollover.png") no-repeat 0px 0px;position:absolute;text-indent:-99999px;left:0px;padding:0px;margin:0px;} #sniffercontainer .sniffercontent .maincontent #snifferform ul {text-indent: 0;font-size: 14px; padding-bottom: 17px; display: list-item; list-style: none;width: 100%; line-height: 1em;} #sniffercontainer .sniffercontent .maincontent #snifferform ul li {display: block; color: #bc844d;} ul.circle {list-style-type:circle !important;} /* #sniffercontainer .sniffercontent .maincontent #snifferform ul li span { width: 68px; top: 5px; } */ #sniffercontainer .sniffercontent .maincontent #snifferform ul li img { padding-right: 3px; } #sniffercontainer .sniffercontent .maincontent #snifferform ul li#itunes { width: 87px;} #sniffercontainer .sniffercontent .maincontent #snifferform ul li#myspace { width: 120px;} #sniffercontainer .sniffercontent .maincontent #snifferform ul li#lastfm { width: 123px;} #sniffercontainer .sniffercontent .maincontent #snifferform ul#loginform li { display: block; color:#bc844d; width: auto;} #sniffercontainer .sniffercontent .maincontent #snifferform ul#loginform li label { width: 70px;font-size:14px;float: left; margin-top: 5px;} #sniffercontainer .sniffercontent .maincontent #snifferform div#whyregister { text-align:right;color:#bc844d;font-size:11px; float:right; margin-right:17px; position:relative; top: 14px;} #sniffercontainer .sniffercontent .maincontent #snifferform div#whyregister a { color:#bc844d;text-decoration:underline; } #sniffercontainer .sniffercontent .maincontent #snifferform div#whyregister a:hover { color:#339999;text-decoration:underline; } #sniffercontainer .sniffercontent .maincontent #snifferform div#whyregister a:active { color:#339999;text-decoration:underline; } #sniffercontainer .sniffercontent .maincontent #snifferform li.download { left:0px; margin-left:50px; padding: 0; position:relative; top:5px; } .platform_txt, #sniffercontainer .sniffercontent .maincontent #snifferform li.download a, #sniffercontainer .sniffercontent .maincontent #snifferform li.download a:hover {color:#FFF; } .platform_txt {line-height:1.3em;} #sniffercontainer .sniffercontent .maincontent #snifferform li.download_off { left:0px; margin-left:50px; padding: 0; position:relative; top:-10px; } #sniffercontainer .sniffercontent .maincontent #snifferform li.download_off a { width:160px;height:35px;color:#666666;background:url("../images/ff_sniffer_download_inactive.png") no-repeat 0px 0px;position:absolute;text-indent:-99999px;left:0px;padding:0px;margin:0px; } /* platform detected buttons */ #step_one, #step_two {margin-top:15px; color:#CC9933;} #sniffercontainer .sniffercontent .maincontent #snifferform li.download #macdownloadintel a, #sniffercontainer .sniffercontent .maincontent #snifferform li.download #macdownloadppc a, #sniffercontainer .sniffercontent .maincontent #snifferform li.download #windownload a {position:absolute;text-indent:-9999px;top:30px;left:0px;padding:0px;margin:0px; color:#FFF; white-space:nowrap; width:200px; height:30px; } #snifferform #step_one h4 span, #snifferform #step_two h4 span {display:block; float:left; width:100px; margin-left:-115px; text-align:right; } #snifferform.loggedin.hassniffeditunes .withsniffer, .signedin {display:inline; } #snifferform.loggedin .withoutsniffer, .withsniffer {display:none; } #snifferform.loggedin #step_one h4, #snifferform.hassniffeditunes #step_two h4 {text-decoration:line-through; } #step_two { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; } #snifferform.loggedin #step_two { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } #snifferform a {color:#9AA;} #insidepage_rightcol #bluesticky {background:transparent url("../images/ff_sniffer_rightsticky.png") repeat scroll 0 0;font-size:13px;height:180px; margin:0 0 0 -30px; padding:40px 35px 22px 15px; position:absolute; top:80px; width:165px;color:#5d4a32;z-index: 150;} #insidepage_rightcol #bluesticky p {font-weight: bold;} #insidepage_rightcol #bluesticky a:visited {color:#5d4a32;} #insidepage_rightcol #bluesticky a:hover, #insidepage_rightcol #bluesticky a:active { color:#339999; text-decoration: none;} #insidepage_rightcol #bluesticky ul {list-style: none; text-indent: -0px;} #sniffer_footer {margin-left: 120px;} .dwnld_btn {position:relative; height:95px; width:300px;} #macdownloadppc a, #macdownloadppc a:hover {position:relative; background:url("../images/downloadnow_macppc.gif") no-repeat 0px 0px; } #macdownloadintel a, #macdownloadintel a:hover {position:relative; background:url("../images/downloadnow_macintel.gif") no-repeat 0px 0px;} #windownload a, #windownload a:hover {position:absolute; background:url("../images/downloadnow_win.gif") no-repeat 0px 0px;} /*winner module + container */ #winnermodulecontainer { height:auto; margin:0px 0px 0px 24px; width:auto; } #winnermodule { height:auto; margin:0px; padding:14px 10px 14px 15px; width:auto; } .list_select {width:250px; margin-bottom:5px;} /* broadcast stuff */ .broadcasts, .paging {padding-top:10px;} .songitem {margin-top:10px; padding-top:12px; border-top:3px solid #DDD; } .helptext_tracklist {margin:0 0 10px 2em;} .helptext_tracklist ul {list-style-position: inside;} body.member .helptext_tracklist {display:none;} /* ADDED STYLE TO DISTINGUISH RECS VS APPROVED TRACKS ON MEMBER AND ME PAGES. */ body.member #genericcontainer .generictrackcontainer .track .tracklists li.trackitems .approved li.artistname, body.member #genericcontainer .generictrackcontainer .track .tracklists li.trackitems .approved li.trackname, body.member #genericcontainer .generictrackcontainer .track .tracklists li.trackitems .approved li.albumname { /* color:#E24A9C!important; */ font-weight: bold!important; } /* don't need this blue anymore body.member #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.artistname, body.member #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.trackname, body.member #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.albumname {color:#99CCCC!important;} */ /* ---------------------------------------------------------------------------------------------------------------- */ /* NEW STYLES FOR COPY LINKS FOR WHITE PLAYLISTS */ .head div.copylibraries {float:right;margin:-8px 0px 0px 0px;position:absolute;font-size:85%!important;} /* big video of tastemakers on artists page */ body.miniplayer.artist .tracklistcontrols_ul ul.mevideos li.artwork.video { width:175px!important; height:130px!important; } body.miniplayer.artist .tracklistcontrols_ul ul.mevideos li.artwork { left:-186px !important; top:-43px; } body.artist #genericcontainer .genericcontent .maincontent ul.genericinfo {margin-bottom:52px;} body.artist #genericcontainer .genericcontent .maincontent ul.genericinfo li.about {padding-left:124px; width:278px;} body.artist #genericcontainer .genericcontent .maincontent .tracklistcontrols .track_btns {margin-left:-142px;} body.miniplayer.artist .tracklistcontrols_ul ul.mevideos li.artwork.albumart img, body.miniplayer.artist .tracklistcontrols_ul ul.mevideos li.artwork.artistphoto img { height:128px !important; width:130px !important; margin-left:25px;} body.artist #genericcontainer .genericcontent .maincontent ul.genericinfo li.about h2 { margin-left:-18px;} body.artist .tracklistcontrols .trackinfo img.spinner { left:199px !important; top:8px !important; } /* END big video of tastemakers on artists page */ body.search #search_tile {display:none;}