Mediafly: Tollway Talks by NBC5 Chicago

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>

Contact:

podcast@nbc5.com

Website:

http://syndication.mediafly.com/redirect/show/55ab9131e6d34f8aad2b0d2215d56bb2

Feed updated:

5/29/2009 @2:00 AM CT

automotive

chicago

idot

illinois

ipass

i-pass

marcus

nbc

nbc5

nbc5.com

podcast

riley

tollway

wmaq

733 days ago

Tollway Talks by NBC5 Chicago

Newest Episode: Mon March 10, 2008. 06:31 PM

NBC5.com - Tollway Talks

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}

I-PASS Account Management

Mon March 10, 2008. 06:31 PM

Forgot to update your I-PASS account? Does waving your transponder in the air actually work? Diana Stewart from the Illinois Tollway answers those questions and provides tips to keep your account in good standing.

My rating:

Community:

Play

Add it

I-PASS Myths

Tue August 14, 2007. 09:54 PM

The Illinois Tollway's chief of open-road tolling dispels some myths about the I-PASS program.

My rating:

Community:

Play

Add it

Shared Balance Service

Fri August 03, 2007. 08:05 PM

Do you have more than one I-PASS transponder and account? Illinois Tollway Executive Director Brian McPartlin tells you how to switch over to the shared balance service.

My rating:

Community:

Play

Add it

I-PASS 101

Fri August 03, 2007. 08:04 PM

Do you have burning questions about your I-PASS? The Illinois Tollway's chief of open-road tolling has some answers.

My rating:

Community:

Play

Add it

Customer Service Centers

Tue June 19, 2007. 06:44 PM

Find out about another Illinois Tollway service designed to help you navigate area highways as smoothly as possible.

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>