/* media page content */

#media{
	position: relative;
	background: #1D1D1D url(../img/f_back_grad.png) top left repeat-x;
	margin-top: 1px;
	padding: 40px 20px;
	overflow: auto;
}

	#media div.media_wrap {
		width: 675px;
	}

	#media h2 {
		font-size: 23px;
		font-weight: bold;
		position: relative;
	}

	#media h2:lang(ja) {
		font-size: 21px;
	}

	#media h2 span {
		margin-left: 10px;
	}


	#media h3 {
		font-size: 19px;
		font-weight: bold;
		color: #7F7F7F;
		position: relative;
		margin-top: 3px;
	}

	#media h3:lang(ja){
		font-size: 17px;
	}

	#media h4 {
		margin-bottom: 20px;
		font-size: 16px;
		color: #7F7F7F;
		font-family: Georgia;
		font-style: italic;
		font-weight: bold;
		text-transform: lowercase;
		display: inline;
	}

	#media h4:lang(ja){
		margin-top: 3px;
	}


	#media div.fb_like{
		margin-top: 5px;
	}

	#media ul.tags{
		padding-top: 10px;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 15px;
	}

		#media ul.tags li.duration{
			text-transform: lowercase;
			color: #AFAFAF;
		}


		#media div.description{
			font-size: 14px;
			color: #AFAFAF;
			padding-top: 20px;
		}

			#media div.description:lang(ja){
				font-size: 13px;
			}

		#media h5 {
			font-weight: bold;
			font-size: 14px;
			line-height: 21px;
			color: #EAEAEA;
		}

		#media h5:lang(ja) {
			font-size: 13px;
			line-height: 18px;
			margin-bottom: 1px;
		}

		#media div.feature_text{
			font-weight: 300;
			font-size: 12px;
			color: #AFAFAF;
			padding-top: 20px;
		}

			#media div.feature_text:lang(ja) {
				font-size: 11px;
			}


		div.tracklist h4{
			font-size: 17px;
			color: #7F7F7F;
			font-weight: bold;
			padding-bottom: 10px;
		}

		div.tracklist h4:lang(ja){
			font-size: 16px;
		}

		
	div.player{
		width: 920px;
		height: 100px;
		margin-top: 30px;
		background: url(../image/p_back_l.png) repeat-x;
		clear: both;
	}

	div.player div.progress{
		height: 100px;
		width: 100px;
	}

	div.player div.progress div.overlay{
		background: url(../image/p_prog_over_l.png) repeat-x;
		width: 100%;
		height: 100%;
	}

	div.player img.wave{
		width: 820px;
		height: 96px;
	}

	div.playhead{
		height: 100px;
		width: 1px;
		position: absolute;
		left: 101px;
		z-index: 300;
		display: none;
	}

	/* images */
	div.player div.transport span.play,
	div.player div.transport span.pause{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -371px -7px;
		width: 101px;
		height: 100px;
		cursor: pointer;
	}

	div.player div.transport span.pause{
		background-position: -371px -112px;
	}

	div.player div.controls span.volup,
	div.player div.controls span.volup:hover{
		position: absolute;
		z-index: 150;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -290px -58px;
		width: 24px;
		height: 24px;
		cursor: pointer;
	}

	div.player div.controls span.volup:hover{
		background-position: -290px -105px;
	}

	div.player div.controls span.voldown,
	div.player div.controls span.voldown:hover{
		position: absolute;
		z-index: 150;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -290px -80px;
		width: 24px;
		height: 24px;
		top: 74px;
		cursor: pointer;
	}

	div.player div.controls span.voldown:hover{
		background-position: -290px -127px;
	}

	div.player div.controls span.popup,
	div.player div.controls span.popup:hover{
		position: absolute;
		z-index: 150;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -264px -265px;
		width: 28px;
		height: 30px;
		left: 71px;
		cursor:pointer;
	}

	div.player div.controls span.popup:hover{
		background-position: -226px -265px;
	}

	span.btn-favl{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -107px -392px;
		width: 20px;
		height: 22px;
		margin-left: 7px;
		top: -3px;
	}

	span.btn-favl:hover, span.btn-favl.active{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -137px -392px;
		width: 20px;
		height: 22px;
		cursor: pointer;
	}


		ul.controls {
			font-size: 16px;
			font-weight: bold;
			text-transform: lowercase;
			margin: 20px 0 0 10px;
		}


	#profile div.title-wrap{
		width: 582px;
	}

	#media_favs {
		float: right;
		width: 228px;
		overflow: hidden;
		margin-left: 20px;
		margin-bottom: 20px;
	}

		#media_favs li{
			float: left;
			margin: 4px 6px 0 0;
		}

	div.register_nag{
		font-size: 15px;
		margin: 10px;
		width: 876px;
		line-height: 56px;
	}


#analytics{
	position: relative;
	background: #1D1D1D url(../img/f_back_grad.png) top left repeat-x;
	margin-top: 1px;
	padding: 30px 0;
	overflow: auto;
}

	div.chart {
		position: relative;
		float: left;
		margin: 0 10px;
		padding: 4px 4px 1px;
		border: 1px solid #333;
		height: 285px;
	}

		div.chart h2 {
			font-size: 17px;
			font-weight: bold;
			background: #333;
			padding: 5px 5px 4px;
			margin-bottom: 5px;
		}

		div.chart h2 span {
			font-size: 13px;
			font-weight: normal;
		}

	ul.metadata {
		clear: both;
		margin-bottom: 20px;
		padding: 10px;
		font-size: 21px;
		overflow: auto;
		font-weight: bold;
	}

	ul.metadata li {
		float: left;
		margin-right: 20px;
	}

#map_loader {
	height: 250px;
	position: absolute;
	width: 450px;
	top: 36px;
	left: 4px;
	z-index: 256;
	background: #000;
	opacity: 0.5;
	filter:alpha(opacity=50);
	text-align: center;
	line-height: 264px;
}