Mediafly: Tavis Smiley

Playlist Browser

Main

Episodes

<div class="playlistChannelEpisode collectionEpisode ${ChannelSlugsString} ${Slug}" age="${SecondsOld}" style="display: ;">
		<div style="padding-bottom: 6px; margin-left: 10px; margin-right: 10px;">
			<div style="float: left;">
				<div class="showDiv requiresListeners" style="width: 36px; padding: 0px; border: 0px;" show="${Show.Slug}" episode="${Slug}">
					<div style="border: solid 1px #AAAAAA;">
						<div style="width: 30px; height: 30px; padding: 2px; background: url(${ImageUrl_30x30}) no-repeat 2px 2px;">
							<div class="play " style="display: none; margin-left: 5px; margin-top: 5px; cursor: pointer;" onclick="javascript:rolloverController.play('${Slug}', this);">
								<img src="/images/rollover/play_small.png" class="png" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="small" style="float: left; margin-left: 6px;">
				<div style="width: 160px; height: 16px; line-height: 16px; overflow: hidden;">
					<a href="${Path}" style="text-decoration: none;">${Title}</a>
				</div>
				<div style="width: 160px; height: 16px; line-height: 16px; overflow: hidden;">
					<a href="${Show.Path}" style="color: #777777; text-decoration: none;">${Show.Title}</a>
				</div>
			</div>
			<div>
				
	<div style="height: 16px; border: solid 1px #DDDDDD; border-width: 0px 0px 1px 0px; float: left; width: 100%; overflow: hidden;">
		<div style="float: left; margin-left: 3px; color: #999999;" class="supersmall">${Duration}</div>
		<div class="small" style="width: 10px; height: 10px; float: right; margin-top: 2px; margin-right: 3px; background: url(/images/rollover/${Media}.gif) no-repeat;"></div>
		<div class="hudratings supersmall" type="${Type}" slug="${Slug}" style="float: right; height: 10px; margin-top: 2px; margin-right: 4px; display: ;">
			<div style="float: right;"><img src="/images/rollover/grey_star.gif" /></div>
			<div class="ratingsvalue" type="${Type}" slug="${Slug}" style="float: right; color: #999999; line-height: 10px; margin-right: 2px;">${RatingValue}</div>
		</div>
		<div style="clear: both;"></div>
	</div>

</div>
			<div style="clear: both;"></div>
		</div>
    </div>

Website:

http://www.pbs.org/wnet/tavissmiley

Feed updated:

2/9/2012 @10:49 PM CT

3 days ago

Tavis Smiley | PBS

Newest Episode: Tue February 07, 2012. 07:42 PM

My rating:

Community:

Play

Add it

<div class="dot" style="float: left; margin-left: ${x}px;">
            <div class="dotRollover" style="position: relative; display: none; left: -12px;">
                <div class="container" style="position: absolute; width: 200px; float: left;">
                    <div style="border: solid 2px #FFC000; background-color: #ffc000;">
                        <div style="background-color: #ffc000;">
                            <span class="small" style="margin: 2px; color: #FFFFFF;">${alt}</span>
                        </div>
                        <div style="background-color: #FFFFFF;">
                            <span class="small" style="margin: 2px;">${title}</span>
                        </div>
                    </div>
                    <div style="padding-left: 13px;"><img src="/images/showpage/yellow_triangle.gif" style="border: 0px; margin: 0px; padding: 0px;" /></div>
                </div>
            </div>
            <div>
                <img src="${image}" onclick="javascript:theController.selectEpisode('${slug}');" style="cursor: pointer; overflow: hidden;" />
            </div>
        </div>

older

newer

{if pages.length > 1}
    <div style="margin-right: auto; margin-left: auto; height: 10px; width: 452px; overflow: hidden;">
        <div style="float: left; margin-right: 5px; width: 11px; height: 10px;">
            <div class="lessArrow" style="cursor: pointer;" onclick="javascript:pagingController.pagingNumber(${pages[0].number+1});"><img src="${LESS_ARROW_ICON}" style="border: 0px; margin: 0px; padding: 0px;" alt="more episodes" title="more episodes" /></div>
        </div>
        {for page in pages}
        <div class="${page.number}_page" onclick="javascript:pagingController.pagingNumber(${page.number});" style="float: left; cursor: pointer; background-color: #DDDDDD; border: solid 1px #999999; margin: 0px; padding: 0px; height: 8px; width: ${page.width}px;"></div>
        {/for}
        <div style="float: left; margin-left: 5px; width: 11px; height: 10px;">
            <div class="moreArrow" style="cursor: pointer;" onclick="javascript:pagingController.pagingNumber(${pages[pages.length-1].number-1});"><img src="${MORE_ARROW_ICON}" style="border: 0px; margin: 0px; padding: 0px;" alt="more episodes" title="more episodes" /></div>
        </div>
        <div style="clear: both;"></div>
    </div>
    {/if}

10:57

Ron Brownstein - November 1, 2010

Mon November 01, 2010. 08:00 PM

My rating:

Community:

Play

Add it

13:09

Edwidge Danticat - November 1, 2010

Mon November 01, 2010. 08:00 PM

Award-winning Haitian American writer, author of Create Dangerously, explains why art is both a luxury and a necessity.

My rating:

Community:

Play

Add it

10:57

Ron Brownstein - November 1, 2010

Mon November 01, 2010. 08:00 PM

Journalist sheds light on what President Obama may be thinking this midterm election eve and what his administration's first steps will need to be after the polls close.

My rating:

Community:

Play

Add it

23:24

Peter Yarrow; Noel Paul Stookey - October 29, 2010

Fri October 29, 2010. 08:00 PM

Former Peter, Paul and Mary members discuss their late bandmate as a model for young women and showcase their new book and accompanying CD, The Night Before Christmas.

My rating:

Community:

Play

Add it

23:24

Peter Yarrow; Noel Paul Stookey - October 29, 2010

Fri October 29, 2010. 08:00 PM

Former Peter, Paul and Mary members discuss their late bandmate as a model for young women and showcase their new book and accompanying CD, The Night Before Christmas.

My rating:

Community:

Play

Add it

23:24

Peter Yarrow; Noel Paul Stookey - October 29, 2010

Fri October 29, 2010. 08:00 PM

Former Peter, Paul and Mary members discuss their late bandmate as a model for young women and showcase their new book and accompanying CD, The Night Before Christmas.

My rating:

Community:

Play

Add it

23:24

Peter Yarrow; Noel Paul Stookey - October 29, 2010

Fri October 29, 2010. 08:00 PM

Former Peter, Paul and Mary members discuss their late bandmate as a model for young women and showcase their new book and accompanying CD, The Night Before Christmas.

My rating:

Community:

Play

Add it

15:17

Ingrid Betancourt - October 28, 2010

Thu October 28, 2010. 08:00 PM

Former Colombian presidential candidate who was held in captivity describes the future she wants for her country.

My rating:

Community:

Play

Add it

8:27

Mayor Julian Castro - October 28, 2010

Thu October 28, 2010. 08:00 PM

San Antonio, TX mayor addresses the critique that the Democratic Party has taken Latinos for granted.

My rating:

Community:

Play

Add it

15:17

Ingrid Betancourt - October 28, 2010

Thu October 28, 2010. 08:00 PM

Former Colombian presidential candidate who was held in captivity describes the future she wants for her country.

My rating:

Community:

Play

Add it

8:27

Mayor Julian Castro - October 28, 2010

Thu October 28, 2010. 08:00 PM

San Antonio, TX mayor addresses the critique that the Democratic Party has taken Latinos for granted.

My rating:

Community:

Play

Add it

9:43

Gov. Ed Rendell - October 27, 2010

Wed October 27, 2010. 08:00 PM

Pennsylvania governor explains why Democrats are losing this midterm election cycle, even though they’ve passed key legislation in Washington.

My rating:

Community:

Play

Add it

13:34

Paul Reiser - October 27, 2010

Wed October 27, 2010. 08:00 PM

Actor, comedian, best-selling author and accomplished musician discusses his new album and explains why he likes sad songs.

My rating:

Community:

Play

Add it

9:43

Gov. Ed Rendell - October 27, 2010

Wed October 27, 2010. 08:00 PM

Pennsylvania governor explains why Democrats are losing this midterm election cycle, even though they’ve passed key legislation in Washington.

My rating:

Community:

Play

Add it

13:34

Paul Reiser - October 27, 2010

Wed October 27, 2010. 08:00 PM

Actor, comedian, best-selling author and accomplished musician discusses his new album and explains why he likes sad songs.

My rating:

Community:

Play

Add it

23:28

Joseph Wilson; Valerie Plame Wilson - October 26, 2010

Tue October 26, 2010. 08:00 PM

Former diplomat and his wife share the details of their journey from scandal in Washington to rebuilding their lives in New Mexico to being portrayed on Hollywood's big screen.

My rating:

Community:

Play

Add it

23:28

Joseph Wilson; Valerie Plame Wilson - October 26, 2010

Tue October 26, 2010. 08:00 PM

Former diplomat and his wife share the details of their journey from scandal in Washington to rebuilding their lives in New Mexico to being portrayed on Hollywood's big screen.

My rating:

Community:

Play

Add it

10:15

President Jimmy Carter - October 25, 2010

Mon October 25, 2010. 08:00 PM

Former president discusses his newest text, tackles the lack of bipartisanship in Washington and weighs in on campaigning 'then and now' and today's political system.

My rating:

Community:

Play

Add it

10:15

President Jimmy Carter - October 25, 2010

Mon October 25, 2010. 08:00 PM

Former president discusses his newest text, tackles the lack of bipartisanship in Washington and weighs in on campaigning 'then and now' and today's political system.

My rating:

Community:

Play

Add it

8:03

Dave Koz - October 22, 2010

Fri October 22, 2010. 08:00 PM

Saxophonist and six-time Grammy nominee discusses his decision to sing on 'Hello Tomorrow.'

My rating:

Community:

Play

Add it

older

newer

Management

Remove

Add

iTunes

Zune

Winamp

RSS

Download

Media Types

Audio

Video

Unknown

Episode Info

Experience

Ratings

Community rating

My rating

No rating

Remove rating

(#)Number of user ratings

Favorites

Add to favorites

Remove from favorites

More / Less

More info

Less info

Timeline

Most recent episode

Selected episode

Visible episodes

<div style="margin-top: 14px;">
                    <table cellpadding="0px" cellspacing="0px" border="0px">
                    <tr valign="top">
                        <td style="width: auto;">
                            
	<div style="float: left; width: 113px;">
		<div style="float: left; width: 113px; margin-bottom: 25px;">
			<div style="width: 85px; margin-right: auto; margin-left: auto; padding: 0px; border: 0px;">
				<div class="showDiv requiresListeners" style="float: left;" show="${Show.Slug}" episode="${Slug}">
					<div style="border: solid 1px #AAAAAA; background-color: #FFFFFF;">
						<div style="width: 75px; height: 75px; padding: 5px; background: url(${ImageUrl_75x75}) no-repeat 5px 5px;">
							<a href="${Path}" class="info " style="display: none; float: left;">
								<img src="/images/rollover/info_medium.png" class="png" />
							</a>
							<div class="play " style="display: none; margin-left: 20px; margin-top: 20px; cursor: pointer;" onclick="javascript:rolloverController.play('${Slug}', this);">
								<img src="/images/rollover/play_medium.png" class="png" />
							</div>
						</div>
					</div>
				</div>
				
	<div style="float: left; width: 100%; background-color: #FFFFFF; border: solid 1px #CC0000; text-align: center; font-weight: bold; margin-top: -14px; display: ${ExplicitDisplay}" class="${Slug}_Show_explicit small">
		<div style="color: #CC0000; line-height: 12px;">EXPLICIT</div>
	</div>
	
	<div style="height: 16px; border: solid 1px #DDDDDD; border-width: 0px 0px 1px 0px; float: left; width: 100%; overflow: hidden;">
		<div style="float: left; margin-left: 3px; color: #999999;" class="supersmall">${Duration}</div>
		<div class="small" style="width: 10px; height: 10px; float: right; margin-top: 2px; margin-right: 3px; background: url(/images/rollover/${Media}.gif) no-repeat;"></div>
		<div class="hudratings supersmall" type="${Type}" slug="${Slug}" style="float: right; height: 10px; margin-top: 2px; margin-right: 4px; display: ;">
			<div style="float: right;"><img src="/images/rollover/grey_star.gif" /></div>
			<div class="ratingsvalue" type="${Type}" slug="${Slug}" style="float: right; color: #999999; line-height: 10px; margin-right: 2px;">${RatingValue}</div>
		</div>
		<div style="clear: both;"></div>
	</div>

</div>
		</div>    
	</div>

</td>
                        <td style="width: 100%;">
                            <div style="margin-left: 10px; margin-right: 10px;">
                                <div>
                                    <div>
                                        <a class="episodeheader" href="javascript:theController.selectEpisode('${Slug}');">${Title}</a>
                                    </div>
                                    <div class="small" style="color: #666666; padding-top: 10px; padding-bottom: 14px; margin-left: 20px;">
                                        <div style="float: left;">
											<a href="${File}" class="episodelink ">
												<img src="/images/common/disk.gif" alt="Download episode" title="Download episode" />
											</a>
                                        </div>
                                        <div style="float: left; margin-left: 10px;">
                                            ${PubDateString}
                                        </div>
                                        <div style="clear: left;"></div>
                                    </div>
                                </div>
                                <div>
                                    <div style="overflow: hidden; line-height: 16px;" class="small ${Type}_${Slug}_description">
                                        ${Description}
                                    </div>
                                    <a class="episodelink ${Type}_${Slug}_toggleDescription" href="javascript:theController.toggleEpisodeDescription('${Slug}');" style="display: none;">
                                        <img src="/images/common/blue_more.gif" class="smallicon ${Type}_${Slug}_toggleImage" alt="view full description" title="view full description" />
                                        <span class="${Type}_${Slug}_toggleText">more</span>
                                    </a>
                                </div>
                            </div>
                         </td>
                    </tr>
                    </table>
                </div>
            </div>

</div>
                    <div style="float: left;">
						
	<div class="" style="padding: 5px;">
		<div style="height: 18px;">
			<div class="supersmall" style="float: left; margin-left: 20px; color: #999999">My rating:</div>
			<div class="supersmall" style="float: left; margin-left: 34px; color: #999999">Community:</div>
			<div style="clear: left;"></div>
		</div>

<div class="rating${Slug}" style="height: 14px;">
			
			<div style="width: 14px; height: 14px; overflow: hidden; float: left;">
				<div class="removemyrating" type="${Type}" slug="${Slug}" style="cursor: pointer; display: ;"><img src="/images/common/grey_cancel.gif" style="padding: 0px; margin: 0px; border: 0px; float: left;" alt="remove rating" title="remove rating" /></div>
			</div>
			
			<div style="width: 70px; height: 14px; overflow: hidden; float: left; margin-left: 4px; background: url(/images/common/grey_5_stars.gif) no-repeat top left;">
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="1" type="${Type}" slug="${Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="2" type="${Type}" slug="${Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="3" type="${Type}" slug="${Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="4" type="${Type}" slug="${Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="5" type="${Type}" slug="${Slug}"></div>
				<div style="clear: left;"></div>
			</div>
			
			<div style="width: 70px; height: 14px; overflow: hidden; float: left; margin-left: 12px; background: url(/images/common/grey_5_stars.gif) no-repeat top left;">
				<div style="float: left;"><img class="communityratings" type="${Type}" slug="${Slug}" src="/images/common/transparent_1x1.gif" style="border: 0px; background: url(/images/common/green_5_stars.gif);" height="14px" width="px" alt="average community episode rating" title="average community episode rating" /></div>
			</div>
			
			<div style="width: 20px; height: 14px; float: left; margin-left: 4px; overflow: visible;">
				<div class="ratingsCount supersmall" type="${Type}" slug="${Slug}" style="color: #999999; display: ;">(${RatingsCount})</div>
			</div>
			<div style="clear: left;"></div>
		</div>

</div>

</div>
					<div style="clear: left;"></div>
                </div>
                <div class="${Type}_${Slug}_mediaControls" style="float: left; margin-left: 18px; margin-top: 18px;">
					
	<div class=" ">
		<div style="float: left; height: 20px; cursor: pointer; background: url(/images/common/button_middle.gif) repeat-x;" onclick="javascript:rolloverController.play('${Slug}', this);">
			<div style="float: left; width: 20px; height: 20px; margin-left: -6px; background-image: url(/images/common/button_play.gif);"></div>
			<div style="float: left; margin-left: 4px; margin-top: 2px; color: #666666;" class="small">Play</div>
		</div>
		<div style="float: left;">
			<div style="float: left; width: 12px; height: 20px; background: url(/images/common/button_divider.gif) no-repeat;"></div>
			<div style="float: left; height: 20px; background: url(/images/common/button_middle.gif) repeat-x;">
				<div style="margin-top: 2px;">
					<div class="" style="float: left; width: 64px; cursor: pointer;" onclick="javascript:subscriptionController.toggleEpisodeSubscription('${Slug}');">
						<div class="${Slug}_Episode_subscriptionIcon" style="float: left; width: 14px; height: 14px; background: url() no-repeat;"></div>
						<div class="${Slug}_Episode_subscriptionText small" style="float: left; margin-left: 4px; color: #666666;"></div>
					</div>
				</div>
			</div>
		</div>
		<div style="float: left; width: 6px; height: 20px; background: url(/images/common/button_right.gif) no-repeat;"></div>
		<div style="float: left; margin-top: 2px; margin-left: 4px;">
			<div style="float: left; cursor: pointer; margin-left: 2px;" onclick="javascript:subscriptionController.changeChannelPopup('${Type}', '${Slug}');">
				<img src="/images/common/channel_changer.gif" />
			</div>
		</div>
		<div style="clear: left;"></div>
	</div>

</div>
                <div style="clear: both;"></div>
            </div>
        </div>
    </div>

<div class="rolloverColor" style="padding-bottom: 6px; padding-left: 10px; text-indent: -8px; zoom: 1;">
								<a href="${Path}" style="font-weight: bold; text-decoration: none; color: #000000;">
									${Show.Title}
								</a>
							</div>
                        
							
							<div>
								<div style="margin: 6px;">
									<table>
									<tr>
										<td>
											<div>
												<a href="${Show.Path}">
													<div style="border: solid 1px #DDDDDD;">
														<div style="width: 140px; height: 140px; padding: 5px; background: url(${Show.ImageUrl_140x140}) no-repeat 5px 5px;"></div>
													</div>
												</a>
											</div>
											<div>
												
	<div style="float: left; width: 100%; background-color: #FFFFFF; border: solid 1px #CC0000; text-align: center; font-weight: bold; margin-top: -14px; display: ${Show.ExplicitDisplay}" class="${Show.Slug}_Show_explicit small">
		<div style="color: #CC0000; line-height: 12px;">EXPLICIT</div>
	</div>
	
	<div style="height: 16px; border: solid 1px #DDDDDD; border-width: 0px 0px 1px 0px; float: left; width: 100%; overflow: hidden;">
		<div style="float: left; margin-left: 3px; color: #999999; display: inline;" class="supersmall">${TimeFromNow}</div>
		<div class="${Show.Slug}_Show_mediaImage small" style="width: px; height: 10px; float: right; display: inline; margin-top: 2px; margin-right: 3px; background: url(/images/rollover/${Show.Media}.gif) no-repeat;"></div>
		<div class="hudratings supersmall" type="${Show.Type}" slug="${Show.Slug}" style="float: right; display: inline; height: 10px; margin-top: 2px; margin-right: 4px; display: ;">
			<div style="float: right; display: inline;"><img src="/images/rollover/grey_star.gif" /></div>
			<div class="ratingsvalue" type="${Show.Type}" slug="${Show.Slug}" style="float: right; display: inline; color: #999999; line-height: 10px; margin-right: 2px;">${Show.RatingValue}</div>
		</div>
		<div style="clear: both;"></div>
	</div>

</div>
										</td>
										<td>
											<div class="small" style="margin-left: 10px; height: 160px; line-height: 16px; overflow: hidden;">
												${Show.Description}
											</div>
										</td>
									</tr>
									</table>                        
								</div>

<div class="${Show.Slug}_playControls" style="zoom: 1;">
									<div style="float: right; margin-right: 10px;">
					                    
	<div class="" style="padding: 5px;">
		<div style="height: 18px;">
			<div class="supersmall" style="float: left; margin-left: 20px; color: #999999">My rating:</div>
			<div class="supersmall" style="float: left; margin-left: 34px; color: #999999">Community:</div>
			<div style="clear: left;"></div>
		</div>

<div class="rating${Show.Slug}" style="height: 14px;">
			
			<div style="width: 14px; height: 14px; overflow: hidden; float: left;">
				<div class="removemyrating" type="${Show.Type}" slug="${Show.Slug}" style="cursor: pointer; display: ;"><img src="/images/common/grey_cancel.gif" style="padding: 0px; margin: 0px; border: 0px; float: left;" alt="remove rating" title="remove rating" /></div>
			</div>
			
			<div style="width: 70px; height: 14px; overflow: hidden; float: left; margin-left: 4px; background: url(/images/common/grey_5_stars.gif) no-repeat top left;">
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="1" type="${Show.Type}" slug="${Show.Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="2" type="${Show.Type}" slug="${Show.Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="3" type="${Show.Type}" slug="${Show.Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="4" type="${Show.Type}" slug="${Show.Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="5" type="${Show.Type}" slug="${Show.Slug}"></div>
				<div style="clear: left;"></div>
			</div>
			
			<div style="width: 70px; height: 14px; overflow: hidden; float: left; margin-left: 12px; background: url(/images/common/grey_5_stars.gif) no-repeat top left;">
				<div style="float: left;"><img class="communityratings" type="${Show.Type}" slug="${Show.Slug}" src="/images/common/transparent_1x1.gif" style="border: 0px; background: url(/images/common/green_5_stars.gif);" height="14px" width="px" alt="average community episode rating" title="average community episode rating" /></div>
			</div>
			
			<div style="width: 20px; height: 14px; float: left; margin-left: 4px; overflow: visible;">
				<div class="ratingscount supersmall" type="${Show.Type}" slug="${Show.Slug}" style="color: #999999; display: ;">(${Show.RatingsCount})</div>
			</div>
			<div style="clear: left;"></div>
		</div>
	</div>

</div>
									<div style="float: right; margin-top: 15px; margin-right: 10px;">
					                    
	<div style="float: right; width: 14px; height: 14px; cursor: pointer; background:  no-repeat;" class="favoriteicon " type="${Show.Type}" slug="${Show.Slug}"></div>

</div>
									<div style="float: left; margin-top: 10px; margin-left: 18px;">
										
	<div class=" ">
		<div style="float: left; height: 20px; cursor: pointer; background: url(/images/common/button_middle.gif) repeat-x;" onclick="javascript:rolloverController.play('${Slug}', this);">
			<div style="float: left; width: 20px; height: 20px; background-image: url(/images/common/button_play.gif);"></div>
			<div style="float: left; margin-left: 4px; margin-top: 2px; color: #666666;" class="small">Play</div>
		</div>
		<div style="float: left;">
			<div style="float: left; width: 12px; height: 20px; background: url(/images/common/button_divider.gif) no-repeat;"></div>
			<div style="float: left; height: 20px; background: url(/images/common/button_middle.gif) repeat-x;">
				<div style="margin-top: 2px;">
					<div class="" style="float: left; width: 64px; cursor: pointer;" onclick="javascript:subscriptionController.toggleShowSubscription('${Show.Slug}');">
						<div class="${Show.Slug}_Show_subscriptionIcon" style="float: left; width: 14px; height: 14px; background: url() no-repeat;"></div>
						<div class="${Show.Slug}_Show_subscriptionText small" style="float: left; margin-left: 4px; color: #666666;"></div>
					</div>
				</div>
			</div>
		</div>
		<div style="float: left; width: 6px; height: 20px; background: url(/images/common/button_right.gif) no-repeat;"></div>
		<div style="float: left; margin-top: 2px; margin-left: 4px;">
			<div style="float: left; cursor: pointer; margin-left: 2px;" onclick="javascript:subscriptionController.changeChannelPopup('${Show.Type}', '${Show.Slug}');">
				<img src="/images/common/channel_changer.gif" />
			</div>
			<div style="float: left; cursor: pointer; display: " onclick="javascript:subscriptionController.popupShowPrefs('${Show.Slug}');" class="${Show.Slug}_Show_prefs">
				<img src="/images/common/syncprefs-bw.gif" />
			</div>
		</div>
		<div style="clear: left;"></div>
	</div>

</div>
									<div style="clear: both;"></div>
								</div>
							</div>

<div style="padding: 10px; margin-top: 6px;">
								<div class="topbar" style="background: #CCCCCC;">
									<span class="smallheader" id="selectedEpisodeText">Selected Episode:</span>
									<span class="small">${PubDateString}</span>
								</div>
								<div style="zoom: 1;" class="panel">
									<div class="innerpanel">                    
										<div style="margin-top: 10px;">
											<div style="font-size: .8em; font-weight: bold; padding-left: 14px; text-indent: -14px;">
												 <a href="${Path}" style="text-decoration: none;">${Title}</a>
											</div>                            
										</div>
										<div style="margin-top: 10px;">
											<table cellspacing="0px" cellpadding="0px" style="width: 100%;">
											<tr valign="top">
												<td style="width: auto;">
													<div>
														<a href="${Path}">
															<div style="border: solid 1px #DDDDDD;">
																<div style="width: 75px; height: 75px; padding: 3px; background: url(${ImageUrl_75x75}) no-repeat 3px 3px;"></div>
															</div>
														</a>
													</div>
													<div>
														
	<div style="float: left; width: 100%; background-color: #FFFFFF; border: solid 1px #CC0000; text-align: center; font-weight: bold; margin-top: -14px; display: ${ExplicitDisplay}" class="${Slug}_Show_explicit small">
		<div style="color: #CC0000; line-height: 12px;">EXPLICIT</div>
	</div>
	
	<div style="height: 16px; border: solid 1px #DDDDDD; border-width: 0px 0px 1px 0px; float: left; width: 100%; overflow: hidden;">
		<div style="float: left; margin-left: 3px; color: #999999;" class="supersmall">${Duration}</div>
		<div class="small" style="width: 10px; height: 10px; float: right; margin-top: 2px; margin-right: 3px; background: url(/images/rollover/${Media}.gif) no-repeat;"></div>
		<div class="hudratings supersmall" type="${Type}" slug="${Slug}" style="float: right; height: 10px; margin-top: 2px; margin-right: 4px; display: ;">
			<div style="float: right;"><img src="/images/rollover/grey_star.gif" /></div>
			<div class="ratingsvalue" type="${Type}" slug="${Slug}" style="float: right; color: #999999; line-height: 10px; margin-right: 2px;">${RatingValue}</div>
		</div>
		<div style="clear: both;"></div>
	</div>

</div>
												</td>
												<td style="width: 100%;">
													<div class="small" style="margin-left: 10px; height: 80px; line-height: 16px; overflow: hidden;">
														${Description}
													</div>
												</td>
											</tr>
											</table>
										</div>

<div class="${Show.Slug}_playControls">
											<div style="float: right;">
							                    
	<div class="" style="padding: 5px;">
		<div style="height: 18px;">
			<div class="supersmall" style="float: left; margin-left: 20px; color: #999999">My rating:</div>
			<div class="supersmall" style="float: left; margin-left: 34px; color: #999999">Community:</div>
			<div style="clear: left;"></div>
		</div>

</div>

</div>
											<div style="float: right; margin-top: 15px; margin-right: 10px;">
												
	<div style="float: right; width: 14px; height: 14px; cursor: pointer; background:  no-repeat;" class="favoriteicon " type="${Type}" slug="${Slug}"></div>

</div>
											<div style="float: left; margin-left: 5px; margin-top: 13px;">
												
	<div class=" ">
		<div style="float: left; height: 20px; cursor: pointer; background: url(/images/common/button_middle.gif) repeat-x;" onclick="javascript:rolloverController.play('${Slug}', this);">
			<div style="float: left; width: 20px; height: 20px; margin-left: -6px; background-image: url(/images/common/button_play.gif);"></div>
			<div style="float: left; margin-left: 4px; margin-top: 2px; color: #666666;" class="small">Play</div>
		</div>
		<div style="float: left;">
			<div style="float: left; width: 12px; height: 20px; background: url(/images/common/button_divider.gif) no-repeat;"></div>
			<div style="float: left; height: 20px; background: url(/images/common/button_middle.gif) repeat-x;">
				<div style="margin-top: 2px;">
					<div class="" style="float: left; width: 64px; cursor: pointer;" onclick="javascript:subscriptionController.toggleEpisodeSubscription('${Slug}');">
						<div class="${Slug}_Episode_subscriptionIcon" style="float: left; width: 14px; height: 14px; background: url() no-repeat;"></div>
						<div class="${Slug}_Episode_subscriptionText small" style="float: left; margin-left: 4px; color: #666666;"></div>
					</div>
				</div>
			</div>
		</div>
		<div style="float: left; width: 6px; height: 20px; background: url(/images/common/button_right.gif) no-repeat;"></div>
		<div style="float: left; margin-top: 2px; margin-left: 4px;">
			<div style="float: left; cursor: pointer; margin-left: 2px;" onclick="javascript:subscriptionController.changeChannelPopup('${Type}', '${Slug}');">
				<img src="/images/common/channel_changer.gif" />
			</div>
		</div>
		<div style="clear: left;"></div>
	</div>

</div>
											<div style="clear: both;"></div>
										</div>
                                    
										<div class="${Show.Slug}_explicitMessage small" style="zoom: 1;">
											You must be logged in and an adult to view explicit content.
										</div>
									</div>
								</div>
							</div>
                                                
						</div>
					</div>
					<div>
						<img src="/images/rollover/bottom.png?1" />
					</div>
				</div>
			</div>
		</div>
    
	</div>

<div class="rolloverColor" style="padding-top: 4px; padding-bottom: 4px; padding-left: 8px; text-indent: -8px; zoom: 1;">
						<a href="${Path}" style="font-weight: bold; text-decoration: none; color: #000000;">
							${Show.Title}
						</a>
					</div>
                
					
					<div>
						<div style="margin: 6px;">
							<table>
							<tr>
								<td>
									<div>
										<a href="${Show.Path}">
											<div style="border: solid 1px #DDDDDD;">
												<div style="width: 140px; height: 140px; padding: 5px; background: url(${Show.ImageUrl_140x140}) no-repeat 5px 5px;"></div>
											</div>
										</a>
									</div>
									<div>
										
	<div style="float: left; width: 100%; background-color: #FFFFFF; border: solid 1px #CC0000; text-align: center; font-weight: bold; margin-top: -14px; display: ${Show.ExplicitDisplay}" class="${Show.Slug}_Show_explicit small">
		<div style="color: #CC0000; line-height: 12px;">EXPLICIT</div>
	</div>
	
	<div style="height: 16px; border: solid 1px #DDDDDD; border-width: 0px 0px 1px 0px; float: left; width: 100%; overflow: hidden;">
		<div style="float: left; margin-left: 3px; color: #999999; display: inline;" class="supersmall">${TimeFromNow}</div>
		<div class="${Show.Slug}_Show_mediaImage small" style="width: px; height: 10px; float: right; display: inline; margin-top: 2px; margin-right: 3px; background: url(/images/rollover/${Show.Media}.gif) no-repeat;"></div>
		<div class="hudratings supersmall" type="${Show.Type}" slug="${Show.Slug}" style="float: right; display: inline; height: 10px; margin-top: 2px; margin-right: 4px; display: ;">
			<div style="float: right; display: inline;"><img src="/images/rollover/grey_star.gif" /></div>
			<div class="ratingsvalue" type="${Show.Type}" slug="${Show.Slug}" style="float: right; display: inline; color: #999999; line-height: 10px; margin-right: 2px;">${Show.RatingValue}</div>
		</div>
		<div style="clear: both;"></div>
	</div>

</div>
								</td>
								<td>
									<div class="small" style="margin-left: 10px; height: 160px; line-height: 16px; overflow: hidden;">
										${Show.Description}
									</div>
								</td>
							</tr>
							</table>                        
						</div>

<div class="${Show.Slug}_playControls" style="zoom: 1;">
							<div style="float: right; margin-right: 10px;">
			                    
	<div class="" style="padding: 5px;">
		<div style="height: 18px;">
			<div class="supersmall" style="float: left; margin-left: 20px; color: #999999">My rating:</div>
			<div class="supersmall" style="float: left; margin-left: 34px; color: #999999">Community:</div>
			<div style="clear: left;"></div>
		</div>

</div>
							<div style="float: right; margin-top: 15px; margin-right: 10px;">
			                    
	<div style="float: right; width: 14px; height: 14px; cursor: pointer; background:  no-repeat;" class="favoriteicon " type="${Show.Type}" slug="${Show.Slug}"></div>

</div>
							<div style="float: left; margin-top: 10px; margin-left: 18px;">
								
	<div class=" ">
		<div style="float: left; height: 20px; cursor: pointer; background: url(/images/common/button_middle.gif) repeat-x;" onclick="javascript:rolloverController.play('${Slug}', this);">
			<div style="float: left; width: 20px; height: 20px; background-image: url(/images/common/button_play.gif);"></div>
			<div style="float: left; margin-left: 4px; margin-top: 2px; color: #666666;" class="small">Play</div>
		</div>
		<div style="float: left;">
			<div style="float: left; width: 12px; height: 20px; background: url(/images/common/button_divider.gif) no-repeat;"></div>
			<div style="float: left; height: 20px; background: url(/images/common/button_middle.gif) repeat-x;">
				<div style="margin-top: 2px;">
					<div class="" style="float: left; width: 64px; cursor: pointer;" onclick="javascript:subscriptionController.toggleShowSubscription('${Show.Slug}');">
						<div class="${Show.Slug}_Show_subscriptionIcon" style="float: left; width: 14px; height: 14px; background: url() no-repeat;"></div>
						<div class="${Show.Slug}_Show_subscriptionText small" style="float: left; margin-left: 4px; color: #666666;"></div>
					</div>
				</div>
			</div>
		</div>
		<div style="float: left; width: 6px; height: 20px; background: url(/images/common/button_right.gif) no-repeat;"></div>
		<div style="float: left; margin-top: 2px; margin-left: 4px;">
			<div style="float: left; cursor: pointer; margin-left: 2px;" onclick="javascript:subscriptionController.changeChannelPopup('${Show.Type}', '${Show.Slug}');">
				<img src="/images/common/channel_changer.gif" />
			</div>
			<div style="float: left; cursor: pointer; display: " onclick="javascript:subscriptionController.popupShowPrefs('${Show.Slug}');" class="${Show.Slug}_Show_prefs">
				<img src="/images/common/syncprefs-bw.gif" />
			</div>
		</div>
		<div style="clear: left;"></div>
	</div>

</div>
							<div style="clear: both;"></div>
						</div>
					</div>

<div style="padding: 10px; margin-top: 6px;">
						<div class="topbar" style="background: #CCCCCC;">
							<span class="smallheader" id="selectedEpisodeText">Selected Episode:</span>
							<span class="small">${PubDateString}</span>
						</div>
						<div style="zoom: 1;" class="panel">
							<div class="innerpanel">                    
								<div style="margin-top: 10px;">
									<div style="font-size: .8em; font-weight: bold; padding-left: 14px; text-indent: -14px;">
										 <a href="${Path}" style="text-decoration: none;">${Title}</a>
									</div>                            
								</div>
								<div style="margin-top: 10px;">
									<table cellspacing="0px" cellpadding="0px" style="width: 100%;">
									<tr valign="top">
										<td style="width: auto;">
											<div>
												<a href="${Path}">
													<div style="border: solid 1px #DDDDDD;">
														<div style="width: 75px; height: 75px; padding: 3px; background: url(${ImageUrl_75x75}) no-repeat 3px 3px;"></div>
													</div>
												</a>
											</div>
											<div>
												
	<div style="float: left; width: 100%; background-color: #FFFFFF; border: solid 1px #CC0000; text-align: center; font-weight: bold; margin-top: -14px; display: ${ExplicitDisplay}" class="${Slug}_Show_explicit small">
		<div style="color: #CC0000; line-height: 12px;">EXPLICIT</div>
	</div>
	
	<div style="height: 16px; border: solid 1px #DDDDDD; border-width: 0px 0px 1px 0px; float: left; width: 100%; overflow: hidden;">
		<div style="float: left; margin-left: 3px; color: #999999;" class="supersmall">${Duration}</div>
		<div class="small" style="width: 10px; height: 10px; float: right; margin-top: 2px; margin-right: 3px; background: url(/images/rollover/${Media}.gif) no-repeat;"></div>
		<div class="hudratings supersmall" type="${Type}" slug="${Slug}" style="float: right; height: 10px; margin-top: 2px; margin-right: 4px; display: ;">
			<div style="float: right;"><img src="/images/rollover/grey_star.gif" /></div>
			<div class="ratingsvalue" type="${Type}" slug="${Slug}" style="float: right; color: #999999; line-height: 10px; margin-right: 2px;">${RatingValue}</div>
		</div>
		<div style="clear: both;"></div>
	</div>

</div>
										</td>
										<td style="width: 100%;">
											<div class="small" style="margin-left: 10px; height: 80px; line-height: 16px; overflow: hidden;">
												${Description}
											</div>
										</td>
									</tr>
									</table>
								</div>

<div class="${Show.Slug}_playControls">
									<div style="float: right;">
							            
	<div class="" style="padding: 5px;">
		<div style="height: 18px;">
			<div class="supersmall" style="float: left; margin-left: 20px; color: #999999">My rating:</div>
			<div class="supersmall" style="float: left; margin-left: 34px; color: #999999">Community:</div>
			<div style="clear: left;"></div>
		</div>

</div>

</div>
									<div style="float: right; margin-top: 15px; margin-right: 10px;">
										
	<div style="float: right; width: 14px; height: 14px; cursor: pointer; background:  no-repeat;" class="favoriteicon " type="${Type}" slug="${Slug}"></div>

</div>
									<div style="float: left; margin-left: 5px; margin-top: 13px;">
										
	<div class=" ">
		<div style="float: left; height: 20px; cursor: pointer; background: url(/images/common/button_middle.gif) repeat-x;" onclick="javascript:rolloverController.play('${Slug}', this);">
			<div style="float: left; width: 20px; height: 20px; margin-left: -6px; background-image: url(/images/common/button_play.gif);"></div>
			<div style="float: left; margin-left: 4px; margin-top: 2px; color: #666666;" class="small">Play</div>
		</div>
		<div style="float: left;">
			<div style="float: left; width: 12px; height: 20px; background: url(/images/common/button_divider.gif) no-repeat;"></div>
			<div style="float: left; height: 20px; background: url(/images/common/button_middle.gif) repeat-x;">
				<div style="margin-top: 2px;">
					<div class="" style="float: left; width: 64px; cursor: pointer;" onclick="javascript:subscriptionController.toggleEpisodeSubscription('${Slug}');">
						<div class="${Slug}_Episode_subscriptionIcon" style="float: left; width: 14px; height: 14px; background: url() no-repeat;"></div>
						<div class="${Slug}_Episode_subscriptionText small" style="float: left; margin-left: 4px; color: #666666;"></div>
					</div>
				</div>
			</div>
		</div>
		<div style="float: left; width: 6px; height: 20px; background: url(/images/common/button_right.gif) no-repeat;"></div>
		<div style="float: left; margin-top: 2px; margin-left: 4px;">
			<div style="float: left; cursor: pointer; margin-left: 2px;" onclick="javascript:subscriptionController.changeChannelPopup('${Type}', '${Slug}');">
				<img src="/images/common/channel_changer.gif" />
			</div>
		</div>
		<div style="clear: left;"></div>
	</div>

</div>
									<div style="clear: both;"></div>
								</div>
                            
								<div class="${Show.Slug}_explicitMessage small" style="zoom: 1;">
									You must be logged in and an adult to view explicit content.
								</div>
							</div>
						</div>
					</div>
                                        
				</div>
			</div>
		</div>
	</div>

<div class="popupheader">
        Preferences for ${Title}
    </div>
    
    <div style="border: solid 1px #CCCCCC;">
		<div style="padding: 10px">
			<div id="maxEpisodesOption" class="small">
				<div class="prefs">
					<div style="float: left;">
						<div>
							<input type="radio" name="maxEpisodesRadio" class="maxEpisodesRadio limit" /> Include no more than
							<input id="maxEpisodesText" class="thinborder" style="width: 60px;" type="text" /> episodes (max of 25)
						</div>
						<div>
							<input type="radio" name="maxEpisodesRadio" class="maxEpisodesRadio noLimit" /> Include the maximum number of episodes.
						</div>
					</div>
	                
				</div>
			</div>
			<div style="clear: left;"></div>

<div id="maxDaysOption" class="small" style="margin-top: 20px;">
				<div class="prefs">
					<div style="float: left;">
						<div>
							<input type="radio" name="maxDaysRadio" class="maxDaysRadio limit" /> Let episodes expire after
							<input id="maxDaysText" class="maxDays thinborder" style="width: 60px;" type="text" /> days.
						</div>                
						<div>
							<input type="radio" name="maxDaysRadio" class="maxDaysRadio noLimit" /> Do not let episodes expire by date.
						</div>
					</div>
				</div>
			</div>
			<div style="clear: left;"></div>

<div id="minExperienceOption" class="small" style="margin-top: 20px;">
				<div class="prefs">
					Remove an episode after listening to <input id="minExperienceText" class="thinborder" style="width: 60px;" type="text" /> %. (1 - 100)
				</div>
			</div>
			<div style="clear: left;"></div>
	        
			<div style="font-weight: bold; margin-top: 15px; margin-left: 30px;" class="small">
				or
			</div>
	        
			<div class="small" style="margin-top: 15px;">
				<input id="inactiveSubscriptionCheckbox" type="checkbox" style="margin-right: 6px;" /> Don't include any episodes for this show.
			</div>
			<div style="clear: left;"></div>
        </div>
    </div>
                    
    <div style="margin-top: 40px;">
        <div style="float: left;">
            <input type="button" value="Save Show Preferences" onclick="javascript:subscriptionController.submitShowPrefs('${Slug}');" />
        </div>
        <div style="float: left; margin-left: 5px;">
            <input type="button" value="Reset Show Preferences" onclick="javascript:subscriptionController.defaultPrefs('Show', '${Slug}');" />
        </div>
    </div>

<div class="popupheader">
        Preferences for Shows in this Channel
    </div>

<div id="channelItemsContainer">
	</div>
		
    <div style="border: solid 1px #CCCCCC; margin-top: 20px;">
		<div style="padding: 10px">
			<div id="maxEpisodesOption" class="small">
				<div class="prefs">
					<div style="float: left;">
						<div>
							<input type="radio" name="maxEpisodesRadio" class="maxEpisodesRadio limit" /> Include no more than
							<input id="maxEpisodesText" class="thinborder" style="width: 60px;" type="text" /> episodes (max of 25)
						</div>
						<div>
							<input type="radio" name="maxEpisodesRadio" class="maxEpisodesRadio noLimit" /> Include the maximum number of episodes.
						</div>
					</div>
	                
				</div>
			</div>
			<div style="clear: left;"></div>

<div class="popupheader">
        Success!
    </div>
    <div class="small" style="margin-top: 20px;">
        You just added your first show! Now, to get the most out of your Mediafly experience, sync your shows with any of these Mediafly enabled devices:
    </div>
    <div class="small" style="margin-top: 20px;">
        
    <a href="/DigitalLifestyle/iPad">
        <img src="http://s3.amazonaws.com/static.mediafly.com/syncPointImages/ipad_90x65px.jpg" alt="iPad" title="iPad" height="60px;" style="border: solid 1px #DDDDDD; padding: 3px;">
    </a>

</div>
    <div style="margin-top: 40px;">
        <input type="button" onclick="javascript:popupController.hidePopup();" value="Continue Browsing" />
    </div>