@charset "utf-8";
/* CSS Document */

#playerContainer{
	overflow:hidden;
	position:relative;
}
/* Player Styles */
#playerMainContainer a, #playerSecContainer a
{
	outline:none;
}
#playerMainContainer{
	width:480px;
	background-color:#eae8e8;
	border-right:1px solid #4c5155;
	float:left;
	margin-bottom:50px;
}
#playerMainContainer #playerMainHeader{
	overflow:hidden;
	min-height:62px;
}
#playerMainContainer h3{
  margin: 1.0em 1.0em .5em 1.0em;

}
#playerMainContainer .header{
	color:#000;
}
#playerMainContainer .player{
	width:480px;
	height:289px;
}
#playerMainContainer #playerWrapper{
	overflow:hidden;	
	height:289px;
	width:480px;
}
#playerMainContainer #playerWrapper.image{
	overflow:hidden;	
	height:266px;
	width:480px;
	margin-bottom:23px;
}
#playerMainContainer .trackInfo{
	background-color:#868686;
	padding:2px 0px 56px 0px;
	margin:0px 0px 0px 0px;
	background:url(/Honens/media/Site-Images/playerUI/bkgTrackInfo.png) repeat-y scroll ;
	color:#fff;
	overflow:hidden;
	height:114px;
}

#playerMainContainer .trackInfo li{
	display:block;
	overflow:hidden;
	margin: 1em 0em;
	border-top:1px solid #929292;
	
}
#playerMainContainer .trackInfo li.firstItem{
	border-top:none;
	margin-top:.25em;
}
#playerMainContainer .trackInfo li h4, #playerMainContainer .trackInfo li p{
	float:left;
	margin-top:.5em;
	padding:0px;
	vertical-align:top;
	line-height:1.5em;
	font-size:.9em;
	
	
}
#playerMainContainer .trackInfo .trackDescription{
	margin-left:15px;
}
#playerMainContainer .trackInfo li p{
	color:#fff;
	width:350px;
}

#playerMainContainer .trackInfo li h4{
	width:100px;
	margin-left:2em;
	color:#000;
}
#playerMainContainer  .borderBottom{
	background:#868686 url(/Honens/media/Site-Images/playerUI/bkgTrackInfoBtm.png) no-repeat scroll ;
	width:480px;
	height:4px;
}
#playerSecContainer{
	width:474px;
	float:left;
	
	background:#868686 url(/Honens/media/Site-Images/playerUI/bkgLight.png) repeat-y scroll ;
}
#playerSecContainer .buttonsPanel{
	
	position:relative;
	margin-left:12px;
	height:62px;
	z-index:10;
}
#playerSecContainer .buttonsPanel a{
	position:relative;
	color:#2A2A2A;
	display:block;
	width:209px;
	padding:7px 0px 7px 7px;
	margin:16px 12px 18px 0px;
	font-size:.9em;
	float:left;
	background-color:#eae8e8;
	border: 1px solid #cac0c0;
	vertical-align:bottom;
	
}
#playerSecContainer .buttonsPanel a:hover{
	background-color:#f9f9f9;
}
#playerSecContainer .buttonsPanel a #drpDwnSelectPls{
	display:none;


}

#playerSecContainer .buttonsPanel a.buttonHover #drpDwnSelectPls{
	display:block;
	position:absolute; 
	background-color:#f9f9f9;
	width:216px;
	height:299px;
	top:28px; 
	left:-1px;
	text-decoration:none;
    border:1px solid #CAC0C0;
	margin:0;
	padding:0;
	overflow:scroll;

}
#playerSecContainer .buttonsPanel a.buttonHover .innerContainer{
	overflow:hidden;
	
}
#playerSecContainer .buttonsPanel a.buttonHover #drpDwnSelectPls li{
	cursor:pointer;
	padding:10px;
	text-decoration:none;
	border-bottom: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
}
#playerSecContainer .buttonsPanel a.buttonHover #drpDwnSelectPls li:hover{
	background-color:#eae8e8;
}

#playerSecContainer .buttonsPanel a.buttonHover{
	background-color:#f9f9f9;
	position:relative;
}
#playerSecContainer .buttonsPanel a#launchPlayerButton{
	z-index:10;
}
#playerSecContainer .buttonsPanel a#playlistSelectButton .icon{
	display:block;
    overflow:hidden;
    text-indent:-999px;	
	background:url(/Honens/media/Site-Images/playerUI/iconsPlayerSprite.png) no-repeat scroll;
	background-position: -20px -20px;
	width:20px;
	height:20px;
	position:absolute;
	top:4px;
	right:4px;
}
#playerSecContainer .buttonsPanel a#playlistCloseButton .icon{
	display:block;
    overflow:hidden;
    text-indent:-999px;	
	background:url(/Honens/media/Site-Images/playerUI/iconsPlayerSprite.png) no-repeat scroll;
	background-position: -20px -20px;
	width:20px;
	height:20px;
	position:absolute;
	top:4px;
	right:4px;
}
#playerSecContainer .buttonsPanel a#launchPlayerButton .icon{
	display:block;
	background:url(/Honens/media/Site-Images/playerUI/iconsPlayerSprite.png) no-repeat scroll;
	background-position: -20px -0px;
	width:20px;
	height:20px;
	position:absolute;
	top:4px;
	right:4px;
    overflow:hidden;
    text-indent:-999px;	
}

#playerSecContainer .playlist {
	background-color:#5d5c5c;
	margin:0px 5px 0px 5px;
	padding:5px 5px 13px 6px;
	height:329px;
	width:452px;
}
#playerSecContainer .playlist ul{
	top:0;
	position:absolute;
	margin:0px;
	padding:0;
	width:452px;

	z-index:1;
}
#playerSecContainer .playlist .innerContainer{
	position:relative;
	width:452px;
	height:311px; 
	overflow:hidden;
}
#playerSecContainer .playlist li{
	display:block;
	width:448px;
	padding:10px 0px 10px 5px;
	margin:1px 0px 1px 0px;
	background-color:#fff;
	border-bottom: 1px solid #d6d6d6;
	overflow:hidden;
	cursor:pointer;
}
#playerSecContainer .playlist li.selected{
	background-color:#ddd;
}
#playerSecContainer .playlist li:hover{
	background-color:#EEE;
}
#playerSecContainer .buttonsPanel a.buttonHover #drpDwnSelectPls li.pagingControlContainer:hover{
	background-color:#ffffff;
}
#playerSecContainer .playlist .scrollUpButton a{
	display:block;
	background:url(/Honens/media/Site-Images/playerUI/btnPlaylistScroll_Sprite.png) no-repeat scroll 0 -16px;
	width:452px;
	height:8px;
    text-indent:-999px;
}
#playerSecContainer .playlist .scrollDownButton a{
	display:block;
	background:url(/Honens/media/Site-Images/playerUI/btnPlaylistScroll_Sprite.png) no-repeat scroll 0 -0;
	width:452px;
	height:8px;
    overflow:hidden;
    text-indent:-999px;
}
#playerSecContainer .playlist .scrollUpButton a:hover{
	display:block;
	background:url(/Honens/media/Site-Images/playerUI/btnPlaylistScroll_Sprite.png) no-repeat scroll 0 -24px;
	width:452px;
	height:8px;
    text-indent:-999px;
}
#playerSecContainer .playlist .scrollDownButton a:hover{
	display:block;
	background:url(/Honens/media/Site-Images/playerUI/btnPlaylistScroll_Sprite.png) no-repeat scroll 0 -8px;
	width:452px;
	height:8px;
    overflow:hidden;
    text-indent:-999px;
}
#playerSecContainer .playlist li span{
	display:block;
	background:url(/Honens/media/Site-Images/playerUI/iconsPlayerSprite.png) no-repeat scroll 0 0;
	width:20px;
	height:20px;
	text-indent:-999px;
	float:left;
	margin:5px 9px 0px 0px;
}
#playerSecContainer .playlist li.Video span.iconPls{
	background-position: 0px 0px;
}
#playerSecContainer .playlist li.Audio span.iconPls{
	background-position: 0px -40px;
}
#playerSecContainer .playlist li.Image span.iconPls{
	background-position: 0px -20px;
}
#playerSecContainer .playlist li p{
	float:left;
	width:350px;
	margin:0px 10px 0px 0px;
	vertical-align:top;
	font-size:.9em;
}
#playerSecContainer .playlist  li .buttonBuy{
	display:block;
	background:url(/Honens/media/Site-Images/playerUI/btnBuy.png) no-repeat scroll 0 0;
	width:42px;
	height:22px;
	float:left;
	overflow:hidden;
	text-indent:-99px;

}

#playerSecContainer .playlist  li .buttonBuy:hover{
	
	background:url(/Honens/media/Site-Images/playerUI/btnBuy_on.gif) no-repeat scroll 0 0;
}
#playerSecContainer .buttonsFilter{
	height:50px;
	margin:0px 0px 5px 0px;

}
#playerSecContainer .buttonsFilter span{
	display:block;
	float:right;
	margin:15px 10px;
	color:#fff;
	
}
#playerSecContainer .buttonsFilter ul{
	margin:0px 0px 0px 5px;
	padding:0;
}
#playerSecContainer .buttonsFilter ul li{
	display:block;
	width:51px;
	height:51px;
	float:left;
	background-color:#636262;
	margin:-3px 1px 6px 0px;
	text-decoration:none;
	list-style-type:none;
}
#playerSecContainer .buttonsFilter ul li#AudioFilter,
#playerSecContainer .buttonsFilter ul li#VideoFilter,
#playerSecContainer .buttonsFilter ul li#ImageFilter{
	display:none;
}
#playerSecContainer .buttonsFilter ul li a{
	display:block;
	background:url(/Honens/media/Site-Images/playerUI/btnFilterSprites.png) no-repeat scroll left bottom;
	width:51px;
	height:51px;
	text-indent:-999px;
}
#playerSecContainer .buttonsFilter ul li#allFilter {
}

#playerSecContainer .buttonsFilter ul li#allFilter a{
	background-position:-0px -0px;
}
#playerSecContainer .buttonsFilter ul li#AudioFilter a{
	background-position:0px -51px;
}
#playerSecContainer .buttonsFilter ul li#ImageFilter a{
	background-position:0px -102px;
}
#playerSecContainer .buttonsFilter ul li#VideoFilter a{
	background-position:0px -153px;
}

#playerSecContainer .buttonsFilter ul li#allFilter a:hover{
	background-position:-51px -0px;
}
#playerSecContainer .buttonsFilter ul li#AudioFilter a:hover{
	background-position:-51px -51px;
}


#playerSecContainer .buttonsFilter ul li#ImageFilter a:hover{
	background-position:-51px -102px;
}
#playerSecContainer .buttonsFilter ul li#VideoFilter a:hover{
	background-position:-51px -153px;
}
#playerSecContainer .buttonsFilter ul li#allFilter a.selected{
	background-position:-102px -0px;
}
#playerSecContainer .buttonsFilter ul li#AudioFilter a.selected{
	background-position:-102px -51px;
}
#playerSecContainer .buttonsFilter ul li#ImageFilter a.selected{
	background-position:-102px -102px;
}
#playerSecContainer .buttonsFilter ul li#VideoFilter a.selected{
	background-position:-102px -153px;
}
#playerSecContainer .notes{
	background:url(/Honens/media/Site-Images/playerUI/bkgNotes.png) repeat-y scroll ;
	color:#fff;
    width:100%;
	overflow:hidden;
	
}
#playerSecContainer .notes div.content{
	width:100%;
	height:55px;
}
#playerSecContainer .notes div.content p{
	width:260px;
	float:left;
	padding-right:100px;
	
	
}
#playerSecContainer .notes div.content p a{
	color:#fff;
	font-weight:bold;
}
#playerSecContainer .notes div.content img{
	width:88px;
	height:32px;
	margin-top:5px;
	float:left;
}
#playerSecContainer .notes .borderTop{
	background:#868686 url(/Honens/media/Site-Images/playerUI/bkgPlayerSecPane.png) no-repeat scroll 0px 0px;
	width:480px;
	height:4px;
	overflow:hidden;
}
#playerSecContainer .notes .borderBottom{
	background:#868686 url(/Honens/media/Site-Images/playerUI/bkgPlayerSecPane.png) no-repeat scroll 0px -4px;
	width:480px;
	height:4px;
		overflow:hidden;
}
#playerSecContainer .notes p{
	margin:6px 10px;
}

#playerContainer .playerSplashLoading{
	position:absolute;
	display:none;
	left:0px;
	top:0px;
	width:960px;
	height:577px;
	background-color:#5d5c5c;
	z-index:11;
}
.playerSplashLoading img{
	position:absolute;
	display:block;
	left:45%;
	top:44%;
}
#eventDetailOverlay{
	display:none;
}
/*Event Detail Overlay*/
#eventDetailOverlay{
	display:none;
	z-index:100000;
	background-color:white;
	width:599px;
	min-height:200px;
	border:2px solid #808a8c;
	overflow:hidden; 
}
#eventDetailOverlay .close{
	background:url("/Honens/media/Site-Images/playerUI/btnClose.png");
	width:21px;
	height:21px;
	position:absolute;
	right:-2px;
	top:-2px;
	cursor:pointer;
	z-index:3;

}
#eventDetailOverlay #HonensBody{
	background:#FFFFFF;
	color:#000000;
	padding:10px;
	font-size:0.9em;
}

#eventDetailOverlay h3{
	color:#EE7139;
	font-size:15px;
} 


#eventDetailOverlay #contentMainTitle  h3{
	color:#000000;
	margin: 5px 0px 5px 0px;
}
#eventDetailOverlay #contentMainTitle  {
color:#000000;
text-transform:uppercase;
margin:0px 0px 13px 0px;
border-bottom:3px solid #EAE8E8;
overflow:hidden;
width:100%;
}

#eventDetailOverlay #HonensBody{
	padding:10px 19px 19px 19px;
overflow:hidden;
}
#eventDetailOverlay p, ul li, span{
/*	font-size:0.8em;*/
	font-size:1.0em;
}

#eventDetailOverlay ul li{
	margin:1.4em 0em;
	padding:0;	
}
#eventDetailOverlay ul{
	padding-left:14px;
}

#eventDetailOverlay #contentMainTitle  h3{
color:#000000;
margin: 5px 0px 5px 0px;
}
#eventDetailOverlay #contentMainTitle  {
color:#000000;
text-transform:uppercase;
margin:0px 0px 13px 0px;
border-bottom:3px solid #EAE8E8;
overflow:hidden;
width:100%;
}

#contentMain #contentMainTitle{
	overflow:hidden;
}
#contentMain #contentMainTitle h3 {
	float:left;
}
a.openOverlay{
	float:right;
	text-transform:uppercase;
}
#eventDetailOverlay .overlayTitle{
	border-bottom:3px solid #EAE8E8;
	padding:0em 0em .4em;
	margin:.5em 0em 1em 0em;
	
}
#eventDetailOverlay .overlayTitle h3{
	color:#6897AB;
	text-transform:uppercase;
	font-size:1.4em;
	font-weight:bold;
	margin:0em .1em;
	

}
#eventDetailOverlay p, ul li, #eventDetailOverlay p, ul li span{
	/*font-size:0.8em;*/
	font-size:1em;
}
#eventDetailOverlay .helpContainer{
	margin:10px 20px 20px 20px;
}
#eventDetailOverlay ul li{
	margin:1.4em 0em;
	padding:0;	
}
#eventDetailOverlay ul{
	padding-left:14px;
}