Mediafly: Ultima Thule Ambient Music

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">${Duration}</div>
    <div class="small" style="width: 10px; height: 10px; float: right; margin-top: 2px; margin-right: 3px; background: url(/images/rollover/${Media}.gif) no-repeat;"></div>
    <div class="${Slug}_Episode_hudRatingImage supersmall" style="float: right; height: 10px; margin-top: 2px; margin-right: 4px; display: ;">
        <div style="float: right;"><img src="/images/rollover/grey_star.gif" /></div>
        <div class="${Slug}_Episode_hudRatingValue" style="float: right; color: #999999; line-height: 10px; margin-right: 2px;">${RatingValue}</div>
    </div>
    <div style="clear: both;"></div>
</div>
    </div>
    <div style="clear: both;"></div>
</div>
    </div>

Owner:

George Cruickshank

Contact:

information@ultimathule.info

Website:

http://www.ultimathule.info

1989-2010 George Cruickshank

Feed updated:

3/10/2010 @12:26 PM CT

ambient

atmospheric

chill

dub

electronic

george cruickshank

music

musica

new age

radio

space music

spacemusic

4 days ago

Ultima Thule Ambient Music

Newest Episode: Mon March 08, 2010. 12:12 AM

A weekly programme of ambient and atmospheric music from across the ages and around the world, heard on Australian public radio since 1989. Ultima Thule weaves a mix of ambient, trance, drone and chillout electronica, spacemusic, ancient, mediaeval and neoclassical creations, traditional and world music, soundtracks, cool jazz and impressionist soundworks into an exquisite, chatter-free 90-minute musical narrative.

My rating:

Community:

Play

Add it

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

older

newer

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

UT 715

Mon July 07, 2008. 12:12 AM

High altitude atmospherics; revisiting new and unreleased works from the studio of David Parsons.

My rating:

Community:

Play

Add it

UT 714

Mon June 30, 2008. 12:12 AM

Rhythms, grooves and assorted funkiness from Astromill, Jon Anderson, Exxos, Pete Namlook, Paul Haslinger and others.

My rating:

Community:

Play

Add it

UT 713

Mon June 23, 2008. 12:12 AM

Blissful awareness... music from the latest Eco Zen compilation from One World Music.

My rating:

Community:

Play

Add it

UT 712

Mon June 16, 2008. 12:12 AM

Deep, contemplative, richly beauteous ambessence from Alan Hovhaness, Raphael, Bruno Sanfilippo and Mathias Grassow.

My rating:

Community:

Play

Add it

UT 711

Mon June 09, 2008. 12:12 AM

Temporal sequences and fluctuations from Klaus Schulze, Jean Michel Jarre, Evan Bartholomew and Yen Wynddancer.

My rating:

Community:

Play

Add it

UT 710

Mon June 02, 2008. 12:12 AM

Ambient string theory... with creations from Stephan Micus, Principle of Silence and Steve Tibbets - and showcasing "Celocity", the new album from Dublin-based cellist, Claire Fitch.

My rating:

Community:

Play

Add it

UT 709

Mon May 26, 2008. 12:12 AM

Chillin' in Ibiza with Bliss, Lustral, Orion, Kalliope, Chicane and a host of others.

My rating:

Community:

Play

Add it

UT 708

Mon May 19, 2008. 12:12 AM

Dark ambient infatuations, as embraced by Psicodreamics, Numina, Caul, Volt and Delerium.

My rating:

Community:

Play

Add it

UT 707

Mon May 12, 2008. 12:12 AM

Passionate, elemental journeys, from Steve Roach, Matt Coldrick, Matt Hillier, Stephen Humphries and Michel van Osenbruggen.

My rating:

Community:

Play

Add it

UT 706

Mon May 05, 2008. 12:12 AM

Places in between, featuring transitional creations from Richard Bone, Robert Scott Thompson, Bob Holroyd, Matt Coldrick, Matt Hillier and Andreas Leifield.

My rating:

Community:

Play

Add it

UT 705

Mon April 28, 2008. 12:12 AM

Premonitions from the vapours... with oracular infusions by Robert Davies, Lammergeyer, Entia non, and Nunc Stans.

My rating:

Community:

Play

Add it

UT 704

Mon April 21, 2008. 12:12 AM

Featuring absolutely no music whatsoever by Britney Spears.

My rating:

Community:

Play

Add it

UT 703

Mon April 14, 2008. 12:12 AM

Ambient rhythms and grooves from Sankt Otten, Markus Reuter, Robert Rich, Robert Fripp, Brian Eno, Robyn Guthrie, Harold Budd and others.

My rating:

Community:

Play

Add it

UT 702

Mon April 07, 2008. 12:12 AM

Sacred liturgical chants from the Coptic, Maronite, Melkite and Old Roman traditions, along with contemporary inspired secular sounds from Constance Demby and Seattle Harmonic Voices.

My rating:

Community:

Play

Add it

UT 701

Mon March 31, 2008. 12:12 AM

Higher than the sun, lower than the ground. Euphoric ambience from Primal Scream, Science Force, The Nomad, Massive Attack and Aura.

My rating:

Community:

Play

Add it

UT 700

Mon March 24, 2008. 12:12 AM

To mark our 700th edition milestone, we delve into the archives in order to do something we've never done before, in more than 19 years; repeat a programme. Proudly re-presenting the playlist for Ultima Thule programme number one, originally aired on 1 February 1989.

My rating:

Community:

Play

Add it

UT 699

Mon March 17, 2008. 12:12 AM

25 years of "Blade Runner", featuring new music for the film by Vangelis - plus the soundtrack to the just-released film "El Greco".

My rating:

Community:

Play

Add it

UT 698

Mon March 10, 2008. 12:12 AM

Red moon rising over the serpent's lair, with fevered reptilian dreamings by Steve Roach, Byron Metcalfe, Ma Ja Le, Vir Unis, and Richard Vojlay.

My rating:

Community:

Play

Add it

UT 697

Mon March 03, 2008. 12:12 AM

13 February, 2008: we say sorry; history in the making on the floor of Australia's Federal Parliament.

My rating:

Community:

Play

Add it

UT 696

Mon February 25, 2008. 12:12 AM

In the Land of Fire; a Patagonian excursion featuring the work of Bruno Sanfilippo, along with the sounds of Jon Jenkins, David Helpling, Patrick O'Hearn and Arto Tuncboyacian.

My rating:

Community:

Play

Add it

older

newer

Management

Remove

Add

iTunes

Zune

RSS

Download

Media Types

Audio

Video

Unknown

Episode Info

Experience

Ratings

Community rating

My rating

No rating

Remove rating

(#)Number of user ratings

Favorites

Add to favorites

Remove from favorites

More / Less

More info

Less info

Timeline

Most recent episode

Selected episode

Visible episodes

<div class="panel">
            <div class="innerpanel">
                <div style="margin-top: 6px;">
                    <table cellspacing="0px" cellpadding="0px" border="0px">
                    <tr valign="top">
                        <td style="width: auto;">
                            <div style="float: left; width: 113px;">
    <div style="float: left; width: 113px; margin-bottom: 35px;">
        <div style="width: 85px; margin-right: auto; margin-left: auto; padding: 0px; border: 0px;">
            <div class="showDiv requiresListeners" style="float: left;" show="${Show.Slug}" episode="${Slug}">
                <div style="border: solid 1px #AAAAAA; background-color: #FFFFFF;">
                    <div style="width: 75px; height: 75px; padding: 5px; background: url(${ImageUrl_75x75}) no-repeat 5px 5px;">
                        <a href="${Path}" class="info" style="display: none; float: left;">
                            <img src="/images/rollover/info_medium.png" class="png" />
                        </a>
                        <div class="play" style="display: none; margin-left: 20px; margin-top: 20px; cursor: pointer;" onclick="javascript:rolloverController.play('${Slug}', this);">
                            <img src="/images/rollover/play_medium.png" class="png" />
                        </div>
                    </div>
                </div>
            </div>
            <div style="float: left; width: 100%; background-color: #FFFFFF; border: solid 1px #CC0000; text-align: center; font-weight: bold; margin-top: -14px; display: ${ExplicitDisplay}" class="${Slug}_Show_explicit small">
    <div style="color: #CC0000; line-height: 12px;">EXPLICIT</div>
</div>
            <div style="height: 16px; border: solid 1px #DDDDDD; border-width: 0px 0px 1px 0px; float: left; width: 100%; overflow: hidden;">
    <div style="float: left; margin-left: 3px; color: #999999;" class="supersmall">${Duration}</div>
    <div class="small" style="width: 10px; height: 10px; float: right; margin-top: 2px; margin-right: 3px; background: url(/images/rollover/${Media}.gif) no-repeat;"></div>
    <div class="${Slug}_Episode_hudRatingImage supersmall" style="float: right; height: 10px; margin-top: 2px; margin-right: 4px; display: ;">
        <div style="float: right;"><img src="/images/rollover/grey_star.gif" /></div>
        <div class="${Slug}_Episode_hudRatingValue" style="float: right; color: #999999; line-height: 10px; margin-right: 2px;">${RatingValue}</div>
    </div>
    <div style="clear: both;"></div>
</div>
        </div>
    </div>
</div>
                        </td>
                        <td style="width: 100%;">
                            <div style="margin-left: 10px;">
                                <div>
                                    <div style="float: right; width: 28px; height: 28px; cursor: pointer; background: url(${ExperienceIcon}) no-repeat; display: ${ExperienceDisplay};" onclick="javascript:theController.popupExperience('${Slug}');">
                                    </div>
                                    <div>
                                        <a class="episodeheader" href="javascript:theController.selectEpisode('${Slug}');">${Title}</a>
                                    </div>
                                    <div class="small" style="color: #666666; padding-top: 10px; padding-bottom: 14px; margin-left: 20px;">
                                        <div style="float: left;">
                                            <a href="${File}" class="episodelink ${Slug}_file" onclick="javascript:safeUrchinTracker('/Track/ShowPage/Episode/download');">
    <img src="/images/common/disk.gif" alt="Download episode" title="Download episode" />
</a>
                                        </div>
                                        <div style="float: left; margin-left: 10px;">
                                            ${PubDateString}
                                        </div>
                                        <div style="clear: left;"></div>
                                    </div>
                                </div>
                                <div>
                                    <div style="overflow: hidden; line-height: 16px;" class="small ${Type}_${Slug}_description">
                                        ${Description}
                                    </div>
                                    <a class="episodelink ${Type}_${Slug}_toggleDescription" href="javascript:theController.toggleEpisodeDescription('${Slug}');" style="display: none;">
                                        <img src="/images/common/blue_more.gif" class="smallicon ${Type}_${Slug}_toggleImage" alt="view full description" title="view full description" />
                                        <span class="${Type}_${Slug}_toggleText">more</span>
                                    </a>
                                </div>
                            </div>
                         </td>
                    </tr>
                    </table>
                </div>

</div>

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

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

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

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

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

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

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

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

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

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

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

</div>

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

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

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

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

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

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

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

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

</div>

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

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

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

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

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

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

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

</div>

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

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

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

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

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

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

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

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

<div style="float: left;">
                    <div>
                        <input type="radio" name="maxEpisodesRadio" class="maxEpisodesRadio limit" /> Include no more than
                        <input id="maxEpisodesText" class="thinborder" style="width: 60px;" type="text" /> episodes (max of 25)
                    </div>
                    <div>
                        <input type="radio" name="maxEpisodesRadio" class="maxEpisodesRadio noLimit" /> Include the maximum number of episodes.
                    </div>
                </div>
                
            </div>
        </div>
        <div style="clear: left;"></div>

<div id="maxDaysOption" class="poweroption small" style="margin-top: 20px;">
            <div class="rolledUpPrefs" style="display: none;">
                <div class="editPrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.editPrefs('maxDaysOption');">
                    <img src="/images/common/syncprefs-bw.gif" />
                </div>
            </div>
            <div class="prefs" style="display: none;">
                <div class="removePrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.removePrefs('maxDaysOption');">
                    <img src="/images/common/grey_cancel.gif" />
                </div>
                                    
                <div style="float: left;">
                    <div>
                        <input type="radio" name="maxDaysRadio" class="maxDaysRadio limit" /> Let episodes expire after
                        <input id="maxDaysText" class="maxDays thinborder" style="width: 60px;" type="text" />
                        
                        <select id="daysTypeDropdown">
                            <option value="1">Calendar days</option>
                            <option value="2">Weekdays</option>
                            <option value="3">Smart days</option>
                        </select>.
                    </div>                
                    <div>
                        <input type="radio" name="maxDaysRadio" class="maxDaysRadio noLimit" /> Do not let episodes expire by date.
                    </div>
                </div>
            </div>
        </div>
        <div style="clear: left;"></div>

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

<div class="popupheader">
        Preferences for ${Title}
    </div>
    
    <div id="episodeOptions" class="small poweroption">
        <div class="rolledUpPrefs" style="display: none;">
            <div class="editPrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.editPrefs('episodeOptions');">
                <img src="/images/common/syncprefs-bw.gif" />
            </div>
        </div>
        
        <div class="prefs" style="display: none;">
            <div class="removePrefs" style="float: left; margin-right: 6px;" onclick="javascript:subscriptionController.removePrefs('episodeOptions');">
                <img src="/images/common/grey_cancel.gif" />
            </div>

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

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

<div id="mediaTypesOption" class="poweroption small" style="margin-top: 20px;">
            <div class="prefs">
                Include:
                <span><input id="includeAudio" class="thinborder" type="checkbox" /> Audio</span>
                <span style="margin-left: 10px;"><input id="includeVideo" class="thinborder" type="checkbox" /> Video</span>
            </div>
        </div>
        <div style="clear: left;"></div>
        
        <div id="maxEpisodesOption" class="poweroption small" style="margin-top: 20px;">
            <div class="prefs">
                <div style="float: left;">
                    <div>
                        <input type="radio" name="maxEpisodesRadio" class="maxEpisodesRadio limit" /> Include no more than
                        <input id="maxEpisodesText" class="thinborder" style="width: 60px;" type="text" /> episodes (max of 25)
                    </div>
                    <div>
                        <input type="radio" name="maxEpisodesRadio" class="maxEpisodesRadio noLimit" /> Include the maximum number of episodes.
                    </div>
                </div>
                
            </div>
        </div>
        <div style="clear: left;"></div>

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

<div id="minExperienceOption" class="poweroption small" style="margin-top: 20px;">
            <div class="prefs">
                Remove an episode after listening to <input id="minExperienceText" class="thinborder" style="width: 60px;" type="text" /> %. (1 - 100)
            </div>
        </div>
        <div style="clear: left;"></div>
    </div>
                    
    <div style="margin-top: 40px;">
        <div style="float: left;">
            <input type="button" value="Save Channel Preferences" onclick="javascript:subscriptionController.submitChannelPrefs('${Name}');" />
        </div>
        <div style="float: left; margin-left: 5px;">
            <input type="button" value="Reset Channel Preferences" onclick="javascript:subscriptionController.defaultPrefs('Channel', '${Name}');" />
        </div>
    </div>

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

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