/* ***********************************************
Title:MyJazzNetwork Template - AMP
Project: Colorado	
Author:  Fabrizio Fiandanese, fabrizio[at]fabriziofiandanese.com
************************************************** */

/*************************************/
/* GENERAL STYLE */
/*************************************/

body {
	margin: 0px;
	padding: 0px;
	color: #C8C8C8;
	font: 10px verdana, arial, helvetica, sans-serif;
	background: #DFDFDF;

	scrollbar-3dlight-color:#555;
	scrollbar-arrow-color:#CCC;
	scrollbar-base-color:#000;
	scrollbar-darkshadow-color:#000;
	scrollbar-face-color:#222;
	scrollbar-highlight-color:#777;
	scrollbar-shadow-color:#444;

}

body.content {
	margin: 0px;
	padding: 0px;
	color: #C8C8C8;
	font: 10px verdana, arial, helvetica, sans-serif;
	background: #000;
}

/* png fix */
img, div, a { behavior: url(/mjnv2/mediachannels/iepngfix.htc) }

img {
	border:0px;	
}	

body a{
	color: #C8C8C8;
}

hr {
	display:none;	
}

.rule {
	clear:both;	
}

.hdn {
	display:none !important; 
}

.clr {
	clear:both;	
	margin:0px;
	padding:0px;
}

.page_link {
	display:block;
	padding-top:1px;
	margin-top:1px;
	border-top:1px solid #777;
	color:#FF6600;
	text-decoration:none;	
}	

.page_link a {
	color:#FF6600;
	text-decoration:none;	
}

a.btn {
	display:block;
	float:left;
	padding:3px;
	padding-left:6px;
	padding-right:6px;
	border:1px solid #777;
	color:#FFF;		
	text-decoration:none;
	font-weight:normal;

	font-size:9px;
	margin-right:4px !important;
}

a.btn:hover {
	background-color:#555;
}	

input, textarea, option, select{
	background-color:#444 !important;
	border:1px solid #777;
	color:#FFF !important;
	font-family:Verdana;
	font-size:10px;	
}

form {
	margin:0px;
	padding:0px;	
}	

/*************************************/
/* MAIN */
/*************************************/

#main{
	position:absolute; width:821px; height:437px; z-index:1; left: 0px; top: 0px; 
	}
	
/*************************************/
/* LOGO */
/*************************************/
	
#logo{
	position:absolute; width:388px; height:20px; z-index:2; left: 28px; top: 30px; }

/*************************************/
/* HOME */
/*************************************/

#home{
	position:absolute; padding:3px; z-index:2; left: 738px; top: 27px; border:1px solid #555; display:none;}
	
#home a{
	text-decoration:none;}	


	
/*************************************/
/* FEATURED */
/*************************************/
		
#ftitle{
	position:absolute; width:356px; height:19px; z-index:3; left: 427px; top: 60px;
	}
	 
#ftype{
	position:absolute; width:266px; height:12px; z-index:5; left: 499px; top: 79px;
	}

#fdata{
	position:absolute; width:266px; height:25px; z-index:6; left: 500px; top: 93px;
	color:#FFF;
	}
	
#fbutton{
	position:absolute; width:266px; height:16px; z-index:7; left: 500px; top: 123px;
	}

 
#fpic{
	position:absolute; width:65px; height:65px; z-index:4; left: 428px; top: 79px;
	}

#fpic span{
	display:block;
	overflow:hidden;
	width:65px;
	height:65px;
	}


/*************************************/
/* SCREEN */
/*************************************/
		
#screen{
	position:absolute; width:386px; height:317px; z-index:8; left: 28px; top: 62px
	}

	
#titler{position:absolute; width:386px; height:38px; z-index:2; padding-left:0px; top:0px; background-color:#000;}
#media{position:absolute; width:386px; height:289px; z-index:3; top: 36px;background-color:#000;}
#datapage{position:absolute; width:386px; height:300px; z-index:6; top: 20px;background-color:#000;}


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

.aod .aod_display {

}

.aod #audio_content_wrapper {
	position:absolute;
	top:225px;
}

.aod .aod_frame {
	width:180px;
	height:225px;	
	margin-left:3px;
	float:left;
}

.aod .aod_frame .aod_pic{
	position:absolute;
	top:5px;
	left:22px;
	width:160px;
	height:155px;
	background:url(../assets/mc/trackshdw.png) no-repeat top right;
}

.aod .aod_frame .aod_pic span{
	display:block;
	width:124px;
	height:124px;
	overflow:hidden;
	margin-left:36px;
}

.aod .aod_frame .aod_tagline{
	position:absolute;
	top:204px;
	width:185px;
	color:#AAA;
	font-size:10px;
	padding-bottom:3px;
	border-bottom:1px solid #555;
}

.aod .aod_frame .aod_pic img{
	
}

.aod .aod_data {
	width:190px;
	float:left;
	margin-left:8px;
}

.aod .aod_data .row{
	padding:6px;
	border-bottom:1px solid #555;
	color:#C9C9C9;
	font-size:10px;
}

.aod .aod_data .t1{
	font-weight:bold;
	color:#FF6600;
}

.aod .aod_data .t1 a{
	font-weight:normal;
	color:#08A1EF;
}

.aod .aod_data .t1 span{
	font-weight:normal;
	color:#FFF;
}

.aod .aod_data .t2{
	color:#FFF;
}

.aod .aod_data a.resource{
	color:#03A4F5;
}

.aod .tools {
	top:292px;
	left:200px;
}

.aod .tools span.buycd a{
	color:#01A4FF;
}

.aod .row a,
.aod .row strong
{
	color:#FF6600;
}

/*************************************/
/* ALBUM */
/*************************************/

.album .picture  {
	width:50px;
}

.album td {
	font-size:10px;
}


.album .data strong {
	color:#FF6600;
}	

.album .picture span {
	display:block;
	overflow:hidden;
	height:40px;
	width:40px;
	border:1px solid #555;	
	text-align:center;

}	

.album {

	background-color:#333;
	border:1px solid #555;
	padding:5px;
	margin-bottom:8px;
}

.album strong {
	color:#FF6600;
}

/*************************************/
/* DATA */
/*************************************/

.datalist  {
	background:#000 url(../assets/player/list.gif) repeat-x top left; 
	padding:2px;
	border:1px solid #555;
	margin-top:4px;
}

.datalist td {
	font-size:9px;
}

.datalist td b {
	color:#FFF;
}


/*************************************/
/* SAMPLES */
/*************************************/

.samples  {
	background:#000 url(../assets/player/list.gif) repeat-x top left; 
	padding:2px;
	height:189px;	
	border:1px solid #555;
	margin-top:4px;
}

.samples td {
	font-size:9px;
	color:#FFF;
}



/*************************************/
/* LINKS */
/*************************************/

.aod_links  {
	position:absolute;
	top:254px;
	width:380px;
	text-align:center;
	background:#000 url(../assets/player/links.jpg) repeat-x top left; 
	padding:4px;
	height:126px;	
	color:#FFF;
	font-size:11px;
}

.links  {
	position:absolute;
	top:268px;
	width:380px;
	text-align:center;
	background:#000 url(../assets/player/links.jpg) repeat-x top left; 
	padding:4px;
	height:126px;	
	color:#FFF;
	font-size:11px;
}

.links a {
	font-weight:bold;
	color:#FF6600;
}



/*************************************/
/* APPS */
/*************************************/

#apps{
		position:absolute; 
		width:366px; 
		height:166px; z-index:9;
		left: 421px;
		top: 150px;
		border:1px solid #FF6600;
		}

/*************************************/
/* AD */
/*************************************/

#ad{position:absolute; width:235px; height:60px; z-index:10; left: 489px; top: 320px}

/*************************************/
/* LINK */
/*************************************/

#link{
	position:absolute; 
	width:260px; height:25px; z-index:11; left: 478px; top: 393px}
	
#link a span{
	display:block;
	width:260px;
	overflow:hidden;
	text-indent:-1000px}


/*************************************/
/* PAGINATOR */
/*************************************/

.paginator {
	float:right;
	font-size:9px;
	margin-right:6px;
}

.paginator strong {
	color:#FF6600;
}


.paginator a{
	font-size:9px !important;
	text-decoration:none	
}	

.paginator a:hover{
	text-decoration:underline	
}	

.paginator .prev,
.paginator .list,
.paginator .next {
	float:left;
}

.paginator .prev,
.paginator .next {
	
	margin-top:2px;	
	margin-left:2px;	
	margin-right:2px;	
	padding:1px;
	padding-left:3px;
	padding-right3px;
	border:1px solid #555;
	text-align:center;
	background-color:#000;
}	

.paginator .prev a,
.paginator .next a {
	font-weight:bold !important;
}	

.paginator ul,
.paginator li{
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:center;
}

.paginator li{
	float:left;
	
	margin-top:2px;	
	margin-right:3px;
	margin-left:3px;
	padding:1px;
	padding-left:6px;
	padding-right:6px;
	border:1px solid #555;
	background-color:#000;
}


/*************************************/
/* CONTENT_CONTAINER */
/*************************************/

#content_container {
		
}

/*************************************/
/* FRAME */
/*************************************/

#content_container .frame{
	height:256px;
	text-align:center;
}

#content_container .frame span{
	display:block;
	padding-top:4px;
}

#content_container .frame img{
	border:3px solid #000;
}

/*************************************/
/* NAV */
/*************************************/

#content_container .nav{
	background:#000;
	height:126px;
}

#content_container .thumbs {
	height:42px;
	margin-bottom:1px;
  	text-align:center;
  	overflow:hidden;
}

#content_container .thumbs img{
	height:32px;
	border:1px solid #555;
	margin-left:4px;
	margin-top:6px;
}

/*************************************/
/* ZOOM */
/*************************************/

#content_container .zoom{
	height:300px;
	text-align:center;
}

#content_container .zoom span{
	display:block;
	height:300px;
	width:100%;
	overflow:hidden;
}

#content_container .zoom img{
	border:3px solid #000;
}

/*************************************/
/* CLOSE */
/*************************************/

#content_container .close{
	background:#000;
	height:80px;
	padding-top:4px;
	text-align:right;
	padding-right:6px;
	font-size:10px !important;
}

#content_container .close a{
	text-decoration:none;
}

/*************************************/
/* APPS_CONTAINER */
/*************************************/

#apps_container {
	
	padding-top:3px;
	padding-left:6px;
	padding-right:6px;
}	

/*************************************/
/* LIST */
/*************************************/

#apps_container #list{
	background:#000 url(../assets/player/list.gif) repeat-x top left; 
	padding:4px;
	height:126px;
}	

#apps_container #list table {
	width:346px;
}	

#apps_container #list table td {
	font-size:10px;
	border-bottom:1px solid #333;
}

#apps_container #list table td.pic {
	width:38px;
}

#apps_container #list table td.pic span {
	display:block;
	width:28px;
	height:28px;
	border:1px solid #555;
	overflow:hidden;
}

#apps_container #list table td.data  {
	color:#888;
	width:200px;
	padding-top:2px;
}

#apps_container #list table td.data b {
	color:#FFF;
	font-weight:normal !important;	
}

#apps_container #list table td.data strong {
	color:#FF6600;
}

#apps_container #list table td.action  {
	text-align:center;
}

	


/*************************************/
/* TABS */
/*************************************/

.app_tabs{
	padding-top:0px;
	
	height:26px;
	border-bottom:1px solid #665;
}

.app_tabs div{
	float:left;
	height:25px;
	line-height:25px;
	margin-right:4px;
	border:1px solid #555;
	border-bottom:0px;
	background:#000 url(../assets/player/redtab.gif) repeat-x top left; 
	
	font-size:11px;
}

.app_tabs div a{
	display:block;
	float:left;
	padding-left:6px;
	padding-right:6px;	
	text-decoration:none;
	font-size:9px !important;
}

.app_tabs div a:hover{
	display:block;
	float:left;
	text-decoration:none;
}

.app_tabs div.active{
	height:25px;
	border:1px solid #665;
	border-bottom:1px solid #3D3D3D;
	background-color:#3D3D3D;
	font-size:11px;
	font-weight:bold;
}

.app_tabs div.embed,
.app_tabs div.biotab {
	background:#000 url(../assets/player/embed.gif) repeat-x top left; 
}

.app_tabs div.biotab {
	padding-left:8px; padding-right:8px}

.app_tabs div.embed a{
	
}

.app_tabs div.first{
	border-left:1px solid #3D3D3D !important;
}

.app_tabs div.active a{
	color:#FF6600;
}