/* SOURCE LINK: <link type="text/css" rel="stylesheet" href="/static/{{ level }}/css/player/allrecs.css" /> */
h5.button a#napster_link,
#more_by_napster_link,
#keepers_napster_link,
#seed_napster_link	{
    background:url(/static/images/play_napster_gotw2.gif)  0 0 no-repeat;
}

	
#napsterButton,
#keepers_napsterButton,
#seed_napsterButton	{
    margin-bottom:3px;
	position: relative;
	top:3px; 
}
	
.refreshRecs_btn	{
	float: right; 
    margin-top: -34px;
}
	
#member_recs_pane .refreshRecs_btn	{
	margin: 4px 5px 10px 0;
}	





/* temporarily removeing th paging stuff */
body.home #seed_pane .pane_header a, 
body.home .current_seed_list, 
body.home .seed_list_paging,
body.home #seed_pane .bottomHeader 
{display:none;}	

body.home #seed_pane .pane_header	{
	color:#CCC;
	}

body.home #panes #seed_pane .tracklist_header	{
	height:1px
	}
	




body.home #seed_menu_choices .GFM_li,
body.gfm #seed_menu_choices	li {
    display: none;
}

body.gfm #seed_menu_choices .GFM_li,
body.gfm #seed_menu_choices .Uploaded_li {
    display: block;
}

/* SOURCE LINK: <link type="text/css" rel="stylesheet" href="/static/{{ level }}/css/player/keepers.css" /> */
#keepers_paging_form{
    float: right;
    position: relative;
    top: 0;
    margin:-19px 26px -19px 0;
    
}

#keepers_paging_pageLength {
    width: 40px;
}


/* SOURCE LINK: <link type="text/css" rel="stylesheet" href="/static/{{ level }}/css/player/memberlist.css" /> */
#participant_shell	{
	}

/* member list
- - - - - - - - - - - - - - - */
#memberlist_shell {
	position: relative;
    margin: 0;
    clear: none;
	background:none;
	padding:0;
	width:39%; height:90px;
	margin-left:60%;
	}


body.profile #memberlist_shell {
	width:auto; height:auto;
	margin-left:0;
	}
	
body.profile #player_shell_shell.playerClosed #memberlist_shell {
	height:90px; overflow:hidden;
	}	

body.profile #player_shell_shell.playerClosed #tile_bottomDiv	{
	height:90px;	
}

#memberlist_shell h3 {
	color:#FFF; 
    font-size: 11px;
    width: 100%;
    padding:0;
	}

#memberlist_shell h3 b {
	display:block;
	font-weight:normal; padding:6px 0 5px 22px;
	}
	
	
#memberlist_shell #shadow_left {
	position:absolute;
	display:block; width:45px; height:9px; left:1px; top:0;
	background:url(/static/images/shadow_corner_sw.gif) 0 0 no-repeat;
	}

#memberlist_shell #shadow_right {
	position:absolute;
	display:block; width:45px; height:9px; right:1px; top:0;
	background:url(/static/images/shadow_corner_se.gif) 0 0 no-repeat;
	}

#memberlist {
    padding:0 0 0 0;
	}

#memberlist ul {
    margin: 0;
    clear: none;
    padding-left:20px;
	position:relative;    
}

#memberlist ul.rest {
    display: none;
}


body.profile #memberlist ul.rest {
    display: block;
}


body.profile #player_shell_shell.playerClosed #memberlist ul.rest {
    display: none;
}

body.profile #player_shell_shell.playerClosed #memberlist ul.first_batch {
    visibility: hidden;
}

	
#memberlist_shell #memberlist li.clear {
	clear:both; display:block; float:none; height:1px;
	}	

#memberlist li 	{
	width:23%; 
	color:#FFF; font-size:80%;
	padding:0 5px 0 6%;
	border-right:1px solid #9BD;
    list-style-type: none;
    float: left;
    overflow: hidden;
	position:relative;        
	margin:10px 0;
	}
	
#memberlist a 	{
	color:#FFF;
	}	
	
#memberlist.open li 	{
	border-bottom:1px solid #FFF;
	padding:10px 5px 10px 6%;
	}	
	
#memberlist li.clear 	{
	border-style:none;
	}	
	
#member_tab_bottom {
    clear: both;
    position: relative;
    margin-left: -1px;
    margin-bottom: -64px;
    height: 37px;
	}

#member_tab_se {
	position:absolute; 
    bottom: 0px;
    right:-1px;
	width:37px; 
    height:37px;
	background:url(/static/images/member_tab_se.gif) right bottom no-repeat;
	}

* html #member_tab_se {
    bottom: -1px; right:-2px;
}

#memberlist a 	{
	display:block;	padding-top:0;
	font-size:110%;
	}
	
#memberlist img 	{
	width:30px; height:22px;
	border:1px solid #CDE;
	}	
	
	
#participant {
	width:60%; height:66px;
	left:0; top:11px;
	background:url(/static/images/participant_bg.gif) 28px 5px no-repeat;	
    float: left;
    margin:5px 5px 5px -4px; 
    margin:0;     padding:0;
    position:relative;
	}
		
#participant_bg_right {
	background:transparent url(/static/images/participant_bg_right.gif) no-repeat scroll 0 0;
	height:56px;
	position:absolute;
	right:0;
	top:5px;
	width:15px;
	}	
#participant img {	
	position:absolute;
	width:60px; height:44px; margin:10px 10px 0 38px;
	border:1px solid #DDD;
	}

#participant p {	
	margin:5px 5px 0 106px; font-size:11px; color:#FFF;
	}

#participant a {	
	color:#FFF; text-decoration:underline;
	}	

/* Logged In Participant */

.loggedParticipantPhoto.havePhoto .loggedParticipantPhotoLink
    { display: inline; }

.loggedParticipantPhoto.noPhoto .loggedParticipantPhotoLink
    { display: none; }



















/* SOURCE LINK: <link type="text/css" rel="stylesheet" href="/static/{{ level }}/css/player/modal.css" /> */
/* Modal dialog */

#modalOverlay {
  background-color:#000;
  cursor:wait;
}

#modalContainer  {
	height: auto;
	width: 360px;
	left: 50%;
	top: 15%;
	margin-left: -150px;
  	}


#modalContainer a {text-decoration:underline; color:#fff;}  	

#addKeeper_dialog {
	border:1px solid #FFF;
    height: 150px;
	border-color:#FFF #336 #336 #FFF;
}
	
#addKeeper_dialog #addKeeper_dialog_OK {
    float: right; 
    position: relative;
    top: -25px;
}

#addKeeper_dialog #addKeeper_dialog_Create {
    float: right; 
    position: relative;
    top: -22px;
}

#addKeeper_dialog #addKeeper_dialog_Cancel {
    float: right; 
}

#addKeeper_dialog_newCloudDiv, #addKeeper_dialog_cancelDiv {
    margin-left: 10px;
    margin-top: 9px;
}

#addKeeper_dialog .menu_arrow_shell  {
    background: url(/static/images/br_menu_arrow.gif) no-repeat;
    height: 26px;
    overflow: hidden;
    position: absolute;
    right: 0;
	text-decoration: none;
    top: 0;
    width: 26px;
}

#addKeeper_dialog .menu_arrow  {
	text-decoration: none;
}

#addKeeper_dialog_targetCloudDiv {
    background: url(/static/images/br_menu_bg.gif) no-repeat;
    color: #266878;
    cursor: pointer;
    font-size: 150%;
    height: 26px;
	letter-spacing: 0;
    margin-left: 10px;
    margin-right: 45px;    
    margin-top: 9px;
    width: auto;
	overflow: hidden;
    padding-left: 10px;
    padding-right: 27px;
    padding-top: 3px;
    position: relative;
    text-decoration: none;
	text-transform: none;
	white-space: nowrap;
}

#addKeeper_dialog_clouds {
    background: #50A0B9;
    border-color: #FFF #333;
    border-style: solid;
    border-width: 0 1px 2px 1px;
    left: 20px;
    list-style-type: none;
    margin: 0.5em 0px;
    margin-top: -60px;
    max-height: 350px;
    overflow: auto;
    padding: 0 0 10px 0; 
    position: relative;
    top: 57px;
    width: 250px;
    z-index: 210;
}

#addKeeper_dialog_cloudsDiv {
    position: absolute;
}

#addKeeper_dialog_clouds b {
	color: #99CCF0;
	font-size: 90%;
	letter-spacing: .3em;
	padding-left: 5px;
	text-transform: uppercase;
}

#addKeeper_dialog_clouds li {
    border: 1px solid #50A0B9;
    line-height: .9em; 
    padding-bottom: 0;
    padding-top: 0; 
	margin: 0; 
}

#addKeeper_dialog_clouds li a {
    color: #FFF; 
    cursor: pointer;
	display: block;
    padding: 4px 10px;
    text-decoration: none;
    width: auto;
}

#addKeeper_dialog_clouds li a.on {
	background-color: #8BC;
}

#addKeeper_dialog_clouds li a:hover {
	background-color: #4090A0; 
}



/* SOURCE LINK: <link type="text/css" rel="stylesheet" href="/static/{{ level }}/css/player/playlist_gfm.css" /> */
/* Track list */

.tracklist {
    border-style: solid;
    border-width: 0 0 1px;
	margin: 0;
    overflow: auto;
    padding:0;
    position: relative;
}

#all_recs .tracklist {
    z-index:10; 
	}

/* Track player */

.track, .track td {
    z-index: 0;
    height: auto;
    line-height: 15px;
	padding: 3px 0; 
    margin-left: 12px;
	clear: both;
    font-size: .9em;
    border-width: 1px 0; 
    border-style: solid;
    border-color: #E4E4E4;
    cursor: pointer; 
}

#info_shell .track, #info_shell .track td {
    border-color: #CCC #CCC #D0D0D0 #CCC;
}

.track.on, .track.play, .track.on td, .track.play td {
    border-color:#CCC;     
}

#info_shell .track.on, #info_shell .track.play {
    border-color:#999;     
}


.track.on.clicked,
#info_shell .track.on.clicked {
    border-color:#E74;     
}

.track.voteddown, .track.votedup, .track.voteddown td, .track.votedup td {
    border-color:#DDD; 
}

.track.voteddown, .track.trashed {
	color:#AAA; 
}

.track.over, .track.over td {
    border-color:#999; 
}

#info_shell .track.over {
    border-color:#999 #999 #999 #999; 
}
	
.track .number {
    text-align: right;
}

.track .artist {
    font-weight: bold;
}

.track .title {
    font-style: italic;
}

.track .progress_bars {

}

.track .load_progress, .track .play_progress {
    position: absolute;
    top: 0;
    height: 100%;
    display: none;
}

* html .track .play_progress {
    height: 17px;
}


* html .track .load_progress {
    height: 17px;
}



.track .load_progress {
    background: url(/static/images/gray.gif) #DDD 100% 0 repeat-y;
    z-index: -2;
}

.track.clicked .load_progress {
    background: url(/static/images/gray.gif) #FFF 100% 0 repeat-y;
    z-index: -2;
}

.track .play_progress {
    background: #ADF;
    z-index: -1;
}

.track .inside_progress {
    position: relative;
    width: 100%;
}



.track.on .load_progress {
    display: block;
}

.track.on .play_progress {
    display: block;
    background: #BCD;
}
    
.track.play .play_progress {
    background: #ADF;
}    

.track.nonfree {
	color:#333;
	background:none; 
}

.track.free {
    color:#28B;
    background: url(/static/images/icon_track_free.gif) 0 50% no-repeat;
}


/* Track buttons */

li.track {
    position: relative;
}
dt.track {
	position:relative;
}

.rank	{margin-left:14px;}

.rank, .artist, .title	{
	position:relative;
}

.scrub_thumb	{
	display:none;	
	width: 12px; height:30px;
    background: url(/static/images/scrub_tumb.gif) 50% 50% no-repeat;	
    position:absolute;
    top:-4px;
    left:0;
}	

.free.on.over .scrub_thumb	{
	display:block;	
}	

li.track .track_btns {
    position: absolute;
    display: block; 
    padding: 0; 
    margin: 0; 
    top: 2px;
    right: 5px;
    height: 17px; 
}
dt.track .track_btns {
    position: absolute;
    display: block; 
    padding: 0; 
    margin: 0; 
    top: 2px;
    right: 5px;
    height: 17px; 
}

tr.track td.track_btns {
    width: 75px;
}

.track .track_btns a {
    display: block;
    float: left;
    height: 0;
    padding-top: 17px;
    overflow: hidden;
    background-repeat: no-repeat;
    text-decoration: none;
}

.track.over .track_btns a, 
.track.on .track_btns .play_btn,
.track.votedup .voteup_btn, 
.track.voteddown .votedown_btn {
    background-image: url(/static/images/gray_buttns_bigger.gif);
}

.track.over .background {
    background-color: #DFDFDF;
}

.track a.play_btn { width:25px; background-position: -71px 0;}	  
.track a.play_btn:hover {background-position: -71px -20px; }
.track.play a.play_btn {background-position: -71px -40px;  }

.track a.keep_btn {width:25px; }
.track a.keep_btn {background-position: 0 0; }
.track a.keep_btn:hover {background-position:  0 -20px; }

.track a.votedown_btn {width:21px; }
.track a.votedown_btn {background-position: -26px 0; }
.track a.votedown_btn:hover {background-position:  -26px -20px; }

.track a.voteup_btn {width:24px; }
.track a.voteup_btn {background-position: -47px 0; }
.track a.voteup_btn:hover {background-position:  -47px -20px; }

.track a.trash_btn {width:12px; height:11px }
.track a.trash_btn {background: url(/static/images/trash_icon.gif) 3px 0 no-repeat; }
.track a.trash_btn {background-position: 3px 0; }
.track a.trash_btn:hover {background-position:  3px -24px; }

.track a.buy_btn {width:52px; }
.track a.buy_btn {background-position: -66px 0; }
.track a.buy_btn:hover {background-position:  -66px -13px; }

.track a.artistlink_btn {width:40px; }
.track a.artistlink_btn {
	    background: url(/static/images/artist_buttons.gif) no-repeat;
	    background-position: 0 0; }
.track a.artistlink_btn:hover {background-position:  0 -20px; }

.track a.albumlink_btn {width:40px; }
.track a.albumlink_btn {
		    background: url(/static/images/artist_buttons.gif) no-repeat;
		    background-position: -50px 0; }
.track a.albumlink_btn:hover {background-position:  -50px -20px; }

.track.nonfree a.play_btn {
	width:25px;
}

.track.nonfree.on a.play_btn, .track.nonfree.over a.play_btn {
    background: url(/static/images/play_popopen.gif) 0 0 no-repeat;
}

.track.nonfree a.play_btn:hover {background-position: 0 -20px; }
.track.nonfree.play a.play_btn {background-position: 0 -40px;  }

.track.voteddown a.votedown_btn {background-position:  -26px -40px; }
.track.votedup a.voteup_btn {background-position:  -47px -40px; }
.track.trashed a.trash_btn {background-position: 3px 0 }

/* When home, show voteup and votedown; when away show owned and blacklisted
  added these borders to distinguish these - need to set CSS for real

.gfm .track.owned .voteup_btn { 
        border: solid blue 1px; 
        background-image: none;
}

.gfm .track.blacklisted .votedown_btn { 
        border: solid red 1px; 
        background-image: none;
}

*/




/* SOURCE LINK: <link type="text/css" rel="stylesheet" href="/static/{{ level }}/css/player/player.css" /> */
body {
    background-color: #8A9E9D;
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: small;
}

h4 {
    border-width: 0; 
}

/* The masthead */

#masthead {
	background: url(/static/images/masthead_participants_alt.gif) #AACBD7 no-repeat scroll 0 0;
	height: 68px;
}

.logo {
	overflow: hidden;
}
	
.logo a {
	display: block; 
    padding-top: 200px;
    width: 100%; 
}	



	


/* The main content */

#main_content {
	background:url(/static/images/grade_vert11.gif) 0 0 repeat-x;
	border-bottom:1px solid #CDE1EC;
	border-top: 2px solid #276781;
	margin-bottom: 0;
	padding-left: 40px;
	padding-top: 0;
    position: relative;

}





/* The first column */

#col_one {
    position: relative;
}


/* The player */

#player_shell_shell {
	background-color: #CCC;
	border: 16px solid #4B4B4B;
	border-width: 0 16px; 
	margin-top: 18px;
	min-width: 540px;
	padding: 0;    
	position: relative;
	width: 60%;
}
	
* html #player_shell_shell {
	width: expression( this.scrollWidth < 540 ? "539px" : "60%" );
    /* sets MIN-width for ie6 */
}	

/* for info pane */
#player_shell_shell.moreInfoOpen #player_shell {
    width: 60%;
}
#player_shell_shell.moreInfoClosed #player_shell {
    width: 96%;
}

#player_shell_shell.moreInfoOpen #info_shell,
#player_shell_shell.moreInfoOpen #info_header {
    display: block;
}
#player_shell_shell.moreInfoClosed #info_shell,
#player_shell_shell.moreInfoClosed #info_header {
    display: none;
}


#player_shell_shell.moreInfoOpen #info_toggle,
#player_shell_shell.moreInfoClosed #info_toggle	{
	z-index:210;
}


#player_shell_shell.moreInfoOpen #info_toggle {
    left: 60%;
}
#player_shell_shell.moreInfoClosed #info_toggle {
    left: 96%;
}

#player_shell {
	background-color: #E0E0E0;
	border: 1px solid #666;
	border-width: 0 1px 0 0;
    clear: both;
    display: inline;
    width: 60%;
    float: left;
	padding: 0;
    z-index: 20;
}
	
#player_shell_shell .tile-top {
	background: url(/static/images/nw_sky.gif) #81A7B3 no-repeat scroll left top; 
    height: 45px;
    position: relative;
}

body#viewparticipant #player_shell_shell .tile-top {
    height: 70px;
}


#player_shell_shell .tile-top div {
	background: transparent url(/static/images/ne_sky.gif) no-repeat scroll right top;
    height: 45px;
}


body#viewparticipant #player_shell_shell .tile-top div {
    height: 70px;
}

	
#player_shell_shell #tile-bottom {
	background: url(/static/images/sw_blue_tall2.gif) #60A9BB no-repeat scroll left bottom;	
    height: auto;
 	margin: 0 -16px -1px;
    position: absolute;
    width:100%;
    margin-top: 99%;
}


body.profile #player_shell_shell #tile-bottom {
    border:1px solid #4B4B4B;
    border-width:0 16px 0 0;
    width:auto;    
    position: relative; 
}


	
#player_shell_shell #tile_bottomDiv {
	background: url(/static/images/se_blue_tall2.gif) #60A9BB no-repeat scroll right bottom;
    bottom: 0;
	height: 30px;
	position: absolute;
	right: 0;
	top: auto; 
	width: 39px;
	margin-right:-32px;
    z-index: 2000;
}

body.home #player_shell_shell #tile_bottomDiv {
	height: 100%;
}

body.home #player_shell_shell #tile-bottom	{
	padding-bottom:10px;	
}

body.profile #player_shell_shell #tile_bottomDiv {
	margin-right:-16px;
}


#player_shell_shell .tile {	
    border-bottom: 1px solid #4B4B4B; 
}	

* HTML #player_shell {
    margin-right: -5px; 
}


/* Stations menu */

#current_station_shell {
    left: 0px; 
    height: 45px;
    position: absolute; 
    top: 0px; 
    width: 100%;
}


body#viewparticipant #current_station_shell {
    left: 84px; 
    top: 31px; 
}


h2#current_station {
    background: url(/static/images/br_menu_bg.gif) no-repeat;
    color: #266878;
    cursor: pointer;
    font-size: 150%;
    height: 26px;
	letter-spacing: 0;
    margin-left: 10px;
    margin-right: 180px;    
    margin-top: 9px;
    width: auto;
	overflow: hidden;
    padding-left: 10px;
    padding-right: 27px;
    padding-top: 3px;
	text-transform: none;
	white-space: nowrap;
}

h2#current_station .menu_arrow_shell {
    background: url(/static/images/br_menu_arrow.gif) no-repeat;
    height: 26px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
}

a#seed_menu_trigger:hover {
	text-decoration: none;
}

#seed_menu_trigger {
    color: #555;
	display: block;
    font-size: 90%;
    height: 20px;
    left: 40px;
    margin-top: 0;
    margin-left: 10px;
    margin-right: 0;    
    padding-left: 10px;
    padding-right: 15px;
    padding-top: 6px;
    position: relative;
    width: 130px;
}

#seed_tab {
    background: url(/static/images/br_menu_bg_gray_alt.gif) no-repeat -91px -36px;
    left: 101px;
    overflow: hidden;
    padding-right: 5px;
    position: relative;
    top: 2px;
    white-space: nowrap;
	width: 212px; 
}
	
#seed_tab.on {
	background-position: -91px 0;
}	

* html h2#current_station {
	font-weight: bold;
}

#initial_library {
	background-color: #81A7B3;
	color: #266878;
	display: none;
	font-size: 150%;
	left: 9px;
	padding: 4px 5px;
	position: absolute;
	top: 8px;
	z-index: 200;
}

#seed_tab .menu_arrow_shell {
    background: url(/static/images/br_menu_arrow_gray_alt.gif) no-repeat 0 -36px;
    height: 26px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
}

#seed_tab.on .menu_arrow_shell {
	background-position: 0 0;
}	    

a.menu_arrow {
    cursor: pointer;
	display: block;
    height: 26px;
    text-decoration: none;
    width: 26px;
}

#seed_menu_choices {
    background: #AAA;
    border-color: #FFF #FFF #FFF #999;
    border-style: solid;
    border-width: 0 1px 1px 0;    
    left: 102px;
    height: 300px;
    overflow: auto;
    position: absolute;
    top: 26px;
    width: 202px;
    z-index: 200;
}

#seed_menu_choices ul {
    border-color: #FFF #FFF #FFF #999;
    border-style: solid;
    border-width: 0 0 1px 0;
    list-style-type: none;
    margin-top: 0;
    margin-left: 0;
    padding: 0;
}

#seed_menu_choices li a {
    color: #FFF; 
    cursor: pointer;
	display: block; width: auto;
    padding: 4px 10px;
    text-decoration: none;
}

#seed_menu_choices li a:hover {
	background-color: #9F9F9F; 
}

#seed_menu_choices li a.on {
	background-color: #8BC;
}

#stations {
    background: #50A0B9;
    border-color: #FFF #333;
    border-style: solid;
    border-width: 0 1px 2px 1px;
    left: 20px;
    max-height: 350px;
    overflow: auto;
    position: absolute;
    top: 35px;
    width: 62%;
    z-index: 210;
}

* HTML #stations {
	height: expression( this.scrollHeight < 351 ? "350px" : "auto" );
}

#stations b,
#seed_menu_choices b {
	color: #99CCF0;
	font-size: 90%;
	letter-spacing: .3em;
	padding-left: 5px;
	text-transform: uppercase;
}

#seed_menu_choices b {
	color: #D9D9D9;
}


#stations ul {
    list-style-type: none;
    margin: 0.5em 0px;
    padding: 0 0 10px 0; 
}

#stations ul#libraries {
	border-bottom: 1px dotted #9CE; 
}

#stations li {
    border: 1px solid #50A0B9;
    line-height: .9em; 
    padding-bottom: 0;
    padding-top: 0; 
	margin: 0; 
}

#stations li a {
    color: #FFF; 
    cursor: pointer;
	display: block;
    padding: 4px 10px;
    text-decoration: none;
    width: auto;
}

#stations li a.on {
	background-color: #8BC;
}

#stations li a:hover {
	background-color: #4090A0; 
}


/* Station buttons */

.inline_btns {
	list-style-type: none;
}

.inline_btns li {
	float: left; 
}

#cloud_buttons {
    height: 34px;
    margin: 0;
    overflow: hidden;    
    padding: 0; 
    position: absolute; 
	right: 75px; 
	top: 12px;
}

#cloud_buttons li {
    height: 34px;
    margin: 0;
    overflow: hidden;
}

#cloud_buttons li a,
#station_options li a {
	color: #FFF; 
	display: block; 
	height: 34px;
    padding-top: 100px;
    text-decoration: none;
    width: 100%; 
}
	
#cloud_buttons li a {
	background: url(/static/images/edit_buttons.gif) no-repeat;
}
	
	
#cloud_buttons li a:hover,
#station_options li a:hover {
	padding-top: 19px;	
}	

#cloud_buttons li a span,
#station_options li a span {
	display: block;
    left: 0;
    position: absolute;
    width: 90px;
}	
	
#new_cloud_btn {
	width: 29px;
}
li#new_cloud_btn a {
	background-position: 0 0;
}
#new_cloud_btn a:hover {
	background-position: 0 -40px;
}
#new_cloud_btn.on a {
	background-position: 0 -80px; 
}
#new_cloud_btn.on a:hover {
	background-position: 0 -80px;
}
#new_cloud_btn.on,
#save_playlist_btn {
    height: 34px;
}
	
#save_playlist_btn {
    display: none;
	width: 22px;
}
li#save_playlist_btn a {
	background-position: -29px 0;
}	
li#save_playlist_btn a:hover {
	background-position: -29px -40px;
}
	
#save_playlist_btn.on a {
	background-position: -29px -80px; 
}
#save_playlist_btn.on a:hover {
	background-position: -29px -80px;
}	
	
	
#delete_cloud_btn {
	width: 24px;
}
li#delete_cloud_btn a {
	background-position: -51px 0;	
}
#delete_cloud_btn a:hover {
	background-position: -51px -40px;
}

	
#edit_cloud_btn {
	width: 26px;
}
li#edit_cloud_btn a {
	background-position: -75px 0;
}	
li#edit_cloud_btn a:hover {
	background-position: -75px -40px;
}
	
#edit_cloud_btn.on a {
	background-position: -75px -80px; 
}
#edit_cloud_btn.on a:hover {
	background-position: -75px -80px;
}	
	
	
#station_options {
    height: 34px;
    margin: 0; 
    overflow: hidden;    
    padding: 0;
	position: absolute; 
    right: 0;
    top: 12px; 
    width: 65px;
}


body#viewparticipant #station_options {
    top: 43px; 
}


	
#station_options li {
	float: left; 
    white-space: nowrap;
}
	
#station_options li	a span {
	position: relative;
}	
	
#station_options a {
    background: url(/static/images/br_options_btns.gif) no-repeat;
    background-position: 0 1px;
	display: block;
}


li#emailthis {
    width: 43px;
}
#emailthis a {
    background-position: 0 0;
	background: url(/static/images/mail_alt.gif) no-repeat;	
}						
#emailthis a:hover {
    background-position: 0 -41px;
}

li#makewidget {
    width: 30px; 
}
#makewidget a {
    background-position: -26px 0;
}
#makewidget a:hover {
    background-position: -26px -41px;
}

li#launchradio {
    width: 56px;
}
#launchradio a {
    background-position: -56px 0;
}
#launchradio a:hover {
    background-position: -56px -41px;
}

li#launchradio span {
    position: absolute;
    width: 20px;
}

#station_options li#launchradio a span {
	width: 20px;
}	

li#headless {
    width: 76px; 
}
#headless a {
    background-position: -112px 0;
}

#headless a:hover {
    background-position: -112px -41px;
}


li#killheadless {
    width: 76px;
}
#killheadless a {
    background-position: -228px 0;
}

#killheadless a:hover {
    background-position: -228px -41px;
}



li#headlesshelp {
    width: 34px;
}
li#headlesshelp a span {
    left: 80px;
    position: absolute;
}

#headlesshelp a {
    background-position: -188px 0;
}
#headlesshelp a:hover {
    background-position: -188px -41px;
}

li#headlesshelp_running {
    display: none;
    width: 34px;
}
#headlesshelp_running a {
    background-position: -304px 0;
}
#headlesshelp_running a:hover {
    background-position: -304px -41px;
}

#station_options #waitheadless a {
    background: url(/static/images/waiting_headless.gif)  0 0 no-repeat;
}
li#waitheadless {
    width: 76px;
}

#waitheadless a {
    background-position: -208px 0;
}
#waitheadless a:hover {
    background-position: -208px -41px;
}

#headlesshelp.running a {
    background-position: -304px 0;
}
#headlesshelp.running a:hover {
    background-position: -304px -41px;
}

* HTML li#headless {
    margin-left: -15px;
}
* HTML li#killheadless {
    margin-left: -15px;
}
* HTML li#waitheadless {
    margin-left: -15px;
}

#memberrecsText,
#headlessText {
	color: #333; 
	display: block; 
    font-size: 90%; 
	line-height: 120%;
	padding: 2px 20px 0 20px; 
}

/* Dialogs that appear on top of the playlist */

#dialogs {
	height: auto;
	padding: 0;
}

.dialog_div {
	background-color: #5C8697;
	padding: 10px 20px 5px 15px;	
}

.dialog_div .buttons {
    margin-top: 5px;
}

#dialogs,
#dialogs h3,
#dialogs p,
#dialogs label {
	color: #FFF;
}
	
#login_dialog,
#signup_dialog {
	background-color: #6A0;
}
	
#dialogs .overlabel {
	color: #EEE;
}
	
#dialogs h1 {	
	color: #99B0C0;
	font-size: 100%;
	margin: -8px 0 6px;
}

#dialogs h2 {
	color: #EEE;
	font-size: 110%;
	letter-spacing: 0;
	margin: 14px 0 3px;
	text-transform: none;
}
	
#dialogs h3 {
	margin-bottom: .5em;
}	

#dialogs form {
	padding-left: 0;
}
	
#dialogs p.error {
    font-size: 110%;
	padding: 5px 0 0 0;
}

#dialogs .helptext {
	background: url(/static/images/help_brackets_green.gif) 0 0 repeat-x;
	display: block;
    font-size: 90%;
    height: 80px;
    line-height: 150%;
    padding: 5px;
    position: absolute;
    right: 11px;
    top: 90px;
	width: 114px;
}

/* Player controls */

#player_controls {
	background: url(/static/images/grade_vert1.gif) 0 0 repeat-x;
	border-bottom: 1px solid #111; 
    color: #FFF; 
	height: 19px; 
    overflow: hidden; 
	padding: 4px 0 0 0;
    white-space: nowrap;
}
	
#player_controls,
#player_controls ul,
#player_controls li,
#player_controls span {
    white-space: nowrap;
}
	
#player_controls ul.track_btns { 
	position: absolute;
    left: 10px;
    margin: 0;
    padding: 0;
}
	
#player_controls ul.track_btns li {
    float: left;
    height: 15px;
    overflow: hidden;
}

#player_controls ul.track_btns li.buy_btn {
    float: right;
    margin-right: 8px;
}


#player_controls a {
	background: url(/static/images/player_buttons.gif) no-repeat;
    cursor: pointer;
	display: block;	
	height: 15px; 
    padding-top: 100px;
}

#player_controls label,
#info_header label {	
	color: #BBB;
	display: inline;
	font-size: 9px;
	margin: 0;
}

#player_controls li.back_btn a  {
    background-position: 0 0;
    width: 28px;
}
#player_controls li.back_btn a:hover  {
    background-position: 0 -34px;
}
#player_controls.on li.back_btn a  {
    background-position: 0 -34px;
}
#player_controls.on li.back_btn a:hover  {
    background-position: 0 -17px;
}

#player_controls li.play_btn a  {
    background-position: -28px 0;
    width: 30px;
}
#player_controls li.play_btn a:hover  {
    background-position: -28px -34px;
}
#player_controls.on li.play_btn a  {
    background-position: -28px -17px;
}
#player_controls.on li.play_btn a:hover  {
    background-position: -28px -51px;
}

#player_controls li.next_btn a {
    background-position: -58px 0;
    width: 28px;
}
#player_controls li.next_btn a:hover {
    background-position: -58px -34px;
}
#player_controls.on li.next_btn a {
    background-position: -58px -34px;
}
#player_controls.on li.next_btn a:hover {
    background-position: -58px -17px;
}

#player_controls li.keep_btn a {
    background-position: -90px 0;
    width: 32px;
}
#player_controls li.keep_btn a:hover {
    background-position: -90px 0;
}
#player_controls.on li.keep_btn a  {
    background-position: -90px -34px;
}
#player_controls.on li.keep_btn a:hover  {
    background-position: -90px -17px;
}

#player_controls li.buy_btn a {
    background: url(/static/images/buy_artist_round.gif) 0 0 no-repeat;
    width: 76px;
}
#player_controls li.buy_btn a:hover {
    background-position: 0 0;
}
#player_controls.on li.buy_btn a {
    background-position: 0 -34px;
}
#player_controls.on li.buy_btn a:hover {
    background-position: 0 -17px;
}

#player_controls li.voteup_btn a {
    background: url(/static/images/vote_round.gif) 4px 0 no-repeat;
    width: 25px;
}
#player_controls li.voteup_btn a:hover {
    background-position: 4px 0;
}
#player_controls.on li.voteup_btn a {
    background-position: 4px -34px;
}
#player_controls.on li.voteup_btn a:hover {
    background-position: 4px -17px;
}

#player_controls li.votedown_btn a {
    background: url(/static/images/vote_round.gif) -21px 0 no-repeat;
    width: 25px; 
}
#player_controls li.votedown_btn a:hover {
    background-position: -21px 0;
}
#player_controls.on li.votedown_btn a {
    background-position: -21px -34px;
}
#player_controls.on li.votedown_btn a:hover {
    background-position: -21px -17px;
}

#now_playing {
    display: block;
    left: 100px;
	overflow: hidden;
	position: absolute; 
}	

/* Tracklist headers */

.tracklist {
	border-width: 0;
	overflow: visible;
}

h4#tracklist_header
 {
	background-color: #CCC;
    border-bottom: 1px solid #999; 
    border-top: 0;
    font-size: 1em; 
    font-weight: normal; 
    letter-spacing: 0; 
    margin: 0; 
	padding: 3px 5px 1px 4px;
	text-transform: none; 
}

/* Main playlist */

#playlist_container {
	background-color: #E4E4E4;
}

#empty_top_message {
    color: #888;
    margin: 0;
    padding: 1em;
}
	
hr#list_divider {
	background: url(/static/images/grade_vert1.gif) 0 -10px repeat-x;
    border: 1px solid #f00; 
    display: none; 
	height: 1px; 
    margin: 0;
    padding: 0;
}	

.spinner {
    padding: 1em;
    margin: 0;
}

/* Bottom lists */

#tabs {
    border-bottom: 0 solid #666;
    position: relative;
}

.pane {
	background-color: #E4E4E4;
    max-height: 200px;
    min-height: 150px;
	overflow: auto;
	position: relative;
}

body.gfm .pane {
    max-height: 800px;
}


body.gfm .tracklist,
body.topdownloads .tracklist {
    
}

body.profile .tracklist {
    max-height: 800px;
}




* html .pane {
	height: expression( this.scrollHeight < 151 ? "150px" : "auto" ); 
    /* sets MIN-height for ie6 */
	height: expression( this.scrollHeight > 200 ? "201px" : "auto" ); 
    /* sets MAX-height for ie6 */
}
	
* html body.gfm .pane {
	height: auto
}

* html body.gfm .tracklist {
	height: auto;
}



* html body.topdownloads .tracklist {
	height: auto;
}




* html body.profile .tracklist {
	height: expression( this.scrollHeight < 151 ? "150px" : "auto" ); 
    /* sets MIN-height for ie6 */
	height: expression( this.scrollHeight > 800 ? "201px" : "auto" ); 
    /* sets MAX-height for ie6 */
}
	
	
	
#panes .tracklist,
#info_shell .tracklist {
    max-height: none;
    min-height: none;
	overflow: visible;
}
    
#panes .tracklist_header, 
#tabs .tracklist_header	{
	background-color: #CCC;
    border-bottom: 0 solid #999; 
    border-top: 1px solid #999;
    clear: both;
    font-weight: normal; 
    letter-spacing: 0; 
    margin: 0; 
    padding: 2px 5px 6px 4px; 
	text-transform: none; 
}


#member_recs_pane .tracklist_header {
	border-width:1px 0 0 0; border-color:#AAA; background:transparent;	
}	

#seed_pane .tracklist {
    width: 100%;
}

#panes #seed_pane .tracklist_header {
    padding-bottom: 18px;
}



#pane_header {
    float: left;
}

.pane_header {
    display: block;
    float: left;
    margin: 0;
}

#gfm_paging_form{
    float: right;
    position: relative;
    top: 0;
}

#gfm_page_size_field {
    width: 3em;
}

#panes #seed_pane .bottomHeader {
    height: auto;
	padding: 8px; 
	text-align: right;
}


#panes {


}


/* overlabel */

label.overlabel-apply {
	color: #999;
	left: 22px;
	padding: 0 0 0 3px;
	position: absolute;
	z-index: 1;
}
	
label.overlabel-apply {
	color: #999;
	left: 0;	
	margin: 14px 0 -20px 3px;
	position: relative;
    white-space: nowrap;
	width: 100px;
	z-index: 1;
}	
        
.linklabel label.overlabel-apply {
	left: 5px;
}

.linklabel {
	position: relative;
}
	
#footer {
    margin-top: 150px; 
    padding-left: 40px;
	display: none;
}


/* for jQuery Sortable */
.sortHelper
{
	border: 3px dashed #666;
	width: auto !important;
}

#shrink_player_toggle span {
	display: block;
    padding-top: 50px;
}
	
#shrink_player_toggle {
	background: url(/static/images/srink_button.gif) -32px 0 no-repeat;
	display: block;
	left: -16px;
    height: 24px;
	overflow: hidden;
	position: absolute;
    top: 45px;
	width: 16px;
}

body#viewparticipant #shrink_player_toggle {
    top: 70px;
}


#shrink_player_toggle:hover {
	background-position: -48px 0;
}


#player_shell_shell.playerClosed #shrink_player_toggle {
	background-position: 0 0;
}
#player_shell_shell.playerClosed #shrink_player_toggle:hover {
	background-position: -16px 0;
}


#player_shell_shell.playerClosed #tile-bottom {
	background: url(/static/images/sw_blue_tall_shrunk2.gif) #60A9BB 0 0 no-repeat;
}
	
#player_shell_shell.playerClosed #tile_bottomDiv {
	background: url(/static/images/se_blue_tall_shrunk2.gif) #60A9BB 0 0 no-repeat;
}
	
#player_shell_shell.playerClosed #all_playlists,
#player_shell_shell.playerClosed #all_playlists *,
#player_shell_shell.playerClosed #info_shell,
#player_shell_shell.playerClosed #info_toggle {
    visibility: hidden;
    height: 0; 
    position: absolute;
}

/* Body: Logged In Participant */

.loggedIn .loggedParticipantHint,
.loggedIn .loggedParticipantLinks {
    display: inline;
}

.loggedIn .loggedOutLinks { 
    display: none;
}

.loggedOut .loggedParticipantHint,
.loggedOut .loggedParticipantLinks {
    display: none;
}

.loggedOut .loggedOutLinks {
    display: inline;
}

/* State */

.here { display: block;
}
.here.inline,
span.here,
a.here,
.inline,
span {
    display: inline;
}
	
.gone {
    display: none;
}

.shown { 
    visibility: visible;
}

.hidden {
    visibility: hidden;
}

#tabs	{
	position:relative; 	z-index:200;
}

	
/* major z-index stuff */
#player_shell_shell	{
	z-index:3;	
}

#bottom_tbc.tile 	{
	z-index:2;
}


#_gutter 	{
	z-index:1;
}

#_gutter 	{
	z-index:1;
}


.sort_by.on  {
    font-weight: bold;
}

#head_inplayer	{
	border:1px solid #CCDDFF;
	height:50px;
	left:13px;
	position:absolute;
	top:13px;
	width:65px;	
}


body.profile #col_zero.subheader h2 {
	padding-right:330px;
	text-align:center;
	font-size:130%;
	margin:2px 0;
}

h2#player_header	{
	color:#CCDDFF;
	font-size:125%;
	left:86px;
	letter-spacing:0pt;
	position:absolute;
	text-transform:none;
	top:5px;
}

body#viewparticipant #stations {
	left:-10px;
	top:90px;
}



#allrecs_radiobtntext,
#freerecs_radiobtntext	{
	font-size:90%;
}









































/* SOURCE LINK: <link type="text/css" rel="stylesheet" href="/static/{{ level }}/css/player/infopane.css" /> */
a#info_toggle {
	position:absolute;
	height:17px;
	margin-left:-20px;
	width:21px;
	z-index:20;	
	text-decoration:none;
	margin-top:2px;
	}


#info_toggle	{
	background:transparent url(/static/images/moreinfo_toggle.gif) 0 0 no-repeat;
	}

#info_toggle:hover	{
	text-decoration:none;
	background-position:0 -20px;	
	}

.moreInfoOpen #info_toggle	{
	background-position:0 -40px;	
	}

.moreInfoOpen #info_toggle:hover	{
	background-position:0 -60px;	
	}



/* more info pane
- - - - - - - - - - - - - - - */
#info_shell	{
	display:block;
	margin-left:0; 
	position:relative;
    width:39%;
    height: 100%;
    overflow:auto;
}


*html #info_shell	{
    width:37%;
}

#more_by {
	position: relative;
	border-bottom:0 solid #999;
	font-size:90%; line-height:150%; 
	color:#222;
	}
	
#more_by p {
	margin:0 0 0 20px; 
	}	
		
		

		
#info_header	{
	font-weight:normal;
	padding:3px 0 0 9px;
	overflow:hidden; white-space:nowrap; height:18px; margin:0;
	position:relative;	
	border:1px solid #CCCCCC;
	border-width:0 0 1px;
	color:#666;
	font-size:90%;
	letter-spacing:0;	
	}


*HTML #info_header span	{
	font-size:90%;	}


#info_shell h3, #info_shell h4	{
	text-transform:none;
	color:#000;
	letter-spacing:0;
	font-size:90%;
	border-width:0;
	border-bottom:1px solid #999;
	background-color:#BBB;
	padding-top:5px;
	}
	
#info_header label	{
	color:#000;
	}	
	
	
#more_by h5 {
	padding:.5em 0 0 10px;
	color:#555;
	}	

#more_by .tracklist {
	height:auto;
	max-height:none;	
	overflow:visible;
	margin-bottom:10px;
	}
	
#more_by .tracklist li {
	font-size:.8em;
	padding:2px 0;
	}
	
#more_by .track {
	line-height:11px;
	}	
	
#more_by_free, #more_by_notfree {
    position:relative;
    margin-bottom: 1px; /* fixes a bug where scroll bars show when list is really small */
}


#more_by_artist_art	{
	margin:10px;
	}


#info_shell .artist	{
	display:none;
	}

/* SOURCE LINK: <link type="text/css" rel="stylesheet" href="/static/{{ level }}/css/player/playground.css" /> */
#recs_tab {
	cursor:pointer;
    position:absolute; 
    top:2px; 
    left:10px;
    height: 26px;
    overflow:hidden; 
    border-width:0;
	background:url(/static/images/br_menu_bg_gray_alt.gif)  0 0 no-repeat;	
	}

#recs_tab span {
	margin-top:100px; 
    display:block;
	}

#recs_tab {
	width:91px;
	background-position:0 0;
    }	
	
#recs_tab.on {
	background-position:0 -36px;
    }	

h5.button	{
 	margin:0 0 0 18px;
 	width:101px; 
    height:15px;
	overflow:hidden;
	}
	
h5.button a	{
	padding-top:100px; 
    display:block; 
    cursor:pointer;
	}
		

h5.button#headlessTwo a	{
    background:url(/static/images/killer_recs_gray_btn.gif) 0 0 no-repeat;
	}

h5.button#headlessTwo	{
    width:82px; height:20px;
	}



/* SOURCE LINK: <link type="text/css" rel="stylesheet" href="/static/{{ level }}/css/player/columns.css" /> */

/* layout
- - - - - - - - - - - - - - - - - - */


#col_one, #col_two, #col_three,
#col_zero {
	margin:0; width:auto; border:none; margin:auto;
	}
	
	
#col_one	{
	background-color:#99AFAF;
	}

#col_two	{

	}

#col_three	{
	background-color:#99AFAF;
	}


#col_zero {
	width:auto; margin:0;
/*	padding:0 32px 0 40px; */
	padding:0 0 0 40px;
	width:60%;
	position:relative;
	z-index:40;
	}
	

.col, #col_three, #col_two, #col_one	{
	position:relative;
	width:33%; margin:0; padding:0;	
	float:left;
	}
	
.tbc_td 	{padding-top:0;}	
	
.taste_based_content {
	padding:0 10px 20px 10px;
	color:#222; font-size:90%;	
	line-height:150%;
	}


tr.rowtwo .taste_based_content {
	border-top:8px solid #8A9E9D;
	}
	
tr.rowtwo .tbc_td {
	padding-top:0;
	}


* HTML .taste_based_content {
	font-size:75%;	
	line-height:150%;
	}
	
	
	
.taste_based_content a {
	color:#168;
	}

.taste_based_content a:hover {
	color:#059;
	}
	
	
#broadcast_broadcast_img img	{
	border:1px solid #CCC;
	}

	
#col_two .taste_based_content, #tbc_td_col_two .taste_based_content {
	border-color:#99AFAF;
	}	


	
.broadcasts, .broadcasts label	{
	color:#333;
	}
	
.broadcasts h1, .broadcasts h2, .broadcasts h3, .broadcasts h4	{
	color:#FFF;
	border:none;
	}	


.broadcasts h3	{
	color:#F0F0F0;
	font-size:90%;
	}
	
	
.broadcasts h4, .broadcasts h4 a	{
	color:#F0F0F0;
	font-size:120%;
	line-height:115%; letter-spacing:1px;
	font-weight:normal;
	}	
	
.broadcasts h3.from_co	{
	padding:0 0 5px 0;
	border-top:none; border-bottom:none;
	border:1px solid #C3CECF; border-width:1px 0;
	margin:0 0 5px 0;	
	display:none;
	}
	
.broadcasts h3.from_co img {	
	right:0;
	top:0;
}	


.broadcasts h3.col_header {
	margin:45px 0 10px 0;
	color:#CCCCDE;
	}



#stuff_label {
	position:absolute; top:40px; left:0; width:100%; 
	border:4px solid #992244; border-width:2px 0 0 0;
	}
	
* HTML #stuff_label {
	padding-left:0; margin:0;
	}	
	
#stuff_label img {
	position:absolute; right:46px; top:-13px;
	}	
	
#gutter {
	width:30%; 
	position:absolute; right:0; top:122px; 
	#FFF;
	}
	

.vertnav {
	list-style:none;
	margin:0; padding:0;
	position:relative;
	}
	
	
	
#right_nav {	
	font-size:95%;	
	}	
	
ul.vertnav li {
	position:relative;
	border-bottom:1px solid #C6D0D0;
	margin:0;
	padding:0 10px;
	}	
	
.vertnav a.navlink {
	color:#FFF;
	font-weight:bold;
	padding:9px 5px;
	display:block;
	width:100%; height:100%;
	}
	
	
/* resets list styles for subnav */
ul.vertnav li li {
	border:none;
	}	
	
	
	
.vertnav li li a {
	color:#FFF;
	font-weight:normal;
	padding:0;
	display:inline;
	}


a.subhide	{
	font-size:90%; font-weight:normal; color:#FFF;
	}
	
	



.toggle {
	width:38px; height:32px;
	position:absolute; top:0; right:0;
	border:none;
	background:url(/static/images/nav_arrows.gif) no-repeat 50% 11px;	
	}
	
.toggle:hover {
	background-position: 50% -19px;	
	}	


* HTML .toggle {
	right:16px;
	}


	
.toggle:hover {
	cursor:pointer;
	}	
	
/* .open .toggle {
	height:32px;
	background-position: 50% -53px;	
	}	
	




	
.open .toggle:hover {
	background-position: 50% -86px;	
	}		


may not need this any more */	


.vertnav a:hover {
	text-decoration:underline;
	}


.vertnav li.open {
	padding-bottom:10px;
	position:relative;
	background: url(/static/images/grade_vert10.gif) 0 0 repeat-x;
	}

.subdir, .vn_info, ul.vertnav li a.subhide, .subhide, .halfbanner  {
	display:none;
	}

.vertnav .open a.navlink,
.open .subdir, .open .vn_info, 
ul.vertnav li.open a.subhide, .open .subhide, ul.vertnav,
.open .halfbanner
	{
	display:block;
	}
	
ol.subdir, ol.subdir li  {
	position:relative;
	}	
	
.open a.navlink {
	color:#FFF;
	}
	
.open .subdir {
	height:100px; overflow:auto;	
	border:1px solid #CCC; border-width:0;
	}


#grade_shell	{
	height:60px;
	margin:-60px 0 0 -40px;
	padding-left:40px;
	z-index:2;
	width:70%;
	background-color:#8A9E9D;
	position:relative;
	}


#grade	{
	height:50px;
	background: url(/static/images/grade_vert9.png) 0 0 repeat-x;	
	width:100%;
	margin-left:-40px;
	margin-top:0;
	position:absolute;
	display:none;
	}
	
* html #grade
	{background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/grade_vert9.png',sizingMethod='scale');
	margin:0; width:100%;
	padding-left:40px;}	
	

#grade_patch_right	{
	width:33%; background-color:#99AFAF;
	position:relative; float:right; height:60px;
	margin-right:1%
	}





/* SOURCE LINK: <link type="text/css" rel="stylesheet" href="/static/{{ level }}/css/player/subnav.css" /> */
#masthead {
	background:url(/static/images/grade_vert12.gif) #699DBA  repeat-x scroll 0 0;
	height:83px; border-width:0;
	z-index:100;
	margin-bottom:0;
    }
    
#masthead_bg {
	background:url(/static/images/masthead_coldstart.gif)  no-repeat scroll 0 0;
	height:100%;
	position:absolute; 
	width:100%;
    }    

#navigation {
	left: 58px;	
    top: 0;
}



#logo {
	background: url(/static/images/logo_small.png) no-repeat scroll 0 0;
    height: 29px;
    left: 20px;
	top: 27px; 
    width: 321px;
}


#logo.flyfi {
	background: url(/static/images/logo_flyfi_blue.png) no-repeat scroll 0 0;
    height: 54px;
    left: 20px;
	top: 40px; 
    width: 114px;
}

#logo.flyfi a {
    width: 120px;
}




* html #logo
	{background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/logo_small.png',sizingMethod='scale'); }

* html #logo.flyfi
	{background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/logo_flyfi_blue.png',sizingMethod='scale'); }



#main_content	{
	border-top:2px solid #276781;
}


body.profile #main_content	{
	border-top:1px solid #276781;
}

body.profile #col_zero.subheader	{
	border-top:2px solid #276781;
	border-width:2px 0 1px 0;	
	background-color:#99DD00;
	height:auto;		
	
}


#col_zero.subheader .inline_btns	{
	margin:5px 0 2em 0;	
}


#col_zero.subheader .inline_btns a	{
	color:#FFF; text-decoration:none;
}

#col_zero.subheader .inline_btns li	{
	font-size:90%;
	padding:0 6px 8px 6px; border-right:1px solid #FFF;
}

#col_zero.subheader .inline_btns li.active	{
	background-color:#447788;
}



body#viewme.profile #col_zero.subheader	{
	background-color:#6A99B4;
}


#logo,
#logo a {
    height: 29px;
    width: 321px;
}	


#login {
    font-size: 90%;
    left: 627px;
    padding: 0; 
    text-align: right;
	top: 2px;
    width: 120px; 
    z-index: 20;
}

#bracket_left,
#bracket_right {
	display: none;
}




#subnav {
	background-color:#444455;
	border-bottom:1px solid #000000;
	margin-left:-20px;
}


#ad_banner	{
	border-top:2px solid #276781;
	padding-top:12px;
	background-color:#596C72;	
	text-align:center;
}	


.inline_btns {
	list-style-type:none;
}

.inline_btns li {
	float:left;
}


ul#subnav	{
	background: none;
	border-width: 0;
	height: 19px; width:900px;
	left: 80px;	
	margin: 0;
	width: 900px;
	position: absolute;
	top: 66px;	
	z-index: 300;
	padding:0;
}	

ul#subnav.flyfi	{
	left: 180px;	
}	

ul#subnav li	{
	position:relative;	
	height:19px; 
	overflow:hidden;
}


ul#subnav li li {
	height:auto;
	overflow:visible;
	float:none;
	margin-bottom:.5em;
}




ul#subnav li ol {
	height:auto;
	margin:0;
	padding:0 0 0 2em;
}

ul#subnav li ul {
	list-style-type:none;
	margin:0 0 0 0;
}


ul#subnav li a	{
	width:100%;
	background:url(/static/images/subnav_home_people.gif) no-repeat 0 0;	
}


ul#subnav li li a, ul#subnav li .subnav_extra a	{
	background: none;	
	color:#FFF;
	height: auto;
}


ul#subnav li li a:hover, .subnav_extra a:hover  {
	text-decoration:underline;
}


ul#subnav li li	{
	background:none;
}

ul#subnav li.over	{
	height:31px;
}

ul#subnav li.highlighted.over	{
	height:19px;
}

.toggle {
	display:none;
	position:absolute; right:0; top:10px; 
	background:url(/static/images/subnav_toggle.png) no-repeat 0 0;		
	z-index:10;
}

* html .toggle
	{background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/subnav_toggle.png',sizingMethod='scale'); }


.toggle, .toggle:hover {
	background-position:0 0; 
	width:21px; height:21px;
}

.over .toggle, .open .toggle {
	display:block; 
}



.open .toggle_shell {
	display:block;
	height:10px; 
	width:100%; 
}


.highlighted .toggle_shell, .highlighted.over .toggle, .highlighted.over .toggle_shell  {
	display:none
}



ul#subnav li.open	{
	overflow:visible;
}	

ul#subnav li a	{
	display:block; width:100%; height:19px; padding:0 0 0 0;
	text-decoration:none;
}	

ul#subnav li a span	{
	visibility:hidden;
}	


.subnav_extra	{
	display:none;
}


.open .subnav_extra	{
	display:block;
	background-color:#1B3E4F;
	color:#FFF;
	height:auto;
	position:relative;
	top:-2px;
}


.open .subnav_extra ul	{
	height:auto; margin:0; padding:0;
}

ul#subnav li.open .subnav_extra ul li	{
	float:none; height:auto; margin:0 0 .5em 0;
}


.subnav_extra h4	{
	margin-bottom:1em;
}


ul#subnav li.highlighted {
	background:url(/static/images/grade_vert13.gif) repeat-x 0 0;		
	padding-top:41px;
	top:-41px;
}



ul#subnav #sub_home.highlighted a:hover	{
	cursor:default; background-position:0 -60px;
}

ul#subnav #sub_home	{
	width:66px;
}


ul#subnav #sub_home a	{
	background-position:0 0;	
}
 
ul#subnav #sub_home a:hover {
	background-position:0 -30px;	
}

ul#subnav #sub_home.open {
	background-position:0 -30px;	
}







ul#subnav #sub_me.highlighted a:hover	{
	cursor:default; background-position:-66px -60px;
}

ul#subnav #sub_me	{
	width:45px;
}


ul#subnav #sub_me a	{
	background-position:-66px 0;	
}
 
ul#subnav #sub_me a:hover {
	background-position:-66px -30px;	
}

ul#subnav #sub_me.open {
	background-position:-66px -30px;	
}






ul#subnav #sub_members.highlighted a:hover	{
	cursor:default; background-position:-66px -60px;
}

ul#subnav #sub_members	{
	width:74px;
}


ul#subnav #sub_members a	{
	background-position:-111px 0;	
}
 
ul#subnav #sub_members a:hover {
	background-position:-111px -30px;	
}

ul#subnav #sub_members.open {
	background-position:-111px -30px;	
}











ul#subnav #sub_newreleases	{
	width:125px;
}

ul#subnav #sub_newreleases a	{
	background-position:-185px 0;		
}

ul#subnav #sub_newreleases.open a	{
	background-position:-185px -30px;		
}

ul#subnav #sub_newreleases a:hover	{
	background-position:-185px -30px;		
}

ul#subnav #sub_newreleases.highlighted	{
	background-position:-185px -60px;		
}





ul#subnav #sub_allmp3s	{
	width:122px;
}

ul#subnav #sub_allmp3s a	{
	background-position:-310px 0;		
}

ul#subnav #sub_allmp3s.open a	{
	background-position:-310px -30px;		
}

ul#subnav #sub_allmp3s a:hover	{
	background-position:-310px -30px;		
}

ul#subnav #sub_allmp3s.highlighted	{
	background-position:-310px -60px;		
}





ul#subnav #sub_topdownloads	{
	width:135px;
}

ul#subnav #sub_topdownloads a	{
	background-position:-432px 0;		
}

ul#subnav #sub_topdownloads.open a	{
	background-position:-432px -30px;		
}

ul#subnav #sub_topdownloads a:hover	{
	background-position:-432px -30px;		
}

ul#subnav #sub_topdownloads.highlighted	{
	background-position:-432px -60px;		
}






ul#subnav #sub_contests	{
	width:79px;
}

ul#subnav #sub_contests a	{
	background-position:-567px 0;		
}

ul#subnav #sub_contests.open a	{
	background-position:-567px -30px;		
}

ul#subnav #sub_contests a:hover	{
	background-position:-567px -30px;		
}

ul#subnav #sub_contests.highlighted	{
	background-position:-567px -60px;		
}

ul#subnav #sub_contests .subnav_extra	{
	width:150%;
}



/* formatting contents of popups */


.subnav_extra	{
	font-size:80%;
	padding:5px;
}

.subnav_extra img	{
	float:left; margin:0 5px 5px 0;
	width:50px; 
	height:50px;
}

.subnav_extra strong	{
	font-size:90%;
}












/* remove this once real ighlight logic is in place */

body.home ul#subnav li#sub_home a  {
	background-position:0 -60px;
}

body.gfm ul#subnav #sub_allmp3s a	{
	background-position:-310px -60px;		
}

body.gfm ul#subnav li#sub_allmp3s {
	background:url(/static/images/grade_vert13.gif) repeat-x 0 0;		
	padding-top:41px;
	top:-41px;
}

body.gfm ul#subnav li#sub_home a {
	background-position:0 0;
}

body.gfm li#sub_allmp3s.over .toggle {
	display:none
}

body.gfm #masthead, body.topdownloads #masthead  {
	height:85px;
}

body.home ul#subnav li#sub_home {
	background:url(/static/images/grade_vert13.gif) repeat-x 0 0;		
	padding-top:41px;
	top:-41px;
}




body#viewme.profile ul#subnav #sub_me a	{
	background-position:-66px -60px;		
}

body#viewme.profile ul#subnav li#sub_me {
	background:url(/static/images/grade_vert13.gif) repeat-x 0 0;		
	padding-top:41px;
	top:-41px;
}

body.profile ul#subnav li#sub_me {
	background-image:none;		
	padding-top:0;
	top:0;
}

body#viewme.profile ul#subnav li#sub_members {
	background-image:none;		
	padding-top:0;
	top:0;
}

body.profile ul#subnav li#sub_home a {
	background-position:0 0;
}

body.profile ul#subnav li#sub_home a:hover {
	background-position:0 -30px;
}


body.profile li#sub_me.over .toggle {
	display:none
}



body.profile ul#subnav #sub_members a	{
	background-position:-111px -60px;		
}


body.profile ul#subnav #sub_members.gone	{
	display:block;		
}

body#viewme ul#subnav #sub_members.gone	{
	display:none;		
}


body#viewme.profile ul#subnav #sub_members a	{
	background-position:-111px 0;		
}

body.profile ul#subnav li#sub_members,
body#people ul#subnav li#sub_members {
	background:url(/static/images/grade_vert13.gif) repeat-x 0 0;		
	padding-top:41px;
	top:-41px;
}

body#viewme.profile ul#subnav #sub_members a:hover	{
	background-position:-111px -30px;		
}

body.profile ul#subnav #sub_me a:hover	{
	background-position:-66px -30px;		
}



body.profile ul#subnav li#sub_home a {
	background-position:0 0;
}

body.profile ul#subnav li#sub_home a:hover {
	background-position:0 -30px;
}

body.profile li#sub_members.over .toggle {
	display:none
}






body#fmf_detail ul#subnav #sub_newreleases a	{
	background-position:-185px -60px;		
}

body#fmf_detail ul#subnav li#sub_newreleases {
	background:url(/static/images/grade_vert13.gif) repeat-x 0 0;		
	padding-top:41px;
	top:-41px;
}

body#fmf_detail ul#subnav li#sub_home a {
	background-position:0 0;
}

body#fmf_detail li#sub_newreleases.over .toggle {
	display:none
}



body.topdownloads ul#subnav #sub_topdownloads a	{
	background-position:-432px -60px;		
}

body.topdownloads ul#subnav li#sub_topdownloads {
	background:url(/static/images/grade_vert13.gif) repeat-x 0 0;		
	padding-top:41px;
	top:-41px;
}

body.topdownloads ul#subnav li#sub_home a {
	background-position:0 0;
}

body.topdownloads li#sub_topdownloads.over .toggle {
display:none
}




body#contests ul#subnav #sub_contests a	{
	background-position:-567px -60px;		
}

body#contests ul#subnav li#sub_contests {
	background:url(/static/images/grade_vert13.gif) repeat-x 0 0;		
	padding-top:41px;
	top:-41px;
}

body#contests ul#subnav li#sub_home a {
	background-position:0 0;
}

body#contests li#sub_contests.over .toggle {
	display:none
}


body#newreleases ul#subnav li#sub_home a:hover,
body.gfm ul#subnav li#sub_home a:hover,
body#fmf_detail ul#subnav li#sub_home a:hover,
body.topdownloads ul#subnav li#sub_home a:hover,
body#contests ul#subnav li#sub_home a:hover {
	background-position:0 -30px;
}




/* END remove this once real ighlight logic is in place */
/* SOURCE LINK: <link type="text/css" rel="stylesheet" href="/static/{{ level }}/css/player/tbc.css" /> */
body#tbc_agg {
	background-color: #DCE2E2;
}

.pop_icon {
	background: url(/static/images/newwindow_icon_blue.gif) no-repeat scroll 0 0;
}


body#tbc_agg .pop_icon {
	background: url(/static/images/newwindow_icon_blue.gif) no-repeat scroll 0 0;
}

#col_one {
	margin: 0 31% 0 60px;
	padding-right: 50px;
}

h2#page_header {
	margin: -6px 0 10px -60px;
}

#gutter	 {
	position: absolute;
	right: 0;
	top: 18px;
	width: 31%;	
}

body#tbc_agg #gutter {
	top: 110px;	
}

#bottom_tbc {
	margin: 140px 40% 10px 30px;

}
	
#gutter h2.header,
#bottom_tbc h2.header {
    color: #333;
    letter-spacing: .2em; 
    font-size: 90%; 
	margin: -10px 0 5px 0;
	text-transform: uppercase; 
}

#bottom_tbc h2.header {	
	margin: -25px 0 22px 12px;	
}
	
#gutter h2.header a {
	color: #333;
}	

#gutter .broadcasts {
	border-left: 4px solid #A1CBE3;
	padding-left: 9px;
}

#gutter .broadcasts .tile-top {
	background: url(/static/images/nw_gutter_blue.gif) no-repeat scroll 0 0;	
    height: 18px;
    margin-left: -13px;
	margin-right: -10px;    
    position: relative;	
	width: 100%;
}
		
#gutter .broadcasts .tile-bottom {
	background: url(/static/images/sw_gutter_blue.gif) no-repeat scroll 0 0;		
    height: 18px;
    margin-left: -13px;    
	margin-right: -13px;    
    position: relative;	
    width: 100%;
}	

#gutter .tile_mask {
	background-image: url(/static/images/add_tile_mask_blue2.png)
}


body#tbc_agg #gutter .broadcasts .tile-top {
	background: url(/static/images/nw_gutter2.gif) no-repeat scroll 0 0;	
}
		
body#tbc_agg #gutter .broadcasts .tile-bottom {
	background: url(/static/images/sw_gutter2.gif) no-repeat scroll 0 0;		
}

body#tbc_agg #gutter .broadcasts {
	border-left: 5px #4C4C4C solid;
}

body#tbc_agg #gutter .broadcasts .tile-top,
body#tbc_agg #gutter .broadcasts .tile-bottom {
    height: 22px;
	margin-left: -14px; 
}


.taste_based_content {
	padding: 4px 10px 24px 20px;
	position: relative;
}

#bottom_tbc .taste_based_content {
	padding-bottom: 16px;
	font-size: 80%;
	line-height: 130%;	
}

#gutter .taste_based_content {
	padding: 4px 10px 20px 40px;
	position: relative;
}

#gutter h4.header {
	color: #444;
	font-size: 90%; 
    margin: -4px 0 10px 0;	
}
	
#gutter .taste_based_content {
	height: auto;
    margin: 0 0 8px 0;	
	overflow: hidden;
	width: auto;
}	
	
#gutter .taste_based_content.banner {
	padding: 10px 0 0 0;
	background: none;
}
	

.tbc_type_header {
    left: 4px; 
    height: 77px;
	position: absolute; 
    top: 4px; 
    width: 8px; 
}

.taste_based_content.new_release .tbc_type_header {
	background: url(/static/images/newreleas_header_vert.gif) no-repeat 0 0;	
}

.taste_based_content.article .tbc_type_header {
	background: url(/static/images/article_header_vert.gif) no-repeat 0 0;	
}

.taste_based_content.article.three .tbc_type_header {
	background: url(/static/images/article_header_vert2.gif) no-repeat 0 0;	
}


#gutter .taste_based_content.new_release.two {	
    border-top: 1px solid #99CCFF;
    padding-top: 23px;
}	

#gutter .taste_based_content.article {	
	background-color: #91CE44;
}

#gutter .taste_based_content.article.three {	
	background-color: #6DB6C1;
}
	
.broadcast_img span {
	background: url(/static/images/img_mask_blue5.png) no-repeat 0 0;
    bottom: 4px; 
	display: block; 
    left: 0;
    height: 15px; 
    position: absolute; 
    width: 15px; 
}	
	
body#tbc_agg #bottom_tbc .broadcast_img span {
	background: url(/static/images/img_mask_blue5.png) no-repeat 0 0;
}		

#gutter .broadcast_img span	 {
	bottom: 0;
	left: -40px;	
}	


#gutter .taste_based_content.new_release.two .broadcast_img span {	
	background: url(/static/images/img_mask_blue5.png) no-repeat 0 0;
}

#gutter .taste_based_content.new_release .broadcast_img span {	
	background: url(/static/images/img_mask_blue5.png) no-repeat 0 0;	
}

#gutter .taste_based_content.article .broadcast_img span {	
	background: url(/static/images/img_mask_blue5.png) no-repeat 0 0;
}

#gutter .taste_based_content.article.three .broadcast_img span {	
	background: url(/static/images/img_mask_blue5.png) no-repeat 0 0;	
}

#gutter .broadcast_img img,
.main_broadcast .broadcast_img img {
	border: 1px solid #888;
	border-width: 0 0 1px 1px;
    height: 110px;
    margin: 0 8px 0 -40px;
	position: relative; 
	width: 110px; 
}

#gutter .taste_based_content a {	
	color: #000;
	text-decoration: underline;
}
	
#gutter .taste_based_content h4 a {	
	color: #116688;
	text-decoration: none;
}


#bottom_tbc .broadcast_img img {
	border: 1px solid #BBB;
	border-width: 0 0 1px 1px;
    height: 75px;
    margin: 0 8px 4px 0;
	position: relative; 
	width: 100px; 
}

#bottom_tbc table {
	margin: -15px 0 -26px 0;
}


#gutter .mp3, 
.mp3 {
	display: block;
	float: left;
	margin: -26px 0 0 33px;
	position: relative;
	width: 110px;
}
	
a.single_dwnld {
	background: url(/static/images/single_dwnld_btn.gif) no-repeat 0 0;		
	color: #FFF;
    display: inline; 
	font-size: 22px; 
    height: 22px;
	margin-bottom: 4px;
	padding: 0;
    width: 50px; 
}
	
a.single_dwnld img, 
a.single_dwnld:hover img {
	border-width: 0;
}	

a.single_dwnld:hover {
	background-position: 0 -113px;
	color: #CFF;
	text-decoration: none;
}
	

#gutter label {
	margin: 0;
}

#gutter h4 {
	margin-bottom: 2px;
}


.broadcasts, 
#help_text {
    color: #333; 
	font-size: 90%; 
    line-height: 130%;
    position: relative;
}	

#gutter .broadcasts h4, 
#bottom_tbc.broadcasts h4 {
    letter-spacing: 0;
	text-transform: none; 
}

#gutter .broadcasts h4 {
	font-size: 100%;
}


.main_broadcast h4 {
	font-size: 150%;
	font-weight: normal;
}

.main_broadcast h4 a {
	color: #666;
}



#bottom_tbc.broadcasts h4 {
    border-width: 0;
	font-size: 88%;
}
	
.taste_based_content.article p {
	margin-bottom:.2em;
}
	
.tbc_links {
	line-height: 100%;
	margin: 0 0 10px 0;
}

.tbc_links dd {
	border: 1px solid #789;
	border-width: 0 1px 0 0;	
	display: inline;
	font-size: 10px; 
	line-height: 140%;
	margin: 0;
	padding: 0 5px;
}

	
.broadcasts h3.from_co {
    border-color: #EEE;	
	border-width: 1px 0 0 0; 
	display: block; 
	font-size: 100%;
    height: 20px;
	letter-spacing: 0;
	margin: 4px 12px 0 0;
	padding: 0;
    position: relative;
	text-transform: none;
	width: auto; 
}
	

body#tbc_agg .broadcasts h3.from_co {
	border-top: 1px solid #BBB;		
}
	
.from_co span {
	background: url(/static/images/co_logo_mask_blue2.gif) no-repeat 0 0;	
    height: 18px;
	position: absolute; 
    right: -2px;
    top: -1px; 
	width: 67px; 
}	
	
body#tbc_agg #bottom_tbc .from_co span {
	background: url(/static/images/co_logo_mask.gif) no-repeat 0 0;	
}

	
.broadcasts h3.from_co img {
    height: 16px;
	position: absolute;
	right: -1px;
	top: 0;
	width: 65px; 
}	
	

body.co .broadcasts h3.from_co {
	display: none;
}	


body.co .broadcasts .main_broadcast	 h3.from_co {
	display: block;
	position: absolute;
	top: -26px;
}	
	
body.co .broadcasts .main_broadcast {
	margin-top: 28px;
}
	
h5.more_by_co {
	border: 1px solid #999;
	border-width: 1px 0;
	height: 19px;
	margin: -3px 0 -26px -80px;
	padding: 0 90px 0 0;
	text-align: right;	
}
	
	
/* broadcasts tile borders etc. 
- - - - - - - - - - - - - - - - - - - - */

.broadcasts.tile, 
broadcasts.ttile {
	border-color: #6DABCF;
}

.broadcasts .tile-top {
	background-image: url(/static/images/northwest_blue2.gif);
    position: relative;
}

.broadcasts .tile-top div {
	background-image: url(/static/images/northeast_blue2.gif);
}

.broadcasts .tile-bottom {
	background-image: url(/static/images/southeast_blue2.gif);
    position: relative;
}

.broadcasts .tile-bottom div {
	background-image: url(/static/images/southwest_blue2.gif);
}	
	

#bottom_tbc.tile {
	border-color: #9FA7A7; 
    border-width: 5px;
	background: none;
}
	
#bottom_tbc .tile-top,
#bottom_tbc .tile-bottom {
	margin-left: -15px;
	margin-right: -15px;
	width: auto;
}

#bottom_tbc .tile-top {
	background-image: url(/static/images/nw_tbc_bottom4.gif);
    height: 22px;
    position: relative; 
}

#bottom_tbc .tile-top div {
	background-image: url(/static/images/ne_tbc_bottom4.gif);
	height: 22px;
}

#bottom_tbc .tile-bottom {
	background-image: url(/static/images/sw_tbc_bottom4.gif);
	height: 22px;  
    position: relative;
	top: 5px;
}

#bottom_tbc .tile-bottom div {
	background-image: url(/static/images/se_tbc_bottom4.gif);
	height: 22px;	
}

body#tbc_agg #bottom_tbc.tile {
	border-color: #848888;
}
	
body#tbc_agg #bottom_tbc .tile-top {
	background-image: url(/static/images/nw_tbc_bottom2.gif);
}

body#tbc_agg #bottom_tbc .tile-top div {
	background-image: url(/static/images/ne_tbc_bottom2.gif);
}

body#tbc_agg #bottom_tbc .tile-bottom {
	background-image: url(/static/images/sw_tbc_bottom2.gif);
}

body#tbc_agg #bottom_tbc .tile-bottom div {
	background-image: url(/static/images/se_tbc_bottom2.gif);
}

/* main text stuff */

.broadcast_img {
	position: relative; 
    float: left;
}


.main_broadcast .broadcast_img {
    height: auto; 
	margin: 0 20px 10px -60px;
	width: auto; 
}


.main_img {
	display: block; 
    height: auto;
	margin: 0;
    position: relative; 
    width: auto; 
}


h2.header {
    font-size: 160%;	
	letter-spacing: 0; 
	margin-left: 0; 
    text-transform: none; 
}
	
h2.header a,
h2.header a:hover {
	color: #555; 
    text-decoration: none;
}	

.main_broadcast .broadcast_img span {
	display: block;
    height: 28px; 
    position: absolute;
    width: 28px; 
}	


.main_broadcast .broadcast_img span.one {
	background: url(/static/images/main_img_nw.png) no-repeat 0 0;
    left: 0;
	top: -1px; 
}	
	
.main_broadcast .broadcast_img span.two {
	background: url(/static/images/main_img_se.png) no-repeat 0 0;
    bottom: 0;
	left: auto; 
    right: -1px; 
}		

.main_broadcast .broadcast_img img {
    height: auto;
	position: relative; margin: 0;
	border: 1px solid #E0E0E0;
	border-width: 0 0 1px 1px;
	width: auto; 
}


/* IE hacks  */


* html body#tbc_agg #gutter .taste_based_content {
	background: none; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/tbc_tab_mask_alt.png',sizingMethod='scale');
}	

* html  body#tbc_agg #gutter .broadcast_img span {
	background: none; 
	bottom: -1px; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/img_mask_blue5.png',sizingMethod='scale'); 
}	
	
* html  body#tbc_agg #gutter .taste_based_content.two .broadcast_img span {	
	background: none; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/img_mask_blue5.png',sizingMethod='scale'); 
}		
	
* html  body#tbc_agg #gutter .taste_based_content.article.three .broadcast_img span {	
	background: none; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/img_mask_blue5.png',sizingMethod='scale'); 
}	
	
	
* html .broadcast_img span {
	background: none; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/img_mask_blue5.png',sizingMethod='scale'); 
}	


* html #gutter .new_release .broadcast_img span {	
	background: none; 
	bottom: -1px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/img_mask_blue5.png',sizingMethod='scale');
}	
	
* html #gutter .taste_based_content.two .broadcast_img span {	
	background: none; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/img_mask_blue5.png',sizingMethod='scale'); 
}	
	
	

* html #gutter .taste_based_content.article .broadcast_img span {	
	background: none; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/img_mask_blue5.png',sizingMethod='scale'); 
}	

* html #gutter .taste_based_content.article.three .broadcast_img span {	
	background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/img_mask_blue5.png',sizingMethod='scale'); 
}	
	


* html #gutter .tile_mask {
	background: none; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/add_tile_mask_blue2.png',sizingMethod='scale'); 
}	
	
	
* html .broadcast_img span {
	background: none; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/img_mask_blue5.png',sizingMethod='scale'); 
}	
	
* html body#tbc_agg #bottom_tbc .broadcast_img span {
	background: none; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/img_mask_blue5.png',sizingMethod='scale'); 
}	
	

* html .main_broadcast .broadcast_img span.two {
	background: none; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/main_img_se.png',sizingMethod='scale'); 
}	
	
* html .main_broadcast .broadcast_img span.one {	
	background: none; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/main_img_nw.png',sizingMethod='scale'); 
}	
	
	

* html .main_broadcast .broadcast_img { 
    margin-left: -30px; 
}



* html  #crosshairs_one,
* html  #crosshairs_three {
	display: none;
}
	
	
.coldStartOn #footer	 {
	margin-top: 600px;
}



/* SOURCE LINK: <link type="text/css" rel="stylesheet" href="/static/{{ level }}/css/player/coldstart.css" /> */
body /* body.coldStartOn */  {
	background-color: #CDE1EC;
    }

/* Body: coldstart */

.coldStartOn #current_station,
.coldStartOn #player_controls,
.coldStartOn #shrink_player_toggle,
.coldStartOn #current_station_shell,
.coldStartOn #cloud_buttons,
.coldStartOn #station_options,
.coldStartOn #playlist_container,
.coldStartOn #panes,
.coldStartOn #recs_tab,
.coldStartOn #tracklist_header,
.coldStartOn #stations,
.coldStartOn #info_toggle,
.coldStartOn #login_dialog, 
.coldStartOn #signup_dialog_1,  
.coldStartOn #new_cloud_name,
.coldStartOn .new_release.two,
.coldStartOn #gutter .taste_based_content.banner.two,
/*.coldStartOn #_gutter .taste_based_content.banner.two,*/
.coldStartOn #tabs .tracklist_header
    { display: none; }	
    
.coldStartOn #bottom_tbc	{
	margin:113px 0pt 10px;
	position:absolute;
	width:47%;	
	}
	
.coldStartOn #gutter, .coldStartOn #_gutter	{
	position:relative;
	top:115px; width:39%;
	float:right;
	}

.coldStartOn  #gutter .broadcasts .tile-top,
/*.coldStartOn  #_gutter .broadcasts .tile-top {
	background:transparent url(/static/images/nw_gutter_blue2.gif) no-repeat scroll 0pt 50%;
}
*/
#bottom_tbc .displayText	{
	display:none;
	}
	
.coldStartOn #bottom_tbc .displayText	{
	display:block; position:absolute; top:-80px;
	}


* HTML .coldStartOn #bottom_tbc .displayText	{
	top:-25px;
	}

.coldStartOn #bottom_tbc .header span	{
	white-space:nowrap;
	background:transparent url(/static/images/cloud_bottom.gif) no-repeat 0 0;	
	padding:48px 0pt 0pt 43px;
	left:-70px; width:620px;
	}	



.coldStartOn #start_here,
.coldStartOn #dialogs,
.coldStartOn #new_cloud_dialog, 
.coldStartOn #pick_station, 
.coldStartOn #player_shell,
.coldStartOn #stations_shell_shell, 
.coldStartOn #tabs
    { display: block; }
    
#pick_station, #start_here	{
	display:none;	
	}
	
/* .coldStartOn  #masthead */

    
.coldStartOff #start_here,
.coldStartOff #pick_station
    { display: none; }
    
    
.coldStartOff #player_shell_shell.haveWritableLibrary #edit_playlist_btn,
.coldStartOff #player_shell_shell.haveWritableLibrary #email_playlist_btn,
.coldStartOff #player_shell_shell.haveWritableLibrary #delete_playlist_btn
    { display: inline; }	

.coldStartOff #player_shell_shell.noWritableLibrary #edit_playlist_btn,
.coldStartOff #player_shell_shell.noWritableLibrary #email_playlist_btn,
.coldStartOff #player_shell_shell.noWritableLibrary #delete_playlist_btn
    { display: none; }	

.coldStartOff .loggedIn #save_playlist_btn, 
.coldStartOff .loggedOut #player_shell_shell.noWritableLibrary #save_playlist_btn
    { display: none; }	

.coldStartOff .loggedOut #player_shell_shell.haveWritableLibrary #save_playlist_btn
    { display: inline; }	


.coldStartOn #main_content {
	background:url(/static/images/grade_vert11.gif) transparent 0 0 repeat-x;
	border-top:0 solid #4A6774;
	padding:65px 10px 10px 93px;
}


.coldStartOn #player_shell_shell {
	width:350px; min-width:0;
	}





.coldStartOn #cloudname,
.coldStartOn h2#newCloudnameHead,
.coldStartOn h2#editCloudnameHead,
.coldStartOn #new_cloud_dialog h1,
.coldStartOn #participant,
.coldStartOn #memberlist_shell  {
	display:none;
	}
	
	
.coldStartOn #dialogs, .coldStartOn #player_shell, .coldStartOn #player_shell_shell,
.coldStartOn .dialog_div {
	background:none;
	}	
	
	
.coldStartOn #player_shell, .coldStartOn #tabs	{
	border-width:0;
	}
	
.coldStartOn #seed_tab	{
	background:url(/static/images/br_menu_bg.gif) 0 0 repeat-x;	
    left: 15px;	
	}
	
.coldStartOn #seed_tab .menu_arrow_shell {
	background:url(/static/images/br_menu_arrow_coldstart.gif) no-repeat scroll 0 0;
	}
	
	
.coldStartOn #player_shell_shell .tile-top	{
	display:block;
	background:transparent url(/static/images/cloud_top.gif) no-repeat scroll 0;	
	left:-44px;	margin:0; top:-42px;
	width:100%; padding-right:44px;
	
	
	}

.coldStartOn #player_shell_shell .tile-top div	{
	background:transparent url(/static/images/ne_coldstart.gif) no-repeat scroll 0;	
	height:22px; width:29px;
	position:absolute; right:-10px; top:23px; width:29px;
	}


* HTML .coldStartOn #player_shell_shell	{
	width:300px;
	}


* HTML .coldStartOn #player_shell_shell .tile-top div	{
	right:-54px;
	}
	
* HTML .coldStartOn #player_shell_shell #tile_bottomDiv	{
	right:-32px;
	}	
	
.coldStartOn #player_shell_shell #tile-bottom	{
	height:22px; margin:0 -10px -1px -10px;
	background: url(/static/images/sw_coldstart.gif) 0 0 no-repeat ;	
	}

.coldStartOn #player_shell_shell #tile_bottomDiv {
	width:29px; height:100%; right:0;
	background: url(/static/images/se_coldstart.gif) 0 0 no-repeat ;
	right:12px;
	}
	
	
.coldStartOn h2	{
	color:#416273;
	letter-spacing:0.1em;
	text-transform:none;	
	font-size:110%;
	}

.coldStartOn #dialogs h2  {
	color:#416273;
	margin:0 0 3px 0;

	}

.coldStartOn h2#cantThink  {
	color:#416273;
	margin:1px 0 3px 17px;

	}
	

	
.coldStartOn #tagline {
	position:absolute; top:0; left:0;
	color:#FFF; font-size:120%;
	}
	
	

/* tbc stuff  */

    
    
	
.displayText, .displayText h2, #main_content .displayText h2,
.coldStartOn #start_here h2 {
	text-transform:none; color:#666; letter-spacing:0; 
	font-size:134%; line-height:140%; margin:0;
	}
	
	

	
.coldStartOn #player_shell_shell {	
	border-color:#6B6F72;
	border-width:0 10px;	
	}
	
* HTML .coldStartOn #player_shell_shell {	
	height:20px;
	}	
	

.coldStartOn #start_here h2	{
	position:relative; top:0;
	margin:-28px 10px 0 15px;
	font-size:130%; line-height:1.2em;
	color:#FFF;
	}
	
.coldStartOn #dialogs small	{
	color:#416273;
	}



.coldStartOn #seed_menu_choices	{
	left:24px;
	}
	
/* display text stuff */

#bulletPoints	{
	display:none;
	position:absolute; 
	width:350px; line-height:1.2em;	
	}


.coldStartOn #bulletPoints	{
	display:block; 
	top:25px; left:520px;
	}
	
	
* HTML .coldStartOn #bulletPoints	{
	left:427px;
	}	
	
#bulletPoints	{
	font-size:90%; color:#555;
	}	
	
#main_content #bulletPoints h2	{
	color:#222; white-space:nowrap;
	font-weight:bold;
	margin-bottom:.8em;
	}		
	
#bulletPoints h3	{
	color:#376179;
	}			
	
#bulletPoints p	{
	}			
	
	
.coldStarOn .broadcasts h4, .broadcasts h4 a {
	color:#116688;	
	}
	
	
	
#slideshow	{
	padding:17px 0 1px 0;
	background-color:#699DBA;
	}
    
    
    
#coldStart_prefabNameDiv {
    background: url(/static/images/br_menu_bg.gif) no-repeat;
    color: #266878;
    cursor: pointer;
    font-size: 150%;
    height: 26px;
	letter-spacing: 0;
    margin-left: 10px;
    margin-right: 10px;    
    margin-top: 9px;
    width: auto;
	overflow: hidden;
    padding-left: 10px;
    padding-right: 27px;
    padding-top: 3px;
    position: relative;
    text-decoration: none;
	text-transform: none;
	white-space: nowrap;
}

#coldStart_prefabNameDiv .menu_arrow_shell  {
    background: url(/static/images/br_menu_arrow.gif) no-repeat;
    height: 26px;
    overflow: hidden;
    position: absolute;
    right: 0;
	text-decoration: none;
    top: 0;
    width: 26px;
}

#coldStart_prefabNameDiv .menu_arrow  {
	text-decoration: none;
}

#coldstart_prefabsDiv {
    position: absolute;
}

#coldstart_prefabs {
    background: #50A0B9;
    border-color: #FFF #333;
    border-style: solid;
    border-width: 0 1px 2px 1px;
    left: 38px;
    list-style-type: none;
    margin: 0.5em 0px;
    margin-top: -60px;
    max-height: 350px;
    overflow: auto;
    padding: 0 0 10px 0; 
    position: relative;
    top: 57px;
    width: 250px;
    z-index: 210;
}

#coldstart_prefabs b {
	color: #99CCF0;
	font-size: 90%;
	letter-spacing: .3em;
	padding-left: 5px;
	text-transform: uppercase;
}

#coldstart_prefabs li {
    border: 1px solid #50A0B9;
    line-height: .9em; 
    padding-bottom: 0;
    padding-top: 0; 
	margin: 0; 
}

#coldstart_prefabs li a {
    color: #FFF; 
    cursor: pointer;
	display: block;
    padding: 4px 10px;
    text-decoration: none;
    width: auto;
}

#coldstart_prefabs li a.on {
	background-color: #8BC;
}

#coldstart_prefabs li a:hover {
	background-color: #4090A0; 
}