Mediafly: Chelsea Lately Video Podcast

Playlist Browser

Shows

2 days ago

Episodes

Molly in Wonderland

Rocketboom (HD)

Pyramids

Rocketboom (HD)

iTunes

Zune

RSS

<div class="collectionShow ${Show.ChannelSlugsString} ${Show.Slug}" age="${SecondsOld}" style="float: left; width: 110px; height: 140px; display: ;">
        <div style="float: left; width: 113px;">
    <div style="float: left; width: 113px; margin-bottom: 35px;">
        <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(${Show.ImageUrl_75x75}) no-repeat 5px 5px;">
                        <a href="${Show.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: ${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="${Show.Slug}_Show_hudRatingImage supersmall" 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="${Show.Slug}_Show_hudRatingValue" style="float: right; display: inline; color: #999999; line-height: 10px; margin-right: 2px;">${Show.RatingValue}</div>
    </div>
    <div style="clear: both;"></div>
</div>
        </div>
    </div>
    <div style="float: right; width: 30px; height: 30px; margin-left: -30px; margin-top: -10px; text-align: center; background-image: url(); display: ;" class="${Show.Slug}_${Show.Type}_freshEpisodesImage">
    <div style="font-weight: bold; margin-top: 7px; color: ;" class="${Show.Slug}_${Show.Type}_freshEpisodesString small"></div>
</div>
</div>
    </div>

<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="${Slug}_Episode_hudRatingImage supersmall" 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="${Slug}_Episode_hudRatingValue" 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:

E! Online

Contact:

production@eonline.com

Website:

http://www.eonline.com/on/shows/chelsea/index.jsp

Feed updated:

3/11/2010 @5:39 AM CT

celebrities

chelsea lately

comedy

e online

e! online

eonline

film

handler

hollywood

tv & film

4 days ago

4.6

Chelsea Lately Video Podcast

Newest Episode: Thu March 11, 2010. 01:00 PM

With "Chelsea Lately", comedienne Chelsea Handler uses her quick wit and take-no-prisoners comedy style to take an irreverent look at top breaking news stories, celebrity tales that just won't die and other hot topics of the day.

My rating:

Community:

(5)

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}

2:24

Meet the Interns

Thu March 11, 2010. 01:00 PM

"Chelsea Lately" is a late-night half-hour talk show that takes an irreverent look at top breaking news stories, celebrity tales and other hot topics of the day. In this clip, it's spring time and that can only mean one thing at the "Chelsea Lately" studio--a new batch of interns for free labor! Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

1:59

Get Up, Stand Up!

Wed March 10, 2010. 02:08 PM

"Chelsea Lately" is a late-night half-hour talk show that takes an irreverent look at top breaking news stories, celebrity tales and other hot topics of the day. In this clip, there are quite a few rules Chelsea fans (and family members) must adhere to when seeing her "Chelsea Chelsea Bang Bang" tour. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

1:33

Book It!

Wed March 10, 2010. 02:08 PM

"Chelsea Lately" is a late-night half-hour talk show that takes an irreverent look at top breaking news stories, celebrity tales and other hot topics of the day. In this clip, writing a book is no easy task--and that's why our funnygal is making a huge announcement following the release of "Chelsea Chelsea Bang Bang." Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

1:53

I Want My VH1

Thu March 04, 2010. 12:28 PM

"Chelsea Lately" is a late-night half-hour talk show that takes an irreverent look at top breaking news stories, celebrity tales and other hot topics of the day. In this clip, the days of "Pop Up Video" are over--and Chelsea can't tolerate the imbeciles on "Tool Academy." Where have all the music videos gone? Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

2:32

"Seducing Cindy"

Wed March 03, 2010. 12:18 PM

"Chelsea Lately" is a late-night half-hour talk show that takes an irreverent look at top breaking news stories, celebrity tales and other hot topics of the day. In this clip, would you go under the knife to save Cindy Margolis' life? These suave suitors have no problem giving her their heart--or other vital organs. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

1:41

Victoria's Secret

Tue March 02, 2010. 02:22 PM

"Chelsea Lately" is a late-night half-hour talk show that takes an irreverent look at top breaking news stories, celebrity tales and other hot topics of the day. In this clip, after all these years, a concerned employee is finally revealing Victoria's revolting secret. See why the "Today Show" is investigating their undies. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

2:01

Albuquerque or Bust!

Mon March 01, 2010. 01:25 PM

"Chelsea Lately" is a late-night half-hour talk show that takes an irreverent look at top breaking news stories, celebrity tales and other hot topics of the day. In this clip, our funnygal is a changed woman after visiting New Mexico with gal pal Mary McCormack. Hear about their misadventures. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

2:06

Birthday Gal

Thu February 25, 2010. 01:15 PM

"Chelsea Lately" is a late-night half-hour talk show that takes an irreverent look at top breaking news stories, celebrity tales and other hot topics of the day. In this clip, Chelsea celebrates her 35th birthday in a big way--by getting cursed out by a fellow dog owner. (Happy birthday, indeed!) Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

2:08

"Kell on Earth"

Wed February 24, 2010. 12:37 PM

"Chelsea Lately" is a late-night half-hour talk show that takes an irreverent look at top breaking news stories, celebrity tales and other hot topics of the day. In this clip, there's no partying in fashion PR--according to Bravo's newest series. Watch a poor contestant lose her job for drinking. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

1:55

Labor Pains

Tue February 23, 2010. 12:56 PM

"Chelsea Lately" is a late-night half-hour talk show that takes an irreverent look at top breaking news stories, celebrity tales and other hot topics of the day. In this clip, join Kourtney Kardashian inside the delivery room as she gives birth to baby Mason. (It's a little graphic!) Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

1:57

I'm On a Boat

Mon February 22, 2010. 01:23 PM

"Chelsea Lately" is a late-night half-hour talk show that takes an irreverent look at top breaking news stories, celebrity tales and other hot topics of the day. In this clip, Chelsea's friend dupes her again--but this time in Mexico! See how an exciting whale watching cruise turned downright tragic. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

2:16

"Seducing Cindy"

Thu February 18, 2010. 12:41 PM

"Chelsea Lately" is a late-night half-hour talk show that takes an irreverent look at top breaking news stories, celebrity tales and other hot topics of the day. In this clip, why bother dating the old-fashioned way when you can find love on reality TV? Take a look at the gremlin that wants Cindy Margolis. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

2:02

"The Insider"

Wed February 17, 2010. 01:58 PM

"Chelsea Lately" is a late-night half-hour talk show that takes an irreverent look at top breaking news stories, celebrity tales and other hot topics of the day. In this clip, don't mess with Gary Coleman! Watch the pint-sized child star take a stand against host Lara Spencer and her investigative reporting. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

2:12

Private Getaway

Tue February 16, 2010. 02:02 PM

"Chelsea Lately" is a late-night half-hour talk show that takes an irreverent look at top breaking news stories, celebrity tales and other hot topics of the day. In this clip, Chelsea's trip to Lake Tahoe goes from private to public real quick when her personal ski video is turned into a commercial. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

"Party Heat"

Thu February 11, 2010. 02:21 PM

"Chelsea Lately" is a late-night half-hour talk show that takes an irreverent look at top breaking news stories, celebrity tales and other hot topics of the day. In this clip, a newlywed couple's honeymoon takes a turn for the worst when the dreaded water police pull over their jet ski. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

"Bachelor" Boogie

Wed February 10, 2010. 01:37 PM

"Chelsea Lately" is a late-night half-hour talk show that takes an irreverent look at top breaking news stories, celebrity tales and other hot topics of the day. In this clip, can a lovely lady impress Jake with an interpretive dance routine? (Hey, she's made it this far!) Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

1:49

Say No to Crack

Tue February 09, 2010. 02:24 PM

"Chelsea Lately" is a late-night half-hour talk show that takes an irreverent look at top breaking news stories, celebrity tales and other hot topics of the day. In this clip, our funnygal flew all the way to Miami to be apart of this year's Super Bowl, only to be blown away by the city's crack problem. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

It's a Rap

Mon February 08, 2010. 01:07 PM

"Chelsea Lately" is a late-night half-hour talk show that takes an irreverent look at top breaking news stories, celebrity tales and other hot topics of the day. In this clip, money talks--and apparently it can freestyle too! Watch a beat-dropping babe show off her talents on "The Millionaire Matchmaker." Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

Poached Eggs

Thu February 04, 2010. 02:35 PM

"Chelsea Lately" is a late-night half-hour talk show that takes an irreverent look at top breaking news stories, celebrity tales and other hot topics of the day. In this clip, Chuy's accidental research of the female reproductive system means good news for our funnygal! Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

1:48

"Drag Race" Takes Off

Wed February 03, 2010. 01:07 PM

"Chelsea Lately" is a late-night half-hour talk show that takes an irreverent look at top breaking news stories, celebrity tales and other hot topics of the day. In this clip, RuPaul is back baby--and he's looking for the next drag superstar! Watch a fierce contestant break the runway. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

older

newer

Management

Remove

Add

iTunes

Zune

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 class="panel">
            <div class="innerpanel">
                <div style="margin-top: 6px;">
                    <table cellspacing="0px" cellpadding="0px" border="0px">
                    <tr valign="top">
                        <td style="width: auto;">
                            <div style="float: left; width: 113px;">
    <div style="float: left; width: 113px; margin-bottom: 35px;">
        <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="${Slug}_Episode_hudRatingImage supersmall" 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="${Slug}_Episode_hudRatingValue" 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;">
                                <div>
                                    <div style="float: right; width: 28px; height: 28px; cursor: pointer; background: url(${ExperienceIcon}) no-repeat; display: ${ExperienceDisplay};" onclick="javascript:theController.popupExperience('${Slug}');">
                                    </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 ${Slug}_file" onclick="javascript:safeUrchinTracker('/Track/ShowPage/Episode/download');">
    <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 style="margin-left: 4px; padding-bottom: 9px;">
                        
                <div style="float: right;">
                    <div style="float: right;">
                        <div>
    <div>
        <div class="ratingtext" style="float: left; margin-left: 20px;">My rating:</div>
        <div class="ratingtext" style="float: left; margin-left: 34px;">Community:</div>
        <div style="clear: left;"></div>
    </div>

<div class="rating${Slug}">
        
        <div style="width: 14px; height: 14px; overflow: hidden; float: left;">
            <a href="javascript:ratingController.remove${Type}Rating('${Slug}')" class="${Slug}_${Type}_removeRating anchor" style="display: ;"><img src="/images/common/grey_cancel.gif" class="removeRatingStar" style="padding: 0px; margin: 0px; border: 0px; float: left;" alt="remove rating" title="remove rating" /></a>
        </div>
        
        <div class="${Slug}_${Type}_myRating" 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: ;" onclick="javascript:ratingController.rate${Type}('${Slug}',1);"></div>
            <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Type}('${Slug}',2);"></div>
            <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Type}('${Slug}',3);"></div>
            <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Type}('${Slug}',4);"></div>
            <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Type}('${Slug}',5);"></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="${Slug}_${Type}_communityRating" 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="${Slug}_${Type}_ratingsCount supersmall" style="color: #999999; display: ;">(${RatingsCount})</div>
        </div>
        <div style="clear: both;"></div>
    </div>

</div>
                    </div>
                    <div style="float: right; margin-top: 15px; margin-right: 10px;">
                        <div onclick="javascript:favoriteController.toggle${Type}Favorite('${Slug}');" style="float: right; width: 14px; height: 14px; cursor: pointer; background:  no-repeat;" class="${Slug}_${Type}_favoriteIcon"></div>

</div>
                </div>
                <div class="${Type}_${Slug}_mediaControls" style="float: left; margin-left: 20px; margin-top: 11px;">
                    <div>
    <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 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; display: " class="${Slug}_Episode_prefs">
        <div style="float: left;">
    <div style="float: left; cursor: pointer;" onclick="javascript:subscriptionController.popupEpisodePrefs('${Slug}');">
        <img src="/images/common/syncprefs-bw.gif" />
    </div>
    <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>
    <div style="clear: left;"></div>
</div>
                </div>
                <div style="clear: left;"></div>
                
            </div>
        </div>
            
    </div>

<div class="popupheader">${Title} via ${Device}</div>

{if !IsSubscribed}
        <div class="small">
            <div>
                Add this show to my
            </div>
            <div>
                <select id="addChannelDropdown" class="thinborder" style="width: 160px;">
                {for channel in Channels}
                    <option>${channel}</option>
                {/for}
                </select>
                <span> channel</span>
            </div>

<div style="margin-top: 5px;">
                Or create a new channel:
            </div>
            <div>
                <input type="text" id="addChannelText" class="thinborder" style="width: 160px;" />
            </div>

</div>
        {/if}
        <div class="small" style="margin-top: 40px;">
            <div style="float: left; margin-left: 5px;">
                <input type="button" value="Add to ${Device}" onclick="javascript:theController.addShowToDevice('${Device}');">
            </div>
        </div>

<div style="background: #ffe100; 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="${Show.Slug}_Show_hudRatingImage supersmall" 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="${Show.Slug}_Show_hudRatingValue" 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 style="zoom: 1;">
                                <div style="float: right; margin-right: 10px;">
                                    <div>
    <div>
        <div class="ratingtext" style="float: left; margin-left: 20px;">My rating:</div>
        <div class="ratingtext" style="float: left; margin-left: 34px;">Community:</div>
        <div style="clear: left;"></div>
    </div>

<div class="rating${Show.Slug}">
        
        <div style="width: 14px; height: 14px; overflow: hidden; float: left;">
            <a href="javascript:ratingController.remove${Show.Type}Rating('${Show.Slug}')" class="${Show.Slug}_${Show.Type}_removeRating anchor" style="display: ;"><img src="/images/common/grey_cancel.gif" class="removeRatingStar" style="padding: 0px; margin: 0px; border: 0px; float: left;" alt="remove rating" title="remove rating" /></a>
        </div>
        
        <div class="${Show.Slug}_${Show.Type}_myRating" 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: ;" onclick="javascript:ratingController.rate${Show.Type}('${Show.Slug}',1);"></div>
            <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Show.Type}('${Show.Slug}',2);"></div>
            <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Show.Type}('${Show.Slug}',3);"></div>
            <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Show.Type}('${Show.Slug}',4);"></div>
            <div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" onclick="javascript:ratingController.rate${Show.Type}('${Show.Slug}',5);"></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="${Show.Slug}_${Show.Type}_communityRating" 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="${Show.Slug}_${Show.Type}_ratingsCount supersmall" style="color: #999999; display: ;">(${Show.RatingsCount})</div>
        </div>
        <div style="clear: both;"></div>
    </div>

</div>

</div>
                                <div style="float: right; margin-top: 15px; margin-right: 10px;">
                                    <div onclick="javascript:favoriteController.toggle${Show.Type}Favorite('${Show.Slug}');" style="float: right; width: 14px; height: 14px; cursor: pointer; background:  no-repeat;" class="${Show.Slug}_${Show.Type}_favoriteIcon"></div>

</div>
                                <div style="float: left; margin-top: 10px; margin-left: 18px;">
                                    <div>
    <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 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; display: " class="${Show.Slug}_Show_prefs">
        <div style="float: left;">
    <div style="float: left; cursor: pointer;" onclick="javascript:subscriptionController.popupShowPrefs('${Show.Slug}');">
        <img src="/images/common/syncprefs-bw.gif" />
    </div>
    <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>
    </div>
    <div style="clear: left;"></div>
</div>
                                </div>
                                <div style="clear: both;"></div>
                            </div>
                        </div>

<div style="padding: 10px; margin-top: 6px;">
                            <div style="background-color: #999999; border-top: solid 1px #666666; border-bottom: solid 1px #666666;" class="topbar">
                                <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="${Slug}_Episode_hudRatingImage supersmall" 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="${Slug}_Episode_hudRatingValue" 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>
                                        <div style="float: right;">
                                            <div>
    <div>
        <div class="ratingtext" style="float: left; margin-left: 20px;">My rating:</div>
        <div class="ratingtext" style="float: left; margin-left: 34px;">Community:</div>
        <div style="clear: left;"></div>
    </div>

</div>
                                        </div>
                                        <div style="float: right; margin-top: 15px; margin-right: 10px;">
                                            <div onclick="javascript:favoriteController.toggle${Type}Favorite('${Slug}');" style="float: right; width: 14px; height: 14px; cursor: pointer; background:  no-repeat;" class="${Slug}_${Type}_favoriteIcon"></div>

</div>
                                        <div style="float: left; margin-left: 5px; margin-top: 13px;">
                                            <div>
    <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 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; display: " class="${Slug}_Episode_prefs">
        <div style="float: left;">
    <div style="float: left; cursor: pointer;" onclick="javascript:subscriptionController.popupEpisodePrefs('${Slug}');">
        <img src="/images/common/syncprefs-bw.gif" />
    </div>
    <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>
    <div style="clear: left;"></div>
</div>
                                        </div>
                                        <div style="clear: both;"></div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                                                
                    </div>
                </div>
                <div>
                    <img src="/images/rollover/bottom.png" />
                </div>
            </div>
        </div>
    </div>
    
</div>

<div style="background: #ffe100; 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="${Show.Slug}_Show_hudRatingImage supersmall" 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="${Show.Slug}_Show_hudRatingValue" 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 style="zoom: 1;">
                        <div style="float: right; margin-right: 10px;">
                            <div>
    <div>
        <div class="ratingtext" style="float: left; margin-left: 20px;">My rating:</div>
        <div class="ratingtext" style="float: left; margin-left: 34px;">Community:</div>
        <div style="clear: left;"></div>
    </div>

</div>

</div>
                        <div style="float: right; margin-top: 15px; margin-right: 10px;">
                            <div onclick="javascript:favoriteController.toggle${Show.Type}Favorite('${Show.Slug}');" style="float: right; width: 14px; height: 14px; cursor: pointer; background:  no-repeat;" class="${Show.Slug}_${Show.Type}_favoriteIcon"></div>

</div>
                        <div style="float: left; margin-top: 10px; margin-left: 18px;">
                            <div>
    <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 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; display: " class="${Show.Slug}_Show_prefs">
        <div style="float: left;">
    <div style="float: left; cursor: pointer;" onclick="javascript:subscriptionController.popupShowPrefs('${Show.Slug}');">
        <img src="/images/common/syncprefs-bw.gif" />
    </div>
    <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>
    </div>
    <div style="clear: left;"></div>
</div>
                        </div>
                        <div style="clear: both;"></div>
                    </div>
                </div>

<div style="padding: 10px; margin-top: 6px;">
                    <div style="background-color: #999999; border-top: solid 1px #666666; border-bottom: solid 1px #666666;" class="topbar">
                        <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; 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="${Show.Slug}_Show_hudRatingImage supersmall" 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="${Show.Slug}_Show_hudRatingValue" 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 style="width: 100%;">
                                        <div class="small" style="margin-left: 10px; height: 80px; line-height: 16px; overflow: hidden;">
                                            ${Description}
                                        </div>
                                    </td>
                                </tr>
                                </table>
                            </div>

<div>
                                <div style="float: right;">
                                    <div>
    <div>
        <div class="ratingtext" style="float: left; margin-left: 20px;">My rating:</div>
        <div class="ratingtext" style="float: left; margin-left: 34px;">Community:</div>
        <div style="clear: left;"></div>
    </div>

</div>
                                </div>
                                <div style="float: right; margin-top: 15px; margin-right: 10px;">
                                    <div onclick="javascript:favoriteController.toggle${Type}Favorite('${Slug}');" style="float: right; width: 14px; height: 14px; cursor: pointer; background:  no-repeat;" class="${Slug}_${Type}_favoriteIcon"></div>

</div>
                                <div style="float: left; margin-left: 5px; margin-top: 13px;">
                                    <div>
    <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 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; display: " class="${Slug}_Episode_prefs">
        <div style="float: left;">
    <div style="float: left; cursor: pointer;" onclick="javascript:subscriptionController.popupEpisodePrefs('${Slug}');">
        <img src="/images/common/syncprefs-bw.gif" />
    </div>
    <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>
    <div style="clear: left;"></div>
</div>
                                </div>
                                <div style="clear: both;"></div>
                            </div>
                            
                        </div>
                    </div>
                </div>
                                        
            </div>
        </div>
    </div>
</div>

<div>
    <div>
        <div class="ratingtext" style="float: left; margin-left: 20px;">My rating:</div>
        <div class="ratingtext" style="float: left; margin-left: 34px;">Community:</div>
        <div style="clear: left;"></div>
    </div>

</div>

<div>
        <div style="float: left;">
            <div style="border: 1px solid #AAAAAA; margin-left: 6px;">
                <div style="width: 34px; height: 34px; background: url(${Show.ImageUrl_30x30}) no-repeat 2px 2px;"></div>
            </div>
        </div>
        <div class="small" style="float: left; margin-left: 6px;">
            <div style="height: 16px; overflow: hidden;">
                ${Show.Title}
            </div>
        </div>
        <div style="clear: left;"></div>
    </div>

<div class="small" style="margin-top: 20px;">
        <div>
            Add this show to my
        </div>
        <div>
            <select id="channelDropdown" class="thinborder" style="width: 160px;"></select>
            <span> channel</span>
        </div>
        <div style="margin-top: 5px;">
            Or create a new channel:
        </div>
        <div>
            <input type="text" id="channelText" class="thinborder" style="width: 160px;" />
        </div>

</div>
    <div style="margin-top: 40px;">
        <div id="addShowLink" style="float: left;">
            <input type="button" value="Add it" onclick="javascript:subscriptionController.addShowConfirmed('${Show.Slug}');">
        </div>
        <div style="float: left; margin-left: 5px;">
            <input type="button" value="Cancel" onclick="javascript:popupController.hidePopup();" />
        </div>
    </div>

<div>
        <div style="float: left;">
            <div style="border: solid 1px #AAAAAA;">
                <div style="width: 30px; height: 30px; padding: 2px; background: url(${ImageUrl_30x30}) no-repeat 2px 2px;">
                </div>
            </div>
        </div>
        <div class="small" style="float: left; margin-left: 6px;">
            <div style="height: 16px; overflow: hidden;">
                ${Title}
            </div>
            <div style="height: 16px; overflow: hidden; color: #999999;">
                ${Show.Title}
            </div>
        </div>
        <div style="clear: left;"></div>
    </div>

<div class="small" style="margin-top: 20px;">
        <div>
            Add this episode to my
        </div>
        <div>
            <select id="channelDropdown" class="thinborder" style="width: 160px;"></select>
            <span> channel</span>
        </div>

<div style="margin-top: 5px;">
            Or create a new channel:
        </div>
        <div>
            <input type="text" id="channelText" class="thinborder" style="width: 160px;" />
        </div>
        
    </div>
    
    <div style="width: 100%; margin-top: 40px;">
        <div style="float: left;">
            <input type="button" value="Add it" onclick="javascript:subscriptionController.addEpisodeConfirmed('${Slug}');" />
        </div>
        <div style="float: left; margin-left: 5px;">
            <input type="button" value="Cancel" onclick="javascript:popupController.hidePopup();" />
        </div>
    </div>

<div id="advancedOptions">
        <div class="popupheader">
            Preferences for ${Title}
        </div>

<div id="mediaTypesOption" class="poweroption small" style="margin-top: 20px;">
            <div class="rolledUpPrefs" style="display: none;">
                <div class="editPrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.editPrefs('mediaTypesOption');">
                    <img src="/images/common/syncprefs-bw.gif" />
                </div>
            </div>
            <div class="prefs" style="display: none;">
                <div class="removePrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.removePrefs('mediaTypesOption');">
                    <img src="/images/common/grey_cancel.gif" />
                </div>
                Include:
                <span><input id="includeAudio" class="thinborder" type="checkbox" /> Audio</span>
                <span style="margin-left: 10px;"><input id="includeVideo" class="thinborder" type="checkbox" /> Video</span>
            </div>
        </div>
        <div style="clear: left;"></div>
        
        <div id="maxEpisodesOption" class="poweroption small" style="margin-top: 20px;">
            <div class="rolledUpPrefs" style="display: none;">
                <div class="editPrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.editPrefs('maxEpisodesOption');">
                    <img src="/images/common/syncprefs-bw.gif" />
                </div>
            </div>                
            <div class="prefs" style="display: none;">
                <div class="removePrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.removePrefs('maxEpisodesOption');">
                    <img src="/images/common/grey_cancel.gif" />
                </div>

<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="poweroption small" style="margin-top: 20px;">
            <div class="rolledUpPrefs" style="display: none;">
                <div class="editPrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.editPrefs('maxDaysOption');">
                    <img src="/images/common/syncprefs-bw.gif" />
                </div>
            </div>
            <div class="prefs" style="display: none;">
                <div class="removePrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.removePrefs('maxDaysOption');">
                    <img src="/images/common/grey_cancel.gif" />
                </div>
                                    
                <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" />
                        
                        <select id="daysTypeDropdown">
                            <option value="1">Calendar days</option>
                            <option value="2">Weekdays</option>
                            <option value="3">Smart days</option>
                        </select>.
                    </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="poweroption small" style="margin-top: 20px;">
            <div class="rolledUpPrefs" style="display: none;">
                <div class="editPrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.editPrefs('minExperienceOption');">
                    <img src="/images/common/syncprefs-bw.gif" />
                </div>
            </div>
            <div class="prefs" style="display: none;">
                <div class="removePrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.removePrefs('minExperienceOption');">
                    <img src="/images/common/grey_cancel.gif" />
                </div>
                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="poweroption 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 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 ${Title}
    </div>
    
    <div id="episodeOptions" class="small poweroption">
        <div class="rolledUpPrefs" style="display: none;">
            <div class="editPrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.editPrefs('episodeOptions');">
                <img src="/images/common/syncprefs-bw.gif" />
            </div>
        </div>
        
        <div class="prefs" style="display: none;">
            <div class="removePrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.removePrefs('episodeOptions');">
                <img src="/images/common/grey_cancel.gif" />
            </div>

<div style="float: left;">
                <div>
                    <div>
                        <input type="radio" name="keepEpisodeDaysRadio" class="keepEpisodeDaysRadio limit" /> Let this episode expire 
                        <input id="keepEpisodeDaysText" class="maxDays thinborder" style="width: 60px;" type="text" /> days from today.
                    </div>                
                    <div>
                        <input type="radio" name="keepEpisodeDaysRadio" class="keepEpisodeDaysRadio noLimit" value="max" /> Do not let this episode expire by date.
                    </div>
                </div>
                
                <div style="margin-top: 20px;">
                    <div>
                        <input type="radio" name="minEpisodeExperienceRadio" class="minEpisodeExperienceRadio limit" /> 
                        Remove this episode after listening to <input id="minEpisodeExperienceText" class="thinborder" style="width: 60px;" type="text" /> %. (1 - 100)
                    </div>
                    <div>
                        <input type="radio" name="minEpisodeExperienceRadio" class="minEpisodeExperienceRadio noLimit" /> 
                        Do not remove this episode even, after it has been listened to in full.
                    </div>
                </div>
            </div>
            <div style="clear: left;"></div>
        </div>
    </div>
  
    <div style="clear: left;"></div>
    <div style="margin-top: 40px;">
        <input type="button" value="Save Episode Preferences" onclick="javascript:subscriptionController.submitEpisodePrefs('${Slug}');" />
    </div>

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

<div id="mediaTypesOption" class="poweroption small" style="margin-top: 20px;">
            <div class="prefs">
                Include:
                <span><input id="includeAudio" class="thinborder" type="checkbox" /> Audio</span>
                <span style="margin-left: 10px;"><input id="includeVideo" class="thinborder" type="checkbox" /> Video</span>
            </div>
        </div>
        <div style="clear: left;"></div>
        
        <div id="maxEpisodesOption" class="poweroption small" style="margin-top: 20px;">
            <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="poweroption 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" />
                        
                        <select id="daysTypeDropdown">
                            <option value="1">Calendar days</option>
                            <option value="2">Weekdays</option>
                            <option value="3">Smart days</option>
                        </select>.
                    </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="poweroption 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>
                    
    <div style="margin-top: 40px;">
        <div style="float: left;">
            <input type="button" value="Save Channel Preferences" onclick="javascript:subscriptionController.submitChannelPrefs('${Name}');" />
        </div>
        <div style="float: left; margin-left: 5px;">
            <input type="button" value="Reset Channel Preferences" onclick="javascript:subscriptionController.defaultPrefs('Channel', '${Name}');" />
        </div>
    </div>

<div class="popupheader">
        Success!
    </div>
    <div class="poweroption 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 enable devices:
    </div>
    <div class="poweroption small" style="margin-top: 20px;">
        
    <a href="/DigitalLifestyle/Roku digital video player">
        <img src="http://s3.amazonaws.com//Mediafly_Images/SyncPoints/Roku/Roku_90x65.jpg" alt="Roku digital video player" title="Roku digital video player" 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>