/*


- General
- Header & menu
    - Searchbar
- Campaign area
- Page content
    - Filter
    - Main content
        - Blog
        - DJ
        - Drink
        - Searchresult
        - Listen
        - Paging
    - Related content
        - Teaser
- Footer
- Radio
- AVP

*/


/*  General */
body, html, #aspnetForm
{
    /*background: #ebebe9 url(../Images/paper_watercolor.jpg) top center fixed;*/
    height: auto;
    margin: 0px 0px 0px 0px;
    min-height: 100%;
    padding: 0px 0px 0px 0px;
}
.center
{
    margin: 0px auto;
    position: relative;
    width: 926px;
}

.bgFrameTop{
	background: url(../Images/bg_frameTop.gif) top left no-repeat;
}

.frameBottom{
	float: left;
	width: 618px;
	height: 26px;
	background:url(../Images/bg_frameBottom.gif) bottom left no-repeat;
}

/*  Header & menu */
#header
{
    float: left;
    height: 118px;
    width: 100%;
}
#logo
{
    float: left;
    margin: 13px 60px 0px 0px;
    border: none;
}
#mainNav
{
    float: left;
    list-style: none;
    margin: 65px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /*position: absolute;
    right: 0px;
    top: 95px;*/
    width: 650px;
}
    #mainNav li
    {
        float: left;
        margin: 10px 10px 0px 0px;
    }
        #mainNav li a
        { 
            padding: 8px 10px 5px 10px;
            display: block;
        }
            #mainNav li.active a,
            #mainNav li a:hover
            { 
                background: #CC3333;
            }


/*      Searchbar */
#searchbar
{
    /*float: left;
    margin: 28px 0px 0px 0px;*/
    left: 233px;
    position: absolute;
    top: 30px;
    width: 693px;
}
	#loginbutton{
		float:left;
	}
        .fb_button_text,
        .fb_button,
        .fb_button_medium
        {
            background: none !important;
            border: none !important;
        }
        .connect_widget_text,
        .connect_confirmation_cell
        {
            display: none !important;
        }
        #searchbar p#facebook,
        .fb_button
        {
            background: url(../Images/btn_f_small.gif) top left no-repeat !important;
            float: left;
            margin: 2px 35px 0px 0px !important;
            padding: 5px 0px 5px 5px !important;
        }
    
    a#rss
    {
        background: url(../Images/btn_rss.png) top left no-repeat !important;
        float: left;
        margin: 2px 35px 0px 0px !important;
        padding: 7px 0px 3px 35px !important;
    }
    
    #searchbar input.textfield
    {
        border: solid 1px #ededed;
        height: 16px;
        margin: 2px 3px 0px 0px;
        padding: 5px 2px 5px 2px;
        width: 141px;
        float: left;
    }
    #searchbar input.button, #searchbar A.button
    {
        background: none;
        border: none;
        cursor: pointer;
        margin: 3px 0px 0px 3px;
        padding: 7px 0px 3px 0px;
        float: left;
    }


/*  Campaign area */
#campaignArea
{
    background: url(../Images/bg_campaignArea_Ny.jpg) top center no-repeat;
    float: left;
    padding: 24px 0px 10px 0px;
    width: 100%;
}
    #campaignArea #campaignContainer
    {
        float: left;
        /*padding: 9px 9px 9px 9px;*/
        position: relative;
        width: 926px;
    }
        #campaignArea #campaignContainer ul
        {
            list-style: none;
            margin: 0px 0px 0px 0px;
            padding: 121px 0px 0px 0px;
        }
            #campaignArea #campaignContainer ul li
            {
                float: left;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }
                #campaignArea #campaignContainer .campaign
                {
                    display: none;
                    height: 90px;
                    left: 0px;
                    overflow: hidden;
                    padding: 18px 79px 18px 79px;
                    position: absolute;
                    top: 0px;
                    width: 768px;
                }
                #campaignArea #campaignContainer .large
                {
                    height: 126px;
                    padding: 0px 0px 0px 0px;
                    width: 926px;
                }
                #campaignArea #campaignContainer .show .campaign
                {
                    display: block;
                    z-index: 100;
                }
                    #campaignArea #campaignContainer .campaign img
                    {
                        border: none;
                        height: 90px;
                        width: 768px;
                    }
                    #campaignArea #campaignContainer .large img
                    {
                        border: none;
                        height: 126px;
                        width: 926px;
                    }
                    #campaignArea #campaignContainer .campaign .text
                    {
                        left: 15px;
                        position: absolute;
                        top: 10px;
                        width: 300px;
                    }
                        #campaignArea #campaignContainer .campaign .header2
                        {
                            margin: 0px 0px 0px 0px;
                            padding: 0px 0px 0px 0px;
                        }
                        #campaignArea #campaignContainer .campaign .header1
                        {
                            margin: 3px 0px 0px 0px;
                            padding: 0px 0px 0px 0px;
                        }
                        #campaignArea #campaignContainer .campaign p
                        {
                            margin: 7px 0px 0px 0px;
                            padding: 0px 0px 0px 0px;
                        }
                #campaignArea #campaignContainer .campaignPaging
                {
                    float: left;
                    margin-top: 14px;
                }
                    #campaignArea #campaignContainer .campaignPaging a
                    {
                        /*display: block;
                        width: 25px;
                        height: 16px;*/
                        margin: 0px 8px 0px 0px;
                        outline: none !important;
                        padding: 0px 0px 4px 0px;
                    }
                    #campaignArea #campaignContainer .show .campaignPaging a,
                    #campaignArea #campaignContainer .campaignPaging a:hover
                    {
                        background: #767676;
                        background: #ffffff;
                    }
                    #campaignArea #campaignContainer p
                    {
                        float: left;
                        margin: 14px 0px 0px 0px;
                    }


/*  Page content */
#pageContent
{
    float: left;
    width: 100%;
}


/*      Filter */
#filter
{
}
    #filter p
    {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
    #filter a
    {
        display: inline-block;
        margin: 0px 3px 0px 3px;
        padding: 3px 5px 3px 5px;
    }
        #filter .back a
        {
            margin: 0px 0px 0px 0px;
            padding: 3px 0px 3px 0px;
        }
    #filter a.active,
    #filter a:hover
    {
        background: #d92d21;
    }
        #filter .back a:hover
        {
            background: none;
        }


/*      Main content */
#mainContent
{
    float: left;
    width: 618px;
}
    .mainContentItem
    {
        background: url(../Images/bg_frame.gif) top left repeat-y;
        float: left;
        margin: 12px 0px 30px 0px;
        padding: 0px 0px 0px 0px;
    }


/*          Blog */
.blog
{
    background: url(../Images/bg_frameTop.gif) top left no-repeat;
    float: left;
    padding: 22px 28px 0px 28px;
    width: 563px;
}
    .blog h1
    {
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
    }
    .blog .media,
    .blog .media img
    {
        width: 558px;
    }
    .blog .intro p
    {
    }
    .blog .readMore
    {
        clear: both;
        float: left;
        margin: 0px 0px 27px 0px;
        width: 100%;
    }
    .blog .blogFooter
    {
        background: url(../Images/bg_frameBottom.gif) bottom left no-repeat;
        border-top: solid 1px #ededed;
        float: left;
        margin: 0px -28px 0px -28px;
        padding: 20px 28px 20px 28px;
        width: 558px;
    }
        .blog .writer
        {
            float: left;
            width: 408px;
        }
            .blog .writer img
            {
                float: left;
                height: 26px;
                margin: 0px 10px 0px 0px;
                width: 26px;
            }
            .blog .writer p
            {
                float: left;
                margin: 0px 0px 0px 0px;
                width: 400px;
            }
                .blog .writer p.tags a
                {
                    display: inline-block;
                    margin: 0px 3px 0px 0px;
                }
        .blog .share
        {
            float: right;
            width: 150px;
        }
            .fb_share
            {
                -moz-border-radius: 3px 3px 3px 3px;
                background-color: #ECEEF5;
                border: 1px solid #CAD4E7;
                display: block;
                float: right;
                margin: 0px 10px 0px 0px;
                padding: 2px 5px 2px 5px;
                width: 50px;
            }
                .fb_edge_widget_with_comment
                {
                    float: right;
                    width: 50px;
                }
                .comment .fb_edge_widget_with_comment,
                .comment .fb_iframe_widget
                {
                    float: right;
                }
            .blog .facebookComments
            {
                float: left;
                margin: 15px 0px 0px 0px;
                width: 568px;
            }
        .blog .legal
        {
			float: left;
			width: 100%;
			clear: both;
			padding: 0px;
            margin: 10px 0px 0px 0px;
        }
    .blog .commentList
    {
        background: url(../Images/bg_frameBottom.gif) bottom left no-repeat;
        border-top: solid 1px #ededed;
        float: left;
        margin: 15px -25px 0px -25px;
        padding: 15px 0px 20px 0px;
        width: 618px;
    }
        .blog .commentList h1
        {
            float: left;
            margin: 0px 25px 0px 25px;
            padding: 0px 0px 0px 0px;
        }
        .blog .commentList .comment
        {
            border-top: solid 1px #ededed;
            float: left;
            margin: 0px 0px 0px 0px;
            padding: 15px 25px 15px 25px;
        }
        .blog .commentList .first
        {
            border-top: none;
        }


/*          DJ   */
#mainContent .dj
{
    background: url(../Images/bg_frameTop.gif) top left no-repeat;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 618px;
}

    .dj .media,
    .djItem .media
    {
        float: left;
        margin: 25px 0px 0px 25px;
        padding: 0px 0px 0px 0px;
        width: 184px;
    }
        .dj .media img,
        .djItem .media IMG
        {
            border: 1px solid #EDEDED;
            height: 146px;
            padding: 4px 4px 4px;
            width: 146px;
        }

    .dj .text,
    .djItem .intro
    {
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 25px 0px 0px 0px;
        width: 380px;
    }
        .dj .text h2
        {
            float: left;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            width: 380px;
        }
        .dj .text h1
        {
            float: left;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            width: 380px;
        }
        .dj .text .intro
        {
            float: left;
            margin: 0px 0px 10px 0px;
            padding: 0px 0px 0px 0px;
            width: 380px;
        }
        .dj .text .djFooter
        {
            float: left;
            margin: 10px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            width: 380px;
        }
            .dj .text .djFooter p
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }

    .dj .readMore
    {
        background: url(../Images/bg_frameBottom.gif) bottom left no-repeat;
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 15px 25px 30px 205px;
        width: 388px;
    }
    

#mainContent .djItem
{
    background: url(../Images/bg_frameTop.gif) top left no-repeat;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 30px 28px 0px 28px;
    width: 563px;
}

	.djItem H1{
		margin: 0px 0px 12px 0px;
		padding: 0;
	}

	.djItem H2{
		margin: -2px 0 0 0;
		padding: 0;
	}

	.djItem .media{
		margin: 0px 0px 20px 0px;
	}

	.djItem .media IMG{
		/*width: 568px;
		margin: 0;
		padding: 0;*/
	}

	.djItem .intro
	{
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		width: 370px;
	}
	    .djItem .intro p
	    {
		    margin: 0px 0px 0px 0px;
		    padding: 0px 0px 0px 0px;
	    }

	.djItem .text{
	    border-top: 1px solid #EDEDED;
	    display: block;
	    float: left;
		padding: 0px 0px 10px 0px;
	}
	
	.djItemFooter{
		background: url(../Images/bg_frameBottom.gif) bottom left no-repeat;
		 float: left;
		margin: 0px -28px 0px -28px;
		padding: 15px 28px 30px 28px;
		width: 563px;
	}
	
		.djItemFooter .djDrinkSuggestion
		{
			background: url(../Images/bg_dj_drinklist.jpg) top left no-repeat;
			border: 1px solid #ededed;
			padding: 10px 0px 10px 0px;
			position: relative;
		}
			
			.djItemFooter .djDrinkSuggestion IMG
			{
				height: 103px;
				left: 20px;
				position: absolute;
				top: 25px;
				width: 65px;
			}
			
			.djItemFooter .djDrinkSuggestion H1{
				margin: 0px 0px 5px 0px;
			}
			
			.djItemFooter .djDrinkSuggestion P{
				margin: 0px 0px 10px 0px;
			}
			
			.djItemFooter .djDrinkSuggestion H1,
			.djItemFooter .djDrinkSuggestion H2,
			.djItemFooter .djDrinkSuggestion P
			{
				padding: 0px 25px 0px 95px;
			}
			
			.djItemFooter .djDrinkSuggestion A
			{
				background-image: url(/Templates/Images/bg_suggestedLink.gif);
				background-repeat: no-repeat;
				background-position: 0px 0px;
				display: block;
				height: 45px;
				margin: 0px 0px 0px 75px;
				text-align: center;
				width: 142px;
			}
			
			.djItemFooter .djDrinkSuggestion A:hover{
				background-position: 0px -100px;
			}

#mainContent .djGuestList{
	background: url(../Images/bg_frameTop.gif) top left no-repeat;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 20px 25px 0px 25px;
    width: 568px;
}
	
	.djGuestList H1{
		margin: 0;
	}
	
	.djGuest{
		float: left;
		width: 568px;
		margin: 25px 0px 0px 0px;
	}
	
		.djGuest .media{
			float: left;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			/*width: 94px;*/
		}
			.djGuest .media img{
				border: 1px solid #EDEDED;
				height: 70px;
				padding: 4px;
				width: 70px;
			}
		
		
		.djGuest .listen{
			float: right;
			width: 454px;
		}
		
		.djGuest .text{
			float: right;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			width: 470px;
		}
		
			.djGuest .text H2{
				float: left;
				width: 100%;
				margin: 0;
			}
			
			.djGuest .text P{
				margin: 0 0 10px 0;
			}
			
			.djGuest .text P.posted{
				
			}
			




/*			Drink */
.drinkDetail
{
}
    .drinkDetail .image
    {
        float: left;
        width: 280px;
    }
        .drinkDetail .image img
        {
            height: 440px;
            width: 280px;
        }
    .drinkDetail .text
    {
        float: left;
        padding: 0px 0px 0px 30px;
        width: 250px;
    }
        .drinkDetail .text h1
        {
            margin: 0px 0px 19px 0px;
            padding: 0px 0px 0px 0px;
        }
        .drinkDetail .text h3
        {
            margin: 27px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }
        .drinkDetail .text p
        {
            margin: 5px 0px 10px 0px;
            padding: 0px 0px 0px 0px;
        }
        .drinkDetail .text .ingredients
        {
            margin: 4px 0px -5px 0px;
        }
            .drinkDetail .text .ingredients p
            {
                margin: 0px 0px 0px 0px;
            }
        .drinkDetail .text .share
        {
            float: left;
            width: 122px;
        }

.drinkList, .drink{
	float: left;
	width: 618px;
	padding: 20px 0px 0px 0px;
}

    .drinkList h1
    {
        margin: 0px 28px 23px 28px;
        padding: 0px 0px 0px 0px;
    }
	.drinkList UL{
		margin: 0px 0px 0px 25px;
		padding: 0;
		list-style-type: none;
	}
	
		.drinkList LI{
			float: left;
			width: 180px;
			height: 290px;
			margin: 0px 10px 10px 0px;
			text-align: center;
		}
			
			.drinkList A img
			{
				border: none;
				height: 215px;
				width: 150px;
			}
			
			.drinkList A .drinkLink{
				padding: 3px 5px;
			}
			
			.drinkList A:hover .drinkLink{
				background-color: #D92D21;
			}

	.drinkSuggestion{
		float: left;
	}
		
		.drinkSuggestion IMG
		{
			border: none;
			float: left;
			margin: 0px 10px 0px 40px;
		}
		
		.drinkSuggestion .text{
			float: left;
			width: 360px;
			margin: 40px 0px 0px 0px;
		}
		
			.drinkSuggestion .text H3{
				margin: 0;
			}
			
			.drinkSuggestion .text H1{
				margin: -5px 0px 0px 0px;
			}
			
			.drinkSuggestion .text P{
				margin: 5px 0px 10px 0px;
			}
			
	

/*          Searchresult */
.searchResult{
	float: left;
	width: 618px;
	padding: 20px 0px 0px 0px;
}
	
	.searchResult H1{
		margin: 0px 0px 0px 0px;
		padding: 0px 25px 20px 25px;
	}
	.searchResult H2
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 25px 0px 25px;
	}
	
	.searchResult UL
	{
		float: left;
		list-style-type: none;
		margin: 0px 25px 0px 25px;
		padding: 0px 0px 0px 0px;
	}
	.searchResult UL#text
	{
		margin: 0px 25px -25px 25px;
	}

		.searchResult LI
		{
		    float: left;
			margin: 0px 0px 5px 0px;
			padding: 0px 0px 0px 0px;
			width: 100%;
		}
		.searchResult #text LI
		{
			margin: 0px 0px 25px 0px;
		}
		
			.searchResult LI H2{
				margin: 0px 0px 6px 0px;
				padding: 0px 0px 0px 0px;
			}
			    .searchResult LI H2 span
			    {
				    display: block;
				    margin: 0px 0px 0px 0px;
				    padding: 0px 0px 0px 0px;
			    }
			
			.searchResult #text LI p
			{
				margin: 0px 0px 4px 0px;
				padding: 0px 0px 0px 0px;
			}
			    .searchResult #text LI p A
			    {
				    float: left;
				    margin: 4px 0px 0px 0px;
				    padding: 0px 0px 0px 0px;
				    display: block;
			    }
			




/*          Listen */
.listen
{
    background: #feebe4 url(../Images/bg_blog_listen.gif) top left repeat-x;
    float: left;
    margin: 0px 0px 15px 0px;
    padding: 8px 8px 8px 8px;
}
.djItem .listen,
#ResultArea .listen
{
    clear: both;
    width: 547px;
}
    .listen h2
    {
        float: right;
        margin: 0px 0px 0px 12px;
        overflow: visible;
        padding: 0px 0px 0px 0px;
        width: 210px;
    }
    .listen a.playBytton
    {
        background: url(../Images/listen_play.gif) top left no-repeat;
        display: block;
        float: left;
        height: 26px;
        width: 26px;
    }
    .listen p
    {
        float: left;
        margin: 0px 0px 0px 12px;
        width: 287px;
    }
        .teaser .listen p
        {
            width: 194px;
        }

/*          Paging */
#paging
{
    background: #ffffff;
    float: left;
    padding: 5px 28px 5px 28px;
    position: relative;
    width: 563px;
}
    #paging p
    {
        float: left;
        list-style: none;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 59px;
    }
    #paging p.next
    {
        float: right;
    }
    #paging ul
    {
        left: 129px;
        list-style: none;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        position: absolute;
        width: 360px;
    }
        #paging ul li
        {
            float: left;
            margin: 0px 1px 0px 1px;
            padding: 0px 0px 0px 0px;
            width: 34px;
        }
        #paging ul li.active,
        #paging ul li a:hover
        {
            background: #d92d21;
            padding: 1px 0px 5px 0px;
        }
            #paging ul li a
            {
                display: block;
            }


/*      Related content */
#relatedContent
{
    float: right;
    width: 280px;
}
    #blogArchive
    {
        margin: 15px 15px 15px 15px;
    }
        #blogArchive ul
        {
            list-style: none;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }
            #blogArchive ul li ul
            {
                margin: 0px 0px 15px 5px;
            }


/*          Teaser */
#relatedContent .teaser
{
    background: #ffffff;
    border: solid 1px #ededed;
    float: left;
    margin: 12px 0px 12px 0px;
    position: relative;
    width: 278px;
}
    #relatedContent .teaser .teaserHeader
    {
        position: relative;
    }
        #relatedContent .teaser .teaserHeader img
        {
            border: none;
        }
        #relatedContent .teaser .teaserHeader h1
        {
            bottom: 0px;
            left: 0px;
            margin: 0px 0px 0px 0px;
            padding: 0px 15px 12px 15px;
            position: absolute;
        }
    #relatedContent .teaser .teaserText
    {
        padding: 15px 15px 15px 15px;
    }
        
    #relatedContent #toplist
    {
        
    }
        #relatedContent #toplist h2
        {
            margin: 15px 15px 0px 15px;
            padding: 0px 0px 0px 0px;
        }
        #relatedContent #toplist ul
        {
            float: left;
            list-style: none;
            margin: 0px 0px 0px 0px;
            padding: 15px 15px 15px 15px;
        }
        #relatedContent #toplist ul#liked
        {
            border-bottom: solid 1px #ededed;
            margin: 0px 0px 15px 0px;
        }
            #relatedContent #toplist ul li
            {
                float: left;
                padding: 8px 8px 8px 8px;
            }
                #relatedContent #toplist ul li.place0
                {
                    background: #c2dfa9 url(../Images/bg_toplist_1.jpg) bottom left no-repeat;
                    width: 232px;
                }
                #relatedContent #toplist ul li.place1
                {
                    background: #e0efd4 url(../Images/bg_toplist_2.jpg) bottom left no-repeat;
                    width: 222px;
                }
                #relatedContent #toplist ul li.place2
                {
                    background: #f3f9ee url(../Images/bg_toplist_3.jpg) bottom left no-repeat;
                    width: 212px;
                }
                #relatedContent #toplist ul li a.toplistPlay
                {
                    background: #f3f9ee url(../Images/toplist_play.jpg) bottom left no-repeat;
                    display: block;
                    float: left;
                    height: 26px;
                    margin: 0px 10px 0px 0px;
                    width: 26px;
                }
                #relatedContent #toplist ul li .toplistText
                {
                    display: block;
                    float: left;
                    margin: -2px 0px 0px 0px;
                    width: 130px;
                }
                #relatedContent #toplist ul li span
                {
                    display: block;
                    width: 130px;
                }
                #relatedContent #toplist ul li .number
                {
                    display: block;
                    float: right;
                    height: 25px;
                    margin: 0px 0px 0px 0px;
                    width: 42px;
                }
                    #relatedContent #toplist ul li.place0 .number
                    {
                        background: url(../Images/img_1st.jpg) bottom left no-repeat;
                    }
                    #relatedContent #toplist ul li.place1 .number
                    {
                        background: url(../Images/img_2nd.jpg) bottom left no-repeat;
                    }
                    #relatedContent #toplist ul li.place2 .number
                    {
                        background: url(../Images/img_3rd.jpg) bottom left no-repeat;
                    }


/*  Footer */
#footer
{
    background: #ffffff;
    border-top: solid 1px #ebebeb;
    float: left;
    margin: 50px 0px 0px 0px;
    padding: 15px 0px 30px 0px;
    width: 100%;
}
    #leagal
    {
        float: left;
        width: 618px;
    }
    #more
    {
        float: right;
        width: 278px;
    }


/*  Radio */
#contentHolder
{
    height: auto !important;
    min-height: 100%;
    z-index: -1;
}
#radioMargin
{
    display: block;
    float: left;
    height: 81px;
    width: 100%;
}
#radio
{
    background: url(../Images/bg_radio2.png) top left repeat-x;
    bottom: 0px;
    height: 81px;
    left: 0px;
    margin: 0px 0px 0px 0px;
    padding: 35px 0px 0px 0px;
    position: fixed;
    z-index: 10;
    width: 100%;
}
    #radio .dj
    {
        float: left;
        width: 285px;
    }
        #radio .dj img
        {
            float: left;
            height: 26px;
            width: 26px;
        }
        #radio .dj .mixInfo
        {
            float: left;
            margin: 0px 0px 0px 10px;
            padding: 0px 0px 0px 0px;
            width: 240px;
        }
        #radio .dj p
        {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }
            #radio .dj p.mixName
            {
                margin: 0px 0px 5px 0px;
            }
    .music
    {
        float: left;
        width: 375px;
    }
        #fallback
        {
            margin: 20px 0px 0px 0px;
        }
    .related
    {
        float: left;
        padding: 0px 0px 0px 10px;
        width: 240px;
    }
        .related p.detach
        {
            float: left;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            width: 100px;
        }
        .related .share
        {
            float: right;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            width: 140px;
        }
        .related .share .fb_edge_widget_with_comment,
        .related .share .fb_iframe_widget
        {
            float: left !important;
            width: 65px;
        }
    #open
    {
        border-top: solid 1px #e2e2e2;
        display: none;
        margin: 10px 0px 0px 0px;
        padding: 10px 0px 0px 0px;
        float: left;
    }
        #open .dj
        {
            background: url(../Images/bg_dj_radio.png) 122px 0 no-repeat;
            margin: 0px 10px 0px 0px;
            position: relative;
            width: 275px;
        }
            #open .dj .spacer
            {
                float: right;
                height: 118px;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                width: 70px;
            }
            #open .dj img
            {
                height: 72px;
                position: absolute;
                right: 35px;
                top: 22px;
                width: 72px;
            }
            #open .dj h1
            {
                float: none;
                margin: 10px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                width: 170px;
            }
            #open .dj h2
            {
                float: none;
                margin: 10px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                width: 172px;
            }
            #open .dj p
            {
                float: left;
                margin: 10px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                width: 235px;
            }
        #open .music
        {
            display: block;
            height: 205px;
            margin: 0px 25px 0px 0px;
            position: relative;
            width: 350px;
        }
            #open .music #playlist
            {
                /*height: 205px;
                margin: 0px 0px 0px 15px;
                overflow: scroll;
                padding: 0px 0px 0px 0px;
                width: 350px;*/
            }
                #open .music #playlist a
                {
                    clear: left;
                    float: left;
                    padding: 5px 10px 5px 10px;
                    width: 310px;/**/
                }
                #open .music #playlist a:hover
                {
                }
                #open .music #playlist a.active
                {
                }
                    #open .music #playlist a .playlistSongNumber
                    {
                        clear: left;
                        float: left;
                        width: 30px;
                    }
                    #open .music #playlist a .playlistTime
                    {
                        float: right;
                        width: 59px;
                    }
                    #open .music #playlist a .playlistDj
                    {
                        display: block;
                        width: 220px;
                    }
                    #open .music #playlist a .playlistSong
                    {
                        float: left;
                        width: 220px;
                    }
        #open .related
        {
        }
            #open .related #drinkHead
            {
                background: url(../Images/bg_dj_drinklist.jpg) top left no-repeat;
                border: 1px solid #E2E2E2;
                height: 135px;
                position: relative;
            }
                #open .related #drinkHead img
                {
                    height: 103px;
                    left: 20px;
                    position: absolute;
                    top: 25px;
                    width: 65px;
                }
                #open .related #drinkHead h2
                {
                   margin: 5px 0px 0px 0px;
                   padding:0px 5px 0px 95px;
                }
                #open .related #drinkHead h1
                {
                   margin: 5px 0px 0px 0px;
                   padding:0px 5px 0px 95px;
                }
                #open .related #drinkHead p
                {
                    height: 45px;
                    bottom: 0px;
                    margin: 0px 0px 0px 0px;
                    right: 5px;
                    padding: 0px 0px 0px 0px;
                    position: absolute;
                    width: 142px;
                }
                    #open .related #drinkHead p A
			        {
				        background-image: url(/Templates/Images/bg_suggestedLink.gif);
				        background-repeat: no-repeat;
				        background-position: 0px 0px;
				        display: block;
				        height: 45px;
				        margin: 0px 0px 0px 0px;
				        text-align: center;
				        width: 142px;
			        }
        			
			        #open .related #drinkHead p A:hover{
				        background-position: 0px -100px;
			        }
    .open
    {
        /*background: url(../Images/bg_radio_maximized.png) bottom left repeat-x !important;*/
        height: 346px !important;
    }
        .open #open
        {
            display: block;
        }
    #radio p.changeSize
    {
        background-image: url(../Images/btn_maximize2.png);
        background-position:center 0px;
        background-repeat: no-repeat;
        cursor: pointer;
        height: 14px;
        margin: -5px 0px 0px 0px;
        z-index: 10;
    }
        .open p.changeSize
        {
            background-image: url(../Images/btn_minimize2.png) !important;
        }
        #radio p.hover,
        .open p.hover
        {
            background-position: center -50px;
        }
    #radio object
    {
        margin: 0px 0px 0px -15px;
        z-index: 1;
    }


/*  AVP */
.avpWrapper{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 15000px !important;
	background-color: #ffffff;
	z-index: 1000;
}

	.avpContent{
		width: 443px;
		margin: 0 auto;
	}
	
		.avpBg{
			float: left;
			width: 318px;
			margin: 0px 0px 0px 0px;
			padding: 55px 56px 0px 69px;
			background: url(../Images/bg_avpColors.gif) no-repeat 0px 0px;
		}
			
			.avpTop{
				float: left;
				width: 266px;
				padding: 180px 26px 0px 26px;
				background: url(../Images/bg_avpTop.gif) no-repeat 0px 0px;
				text-align: center;
			}
			
				.avpTop H1{
					margin: 0px 0px 20px 0px;
				}
				
				.avpTop P{
					margin: 0px 0px 20px 0px;
				}
				
				.avpTop H2{
					margin: 0px 0px 10px 0px;
				}
				
				.avpTop SELECT{
					float: left;
					margin: 0px 0px 10px 0px;
					width: 266px;
					border: 1px solid #ebebeb;
				}
				
				.avpTop .avpInputBox{
					float: left;
					width: 54px;
					height: 40px;
					margin: 0px -1px 0px 0px;
					padding: 0px 0px 0px 0px;
					border: 1px solid #ebebeb;
					text-align: center;
				}
				
				.avpTop .avpInputBox INPUT{
					margin: 7px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					border: none;
					border: 0;
					text-align: center;
					font-size: 24px;
					color: #d8d8d8;
				}
				
				.avpTop A.avpSubmit{
					background: #ed8315 url(../Images/btn_avp_enter.jpg) repeat-x center 0px;
					color: #ffffff;
					float: right;
					font-size: 24px;
					height: 42px;
					line-height: 42px;
					padding: 0px 0px 0px 0px;
					text-indent: -9999px;
					width: 90px;
				}
			
			.avpFooter{
				background: url(../Images/bg_avpFooter.gif) no-repeat 11px 0px;
				color: #9b9b9b;
				float: left;
				font-family: Arial, Sans-Serif;
				font-size: 10px;
				margin: 0px -11px 0px -11px;
				padding: 47px 0px 0px 0px;
				text-align:center;
				width: 340px;
			}