
/* ***********************************************
Title:      Syndicated Player (CMN)
Project:    Colorado	
Author:     Fabrizio Fiandanese, fabrizio [at] fabriziofiandanese.com
************************************************** */

/* png fix */

img, div, a { behavior: url(/syndicatedmedia/iepngfix.htc) }

* a { position:relative }

/*************************************/
/* GENERAL STYLE */
/*************************************/
body {
	margin:0px;
	padding:0px;
	background-color:#383839;
	
		
	overflow:hidden;
	font-family:Arial;
}

#imgs_preload {
	position:absolute;
	top:0px;
	left:0px;

	background-color:#FFF;
	overflow:hidden;
	height:1px;
	width:1px;
}

/*************************************/
/* MP_FRAME */
/*************************************/

#mp_frame{
	margin: 0px auto;
	width:672px;
	overflow:hidden;
}


#mp_frame img{
	border:0px;
}

/*************************************/
/* MP_SKIN/FLAP */
/*************************************/

#mp_skin, #mp_flap{
	position:relative;
	height:677px;
	background-position:top left;
	background-repeat:no-repeat;
}

#mp_skin{
	/*display:none;*/
	top:0px;
	z-index: 1;
	left:0px;
	width:535px;
	background-image:url(../assets/skins/wvmv/mp_skin.jpg);
}

#mp_skin #mp_ad_468{
	position:relative;
	top:-545px;
	left:36px;
	height:60px;
	width:468px;
}

#mp_skin #mp_ad_234{
	position:relative;
	top:-613px;
	left:290px;
	height:60px;
	width:234px;
}

#mp_flap{
	/*display:none;*/
	top:-400px;
	z-index: -1;
	left:535px;
	width:151px;
	background-image:url(../assets/skins/wvmv/mp_flap.jpg);
}

#mp_flap #mp_ad_sky{
	position:relative;
	top:10px;
	left:3px;
	height:600px;
	width:120px;
	
}

/*************************************/
/* MP_SKIN (promo artist) */
/*************************************/

#mp_skin #mp_promo_artist{
	position:relative;
	top:-552px;
	left:22px;
	height:60px;
	width:234px;
	background-color:#333;
	color:#FFF;
	font-size:11px;
}

#mp_skin #mp_promo_artist div.headline{
	padding:2px;
	padding-left:4px;
	background-color:#444;
	font-weight:bold;
}

#mp_skin #mp_promo_artist div.picture{
	float:left;
	margin:0px 4px 0px 4px; 
}

#mp_skin #mp_promo_artist div.artist{
	border-bottom:1px solid #555;
	font-weight:bold;
}

#mp_skin #mp_promo_artist div.title{
}

/*************************************/
/* MP_VIDEO */
/*************************************/

#mp_video a{
	color:#FFF;
	text-decoration:none;
}

#mp_video div.today{
	width:480px;
	background:url(../assets/headers/toc.jpg) no-repeat top center;
	padding-top:85px;
}

#mp_video div.mjf{
	background:url() !important;
}

#mp_video div.title{
	width:420px;
	border:1px solid #555;
	margin-top:6px;
	padding:8px;
	font-size:14px;
}

/*************************************/
/* MP_VIDEO (player) */
/*************************************/

#mp_player{
	/*display:none;*/
	position:relative;
	top:108px;
	left:32px;
	height:360px;
	padding:0px;
	margin:0px;
}

#mp_player_info{
	z-index: 10;
	position:relative;
	top:122px;
	left:32px;
	width:480px;
	height:40px;
	text-align:center;
	font-size:12px;
	color:#EFEFEF;
}

#mp_splash{
	z-index: 10;
	position:absolute;
	top:116px;
	left:226px;
	border:0px;
}


/*************************************/
/* AOD */
/*************************************/

#mp_aod a{
	color:#FFF;
	text-decoration:none;
}

#mp_aod div.today{
	width:480px;
	background:url(../assets/headers/sow.jpg) no-repeat top center;
	padding-top:85px;
}

#mp_aod .cover{
	position:absolute;
	top:90px;
	left:22px;
	height:190px;
}

#mp_aod .mp3_player{
	position:absolute;
	top:300px;
	left:34px;
	height:190px;
}

#mp_aod .details{
	display:block;
	position:absolute;
	top:90px;
	left:238px;
	font-size:11px;
	font-family:Verdana;
	color:#FFF;
	text-align:left;
}

#mp_aod .details .row{
	margin-bottom:6px;
}

#mp_aod .details label{
	font-weight:bold;
	
		color:#00A2FF;
	}	


#mp_aod .tools{
	display:block;
	position:absolute;
	top:238px;
	left:238px;
	height:50px;
	width:220px;
	text-align:left;
}

#mp_aod .tools a{
	display:block;
	float:left;
	height:44px;
	width:90px;
}

#mp_aod .tools a span{
	display:none;
}	

#mp_aod .tools a.dwn{
	background:url(../assets/aod/download.jpg) no-repeat top left;
}

#mp_aod .tools a.share{
	background:url(../assets/aod/share.jpg) no-repeat top left;
	
}

#mp_aod .tools div.buycd{
	position:absolute;
	top:55px;
	left:0px;	
	width:210px;
	height:60px;
	background:#000 url(../assets/aod/buycd.jpg) no-repeat top left;
	z-index:30;
}

#mp_aod .tools div.buycd a{
	display:block;
	width:55px;
}

#mp_aod .tools div.buycd a.itunes{
	margin-left:58px;
}

#mp_aod .tools div.buycd a.amazon{
	width:70px;
}

#mp_aod .close{
	display:block;
	position:absolute;
	top:90px;
	left:570px;
	font-size:11px;
	color:#FFF;
}

#mp_aod .close a{
	color:#FFF;
}

#mp_aod .download{
	display:block;
	position:absolute;
	top:250px;
	left:330px;
}

#mp_aod .download a span{
	display:none;
}	

#mp_aod .download a{
	display:block;
	height:49px;
	width:218px;
	background:url(../assets/aod/download.jpg) no-repeat top left;
}

/*************************************/
/* POPUP */
/*************************************/

#mp_popup {
	display:none;	
}	


#mp_popup {
	position:absolute;
	z-index:100;
	top:20px;

	width:720px;
	height:650px;
}

#popup_download {
	display:none;
	position:absolute;
	z-index:30;

	margin-top:20px;
	
	width:700px;
	height:553px;		
}	

#mp_popup .cover{
	position:relative;
	top:148px;
	left:56px;
	height:190px;
}

#mp_popup .details{
	display:block;
	position:relative;
	top:170px;
	left:56px;
	font-size:10px;
	font-family:Verdana;
	color:#FFF;
}

#mp_popup .details .row{
	margin-bottom:6px;
}

#mp_popup .details label{
	font-weight:bold;
		color:#00A2FF;
	}	



#mp_popup .tools{
	display:block;
	position:relative;
	top:180px;
	left:56px;
	height:200px;
}

#mp_popup .tools a{
	display:block;
	float:left;
	height:37px;
	width:77px;
}

#mp_popup .tools a span{
	display:none;
}	

#mp_popup .tools a.play{
	background:url(../assets/popup/play.jpg) no-repeat top left;
	margin-right:5px;
}

#mp_popup .tools a.share{
	background:url(../assets/popup/share.jpg) no-repeat top left;
}

#mp_popup .close{
	display:block;
	position:absolute;
	top:90px;
	left:570px;
	font-size:11px;
	color:#FFF;
}

#mp_popup .close a{
	color:#FFF;
}

#mp_popup .download{
	display:block;
	position:absolute;
	top:250px;
	left:330px;
}

#mp_popup .download a span{
	display:none;
}	

#mp_popup .download a{
	display:block;
	height:49px;
	width:218px;
	background:url(../assets/popup/download.jpg) no-repeat top left;
}


/*************************************/
/* BAR */
/*************************************/

#mp_bar {
	position:absolute;
	top:600px;
	left:7px;
	width:530px;
	height:74px;
	z-index:20;
}	

#bar_img{
	position:absolute;
	top:0px;
	left:0px;
	width:530px;
	height:74px;
	z-index:10;
}

#bar_title_img{
	position:absolute;
	top:0px;
	left:0px;
	z-index:20;	
}

#mp_bar .vid {
	background:url(../assets/bar/toc.png) no-repeat top left;
}

#mp_bar  .cover{
	position:relative;
	top:9px;
	left:28px;
	border:3px solid #000;
	width:50px;
	height:50px;
	background-color:#000;
	z-index:20;
}

#mp_bar .vid .cover{
	position:relative;
	top:14px;

	width:69px;
	height:40px;
	left:15px;
}

#mp_bar  .details{
	display:block;
	position:relative;
	top:-20px;
	left:100px;
	font-size:10px;
	font-family:Verdana;
	color:#FFF;
	z-index:20;
}

#mp_bar .vid .details{
	top:-11px;
}

#mp_bar  .details .row{
	margin-bottom:6px;
}

#mp_bar  .details label{
	font-weight:bold;
		color:#00A2FF;
	}	

#mp_bar  .tools{
	display:block;
	position:relative;
	top:-64px;
	left:370px;
	height:50px;
	z-index:20;
}

#mp_bar .vid  .tools{
	z-index:30;
	left:435px;
	top:-56px;
}

#mp_bar  .tools a{
	display:block;
	position:relative;
	float:left;
	height:39px;
	width:82px;
	cursor:pointer;
}

#mp_bar  .tools a span{
	display:none;
}	

#mp_bar  .tools a.play{
	width:70px;
	background:url(../assets/bar/play.png) no-repeat top left;
}

#mp_bar  .tools a.dwn{
	background:url(../assets/bar/download.png) no-repeat top left;
}

#mp_bar  .close{
	display:block;
	position:absolute;
	top:90px;
	left:570px;
	font-size:11px;
	color:#FFF;
}

#mp_bar  .close a{
	color:#FFF;
}

#mp_bar  .download{
	display:block;
	position:absolute;
	top:250px;
	left:330px;
}

#mp_bar  .download a span{
	display:none;
}	

#mp_bar  .download a{
	display:block;
	height:49px;
	width:218px;
	background:url(../assets/popup/download.jpg) no-repeat top left;
}

