Mediafly: Out In The Bay Podcast

Playlist Browser

Shows

16 hours

2 days

3 days

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>

Contact:

mmartin3@muse.sfusd.edu

Website:

http://www.outinthebay.com

Feed updated:

2/7/2010 @7:02 AM CT

arts

bay

california

health

kalw

kalw fm

out

out in the bay

san francisco

sexuality

the

2 days

Out In The Bay Podcast

Newest Episode: Sat February 06, 2010. 08:57 PM

Out in the Bay is gay radio for San Francisco and beyond, featuring interviews with community leaders, newsmakers, authors, artists. and interesting personalities. Produced by Eric Jansen, Marilyn Pittman and David Latulippe

My rating:

Community:

(1)

Play

Add it

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

older

newer

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

347 days

Out in the Bay - Milk, the movie

Thu February 26, 2009. 08:32 AM

"Milk," the movie. Gus Van Sant, Sean Penn, Josh Brolin, and Emile Hirsch talk to Marilyn Pittman about the movie "Milk," about slain gay rights pioneer Harvey Milk. Hitting the big screen at the 30th anniversary of his assassination, it couldn't come at a more auspicious time, just after Prop. 8 passed in California, further delaying marriage equality for LGBT people. You'll also hear interviews with Cleve Jones, Anne Kronenberg, and Danny Nicoletta, the people who were there with Milk in 1978 as he became the first openly gay man elected to office in a major U.S. city.

My rating:

Community:

Play

Add it

350 days

Out in the Bay - Milk, the movie

Mon February 23, 2009. 01:56 PM

My rating:

Community:

Play

Add it

352 days

Out in the Bay - Lesley Gore

Sat February 21, 2009. 12:33 PM

A Conversation With Lesley Gore: Eric Jansen and Marilyn Pittman talk with 1960s pop icon Lesley Gore about how the late New York Congresswoman Bella Abzug helped her come out, gay marriage, her new CD, and being a teenage pop star under the tutelage of Quincy Jones.

My rating:

Community:

Play

Add it

359 days

Out in the Bay - 7 Sins revisited

Sun February 15, 2009. 02:43 AM

James Judd's "7 Sins." What do you get when you cross a Mormon father and a Las Vegas cocktail waitress mother? James Judd, the hilarious star of the solo comedy show "7 Sins." Marilyn Pittman interviews him and plays excerpts from the show that runs through February 21st at the Exit Theatre in San Francisco. (Marilyn opens for James through the run. For more information, go to: http://www.sffringe.org.)

My rating:

Community:

Play

Add it

375 days

Out in the Bay - Pink Harvest

Thu January 29, 2009. 10:23 PM

Meet Toni Mirosevich, award-winning poet, author and creative writing professor at S.F. State, and hear her read from her book of short stories, "Pink Harvest: Tales of Happenstance." It's creative non-fiction that, as she puts it, "explores life's shifting, tilting moments and encounters." Eric Jansen hosts.

My rating:

Community:

Play

Add it

387 days

Out in the Bay - Recovering from Proposition 8

Sat January 17, 2009. 08:53 PM

Recovering from Proposition 8:
The campaign against Proposition 8 was criticized for — among other things — not showing gay and lesbian parents in its TV ads. Now a group of L.A. filmmakers has produced five such spots to air in California the week of Barack Obama's inauguration. They've even pressured homophobic inaugural invocation preacher Rick Warren to show the spots to his Orange County mega-church congregation. Eric Jansen speaks with John Ireland, founder of the "Get To Know Us First" video campaign, and Molly McKay of Marriage Equality USA. She shares results of her group's community survey of what went wrong in the No on 8 campaign and how to recover.

My rating:

Community:

Play

Add it

407 days

Out in the Bay - the movie Milk

Sun December 28, 2008. 03:26 PM

"Milk," the movie (rebroadcast) - Gus Van Sant, Sean Penn, Josh Brolin, and Emile Hirsch talk to Marilyn Pittman about the movie "Milk," about slain gay rights pioneer Harvey Milk. Hitting the big screen at the 30th anniversary of his assassination, it couldn't come at a more auspicious time, just after Prop. 8 passed in California, further delaying marriage equality for LGBT people. You'll also hear interviews with Cleve Jones, Anne Kronenberg, and Danny Nicoletta, the people who were there with Harvey in 1978 as he became the first openly gay man elected to office in a major U.S. city.

My rating:

Community:

Play

Add it

414 days

Out in the Bay - Movie Bears Boycott Cinemark

Sun December 21, 2008. 11:23 PM

Bears and the Cinemark Movie Boycott - That's right, bears. Specifically, movie-going bears. Hear about their club, SF Movie Bears, and about their boycott of Cinemark Theatres because of Cinemark CEO Alan Stock's anti-gay political campaign contributions. Join host Eric Jansen for a taste of bear culture and "bears on film."

My rating:

Community:

Play

Add it

421 days

Out in the Bay - High School Harassment

Mon December 15, 2008. 06:02 AM

Harassment in High School: 9 out of 10 American high school students face harassment of some kind. Find out what's being done about it from Eliza Byard, the Executive Director of GLSEN, the Gay, Lesbian and Straight Education Network. Marilyn Pittman talks with her about LGBT parents and kids and the enormous difficulties they face in being treated equally.

My rating:

Community:

Play

Add it

427 days

Out in the Bay - writer Sarah Schulman

Mon December 08, 2008. 09:22 PM

Writer Sarah Schulman's books cover 25 years of gay rights history, including the AIDS-era protest groups ActUp and The Lesbian Avengers. She talks with Marilyn Pittman about her new novel "The Child," her new book on gentrification, and her previous successes and challenges as a lesbian novelist. Sarah is the author of the award-winning "After Delores," "Rat Bohemia," and "People In Trouble," which was used to develop and create the musical, "Rent."

My rating:

Community:

Play

Add it

435 days

Out in the Bay - SF Gay Men's Chorus turns 30

Sun November 30, 2008. 04:11 PM

A small group of singers gathered outside San Francisco City Hall 30 years ago - on the night of Nov. 27, 1978 — to comfort a crowd shocked by the assassinations that morning of our country's first openly gay elected official, Supervisor Harvey Milk, and Mayor George Moscone. The San Francisco Gay Men's Chorus has been a social and cultural force ever since. Join host Eric Jansen, conductor Kathleen McGuire and founding baritone Bob Rufo to hear some of the chorus' music and history, and about its 30th Anniversary World AIDS Day Concert and yearly "Home for the Holidays" concerts, including a new peace suite by Steve Schachlin and also featuring singer Kim Kuzma.

My rating:

Community:

Play

Add it

441 days

Out in the Bay - "Milk" the movie

Mon November 24, 2008. 07:06 PM

MILK, the movie. Director Gus Van Sant and actors Sean Penn, Josh Brolin and Emile Hirsch talk with Marilyn Pittman about their new film, "Milk," about slain gay rights pioneer Harvey Milk. It's the 30th anniversary of Milk's assassination and the film couldn't come at a more auspicious time, just California's passage of Proposition 8 further delays marriage equality for LGBT people. You'll also hear interviews with Cleve Jones, Anne Kronenberg and Danny Nicoletta, three of the activists there with Harvey as he became the first openly gay man elected to public office in 1978.

My rating:

Community:

Play

Add it

450 days

Out in the Bay - Classical Gays

Sat November 15, 2008. 07:03 PM

Classical (Music) Gays:
What?! Gay men composed classical music?!?! Berkeley Symphony Orchestra guest conductor Paul Haas fills us in on the tortured life and resulting tortured music of Peter Ilyich Tchaikovsky, and the less tortured life and music of more openly gay Samuel Barber. Eric Jansen hosts.

My rating:

Community:

Play

Add it

455 days

Out in the Bay - After Prop 8

Tue November 11, 2008. 04:03 AM

Post-election Wrap: After Prop 8. What did the Nov. 4 election results mean for LGBT Americans? How is California's LGBT community fighting the passage of anti-gay marriage Proposition 8? And how might Barack Obama's presidency affect queers here and across the country? Hear State Senator-Elect Mark Leno, San Francisco Chief Deputy City Attorney Therese Stewart (who argued the same-sex marriage case before California's Supreme Court and filed the brief against Prop 8) and Andrea Shorter of And Marriage for All, an LGBT African American marriage equality group, in a lively discussion with Out in the Bay listeners and host Eric Jansen.

My rating:

Community:

Play

Add it

464 days

Out in The Bay - Love Politics, Part 2

Sat November 01, 2008. 10:23 PM

Love Politics: Personalizing Proposition 8 (Part 2 of 2).
Hear how Phyllis Lyon & the late Del Martin helped found the "secret lesbian society," the Daughters of Bilitis in 1955 and launched a national lesbian magazine in 1956; how they fought police violence in the 1960s; and about the 1965 New Year's Drag Ball busted by San Francisco cops that helped the ACLU take gay rights seriously. They also tell about their February 2004 marriage in city hall. We finish with music and inspirational words (from National Center for Lesbian Rights leader Kate Kendell) from the City Hall celebration of Del's life that show how much society's attitudes have changed. (Part 2 of 2) Eric Jansen hosts.

My rating:

Community:

Play

Add it

473 days

Out In the Bay-Love Politics, part 1

Fri October 24, 2008. 12:04 AM

Love Politics: Personalizing Proposition 8 (part 1)
Do you ever wonder who those sam-sex couples are who wanted so badly to get married, but couldn't until this June? Meet Phyllis Lyon and Del Martin, together 55 years before the California Supreme Court finally said they could legally wed. Del barely saw it in her lifetime—she died two months after their City Hall Marriage. Hear them share their love story, their politics, and what life was like for same-sex couples in the 1950s.

My rating:

Community:

Play

Add it

483 days

Out in the Bay - Gay men's health Magnet

Mon October 13, 2008. 06:13 PM

Gay men's physical and social health: Meet the folks at Magnet, a non-profit health and community center in San Francisco's Castro district, where you can dance, view art, get a massage, join discussion groups, participate in open mic nights...and get checked for HIV and other STDs. It's a joint community and health center model that other cities are looking at. Magnet also has a wealth of men's health information on its website, www.MagnetSF.org. Eric Jansen hosts.

My rating:

Community:

Play

Add it

487 days

Out in the Bay - Garrin Benfield

Thu October 09, 2008. 09:46 PM

Garrin Benfield - If the lesbians have Melissa Etheridge, k.d. lang, and The Indigo Girls, do the queer guys need an icon? Or do they just want to dance and party? San Francisco emo-acoustic folk-rock sensation Garrin Benfield chats with Marilyn Pittman about being an out queer musician. He toured with Boz Scaggs, played with Bonnie Raitt's band, and has just released his third record, "Where Joy Kills Sorrow." Talk about emo! Tune in and hear cuts from his records, including the GLAMA award-winning song about Matthew Shepard.

My rating:

Community:

Play

Add it

499 days

Out in the Bay - Long-term survivors

Sat September 27, 2008. 08:31 PM

No longer the "disease du jour," funds for AIDS charities have slowed drastically. Yet HIV is still a scourge and long-term survivors face new problems about which we hear very little. Hear from two non-profit HIV experts: Dr. James Dilley, who heads UCSF's AIDS Health Project, and Positive Being founder and director Dr. William Stern, himself a long-term survivor. Eric Jansen hosts.

My rating:

Community:

Play

Add it

512 days

Out in the Bay - queer safety on campus

Mon September 15, 2008. 12:03 AM

Heteros & Homos Making High Schools Safe."Hey faggot!" " Hey bull-dyke" "That's so gay!" Those invectives are still heard on high school campuses. What's it like to be queer in high school these days? Meet youth leaders Rigo Chacon, Lyla Foley, and Kyle Lakatos and the Gay-Straight Alliance Network's founder, Carolyn Laub — hets and homos working together to make high school campuses safe nationwide. Eric Jansen hosts.

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>