/* Homepage - Left Column, Global Styles */ #homeleftcol {width:auto;height:auto;margin:15px 0px 0px 0px} #player_tabs {position:relative; margin-bottom:-10px; height:30px;} .sniffer {width:211px;height:22px;position:relative; float:left;z-index:25;padding:9px 0px 8px 11px;background-color:#AB7B55; top:5px; margin-left:1px;} #homeleftcol .login {width:224px;height:32px;position:relative; float:left; z-index:50;padding:4px 0px 10px 11px;background-color:#45A9A9; overflow:hidden;} .flyfitab .sniffer {top:-2px} #player_tabs.flyfitab .login {top:5px;} #player_tabs img {position:absolute; left:-6px; top:0;} #player_tabs.flyfitab img {top:5px;} .login span, .sniffer span {font-size:12px;font-weight:bold;position:relative;z-index:120;} .login span.membername {padding-top:5px !important; float:left;} .sniffer a {color:#EFE4D0;text-decoration:none;background:url("../images/ff_login_arrow5x9.gif") no-repeat 0px 3px;padding:0px 0px 0px 8px;} #homeleftcol .login a, #rightcontainer .rpcontainer .login a {color:#FFFFFF;text-decoration:none;background:url("../images/ff_login_arrow5x9.gif") no-repeat 0px 3px;padding:0px 0px 0px 8px;} #homeleftcol .login a:hover, #homeleftcol .sniffer a:hover, #homeleftcol .login a.active, #homeleftcol .sniffe a.active {color:#69EFEF;text-decoration:none;background:url("../images/ff_login_arrow5x9_hl.gif") no-repeat 0px 3px;padding:0px 0px 0px 8px;} #radiocontainer {width:auto;height:auto;position:relative;z-index:100;padding:0; margin-top:0;} #radiocontainer .dragnexpand {width:57px;height:25px;position:relative;z-index:100;bottom:20px;left:620px;background:url("../images/ff_home_dragnexpand.png") no-repeat 0px 3px; display:none;} #radiocontainer .dragnexpand a {width:57px;height:25px;position:absolute;text-indent:-9999px} #radiocontainer .dragnexpand a:hover {width:57px;height:25px;background:url("../images/ff_home_dragnexpand_hl.png") no-repeat 0px 3px;} /* slideshow */ #slideshow { height:auto; left:204px; padding:0; position:absolute; top:15px; width:550px; } #slideshow p.slideshowlabel {margin: 0pt; position: absolute; font-size: 10px; color:#666; top: 5px; left: 9px;} #slideshow_controls {display:block; bottom:4px; font-size:10px; position:absolute; right:8px; display:none !important;} .slides {height:26px; overflow:hidden; color:#FFF; font-size:14px; font-family:"Cooper Std Black", "Cooper Black"; } /* Cold Start Radio Player */ body.bigplayer.coldstart div#headercontainer {z-index: 1000;} body.bigplayer.coldstart #player_tabs {visibility:hidden;} body.bigplayer.coldstart .share_main, body.bigplayer.coldstart div#header div {display:none;} body.coldstart div#header div#logo {display:block;} #radiocontainer #coldstartmain, #radiocontainer #coldstartmain.front {margin:-15px -12px 0 0;position:relative;} #coldstartmain h1#coldstart_message_small {display:none; } #coldstartmain, #coldstartmain.front {width:392px; height:327px;padding:34px 53px 0px 31px;margin:0px 0px 0px 8px;float:right;background:url("../images/coldstart_new2_bg.jpg") no-repeat 0px 0px;} #coldstartmain.front {z-index:910; position:absolute; height:298px; left:194px; top:0; width:474px;} #coldstartmain.front {padding:20px 40px 20px 20px; margin-top:108px;} #coldstartmain_front_shell {z-index:1001;} #coldstartmain h1, #coldstartmain.front h1 {font-size:18px;background:url("../images/ff_coldstart_h1_bg.png") no-repeat 310px center;padding:0px 97px 0px 0px;display:block;margin:0px 0px 10px 0px;font-family:"Times New Roman";line-height: 1em;} #coldstartmain .artistsearch, #coldstartmain.front .artistsearch {width:250px;height:auto;float:right;position:relative;z-index:500;color:#BC844D;font-size:12px;line-height:11px;} #coldstartmain .artistsearch input.searchtextinput, #coldstartmain.front .artistsearch input.searchtextinput {width:222px; 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;} #coldstartmain .artistsearch .searchsubmit, #coldstartmain.front .artistsearch .searchsubmit {cursor:pointer;position:absolute;top:3px;left:233px;width:18px; height:16px;margin:0px;background:url("../images/ff_artist_search_button.gif") no-repeat left center;border:none;} #coldstartmain.front .artistsearch .searchsubmit {position:relative; top:-20px;} #coldstartmain .artistsearch .searchsubmitted, #coldstartmain.front .artistsearch .searchsubmitted {background:url("../images/ff_artist_searched_button.gif") no-repeat left center} #coldstartmain .artistsearch #searchform, #coldstartmain.front .artistsearch #searchform {display: inline;width: 228px;} #coldstartmain.front .artistsearch #searchform, #coldstartmain.front .artistsearch #searchform_basic {display:block; width:auto;} body.makenewlist #coldstartmain .artistsearch .searchsubmit, body.makenewlist #coldstartmain.front .artistsearch .searchsubmit { background:transparent url("../images/ff_newplaylist_btn.gif") no-repeat scroll 0 0; bottom:2px; right:95px; position:absolute; top:auto; height:16px; width:95px; right:0; left:auto; } /* body.poststart.miniplayer.makenewlist #player_shell {visibility:hidden!important;width:1px!important;height:1px!important;position:absolute!important;} */ #coldstartmain .artistsearch span, #coldstartmain.front .artistsearch span {color:#BC844D;font-size:12px;line-height:11px;} #coldstartmain .artistsearch .trackoption, #coldstartmain.front .artistsearch .trackoption {width:12px;height:12px;} #coldstartmain.front .artistsearch {float:none; margin:0 0 0 18px;} #coldstartmain h4 {color:#F6C; font-weight:normal; margin-bottom:20px;} #coldstartmain p {text-indent:-18px; margin:0 0 20px 18px; color:#EEE; font-size:90%;} body.miniplayer #coldstartmain p {font-size:70%;} h4.optout {font-size:86%; margin-left:18px; } body.miniplayer h4.optout {font-size:70%; margin-left:4px; } h4.optout a {text-decoration:underline; font-weight:bold; text-transform:uppercase; letter-spacing:.08em; font-size:80%; color:#E34A9C;} body.miniplayer h4.optout #lookaround {display:none; } #coldstartmain .artistsearch {width:250px;height:20px;float:right;position:relative;z-index:500;color:#BC844D;font-size:12px;line-height:11px;} #coldstartmain .artistsearch input.searchtextinput {width:222px; 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;} #coldstartmain .artistsearch .searchsubmit {cursor:pointer;position:absolute;top:3px;left:233px;width:16px; height:16px;margin:0px;background:url("../images/ff_artist_search_button.gif") no-repeat left center;border:none;} #coldstartmain .artistsearch .searchsubmitted {background:url("../images/ff_artist_searched_button.gif") no-repeat left center;} #coldstartmain .artistsearch #searchform {display: inline;width: 228px;} #coldstartmain .artistsearch span {color:#BC844D;font-size:12px;line-height:11px;} #coldstartmain .artistsearch .trackoption {width:12px;height:12px;} .findlabel {font-size:90%; margin-bottom:4px; background:transparent url("../images/ff_radioplayer_search_simple.gif") no-repeat scroll 0 0; margin:0 0 0 -18px !important; padding:0 0 5px 18px; text-indent:0 !important;} /* Logged in Radio Player */ #player_bottom {background:url("../images/ff_player_bottom.gif") repeat-x 0 0; padding:12px; font-size:11px;} #player_shell_shell .playlist_container ul li.tracklist ul.track li {overflow:hidden; white-space:nowrap;} #player_shell_shell {padding:0 12px 10px 0;margin:0;width:740px;position:relative; } #player_shell_shell .current_station_shell { height:26px; margin:0; padding:5px 5px 5px 12px; position:absolute; right:23px; top:24px; width:205px; z-index:200; } #player_shell_shell .current_station_shell ul.current_station {padding:0px;margin:0px;list-style:none;width:auto;} #player_shell_shell .current_station_shell li {float:left;display:block;margin:0px;padding:0px;width:100%;} #player_shell_shell .current_station_shell li h2 { color:#FFFFFF; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; height:33px; line-height:17px; margin:-6px 0 0 0; white-space:nowrap; overflow:hidden; padding:0; /* width:346px; */ } #player_shell_shell .current_station_shell .edit_cloud_btn, #player_shell_shell .current_station_shell li.newlib {top:36px; width:100px;height:18px;font-size:6px;display:block;position:absolute;float:none;padding:0px;} #player_shell_shell .current_station_shell .edit_cloud_btn a, #player_shell_shell .current_station_shell li.newlib a {width:100px;height:18px;color:#666666;background:url("../images/player_buttons_all.png") no-repeat -223px -169px;position:absolute;text-indent:-99999px;left:0px;top:2px;padding:0px;margin:0px;} #player_shell_shell .current_station_shell .edit_cloud_btn a:hover {background-position:-223px -189px;} #player_shell_shell .current_station_shell .edit_cloud_btn {right:6px;} body.miniplayer #player_shell_shell li.current_station_shell .edit_cloud_btn {right:auto; left:112px;} body#facebook #player_shell_shell.smallplayer .current_station_shell span.edit_cloud_btn {left:68px; float:none; right:auto;} #player_shell_shell .current_station_shell span.edit_cloud_btn {top:1px; width:14px;height:14px; float:right;} #player_shell_shell .current_station_shell span.edit_cloud_btn a {width:14px;height:14px; background-position:-412px -142px;} #player_shell_shell .current_station_shell span.edit_cloud_btn a:hover {background-position:-412px -162px } #player_shell_shell .current_station_shell li.newlib {right:116px;} #player_shell_shell .current_station_shell li.newlib a {background-position:-120px -169px;} #player_shell_shell .current_station_shell li.newlib a:hover {background-position:-120px -189px;} body.miniplayer #player_shell_shell .current_station_shell li.newlib {right:auto; left:12px;} #findTrack_dialog {position:relative;} .current_station_shell .station_label strong, .current_station_shell .station_label b {display:block; margin:0 0 -2px 0; font-size:9px;} body.bigplayer .current_station .station_label .extra_label, .current_station .station_label b {display:none} #player_shell_shell .playercolumn { width:548px; height:339px; height:auto; padding:0;margin:0px 0px 0px 8px;float:right; } #player_shell {height:386px;margin:0px;padding:0px; background:transparent url("../images/player_shell_shell_bg.png") no-repeat scroll 0 0; position:relative; } #player_shell .player_controls {width:315px; /* height is not crucial */height:386px; padding:0 0 0 1px; margin:0px;float:left; background:url("../images/player_controls_big_bg.png") no-repeat 0px 0px; } #player_shell .player_controls ul, .tracklistcontrols ul {padding:0px;margin:0px;list-style: none;width:100%;position:absolute;} .tracklistcontrols li.about ul {position:relative;} #player_shell .player_controls ul.player_controls_ul {width:auto; position:relative;} body#home.makenewlist #player_shell .player_controls ul.player_controls_ul {visibility:hidden;} #player_shell .player_controls ul li.artwork {height:227px; padding:6px 0 0 0px;margin:0px;float:none;display:block;position:relative;top:0;left:0px; border-bottom:1px solid #333;} #player_shell_shell.videoactive.bigvideo #player_shell .player_controls ul li.video.artwork {top:0;} #player_shell .player_controls ul li.artwork img {width:89px; height:89px;border-top:1px solid #5F4525; border-right:1px solid #5D4222; border-left:1px solid #5F4525; border-bottom:1px solid #5C4222;} #player_shell .player_controls ul li.trackinfo {height:54px;margin:0;padding:1px 0 0 0;display:block; position:relative; width:314px: overflow:hidden; background-color:#000; color:#EEE; text-align:center;} #player_shell .player_controls li.trackinfo ul {display:block; position:relative; /* this height is probably unimportant */ height:10px;} #player_shell .player_controls li.trackinfo li.title {font-size:12px;color:#CAB68E; font-weight:normal;margin:19px 0 0 4px; display:block; overflow:hidden; white-space:nowrap; height:auto;} #player_shell .player_controls li.trackinfo .titletext {overflow:hidden; white-space:nowrap; width:auto;color:#BBB;} #player_shell .player_controls li.trackinfo span.artist {display:block; overflow:hidden; white-space:nowrap; width:auto;font-size:13px;color:#FFF;} #player_shell .player_controls li.trackinfo span.by {font-weight:normal;} #player_shell .player_controls.contestEntry-artist li.trackinfo span.artist {font-weight: bold;} #player_shell .player_controls.contestEntry-artist li.trackinfo .titletext {font-weight: normal;} #player_shell .player_controls.contestEntry-album li.trackinfo span.artist {font-weight: bold;} #player_shell .player_controls.contestEntry-album li.trackinfo .titletext {font-weight: normal;} #player_shell .player_controls.contestEntry-track li.trackinfo span.artist {font-weight: normal;} #player_shell .player_controls.contestEntry-track li.trackinfo .titletext {font-weight: bold;} #player_shell .player_controls.contestEntry-track li.trackinfo span.album {font-weight: bold; color:#FFF;} #player_shell .player_controls.contestEntry-track li.trackinfo span.artist i {font-weight: normal; font-style:normal;} #player_shell .player_controls ul li.artwork.albumart a, #player_shell .player_controls ul li.artwork.albumart img { width:190px; height:190px; } #player_shell .player_controls ul li.artwork.albumart img { margin:18px 0 0 60px; } #player_shell .player_controls ul li.nomedia { display: none; } .player_controls ul li.artwork, .youtube_controls, .trackinfo, .trackinfo ul, .player_controls li.trackinfo li.title, .player_controls li.artist_info, .player_controls li.artist_info ul, .track_btns, .youtube_help, .youtube_help_ul {width:100%;} .player_controls li.trackoptions {width:auto; } .videoactive p.freehelp, p.vidhelp {display:none;} .videoactive p.vidhelp, p.freehelp {display:block;} .player_controls.bottom {display:none;} #player_shell_shell.videoactive.bigvideo #player_shell .player_controls ul li.trackinfo {display:none;} #player_shell_shell.videoactive.bigvideo .player_controls ul li.artwork { height:204px; width:449px; z-index:1000; position:relative; margin:-8px 0 5px 0; } #player_shell_shell.videoactive.bigvideo .player_controls ul li.track_btns { clear:both; } body.bigplayer #player_shell_shell.videoactive.bigvideo .tracklist_footer { bottom:115px; position:absolute; width:98px; padding:0; } #player_shell_shell.videoactive.bigvideo .checkbox_listfilter_YouTube {display:block;} body.miniplayer #player_shell_shell.videoactive.bigvideo .tracklist_footer { /*background-color:#493011;*/ } #player_shell_shell.videoactive.bigvideo .tracklist_footer span {padding-right:0;} #player_shell_shell.videoactive.bigvideo .playlist_container ul li.tracklist { clear:both; position:relative; } body.bigplayer #player_shell_shell.videoactive.bigvideo .playlist_container ul li.tracklist { height:66px; } #player_shell_shell.videoactive.bigvideo .playlist_container { bottom:30px; } #player_shell_shell.videoactive.bigvideo .playlist_container ul li.tracklist_header {display:none;} #player_shell_shell.videoactive.bigvideo .freecheckboxlabel {padding-right:20px !important;} body.miniplayer #player_shell_shell.videoactive.bigvideo #player_shell .player_controls ul li.artwork { height:184px; left:-8px; top:3px !important; width:248px; } #player_shell .player_controls ul li.track_btns { height:26px;padding:0 0 0 0;margin:0 0 0 0;display:block; position:relative; border-top:1px solid #333; } #player_shell .player_controls li.track_btns li.play_btn, .tracklistcontrols li.track_btns li.play_btn {cursor:pointer; float:left;position:relative;} #player_shell .player_controls li.track_btns li.play_btn span.play, .tracklistcontrols li.track_btns li.play_btn span.play {cursor:pointer; background-position:-32px 0; position:absolute;text-indent:-9999px;padding:0px;margin:0px; } #player_shell .player_controls li.track_btns li.play_btn span.play:hover, .tracklistcontrols li.track_btns li.play_btn span.play:hover { cursor:pointer; background-position:-32px -30px; position:absolute;text-indent:-9999px;padding:0px;margin:0px; } .tracklistcontrols li.track_btns li.play_btn span.play, .tracklistcontrols li.track_btns li.play_btn span.play:hover {background-position:-34px 1px !important; } #player_shell .player_controls li.track_btns li.play_btn span.pause, .tracklistcontrols li.track_btns li.play_btn span.pause {cursor:pointer; position:absolute;text-indent:-9999px;padding:0px;margin:0px; } .tracklistcontrols li.track_btns li.play_btn span.pause {background-position:-470px -107px !important;} .smallplayer .player_controls li.track_btns li.play_btn span.pause { background-position:-466px -109px; } .smallplayer .player_controls li.track_btns li.play_btn span.pause:hover { background-position:-466px -139px; } #player_shell .player_controls li.track_btns li.play_btn span.pause:hover, .tracklistcontrols li.track_btns li.play_btn span.pause:hover {cursor:pointer; background-position:-466px -139px; position:absolute;text-indent:-9999px;padding:0px;margin:0px; } #player_shell .player_controls li.track_btns li.back_btn, #player_shell .player_controls li.track_btns li.next_btn, .tracklistcontrols li.track_btns li.play_btn span.pause:hover {cursor:pointer;width:24px; height:24px;float:left;position:relative;} #player_shell .player_controls li.track_btns li.back_btn {margin-left:123px;} #player_shell .player_controls li.track_btns li.back_btn span, #player_shell .player_controls li.track_btns li.next_btn span, .tracklistcontrols li.track_btns li.next_btn span { cursor:pointer;width:24px;height:24px; position:absolute;text-indent:-9999px;padding:0px;margin:0px; } #player_shell .player_controls li.track_btns li.back_btn span, .tracklistcontrols li.track_btns li.back_btn span, #player_shell .player_controls li.track_btns li.next_btn span:hover, .tracklistcontrols li.track_btns li.next_btn span:hover {cursor:pointer;width:24px;height:24px; position:absolute;text-indent:-9999px;padding:0px;margin:0px; } #player_shell .player_controls li.track_btns li.back_btn span {background-position:0 0;} #player_shell .player_controls li.track_btns li.back_btn span:hover {background-position:0 -30px;} #player_shell .player_controls li.track_btns li.next_btn span {background-position:-60px 0;} #player_shell .player_controls li.track_btns li.next_btn span:hover {background-position:-60px -30px;} /* larger buttons */ .brownplayer #player_shell .player_controls li.track_btns li.play_btn {width:31px; height:31px;} .brownplayer #player_shell .player_controls li.track_btns li.play_btn span, .brownplayer #player_shell .player_controls li.track_btns li.play_btn span:hover {width:31px; height:31px;} .brownplayer #player_shell .player_controls li.track_btns li.back_btn span, .brownplayer #player_shell .player_controls li.track_btns li.back_btn span:hover, .brownplayer #player_shell .player_controls li.track_btns li.next_btn span, .brownplayer #player_shell .player_controls li.track_btns li.next_btn span:hover .brownplayer #player_shell .player_controls li.track_btns li.back_btn, .brownplayer #player_shell .player_controls li.track_btns li.next_btn {width:21px; height:31px; margin-right:10px; } .brownplayer #player_shell .player_controls li.track_btns li.play_btn span.play {background-position:-348px -95px; } .brownplayer #player_shell .player_controls li.track_btns li.play_btn span.play:hover {background-position:-348px -135px; } .brownplayer #player_shell .player_controls li.track_btns li.play_btn span.pause {background-position:-348px -175px; } .brownplayer #player_shell .player_controls li.track_btns li.play_btn span.pause:hover {background-position:-348px -215px; } .brownplayer #player_shell .player_controls li.track_btns li.back_btn {margin-left:123px;} .brownplayer #player_shell .player_controls li.track_btns li.back_btn span {background-position:-319px -95px;} .brownplayer #player_shell .player_controls li.track_btns li.back_btn span:hover {background-position:-319px -135px;} .brownplayer #player_shell .player_controls li.track_btns li.next_btn span {background-position:-384px -95px;} .brownplayer #player_shell .player_controls li.track_btns li.next_btn span:hover {background-position:-384px -135px;} /* end larger buttons */ #player_shell .player_controls li.track_btns li.scrubber_shell { border:1px solid #000; display:block; margin-left:37px; margin-top:34px; width:240px; height:4px; background-color:#210; } #player_shell .player_controls li.track_btns .progress_bars, .tracklistcontrols li.track_btns .progress_bars {width:240px;height:16px;position:relative;display:block;float:left;margin:0;} #player_shell .player_controls li.track_btns div.load_progress, .tracklistcontrols li.track_btns div.load_progress {width:1px;height:4px;float:left;display:block;background:#421;position:absolute;font-size:1px;line-height:1px;} .tracklistcontrols li.track_btns div.play_progress, .tracklistcontrols li.track_btns div.load_progress {height:9px;} #player_shell .player_controls li.track_btns div.scrub_thumb, .tracklistcontrols li.track_btns div.scrub_thumb {width:10px;height:10px;display:block;background:url("../images/scrubber_thumb_round.png") no-repeat 0px 0px;position:absolute;top:-3px;left:-3px; z-index:200;} #player_shell .player_controls li.track_btns div.play_progress, .tracklistcontrols li.track_btns div.play_progress {width:1px;float:left;display:block;color:#A1753D;font-size:1px;line-height:1px;z-index:200; position:absolute; background-color:#B39;} #player_shell .player_controls li.track_btns div.play_progress {height:4px;} #player_shell .player_controls li.track_btns li.volume, .tracklistcontrols li.track_btns li.volume {width:21px;height:21px;float:left;display:block;margin:11px 0px 0px 12px; /* background:url("../images/ff_radioplayer_volume.jpg") no-repeat -42px 0px; */ position:relative;} #player_shell .player_controls li.track_btns li.volume a, .tracklistcontrols li.track_btns li.volume a {width:21px;height:21px; /* background:url("../images/ff_radioplayer_volume.jpg") no-repeat -42px 0px; */ position:absolute;text-indent:-9999px;padding:0px;margin:0px;} #player_shell .player_controls li.track_btns li.volume a:hover, .tracklistcontrols li.track_btns li.volume a:hover {width:21px;height:21px; /* background:url("../images/ff_radioplayer_volume.jpg") no-repeat 0px -21px; */ position:absolute;text-indent:-9999px;padding:0px;margin:0px;} #player_shell .player_controls li.trackoptions, .tracklistcontrols li.trackoptions { height:44px;margin:0; padding:6px 0 0 0;display:block;float:none; clear:both; } .tracklistcontrols li.track_btns li.scrubber_shell { background:none; border:none; display:block; height:1px; margin-left:5px; margin-top:0; padding:0; position:relative; width:auto; top:0; float:left; } li.trackoptions li.divider {margin-left:8px; padding-left:8px; border-left:1px solid #321; } li.trackoptions li a, li.trackinfo li a, li.track_btns li span, li.trackoptions li, li.trackinfo li, li.track_btns li { height:24px; width:24px; } .tracklistcontrols li.trackoptions li a, .tracklistcontrols li.trackinfo li a, .tracklistcontrols li.track_btns li span, .tracklistcontrols li.trackoptions li { height:24px; width:22px; } li.trackoptions li a, li.trackinfo li a, li.track_btns li span { background:url("../images/player_buttons_all.png") no-repeat 0px 0px; } li.trackoptions li a, li.trackinfo li a, li.track_btns li span { dispaly:block; } #player_shell .player_controls li.trackoptions li.vote_up_btn, .tracklistcontrols li.trackoptions li.vote_up_btn {width:24px;height:24px;display:block;position:relative;float:left; margin-left:48px;} .tracklistcontrols li.trackoptions li.vote_up_btn {margin-left:0;} #player_shell .player_controls li.trackoptions li.vote_up_btn {width:24px;height:24px;display:block;position:relative;float:left; margin-left:48px;} #player_shell .player_controls li.trackoptions li.vote_up_btn a, .tracklistcontrols li.trackoptions li.vote_up_btn a { background-position:-97px 0; position:absolute;text-indent:-9999px;padding:0px;margin:0px;} #player_shell .player_controls li.trackoptions li.vote_up_btn a:hover, .tracklistcontrols li.trackoptions li.vote_up_btn a:hover { background-position:-97px -30px; position:absolute;text-indent:-9999px;padding:0px;margin:0px;} #player_shell .player_controls li.trackoptions li.download_btn, .tracklistcontrols li.trackoptions li.download_btn {display:block;position:relative;float:left;} #player_shell .player_controls li.trackoptions li.download_btn a, .tracklistcontrols li.trackoptions li.download_btn a { background-position:-228px 0; position:absolute;text-indent:-9999px;padding:0px;margin:0px;} #player_shell .player_controls li.trackoptions li.download_btn.giant, .tracklistcontrols li.trackoptions li.download_btn.giant {display:block;position:absolute;float:none; width:160px; height:90px; left:78px; top:-270px; } #player_shell .player_controls li.trackoptions li.download_btn.giant a, .tracklistcontrols li.trackoptions li.download_btn.giant a {background:url("../images/download_giant_btn.png") no-repeat; display:block; width:100%; height:100%; cursor:pointer; position:absolute;text-indent:-9999px;padding:0px;margin:0px;} #player_shell .player_controls li.trackoptions li.download_btn.giant a:hover, .tracklistcontrols li.trackoptions li.download_btn.giant a:hover {background-position:0 -100px;} #player_shell .player_controls li.trackoptions li.download_btn.unavailable a:hover, .tracklistcontrols li.trackoptions li.download_btn.unavailable a:hover {background-position:-228px 0;} #player_shell .player_controls li.trackoptions li.download_btn a:hover, .tracklistcontrols li.trackoptions li.download_btn a:hover { background-position:-228px -30px; position:absolute;text-indent:-9999px;padding:0px;margin:0px; cursor:pointer;} #player_shell .player_controls li.trackoptions li.download_btn a.unavailable, #player_shell .player_controls li.trackoptions li.download_btn a.unavailable:hover, .player_controls li.trackoptions li.download_btn a:hover {background-position:-44px 0; cursor:auto;} #player_shell .player_controls li.trackoptions li.buy_btn, .tracklistcontrols li.trackoptions li.buy_btn {display:block;position:relative;float:left;} #player_shell .player_controls li.trackoptions li.buy_btn a, .tracklistcontrols li.trackoptions li.buy_btn a { background-position:-262px 0; position:absolute;text-indent:-9999px;padding:0px;margin:0px;} #player_shell .player_controls li.trackoptions li.buy_btn a:hover {background-position: -262px -30px;} #player_shell .player_controls li.trackoptions li.buy_btn.unavailable a, #player_shell .player_controls li.trackoptions li.buy_btn.unavailable a:hover { background-position:-262px 0; cursor:auto;} #player_shell .player_controls li.trackoptions li.website_btn {display:block;position:relative;float:left; width:78px; height:15px; margin-left:95px;} #player_shell .player_controls li.trackoptions li.website_btn a, #player_shell .player_controls li.trackoptions li.website_btn a:hover {background:url("../images/website_btn.png") no-repeat; background-position:0 0; width:78px; height:15px; text-indent:-9999px; display:block; margin-top:6px;} #player_shell .player_controls li.trackoptions li.website_btn.unavailable a, #player_shell .player_controls li.trackoptions li.website_btn.unavailable a:hover { cursor:auto;} #player_shell .player_controls li.trackoptions li.sharemenu, .tracklistcontrols li.trackoptions li.sharemenu {display:block;position:relative;float:left;} #player_shell .player_controls li.trackoptions li.sharemenu a, .tracklistcontrols li.trackoptions li.sharemenu a { background-position:-299px 0; position:absolute;text-indent:-9999px;padding:0px;margin:0px; } #player_shell .player_controls li.trackoptions li.sharemenu a:hover, .tracklistcontrols li.trackoptions li.sharemenu a:hover { background:url("../images/player_buttons_all.png") no-repeat; background-position:-299px 0; position:absolute;text-indent:-9999px;padding:0px;margin:0px; } #player_shell .player_controls li.trackoptions li.sharemenu a:hover, .tracklistcontrols li.trackoptions li.sharemenu a:hover {width:21px;height:22px;background-position: -299px -30px;position:absolute;text-indent:-9999px;padding:0px;margin:0px;} #player_shell .player_controls li.trackoptions li.vote_down_btn, .tracklistcontrols li.trackoptions li.vote_down_btn {display:block;position:relative;float:left;} #player_shell .player_controls li.trackoptions li.vote_down_btn a, .tracklistcontrols li.trackoptions li.vote_down_btn a { background-position:-125px 0; position:absolute;text-indent:-9999px;padding:0px;margin:0px;} #player_shell .player_controls li.trackoptions li.vote_down_btn a:hover, .tracklistcontrols li.trackoptions li.vote_down_btn a:hover { background-position:-125px -30px; position:absolute;text-indent:-9999px;padding:0px;margin:0px; } #player_shell .player_controls li.trackoptions li.add_btn, .tracklistcontrols li.trackoptions li.add_btn {display:block;position:relative;float:left;} #player_shell .player_controls li.trackoptions li.add_btn a, .tracklistcontrols li.trackoptions li.add_btn a { background-position:-157px 0; position:absolute;text-indent:-9999px;padding:0px;margin:0px; } #player_shell .player_controls li.trackoptions li.add_btn a:hover, .tracklistcontrols li.trackoptions li.add_btn a:hover { background-position:-157px -30px; position:absolute;text-indent:-9999px;padding:0px;margin:0px; } #player_shell .player_controls li.trackoptions li.delete_btn, .tracklistcontrols li.trackoptions li.delete_btn {display:block;position:relative;float:left;} #player_shell .player_controls li.trackoptions li.delete_btn a, .tracklistcontrols li.trackoptions li.delete_btn a, #player_shell .player_controls li.trackoptions li.delete_btn.unavailable a:hover, .tracklistcontrols li.trackoptions li.delete_btn.unavailable a:hover { background-position:-185px 0; position:absolute;text-indent:-9999px;padding:0px;margin:0px; } #player_shell .player_controls li.trackoptions li.delete_btn a:hover, .tracklistcontrols li.trackoptions li.delete_btn a:hover { background-position:-185px -30px; position:absolute;text-indent:-9999px;padding:0px;margin:0px; } #player_shell .player_controls li.artist_info, .tracklistcontrols li.artist_info { padding:0 0 0 30px;display:block; height:15px; position:absolute; top:238px; width:272px; } #player_shell .player_controls li.artist_info li, .tracklistcontrols li.artist_info li{ float:left; position:relative; } #player_shell .player_controls li.artist_info ul, .tracklistcontrols li.artist_info ul { padding-left:6px; } #player_shell .player_controls li.artist_info li.label { height:12px; width:66px; background:transparent url("../images/player_buttons_all.png") no-repeat scroll -347px -76px; } body.miniplayer #player_shell .player_controls li.artist_info {margin-left:10px;} #player_shell .player_controls li.artist_info li.more_by, .tracklistcontrols li.artist_info li.more_by {width:121px;height:20px;padding:0px 0px 0px 6px;background:url("../images/ff_radioplayer_moreby_bg.gif") no-repeat 0px 0px;font-size:9px;text-transform:uppercase;color:#CC9933;line-height:20px;float:right;} body.miniplayer .smallplayer #player_shell .player_controls li.artist_info {margin-left:0;} .smallplayer #player_shell .player_controls li.artist_info ul {padding-left:3px;} #player_shell .player_controls li.artist_info li.more_by a, .tracklistcontrols li.artist_info li.more_by a, #player_shell .player_controls li.artist_info li.bad_video_btn a, .tracklistcontrols li.artist_info li.bad_video_btn a {font-size:9px;text-transform:uppercase;color:#CC9933;line-height:20px;padding:0px;margin:0px;} #player_shell .player_controls li.artist_info li.more_by a:hover, .tracklistcontrols li.artist_info li.more_by a:hover, .tracklistcontrols li.artist_info li.squelch_video a:hover {color:#339999;text-decoration:none;} #player_shell .player_controls li.artist_info li.newartiststrack, .tracklistcontrols li.artist_info li.newartiststrack {width:109px;height:13px;position:relative;margin:0;} #player_shell .player_controls li.artist_info li.aboutartist, .tracklistcontrols li.artist_info li.aboutartist {width:60px;height:13px;position:relative;margin:0;} #player_shell .player_controls li.artist_info li.newartiststrack a, .tracklistcontrols li.artist_info li.newartiststrack a { background:transparent url("../images/player_buttons_all.png") no-repeat scroll 0 -75px; height:13px; margin:0; padding:0; text-indent:-9999px; width:109px; position:absolute; } #player_shell .player_controls li.artist_info li.aboutartist a, .tracklistcontrols li.artist_info li.aboutartist a { background:transparent url("../images/player_buttons_all.png") no-repeat scroll -113px -75px; height:13px; margin:0; padding:0; text-indent:-9999px; width:60px; position:absolute; } #player_shell .player_controls li.artist_info li.newartiststrack a:hover, .tracklistcontrols li.artist_info li.newartiststrack a:hover {background-position:0 -95px;} #player_shell .player_controls li.artist_info li.aboutartist a:hover, .tracklistcontrols li.artist_info li.aboutartist a:hover {background-position:-113px -95px;} #player_shell .player_controls li.artist_info li.find_btn, .tracklistcontrols li.artist_info li.find_btn {width:20px;height:20px;position:relative;float:right;margin:0px 0px 0px 3px;} #player_shell .player_controls li.artist_info li.find_btn a, .tracklistcontrols li.artist_info li.find_btn a {width:20px;height:20px;position:absolute;text-indent:-9999px;padding:0px;margin:0px;background:url("../images/ff_radioplayer_search_icon.gif") no-repeat 0px 0px;} #player_shell .player_controls li.artist_info li.find_btn a:hover, .tracklistcontrols li.artist_info li.find_btn a:hover {background-position:-20px 0;} #player_shell_shell .leftcolumn {border:1px solid #CBCBCB;width:172px;height:236px;padding:0;float:left; margin-bottom:20px;} #player_shell_shell .leftcolumn .stations {border-top:1px solid #CBCBCB;width:100%;height:212px;overflow-y:auto;overflow-x:hidden;position:relative; clear:both;} #player_shell_shell .leftcolumn .stations ul.libraries {padding:0px;margin:0px; list-style: none;width:auto;} #player_shell_shell .leftcolumn .stations li.library {padding:0px;margin:0px;display:block;} #player_shell_shell .leftcolumn .stations ul.libraries ul.header, #homeleftcol h3.newheader, #homeleftcol .newheader h3 {position:relative; height:22px;padding:0px 7px 0px 6px;margin:0px; list-style: none;width:auto;background:#F4F4F4;border:0 dotted #848484; border-width:1px 0; display:block; margin-top:-1px;} #player_shell_shell .leftcolumn .stations ul.header li.title h3 {color:#643;} #player_shell_shell .leftcolumn .stations ul.header {margin-top:10px;} #homeleftcol h3.newheader.title {float:none; width:auto; height:18px; padding:5px 0 0 8px !important; border-width:0;} #player_shell_shell .leftcolumn .stations ul.header li.title, #homeleftcol h3.title, h4.title {float:left;padding:4px 0 0 0;margin:0px;display:block;width:95px;line-height:12px;} #player_shell_shell .leftcolumn .stations ul.header li.title h3, li.title h4, .newheader h3.title, h3.newheader.title {font-size:11px;bold;font-family:"Arial", "Helvetica", "sans-serif";margin:0px;padding:0px; white-space:nowrap; overflow:none;} #player_shell_shell .leftcolumn .stations ul.header li.newlib {float:left;width:14px;margin:5px 0px 0px 0px;position:relative;} #player_shell_shell .leftcolumn .stations ul.header li.newlib a {width:14px;height:10px;background:url("../images/ff_makenew_icon28x10.gif") no-repeat 0px 0px;position:absolute;text-indent:-9999px;padding:0px;margin:0px;} #player_shell_shell .leftcolumn .stations ul.header li.newlib a:hover {width:14px;height:10px;background:url("../images/ff_makenew_icon28x10.gif") no-repeat -14px 0px;position:absolute;text-indent:-9999px;padding:0px;margin:0px;} #player_shell_shell .leftcolumn .stations ul.header li.toggle {float:left;display:block;width:14px;;margin:6px 0px 0px 33px;position:relative;} body.coldstart #search_tile {display:none;} #player_shell_shell #search_tile.leftcolumn {height:58px; margin-top:75px; margin-bottom:6px; border-width:0; overflow:hidden; position:relative;} #search_tile {font-size:11px; margin-bottom:10px;} body.bigplayer #search_tile.showsearch { background-color:#FFFFFF; border:1px solid #CCCCCC; height:290px; overflow-x:hidden; overflow-y:auto; padding:5px 0 0 5px; width:245px; z-index:200; position:relative; } #facebook_community_playlist #player_shell_shell.showsearch #search_tile.leftcolumn {position:absolute !important;} #player_shell_shell.showsearch #search_tile.leftcolumn {position:relative; height:338px; width:167px; border-width:1px; padding:5px 0 0 5px; background-color:#FFF; margin-bottom:-40px;} body.bigplayer #player_shell_shell.showsearch #playlist_tile.leftcolumn {margin-bottom:-300px; margin-top:58px;} ul#about_two.showsearch {top:700px;} #search_criteria_field {width:162px;} .showsearch #search_criteria_field {width:156px;} body.miniplayer #search_criteria_field {width:195px;} #playlist_tile {background-color:#FFF;} .inline_searchresults {display:none;} .showsearch .inline_searchresults { display:block; height:266px; overflow-x:hidden; overflow-y:auto; width:167px; } li.youtube_controls {height:1px; font-size:1px; line-height:1px; z-index:20; position:relative; } .ff_youtube_controls, .youtube_controls li.open_youtube_controls {display:none; } .videoactive.show_youtube_controls .ff_youtube_controls, .videoactive li.open_youtube_controls {display:block; } .videoactive.show_youtube_controls li.open_youtube_controls {display:none; } .ff_youtube_controls { width:244px !important; height:38px; maring-left:5px; top:-39px; background:url("../images/youtube_controls_bg.png") no-repeat 9px 0; display:none; } body.search #leftcontainer .maincontent .ff_youtube_controls { display:block; } .youtube_controls li a, .youtube_controls li span { background:url("../images/player_buttons_all.png") no-repeat; display:block; text-indent:-9999px; height:13px; } li.youtube_help { position:absolute; top:233px; display:none; z-index:200; } .showhelp li.youtube_help { display:block; } .showhelp .open_youtube_help { display:none !important; } li.youtube_help p { background-color:#000; padding:10px; } li.youtube_help ul { background:url("../images/youtube_help_big_bg.png") no-repeat 9px bottom; width:100%; color:#EEE; font-size:11px; line-height:120%; } li.youtube_help ul li { padding:1px 20px 5px 20px; } .inline_searchresults {position:relative;} #search_tile .closex {position:absolute; right:0; top:43px; display:none;} .showsearch #search_tile .closex {display:block;} #search_tile .closex a, .inline_searchresults .closex span {background-position:-412px -117px !important; } #search_tile .closex a:hover, .inline_searchresults .closex span:hover {background-position:-412px -97px !important; } .closex a, .closex span {background:url("../images/player_buttons_all.png") no-repeat; background-position:-412px -77px !important; width:12px; height:12px; text-indent:-9999px; display:block;} .closex a:hover, .closex span:hover {background-position:-412px -97px !important;} .youtube_help_ul .closex {position:absolute; width:12px; height:12px; right:14px; top:6px;} /* .ff_youtube_controls_toggle {width:243px !important;} */ #search_tile .ff_youtube_controls { background:transparent url("../images/ff_youtube_controls_wht_bg.gif") no-repeat scroll -2px 0; height:27px; margin-top:-8px !important; padding:4px 0 0 53px !important; width:65px !important; display:block; } #search_tile .ff_youtube_controls li a, .ff_youtube_controls li span {background:url("../images/ff_youtube_controls_wht.gif") no-repeat 0 0; display:block; width:23px; height:20px; text-indent:-9999px;} #search_tile .ff_youtube_controls li {float:left; width:23px; height:20px;} #search_tile .ff_youtube_controls {display:block;} #search_tile .ff_youtube_controls li.vid_toggle span {background-position:0 0; cursor:pointer;} #search_tile .ff_youtube_controls li.bad_video_btn a {background-position:-23px 0;} #search_tile .ff_youtube_controls li.prev_video_btn a {background-position:-46px 0;} #search_tile .ff_youtube_controls li.next_video_btn a {background-position:-69px 0;} #search_tile .ff_youtube_controls li.ff_video_help a {background-position:-92px 0;} #search_tile .ff_youtube_controls li.vid_toggle span:hover {background-position:0 -30px;} #search_tile .ff_youtube_controls li.bad_video_btn a:hover {background-position:-23px -30px;} #search_tile .ff_youtube_controls li.prev_video_btn a:hover {background-position:-46px -30px;} #search_tile .ff_youtube_controls li.next_video_btn a:hover {background-position:-69px -30px;} #search_tile .ff_youtube_controls li.ff_video_help a:hover {background-position:-92px -30px;} #search_tile .addtrack_button {background:url("../images/addtrack_inlinesearch.gif") no-repeat;} #search_tile .addtrack_button {width:148px; height:14px;position:absolute;top:-17px;text-indent:-10000px;} #search_tile .songitem { border-bottom:3px solid #CCCCCC; display:block; margin:9px 39px 17px 0; padding:0 0 5px; width:118px; } #search_tile .trackcell { width:146px; } #search_tile .search_button, body.miniplayer #facebook_community_playlist #search_tile .search_button {margin:4px 0 0 0;} body.miniplayer #search_tile .search_button {margin:0 0 -4px 0;} #search_tile #search_criteria_field, body.miniplayer #facebook_community_playlist #search_tile #search_criteria_field {margin-top:0;} body.miniplayer #search_tile #search_criteria_field {margin-top:-4px;} body.miniplayer #search_tile { font-size:11px; height:40px; } body.miniplayer #search_tile.showsearch { background-color:#FFFFFF; font-size:11px; height:40px; margin-left:-234px; padding-left:234px; border:1px solid #777; } #search_tile .inline_searchresults { position:relative; border:1px dotted #777; border-width:1px 0 0 0; margin-top:18px; display:none; } #search_tile.showsearch .inline_searchresults { display:block; } body.miniplayer #search_tile .inline_searchresults { height:400px; overflow-x:hidden; overflow-y:auto; background-color:#FFFFFF; left:-235px; margin-top:0; padding-bottom:10px; padding-left:10px; padding-right:10px; padding-top:10px; position:absolute; top:29px; width:200px; border-width:0 1px 1px 1px; border-style:solid; } body.miniplayer #search_tile .closex { left:-230px; position:absolute; right:auto; top:-10px; } #search_tile.showsearch .closex {display:block !important;} .youtube_controls li {float:left; height:13px; margin-top:5px;} .youtube_controls li.vid_toggle {display:none !important;} .youtube_controls li.prev_video_btn {margin-left:18px;} .youtube_controls li.usethis_video_btn {margin-left:18px;} .youtube_controls li.bad_video_btn {margin-left:11px; width:79px;} .youtube_controls li.close_youtube_controls {position:absolute; right:15px; width:12px; height:12px;} .youtube_controls li.open_youtube_controls {height:19px; position:absolute; left:9px; top:-24px; width:19px; z-index:100;} .youtube_controls li.open_youtube_help {height:19px; position:absolute; left:9px; top:-6px; width:19px; z-index:100;} .youtube_controls li.vid_toggle span {background-position:0 -122px; width:14px; cursor:pointer;} .youtube_controls li.bad_video_btn a {background-position:-201px -75px;} .youtube_controls li.prev_video_btn a {background-position:0 -122px; width:14px;} .youtube_controls li.next_video_btn a {background-position:-14px -122px; width:185px;} .youtube_controls li.usethis_video a {background-position:0 -122px;} .youtube_controls li.usethis_video_btn a {background-position:-201px -122px; width:103px;} .youtube_controls li.open_youtube_controls a {background-position:-438px -74px; height:19px; width:19px;} .youtube_controls li.open_youtube_help a {background-position:-468px -74px; height:19px; width:19px;} .youtube_controls li.vid_toggle span:hover {background-position:0 -142px;} .youtube_controls li.bad_video_btn a:hover {background-position:-201px -95px;} .youtube_controls li.prev_video_btn a:hover {background-position:0 -142px;} .youtube_controls li.next_video_btn a:hover {background-position:-14px -142px;} .youtube_controls li.usethis_video_btn a:hover {background-position:-201px -142px;} .youtube_controls li.ff_video_help a:hover {background-position:-92px -30px;} .youtube_controls li.open_youtube_controls a:hover {background-position:-438px -74px;} .youtube_controls li.open_youtube_help a:hover {background-position:-468px -74px;} #player_shell_shell.bigvideo .ff_youtube_controls li.vid_toggle span {background-position:0 -60px;} /* remove this when expandable videos are added to tracklists */ body.miniplayer .tracklistcontrols_ul .ff_youtube_controls li.vid_toggle {display:none !important;} /* start of alternate white controls styles */ .collapsable_items .trackhead {min-height: 45px;} .collapsable_items .tracklistcontrols {min-height:30px!important;} /*dimensions for album art and youtube videos in the track head on me pages*/ body.miniplayer .tracklistcontrols_ul ul.mevideos li.artwork { position:absolute; border:none; left:-112px !important; top:-36px; } body.miniplayer .tracklistcontrols_ul ul.mevideos li.artwork.albumart img, body.miniplayer .tracklistcontrols_ul ul.mevideos li.artwork.video, body.miniplayer .tracklistcontrols_ul ul.mevideos li.artwork.artistphoto img {ff.css (line 430) height:75px !important; width:75px !important; } body.miniplayer.stats .tracklistcontrols_ul ul.mevideos li.artwork, body.miniplayer.genre .tracklistcontrols_ul ul.mevideos li.artwork { top:-25px; } body.miniplayer.stats #genericcontainer .genericcontent .maincontent ul.genericinfo li.about, body.miniplayer.genre #genericcontainer .genericcontent .maincontent ul.genericinfo li.about { /*margin-left:90px;*/ margin-left:119px; } body.miniplayer.people .tracklistcontrols_ul ul.mevideos li.artwork { } body.miniplayer .tracklistcontrols_ul ul.mevideos li.artwork.albumart img, body.miniplayer .tracklistcontrols_ul ul.mevideos li.artwork.video, body.miniplayer .tracklistcontrols_ul ul.mevideos li.artwork.artistphoto img { width:102px!important; height:85px!important; } body.miniplayer .tracklistcontrols_ul ul.mevideos li.artwork.albumart img, body.miniplayer .tracklistcontrols_ul ul.mevideos li.artwork.artistphoto img { width:85px!important; height:85px!important; } .tracklistcontrols .track_btns {position:absolute; width:400px;} .tracklistcontrols li.track_btns .progress_bars {background:url("../images/ff_radioplayer_progress_wht.gif") no-repeat 0px 0px; width:82px; margin:10px 0 0 0; } body.people .tracklistcontrols li.track_btns .progress_bars {top:0; left:0; } body.people .tracklistcontrols scrubber_shell {position:absolute; left:69px; top:0;} .tracklistcontrols li.trackoptions { float:none; height:22px; margin:0 10px 0 0; padding-top:3px; position:absolute; right:0; top:0; width:144px; } .tracklistcontrols .track_btns li.play_btn {width:22px!important;height:22px!important;position:relative!important;} .tracklistcontrols li.track_btns li.play_btn, .tracklistcontrols li.track_btns li.play_btn:hover, .tracklistcontrols li.track_btns li.play_btn span.play, .tracklistcontrols li.track_btns li.play_btn span.play:hover, .tracklistcontrols li.track_btns li.play_btn span.pause:hover, .tracklistcontrols li.track_btns li.play_btn span.pause {width:22px; height:22px;} .tracklistcontrols li.track_btns li.play_btn span:hover, .tracklistcontrols li.track_btns li.play_btn span.play, .tracklistcontrols li.track_btns li.play_btn span.pause:hover, .tracklistcontrols li.track_btns li.play_btn span.pause { background-position:; padding:0 !important; height:22px !important; width:22px !important; z-index:1000; position:relative;float:left;margin:0px;padding-right:6px; } .tracklistcontrols li.track_btns li.play_btn span.play:hover {background-position:-34px 1px !important;} .tracklistcontrols li.track_btns li.play_btn span.pause {margin:0; top:0; left:0;} .tracklistcontrols li.track_btns li.play_btn span.pause:hover {margin:0; top:0; left:0;} .tracklistcontrols li.trackoptions li.sharemenu a, .tracklistcontrols li.trackoptions li.sharemenu a:hover {width:21px;height:22px; background:url("../images/ff_radioplayer_share_alt.gif") no-repeat 0px 0px; position:absolute;text-indent:-9999px;padding:0px;margin:0px;} .tracklistcontrols li.trackoptions li.vote_up_btn a, .tracklistcontrols li.trackoptions li.vote_up_btn a:hover {background:url("../images/ff_radio_wht_thumbsup.gif") no-repeat 0px 0px;} .tracklistcontrols li.trackoptions li.vote_down_btn a, .tracklistcontrols li.trackoptions li.vote_down_btn a:hover {background:url("../images/ff_radio_wht_thumbdown.gif") no-repeat 0px 0px;} .tracklistcontrols li.trackoptions li.download_btn a, .tracklistcontrols li.trackoptions li.download_btn a:hover {background:url("../images/ff_radioplayer_download_wht.gif") no-repeat 0px 0px;} li.trackoptions li.unavailable a, li.track_btns li.unavailable span, li.scrubber_shell div.unavailable div { filter:alpha(opacity=40) !important; -moz-opacity: 0.40 !important; opacity: 0.40 !important; pointer:default !important; } .tracklistcontrols li.trackoptions li.buy_btn.unavailable a, #player_shell .player_controls li.trackoptions li.buy_btn.unavailable a { filter:alpha(opacity=100) !important; -moz-opacity: 1.00 !important; opacity: 1.00 !important; } #player_shell .player_controls li.trackoptions li.download_btn.giant.unavailable { display:none; } .tracklistcontrols li.trackoptions li.buy_btn a, .tracklistcontrols li.trackoptions li.buy_btn.unavailable a {background:url("../images/ff_radioplayer_buy_white.gif") no-repeat 0px 0px;position:absolute;text-indent:-9999px;padding:0px;margin:0px;} .tracklistcontrols li.trackoptions li.buy_btn.unavailable a {background:url("../images/ff_radioplayer_buy_white.gif") no-repeat 0px 0px;position:absolute;text-indent:-9999px;padding:0px;margin:0px;} .tracklistcontrols li.trackoptions li.add_btn a, .tracklistcontrols li.trackoptions li.add_btn a:hover {background:url("../images/ff_radioplayer_add_alt.gif") no-repeat 0px 0px;position:absolute;text-indent:-9999px;padding:0px;margin:0px;} .tracklistcontrols li.track_btns div.load_progress {background-color:#988;} .tracklistcontrols li.track_btns div.scrub_thumb {top:-1px !important;} /* white YouTube controls */ body.stats .current_track_info, body.artist .current_track_info, body.genre .current_track_info {display:none;} .current_track_info {position:relative;left:120px;overflow:hidden;width:260px!important;} body.ituneslist .current_track_info { overflow:hidden; position:relative; width:340px!important; } .current_track_info h4 span {font-size:90%!important;} .tracklistcontrols .ff_youtube_controls, .songitem .ff_youtube_controls { background:transparent url("../images/ff_youtube_controls_wht_bg.gif") no-repeat scroll 0 0; } .songitem .ff_youtube_controls { background-position:-4px -3px; width:118px !important; height:18px; margin-top:-5px !important; padding-top:2px !important; padding-bottom:5px !important; } .songitem ul.videoactive li.controls {height:49px;} .songitem li.video, .songitem object {position:relative !important; z-index:1 !important;} .songitem .controls {position:relative; z-index:2;} .tracklistcontrols .ff_youtube_controls { clear:both; height:22px; margin:0 !important; padding:5px 0 0 51px !important; top:23px; left:0 !important; width:145px !important; position:absolute; } li.artandvideo {position:absolute; margin-left:0; left:0;} .tracklistcontrols .ff_youtube_controls li a, .tracklistcontrols .ff_youtube_controls li span, .songitem .ff_youtube_controls li a, .songitem .ff_youtube_controls li span {background-image:url("../images/ff_youtube_controls_wht.gif");} #genericcontainer .genericcontent .maincontent ul.tracklistcontrols {border-width:0;} #genericcontainer .genericcontent .maincontent .tracklistcontrols .track_btns {position:relative; } body.artist #genericcontainer .genericcontent .maincontent .tracklistcontrols .track_btns {margin-left:-112px;} #genericcontainer .genericcontent .maincontent .tracklistcontrols .track_btns .tracklistcontrols_ul {position:relative; top:3px; left:120px; height:54px; margin-top:6px; width:312px; background:url("../images/ff_playercontrols_rc_white2.gif") no-repeat 0px 0px; padding:0 0 0 6px;} /*adjusts the top alignment for white player controls on "me page toggle playlists" */ #genericcontainer .genericcontent .maincontent .collapsable_items .tracklistcontrols .track_btns {/* top:-6px; */} #genericcontainer .genericcontent .maincontent .tracklistcontrols .track_btns.dim { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; } /*the style below is for "me" pages in firefox and safari */ .tracklistcontrols li.track_btns li.back_btn, .tracklistcontrols li.track_btns li.next_btn, .tracklistcontrols li.track_btns li.back_btn:hover, .tracklistcontrols li.track_btns li.next_btn:hover { position:relative; width:20px!important; height:16px!important; float: left; margin:5px 0px 0px 0px; padding:0; } .tracklistcontrols li.track_btns li.back_btn span, .tracklistcontrols li.track_btns li.back_btn span:hover .tracklistcontrols li.track_btns li.next_btn span, .tracklistcontrols li.track_btns li.next_btn span:hover { background-position: 0 -6px; cursor:pointer; float:left; height:16px; position:relative; width:20px; margin:0; padding:0; } .tracklistcontrols li.track_btns li.back_btn span {background-position:-6px -3px; margin:0; } .tracklistcontrols li.track_btns li.back_btn span:hover {background-position:-6px -33px; } .tracklistcontrols li.track_btns li.next_btn span {background-position:-66px -3px; margin:0; width:16px; height:20px; } .tracklistcontrols li.track_btns li.next_btn span:hover {background-position:-66px -33px !important; } #player_shell_shell hr.divider {display:none;} span.newlib {width:80px; height:15px; display:block; margin:5px 1px 4px 3px; position:relative; float:left; z-index:100; background:url("../images/ff_newlist_btn_big.gif") no-repeat 0px 0px; text-indent:-9999px; cursor:pointer; } .newlib.newgroove a, .newlib.newplaylist a {display:block; width:100%; height:100%; } #player_shell_shell .leftcolumn .stations li.toggle 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;} #player_shell_shell .leftcolumn .stations .closed li.toggle a {width:14px;height:10px;background:url("../images/ff_maximize_icon28x10.gif") no-repeat 0px 0px;position:absolute;text-indent:-9999px;padding:0px;margin:0px;} #player_shell_shell .leftcolumn .stations li.toggle a:hover {background-position:-14px 0px; } #player_shell_shell .leftcolumn .stations ul.header li.expand {float:left;display:block;width:14px;;margin:6px 0px 0px 32px;position:relative;} #player_shell_shell .leftcolumn .stations ul.header li.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;} #player_shell_shell .leftcolumn .stations ul.header li.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;} .addKeeper_dialog_NewCloudNameForm ul, #player_shell_shell .leftcolumn .stations li.library ul.grooveitems {position: relative; padding:0px;margin:0px; list-style: none;width:auto;} .addKeeper_dialog_NewCloudNameForm li, #player_shell_shell .leftcolumn .stations li.library ul.grooveitems li {/*width:140px;*/width:auto;padding:1px!important 0px 1px!important 2px;padding:0;margin:0px;font-family:Arial, Helvetica, sans-serif; color:#2A2A2A; font-size:10px;display:block;background:none; border-bottom:1px solid #EEE;} .addKeeper_dialog_NewCloudNameForm li {width:auto;} .addKeeper_dialog_NewCloudNameForm li a, #player_shell_shell .leftcolumn .stations li.library ul.grooveitems li a, .grooveitem a {padding:3px 4px 3px 15px;margin:0px; background:url("../images/ff_favorites_listarrow13x13.gif") no-repeat 0px 3px;color:#2A2A2A;display:block;} .addKeeper_dialog_NewCloudNameForm li a:hover, #player_shell_shell .leftcolumn .stations li.library ul.grooveitems li a:hover, .grooveitem a:hover {text-decoration:none;background:url("../images/ff_favorites_listarrow13x13_hl.gif") no-repeat 0px 3px;} .addKeeper_dialog_NewCloudNameForm li a.active, #player_shell_shell .leftcolumn .stations li.library ul.grooveitems li a.active, .grooveitem a.active {/*width:129px;*/ width:auto;text-decoration:none;background:url("../images/ff_favorites_listarrow13x13_ac.gif") no-repeat 0px 3px #DBDBDB;} #customradio_player #player_shell_shell .leftcolumn .stations li.library ul.grooveitems li a, #customradio_player #player_shell_shell .leftcolumn .stations li.library ul.grooveitems li a:hover {background-image:none;} .grooveitem a {padding-left:20px; background-position:0 50% !important; text-decoration:none;} .grooveitem a:hover {text-decoration:underline;} #player_shell_shell .playlist_container {width:215px; height:288px;padding:64px 12px 0 0; position:relative; float:left; margin-top:22px; background:url("../images/playlist_container_bg.png") no-repeat -30px 0px; } #player_shell_shell .playlist_container ul {padding:0px;margin:0px; list-style: none;width:auto;border-width:0;} #player_shell_shell .playlist_container ul li.tracklist_header {font-size:10px;font-weight:bold;color:#FFFFFF;height:16px;margin:0;text-transform:uppercase; border:1px solid #644; border-width:1px 1px 0 1px; border-right:1px solid #3C2713; position:relative;} #player_shell_shell .playlist_container ul li.tracklist_header ul {border:none;} #player_shell_shell .playlist_container ul li.tracklist_header li.trackheader {width:115px;padding:0px 0px 0px 20px;float:left;display:block;} #player_shell_shell .playlist_container ul li.tracklist_header li.artistheader {width:100px;padding:0px 0px 0px 31px;float:left;display:block;} #player_shell_shell .playlist_container ul li.tracklist_header li.albumheader {width:118px;padding:0px 0px 0px 0;float:left;display:block;} #player_shell_shell .playlist_container ul li.tracklist_header li.timeheader {width:40px;padding:0px 0px 0px 9px;float:left;display:block;} #player_shell_shell .playlist_container ul li.tracklist {height:230px; border:1px solid #76551F; border-width:1px 1px 1px 0; padding:0px 0px 0px 0px;padding:0px 0px 0px!important 0px;overflow:auto!important; display:block; position: relative;} #player_shell_shell .playlist_container ul li.tracklist ul.track { height:26px; padding-top:4px; overflow:hidden; font-size:11px;border:none;background:url("../images/track_bg_tall.gif") #443311 repeat-x 0px 0px; display:block;color:#EEE; border-bottom:1px solid #4C371B; } #player_shell_shell .playlist_container ul li.tracklist ul.activetrack, #player_shell_shell .playlist_container ul li.tracklist ul.track:hover, #player_shell_shell .playlist_container ul li.tracklist ul.napstertrack:hover {background:url("../images/track_bg_tall_light.gif") repeat-x 0px 0px;cursor:pointer;} #player_shell_shell .playlist_container ul li.tracklist ul.activetrack, #player_shell_shell .playlist_container ul li.tracklist ul.track:hover, #player_shell_shell .playlist_container ul li.tracklist ul.napstertrack:hover {color:#FFFFFF;} #player_shell_shell .playlist_container ul li.tracklist ul.napstertrack {height:22px;font-size:11px;border:none;background:url("../images/ff_radioplayer_tracklist_bg.png") no-repeat 0px 0px;display:block;color:#FFFFFF;} #player_shell_shell .playlist_container ul li.tracklist ul.playingtrack:hover, #player_shell_shell .playlist_container ul li.tracklist ul.playingtrack {border:none;background:url("../images/track_bg_tall_pink.gif") no-repeat 0px 0px} #player_shell_shell .playlist_container ul li.tracklist ul.playingtrack:hover {color:#FFF;} #player_shell_shell .playlist_container ul li.tracklist ul.activetrack:hover, #player_shell_shell .playlist_container ul li.tracklist ul.activetrack.playingtrack {background:url("../images/track_bg_tall_pink.gif") #BB658F repeat-x 0px 0px} #player_shell_shell .playlist_container ul li.tracklist li.tracktype {width:30px;float:left;padding:0px 0px 0px 4px;display:block;} #player_shell_shell .playlist_container ul li.tracklist li.tracktype img {margin-top:0;} #player_shell_shell .playlist_container ul li.tracklist .free li.tracktype img {margin:0 0 0 2px;} span.yt_bug {background:url("../images/yt_bug_good.png") no-repeat 0px 0px; float:right; margin-right:4px; display:block;} span.yt_bug.novid {background:url("../images/yt_bug_none.png") no-repeat 0px 0px;} .unavailable span.yt_bug {background:url("../images/yt_bug_sad.png") no-repeat 0px 0px} #player_shell_shell .playlist_container ul li.tracklist ul.approved.activetrack:hover {color:#FFF;} #player_shell_shell .playlist_container ul li.tracklist li.tracktype .delete, #player_shell_shell .playlist_container ul li.tracklist li.tracktype .delete a {width:13px; display:block; } #player_shell_shell .playlist_container ul li.tracklist li.tracktype .delete a:hover {text-decoration:none;} #player_shell_shell .playlist_container ul li.tracklist li.tracktype .delete {background:url("../images/ff_deletetrack.png") no-repeat 50% -50px; float:left; height:13px; overflow:hidden; position:relative; white-space:no-wrap;} #player_shell_shell .playlist_container ul li.tracklist ul.track:hover li.tracktype .delete {background-position: 50% 0;} #player_shell_shell .playlist_container ul li.tracklist ul.track:hover li.tracktype .delete:hover {background-position: 50% 0;} #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.tracklisting.unavailable ul li.trackname, #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.tracklisting.unavailable ul li.albumname, #genericcontainer .generictrackcontainer .track .tracklists li.trackitems li.tracklisting.unavailable ul li.artistname, #player_shell_shell .playlist_container ul li.tracklist ul.unavailable .tracktitle, #player_shell_shell .playlist_container ul li.tracklist ul.unavailable .artisttitle, #player_shell_shell .playlist_container ul li.tracklist ul.unavailable li.albumtitle {text-decoration:line-through;} #player_shell_shell .playlist_container ul li.tracklist span.tracktitle, #player_shell_shell .playlist_container ul li.tracklist span.artisttitle, #player_shell_shell .playlist_container ul li.tracklist span.albumtitle {display:block; overflow:hidden; white-space:nowrap; line-height:1em; height:12px; float:none;} #player_shell_shell .playlist_container ul li.tracklist ul.approved {color:#DDD;} #player_shell_shell .playlist_container ul li.tracklist ul.playingtrack.activetrack {color:#FFF;} #player_shell_shell .playlist_container ul li.tracklist ul.playingtrack.activetrack:hover, #player_shell_shell .playlist_container ul li.tracklist ul.playingtrack.approved:hover {color:#FFF;} #player_shell_shell .playlist_container ul li.tracklist ul.approved.activetrack {color:#DDD;} #player_shell_shell .playlist_container ul li.tracklist ul.approved.playingtrack {color:#FFF;} /* the old divider for recs #player_shell_shell .playlist_container ul li.tracklist ul.last, #player_shell_shell .playlist_container ul li.tracklist ul.last.activetrack, #player_shell_shell .playlist_container ul li.tracklist ul.last:hover {border-bottom:5px solid #311;} */ #player_shell_shell .playlist_container ul li.tracklist .tracktitle {padding:0px 0px 0px 5px;line-height:22px;display:block;float:left; font-weight:bold;} #player_shell_shell .playlist_container ul li.tracklist .artisttitle {padding:0px 0px 0px 5px;line-height:22px;float:left;display:block;} #player_shell_shell .playlist_container ul li.tracklist .albumtitle {padding:0px 0px 0px 5px;line-height:22px;float:left;display:block;} #player_shell_shell .playlist_container ul li.tracklist li.tracktime {width:34px;padding:0px 0px 0px 6px;line-height:22px;float:left;display:block;} #player_shell_shell .playlist_container ul li.tracklist ul.contestEntry .nominee {font-weight:bold; color:#FFF;} #player_shell_shell .playlist_container ul li.tracklist ul.contestEntry-artist .tracktitle {font-weight:normal;} #player_shell_shell .playlist_container ul li.tracklist ul.contestEntry-album .tracktitle {font-weight:normal;} #player_shell_shell .tracklist_footer {display:block;border:none;font-size:10px;color:#99CCCC;font-style: italic; position:absolute; bottom:0; padding:0 0 12px 10px;} #player_shell_shell .tracklist_footer span.allrecs_radiobtntext, #player_shell_shell .tracklist_footer span.freerecs_radiobtntext {color:#FFFFFF;} #player_shell_shell .tracklist_footer span.freedownloads {padding:0px 0px 0px 0;margin:0px 4px 0px 13px;} #player_shell_shell .tracklist_footer span.napstersongs {padding:0px 0px 0px 0;margin:0px 0px 0px 5px;} span.napstersongs span {background:url("../images/ff_bug_blue.png") no-repeat 4px 3px; border:1px solid #776633; padding:3px 10px 2px 18px;} span.freedownloads span {background:url("../images/ff_bug_blue.png") no-repeat 4px 3px; border:1px solid #776633; padding:3px 10px 2px 18px;} .tracklist_footer input {margin-right:5px;} .tracklist_footer span {padding-right:8px;} .rec_divider {background:url("../images/recommendations_header.gif") repeat-x 0 0; height:17px; overflow:hidden;} .rec_divider.show_recs {background:url("../images/recommendations_header.gif") repeat-x 0 -20px; height:17px; overflow:hidden;} .rec_divider.show_recs span.refresh_recs {display:none; width:106px; overflow:hidden;} .rec_divider.show_recs span.refresh_recs a {display:block; width:30px; position:absolute; right:0; top:0; text-indent:-10000px; background:url("../images/recommendations_header.gif") no-repeat -252px -40px; cursor:pointer;} .rec_divider.show_recs span.refresh_recs a:hover {display:block; width:106px; text-indent:-10000px; background-position:-93px -40px; cursor:pointer; } .rec_divider a, .rec_divider p {display:block; text-indent:-10000px; cursor:default;} .rec_divider p {position:relative;} .sharetofacebook_btn {width:170px; height:18px; margin-top:6px;} .sharetofacebook_btn a {background:url("../images/player_buttons_all.png") no-repeat 0 -220px; cursor:pointer;} .sharetofacebook_btn a:hover {background-position: 0 -240px;} #mycontent {margin-top:15px; margin-left:192px; width:534px;} li.nomedia { display:list-item; position:absolute; z-index:1000; padding:4px; text-align:center; width:305px; top:0; font-size:11px; } #playlist_containerDiv .spinner {position:absolute; top:3px; left:1px;} #description_container { background:url("../images/description_container_bg.png") no-repeat 0 bottom; height:80px; padding:20px 20px 10px 15px; position:absolute; width:592px; bottom:0; left:5px; overflow:hidden; display:none; } #player_shell_shell.hasDescription #description_container {display:block;} .trackinfo .title .description { display:block; left:20px; position:absolute; text-align:left; top:154px; white-space:normal; width:430px; color:#CCC; }