Mediafly: Chelsea Lately Video Podcast

Playlist Browser

Shows

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">${TimeFromNow}</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:

2/9/2010 @4:50 AM CT

celebrities

chelsea lately

comedy

e online

e! online

eonline

film

handler

hollywood

tv & film

18 hours

4.5

Chelsea Lately Video Podcast

Newest Episode: Mon February 08, 2010. 01:07 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:

(4)

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}

18 hours

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

4 days

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

5 days

"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

6 days

The Dirty "View"

Tue February 02, 2010. 01:05 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, obviously, Sherri Shepherd has never heard of animal cruelty! Hear why Chelsea is contemplating calling PETA on her pups' behalf. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

7 days

The Grammy Whammy

Mon February 01, 2010. 01:55 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, didn't Beyonce say that she was taking some time off? Hear why Chelsea thinks the "Single Ladies" singer needs a break. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

11 days

Belly Button Bang

Thu January 28, 2010. 01:52 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, Tyra Banks brings on the nasty when she penetrates a large, shirtless guest's belly button with her finger. (Oh yeah, she smells it too!) Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

12 days

A Cheap Date

Wed January 27, 2010. 01:10 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 struggling economy has finally struck reality television, specifically "The Bachelor." Nothing says budding romance like rolling down a hill. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

13 days

Doctor Says What?

Tue January 26, 2010. 12:29 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, really, Dr. Oz? Chelsea loses it when the good doctor's associate compares the female anatomy to a turtleneck sweater. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

14 days

Get It On!

Mon January 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, our newly-single funnygal falls head over heels (and a number of other sexual positions) for a new friend in Texas. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

18 days

Pageant Parents

Thu January 21, 2010. 01:19 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, nothing screams celebrity like pimping out your 18-month-old. Hear what this couple expects from their deadbeat son. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

19 days

Balling "Bachelor"

Wed January 20, 2010. 12:46 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 new "Bachelor" really needs to grow a pair! Who ever thought a commercial pilot could be afraid of heights? Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

(1)

Play

Add it

20 days

Oh, Joy!

Tue January 19, 2010. 03:14 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, "View" diva Joy Behar says there aren't any women in late night television! Maybe it's time for her to see what Chelsea's packin'! Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

21 days

Giuliana Loves George

Mon January 18, 2010. 01:03 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, happily married E! correspondent Giuliana Rancic will do whatever it takes to get George Clooney's attention--even if it means pausing an interview. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

25 days

Los Angeles Shore

Thu January 14, 2010. 01: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, Chuy will do whatever it takes to make a buck--even if it means riding the coattails of the "Jersey Shore" cast. Take a look! Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

26 days

Really, VH1?

Wed January 13, 2010. 12:45 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, if you're yearning for the black version of "Sex and the City," starring a former member of Salt-n-Pepa, do we have the show for you! Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

27 days

"A Basement Affair"

Tue January 12, 2010. 01:11 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, if you thought E!'s programming hit a low note, just wait till you see VH1's new show featuring Z-lister Frank the Entertainer. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

28 days

"Psychic Kids"

Mon January 11, 2010. 01:33 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 new silver fox grabs Chelsea's attention with his stunning good looks and psychic abilities. Hear her future plans with this hunk of a man. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

32 days

Footsy Friends

Thu January 07, 2010. 12:51 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, Sean "Diddy" Combs puts Chelsea in a funk when he slams a shoeless contestant on his reality show. See why "Chelsea Lately" is different. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

Play

Add it

33 days

Chelsea's Choice

Wed January 06, 2010. 02:12 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, "Desperate Housewives" takes a tip from Chelsea and joins the fat suit revolution. See why our funnygal is boycotting the drama. Check it out. Then make sure to watch "Chelsea Lately" every weeknight at 11/10c only on E!

My rating:

Community:

(1)

Play

Add it

34 days

"Strange Sex"

Tue January 05, 2010. 02:17 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, masturbating and eating ice cream should never be frowned upon. Hear why Chelsea is commending a brave woman for breaking her silence. 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">${TimeFromNow}</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">${TimeFromNow}</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>