Mediafly: Start Cooking video

Playlist Browser

Main

Episodes

<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="hudratings supersmall" type="${Type}" slug="${Slug}" 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="ratingsvalue" type="${Type}" slug="${Slug}" 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:

Kathy Maister

Contact:

kathy@startcooking.com

Website:

http://startcooking.com/

Feed updated:

1/23/2012 @11:14 AM CT

19 days ago

Start Cooking video

Newest Episode: Mon January 23, 2012. 01:00 AM

Are you a busy person who just never got around to learning the basics of cooking? We built startcooking.com just for you. You'll learn how to make quick and tasty meals, plus learn the basic cooking skills you'll need. Get ready to start cooking!

My rating:

Community:

(11)

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}

0:55

How to Fry an Egg

Mon January 23, 2012. 01:00 AM

Frying an egg is an essential cooking skill that will open doors to a delicious breakfast. How to fry an egg is actually quite easy, these step-by-step instructions will show you the best way to fry eggs.

My rating:

Community:

(1)

Play

Add it

0:55

How to Fry an Egg

Mon January 23, 2012. 01:00 AM

My rating:

Community:

Play

Add it

0:55

How to Fry an Egg

Mon January 23, 2012. 01:00 AM

My rating:

Community:

Play

Add it

0:55

How to Fry an Egg

Mon January 23, 2012. 01:00 AM

My rating:

Community:

Play

Add it

2:55

Rudolf's Christmas Cookies

Mon December 12, 2011. 01:00 AM

The holiday season is here - time for Christmas cookies. This recipe video shows you how to make these special treats. They remind me of Rudolf and so I thought I would call them Rudolf's Christmas Cookies. I hope you like them. Enjoy!

My rating:

Community:

(3)

Play

Add it

2:55

Rudolf's Christmas Cookies

Mon December 12, 2011. 01:00 AM

My rating:

Community:

Play

Add it

2:55

Rudolf's Christmas Cookies

Mon December 12, 2011. 01:00 AM

My rating:

Community:

Play

Add it

2:55

Rudolf's Christmas Cookies

Mon December 12, 2011. 01:00 AM

My rating:

Community:

Play

Add it

2:55

Rudolf's Christmas Cookies

Mon December 12, 2011. 01:00 AM

My rating:

Community:

Play

Add it

2:55

Rudolf's Christmas Cookies

Mon December 12, 2011. 01:00 AM

My rating:

Community:

Play

Add it

2:55

Rudolf's Christmas Cookies

Mon December 12, 2011. 01:00 AM

My rating:

Community:

Play

Add it

2:55

Rudolf's Christmas Cookies

Mon December 12, 2011. 01:00 AM

My rating:

Community:

Play

Add it

2:09

3.8

Roasted Chicken

Mon November 14, 2011. 01:00 AM

It may seem daunting, but with this simple recipe, you CAN roast a chicken!

My rating:

Community:

(6)

Play

Add it

2:09

Roasted Chicken

Mon November 14, 2011. 01:00 AM

It may seem daunting, but with this simple recipe, you CAN roast a chicken!

My rating:

Community:

Play

Add it

2:09

Roasted Chicken

Mon November 14, 2011. 01:00 AM

It may seem daunting, but with this simple recipe, you CAN roast a chicken!

My rating:

Community:

Play

Add it

2:09

Roasted Chicken

Mon November 14, 2011. 01:00 AM

It may seem daunting, but with this simple recipe, you CAN roast a chicken!

My rating:

Community:

Play

Add it

2:09

Roasted Chicken

Mon November 14, 2011. 01:00 AM

It may seem daunting, but with this simple recipe, you CAN roast a chicken!

My rating:

Community:

Play

Add it

2:09

Roasted Chicken

Mon November 14, 2011. 01:00 AM

It may seem daunting, but with this simple recipe, you CAN roast a chicken!

My rating:

Community:

Play

Add it

2:09

Roasted Chicken

Mon November 14, 2011. 01:00 AM

It may seem daunting, but with this simple recipe, you CAN roast a chicken!

My rating:

Community:

Play

Add it

2:09

Roasted Chicken

Mon November 14, 2011. 01:00 AM

It may seem daunting, but with this simple recipe, you CAN roast a chicken!

My rating:

Community:

Play

Add it

older

newer

Management

Remove

Add

iTunes

Zune

Winamp

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 style="margin-top: 14px;">
                    <table cellpadding="0px" cellspacing="0px" border="0px">
                    <tr valign="top">
                        <td style="width: auto;">
                            
	<div style="float: left; width: 113px;">
		<div style="float: left; width: 113px; margin-bottom: 25px;">
			<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="hudratings supersmall" type="${Type}" slug="${Slug}" 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="ratingsvalue" type="${Type}" slug="${Slug}" 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; margin-right: 10px;">
                                <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 ">
												<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>
                    <div style="float: left;">
						
	<div class="" style="padding: 5px;">
		<div style="height: 18px;">
			<div class="supersmall" style="float: left; margin-left: 20px; color: #999999">My rating:</div>
			<div class="supersmall" style="float: left; margin-left: 34px; color: #999999">Community:</div>
			<div style="clear: left;"></div>
		</div>

<div class="rating${Slug}" style="height: 14px;">
			
			<div style="width: 14px; height: 14px; overflow: hidden; float: left;">
				<div class="removemyrating" type="${Type}" slug="${Slug}" style="cursor: pointer; display: ;"><img src="/images/common/grey_cancel.gif" style="padding: 0px; margin: 0px; border: 0px; float: left;" alt="remove rating" title="remove rating" /></div>
			</div>
			
			<div 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: ;" class="myrating" value="1" type="${Type}" slug="${Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="2" type="${Type}" slug="${Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="3" type="${Type}" slug="${Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="4" type="${Type}" slug="${Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="5" type="${Type}" slug="${Slug}"></div>
				<div style="clear: left;"></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="communityratings" type="${Type}" slug="${Slug}" 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="ratingsCount supersmall" type="${Type}" slug="${Slug}" style="color: #999999; display: ;">(${RatingsCount})</div>
			</div>
			<div style="clear: left;"></div>
		</div>

</div>

</div>
					<div style="clear: left;"></div>
                </div>
                <div class="${Type}_${Slug}_mediaControls" style="float: left; margin-left: 18px; margin-top: 18px;">
					
	<div class=" ">
		<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 class="" 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;">
			<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 style="clear: left;"></div>
	</div>

</div>
                <div style="clear: both;"></div>
            </div>
        </div>
    </div>

<div class="rolloverColor" style="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="hudratings supersmall" type="${Show.Type}" slug="${Show.Slug}" 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="ratingsvalue" type="${Show.Type}" slug="${Show.Slug}" 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 class="${Show.Slug}_playControls" style="zoom: 1;">
									<div style="float: right; margin-right: 10px;">
					                    
	<div class="" style="padding: 5px;">
		<div style="height: 18px;">
			<div class="supersmall" style="float: left; margin-left: 20px; color: #999999">My rating:</div>
			<div class="supersmall" style="float: left; margin-left: 34px; color: #999999">Community:</div>
			<div style="clear: left;"></div>
		</div>

<div class="rating${Show.Slug}" style="height: 14px;">
			
			<div style="width: 14px; height: 14px; overflow: hidden; float: left;">
				<div class="removemyrating" type="${Show.Type}" slug="${Show.Slug}" style="cursor: pointer; display: ;"><img src="/images/common/grey_cancel.gif" style="padding: 0px; margin: 0px; border: 0px; float: left;" alt="remove rating" title="remove rating" /></div>
			</div>
			
			<div 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: ;" class="myrating" value="1" type="${Show.Type}" slug="${Show.Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="2" type="${Show.Type}" slug="${Show.Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="3" type="${Show.Type}" slug="${Show.Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="4" type="${Show.Type}" slug="${Show.Slug}"></div>
				<div style="float: left; width: 14px; height: 14px; cursor: pointer; background-repeat: no-repeat; background-position:top left; background-image: ;" class="myrating" value="5" type="${Show.Type}" slug="${Show.Slug}"></div>
				<div style="clear: left;"></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="communityratings" type="${Show.Type}" slug="${Show.Slug}" 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="ratingscount supersmall" type="${Show.Type}" slug="${Show.Slug}" style="color: #999999; display: ;">(${Show.RatingsCount})</div>
			</div>
			<div style="clear: left;"></div>
		</div>
	</div>

</div>
									<div style="float: right; margin-top: 15px; margin-right: 10px;">
					                    
	<div style="float: right; width: 14px; height: 14px; cursor: pointer; background:  no-repeat;" class="favoriteicon " type="${Show.Type}" slug="${Show.Slug}"></div>

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

</div>
									<div style="clear: both;"></div>
								</div>
							</div>

<div style="padding: 10px; margin-top: 6px;">
								<div class="topbar" style="background: #CCCCCC;">
									<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="hudratings supersmall" type="${Type}" slug="${Slug}" 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="ratingsvalue" type="${Type}" slug="${Slug}" 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 class="${Show.Slug}_playControls">
											<div style="float: right;">
							                    
	<div class="" style="padding: 5px;">
		<div style="height: 18px;">
			<div class="supersmall" style="float: left; margin-left: 20px; color: #999999">My rating:</div>
			<div class="supersmall" style="float: left; margin-left: 34px; color: #999999">Community:</div>
			<div style="clear: left;"></div>
		</div>

</div>

</div>
											<div style="float: right; margin-top: 15px; margin-right: 10px;">
												
	<div style="float: right; width: 14px; height: 14px; cursor: pointer; background:  no-repeat;" class="favoriteicon " type="${Type}" slug="${Slug}"></div>

</div>
											<div style="float: left; margin-left: 5px; margin-top: 13px;">
												
	<div class=" ">
		<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 class="" 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;">
			<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 style="clear: left;"></div>
	</div>

</div>
											<div style="clear: both;"></div>
										</div>
                                    
										<div class="${Show.Slug}_explicitMessage small" style="zoom: 1;">
											You must be logged in and an adult to view explicit content.
										</div>
									</div>
								</div>
							</div>
                                                
						</div>
					</div>
					<div>
						<img src="/images/rollover/bottom.png?1" />
					</div>
				</div>
			</div>
		</div>
    
	</div>

<div class="rolloverColor" style="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="hudratings supersmall" type="${Show.Type}" slug="${Show.Slug}" 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="ratingsvalue" type="${Show.Type}" slug="${Show.Slug}" 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 class="${Show.Slug}_playControls" style="zoom: 1;">
							<div style="float: right; margin-right: 10px;">
			                    
	<div class="" style="padding: 5px;">
		<div style="height: 18px;">
			<div class="supersmall" style="float: left; margin-left: 20px; color: #999999">My rating:</div>
			<div class="supersmall" style="float: left; margin-left: 34px; color: #999999">Community:</div>
			<div style="clear: left;"></div>
		</div>

</div>
							<div style="float: right; margin-top: 15px; margin-right: 10px;">
			                    
	<div style="float: right; width: 14px; height: 14px; cursor: pointer; background:  no-repeat;" class="favoriteicon " type="${Show.Type}" slug="${Show.Slug}"></div>

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

</div>
							<div style="clear: both;"></div>
						</div>
					</div>

<div style="padding: 10px; margin-top: 6px;">
						<div class="topbar" style="background: #CCCCCC;">
							<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="hudratings supersmall" type="${Type}" slug="${Slug}" 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="ratingsvalue" type="${Type}" slug="${Slug}" 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 class="${Show.Slug}_playControls">
									<div style="float: right;">
							            
	<div class="" style="padding: 5px;">
		<div style="height: 18px;">
			<div class="supersmall" style="float: left; margin-left: 20px; color: #999999">My rating:</div>
			<div class="supersmall" style="float: left; margin-left: 34px; color: #999999">Community:</div>
			<div style="clear: left;"></div>
		</div>

</div>

</div>
									<div style="float: right; margin-top: 15px; margin-right: 10px;">
										
	<div style="float: right; width: 14px; height: 14px; cursor: pointer; background:  no-repeat;" class="favoriteicon " type="${Type}" slug="${Slug}"></div>

</div>
									<div style="float: left; margin-left: 5px; margin-top: 13px;">
										
	<div class=" ">
		<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 class="" 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;">
			<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 style="clear: left;"></div>
	</div>

</div>
									<div style="clear: both;"></div>
								</div>
                            
								<div class="${Show.Slug}_explicitMessage small" style="zoom: 1;">
									You must be logged in and an adult to view explicit content.
								</div>
							</div>
						</div>
					</div>
                                        
				</div>
			</div>
		</div>
	</div>

<div class="popupheader">
        Preferences for ${Title}
    </div>
    
    <div style="border: solid 1px #CCCCCC;">
		<div style="padding: 10px">
			<div id="maxEpisodesOption" class="small">
				<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="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" /> days.
						</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="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 style="font-weight: bold; margin-top: 15px; margin-left: 30px;" class="small">
				or
			</div>
	        
			<div class="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>
                    
    <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 Shows in this Channel
    </div>

<div id="channelItemsContainer">
	</div>
		
    <div style="border: solid 1px #CCCCCC; margin-top: 20px;">
		<div style="padding: 10px">
			<div id="maxEpisodesOption" class="small">
				<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 class="popupheader">
        Success!
    </div>
    <div class="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 enabled devices:
    </div>
    <div class="small" style="margin-top: 20px;">
        
    <a href="/DigitalLifestyle/iPad">
        <img src="http://s3.amazonaws.com/static.mediafly.com/syncPointImages/ipad_90x65px.jpg" alt="iPad" title="iPad" 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>