Mediafly: Rocketboom (HD)

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>

Owner:

Rocketboom

Contact:

hi@rocketboom.com

Website:

http://www.rocketboom.com

Feed updated:

6/15/2011 @8:11 PM CT

233 days ago

Rocketboom (HD)

Newest Episode: Wed June 15, 2011. 06:41 PM

Daily Internet Culture

My rating:

Community:

(1)

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}

Bonded Labor

Wed June 15, 2011. 06:41 PM

Today, Humanwire correspondent Kazim Raza visits with a family of bonded laborers in Pakistan.
To help or just to learn more follow this link: http://bit.ly/luFjgO
Click here for Show Credits.
Follow us on Twitter: @rocketboom
Like us on Facebook: facebook.com/rocketboom

My rating:

Community:

Play

Add it

Weave Thieves

Mon June 13, 2011. 06:29 PM

In today’s episode, Molly talks about the phenomenon of stealing other people’s hair.
Click here for Show Credits
Follow us on Twitter: @rocketboom
Like us on Facebook: facebook.com/rocketboom

My rating:

Community:

Play

Add it

Bronies

Fri June 10, 2011. 06:41 PM

Molly discusses how the internet and social media effects TV shows today.
Click here for show notes.
Follow us on Twitter: @rocketboom
Like us on Facebook: Facebook.com/rocketboom

My rating:

Community:

Play

Add it

NYC-Dance Parade

Wed June 08, 2011. 05:07 PM

Ella Morton, on one of her many journeys through NYC, stumbled upon a dance parade. This is what she saw.
Click here for show credits.
Follow us on Twitter: @rocketboom
Like us on the Bookface! facebook.com/rocketboom

My rating:

Community:

Play

Add it

Grandma Apps

Fri June 03, 2011. 03:18 PM

Molly outlines all the great apps to help your grandparents join the 21st Century.
Click here for show credits.
Follow Rocketboom on Twitter: @rocketboom
Like us on Facebook: facebook.com/rocketboom

My rating:

Community:

Play

Add it

NYC-Flatiron

Wed June 01, 2011. 02:51 PM

Today on Rocketboom NYC, intrepid urban explorer Ella Morton gives the history behind one of the most famous landmarks in New York City: The Flatiron Building.
Click here for Show Credits.
follow us on Twitter: @rocketboom
Like us on Facebook: Facebook.com/Rocketboom

My rating:

Community:

Play

Add it

Carnies

Tue May 31, 2011. 03:16 PM

In today’s episode, Molly takes a look behind the curtain to reveal the mysterious world of Carnies.
Click here for show credits.
Follow us on Twitter: @rocketboom
Friend us on Facebook: facebook.com/rocketboom

My rating:

Community:

Play

Add it

Nyan Nyan

Fri May 27, 2011. 05:16 PM

Have you seen Pop-Tart Cat? Ever wonder where that song came from? WONDER NO MORE! Molly is here with the low-down.
Click here for show notes.
Follow us on Twitter for more interesting stories from around the Web: @rocketboom
Friend us on Facebook for more: facebook.com/rocketboom

My rating:

Community:

Play

Add it

NYC-Twenty Sided Store

Wed May 25, 2011. 04:24 PM

Ella Morton travels to Williamsburg, Brooklyn to explore a place where you can go to get your Magic on: The Twenty Sided Store.
Click here for show credits.
Follow us on twitter: @rocketboom
Like us on Facebook: facebook.com/rocketboom

My rating:

Community:

Play

Add it

3D In Your Face

Mon May 23, 2011. 07:24 PM

Molly runs down the new 3D technology out there.
Click here for show credits.
Follow us on Twitter: @Rocketboom
Facebook us: facebook.com/rocketboom

My rating:

Community:

Play

Add it

It’s The End Of The World!

Wed May 18, 2011. 04:36 PM

Today, Molly prepares you for the weekend. According to sources, this weekend marks the End of the World. Good night and good luck.
Check out show credits here.
Follow us on Twitter: @rocketboom
Friend us on Facebook: facebook.com/rocketboom

My rating:

Community:

Play

Add it

PS3 Pwnage Finished?

Tue May 17, 2011. 02:10 AM

Molly investigates what happened to Sony during the now infamous hackings of Anon. Will it have long term affects for the Playstation?
Click here for show credits.
Follow us on Twitter: @rocketboom
Be our friend on Facebook: Facebook.com/rocketboom

My rating:

Community:

Play

Add it

NMA - Osama Cribs

Fri May 13, 2011. 04:28 PM

In today’s episode, We visit take a look at Osama bin Laden’s mansion in MTV Cribs style. For more NMA videos visit NMA.tv Click here for show credits. Follow us on Twitter: @rocketboom Friend us on Facebook: facebook.com/rocketboom

My rating:

Community:

Play

Add it

Putin on the Ritz

Thu May 12, 2011. 06:11 PM

Today on Rocketboom, Molly discusses the Apple suicide clause, Jetman, and more!
Click here for show credits.
Follow us on Twitter: @rocketboom
Friend us on Facebook: facebook.com/rocketboom

My rating:

Community:

Play

Add it

NYC-Bike Polo

Wed May 11, 2011. 03:17 PM

Today, NYC Explorer Ella Morton takes us all the way downtown to Chinatown to show us all about Bike Polo.
Click here for Show Credits.
Follow us on Twitter: @rocketboom
Friend us on Facebook: facebook.com/rocketboom

My rating:

Community:

Play

Add it

Osama Buzz

Tue May 10, 2011. 08:42 PM

On today’s episode, Molly discusses the unsettling but inevitable meme-ification of Osama bin Laden’s death. Click here for show credits. Follow us on Twitter. Like us on Facebook.

My rating:

Community:

Play

Add it

Tastes Like Chicken

Mon May 09, 2011. 06:16 PM

Today on Rocketboom, Molly talks about why so many things taste like chicken!
Click here for show credits.
Follow us on twitter:@rocketboom
Like us on Facebook.

My rating:

Community:

Play

Add it

Casual Friday - The AQ Team

Fri May 06, 2011. 03:31 PM

In 2001, members of an elite terrorist organization committed the worst attack on American soil. To this day, they haven’t been found. If you can find them, maybe you can capture: The AQ Team.
Click here for Show credits.
Follow us on Twitter: @rocketboom
Friend us on Facebook: Facebook.com/Rocketboom

My rating:

Community:

Play

Add it

Chess

Thu May 05, 2011. 06:08 PM

Today on Rocketboom, Molly explores the world of chess, from Magnus Carlsen to Deep Blue. Click here for show credits. Follow Rocketboom on Twitter for the latest updates! Like Rocketboom on Facebook for behind the scenes pics and videos!

My rating:

Community:

Play

Add it

NYC - The Wall Street Bull

Wed May 04, 2011. 05:23 PM

Ella takes us to the heart of the Finance district to show us a bit of guerrilla art: The famous Wall Street Bull.
Click here for show credits: http://bit.ly/iA2lta
Follow us on Twitter: @rocketboom
Friend us on Facebook: facebook.com/rocketboom

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>