/*---------- Project Handled : SyntaxImagination.com and AcefxLab.com ---------*/

body {
	background: url(../../images/headers/page.jpg) no-repeat center top;
	margin: 0 auto;
}

#titl, #player, #selector{
	width: 700px;
	background: url(../asset/MediaCSS.jpg) 0px 0px #A9A9A9 repeat-x;
	border: solid 1px #C8C8C8;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom: 4px;
	float: left;
}
	#mediain{
	}
	#scren{
		text-align: center;
	}
	
	#titl h1{
		padding: 7px;
		color: #FFF;
		font-family: "Trebuchet MS";
		font-size: 15px;
		font-weight: bold;
		text-shadow: 1px 1px 1px #131313;
		text-indent: 40px;
		/*background: url(../asset/MediaCSS.jpg) 0px -220px no-repeat;*/
		background: url(../asset/MediaCSS.jpg) 0px -148px no-repeat;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	#player{
		width: 680px;
		height: 350px;
		background: #6D6D6D;
		color: #FFF;
		font-weight: bold;
		text-shadow: 1px 1px 0px #333;
		text-align: center;
		padding: 10px;
	}
	#selector #te{
		padding: 8px 15px;
		color: #FFF;
		font-family: "Trebuchet MS";
		font-size: 15px;
		font-weight: bold;
		text-shadow: 1px 1px 0px #131313;
		float: left;
		border-right: solid 1px #C8C8C8;
	}
	#selector a{
		padding: 12px 15px 12px 45px;
		color: #FFF;
		font-size: 10px;
		font-weight: bold;
		float: left;
		border-right: solid 1px #ABABAB;
	}
	#selector a:hover, #selector a:focus{
		background: #333;
		text-decoration: none;
		text-indent: 0px;
		padding: 12px 30px;
	}	
	#submu{
		padding: 5px;
		width: 690px; 
		background: #6D6D6D;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		margin-bottom: 4px;
		display: none;
	}
		#submu a{
			color: #FFF;
			float: left;
			padding: 1px 10px;
			border-right: solid 1px #FFF;
		} 
		
		#res{
			background: #FFF;
			color: #333;
			display: none;
			height: 300px;
			overflow: scroll;
		}
			#stit, #sdat, #stol{
				background: #ECE0C7;
				border-bottom: solid 1px #b9997b;
				border-right: solid 1px #b9997b;
				float: left;
				text-align: center;
				padding: 3px 1px;
				font-weight: bold;
			}
			#sti, #sda, #sto{
				background: #FFF;
				border-bottom: solid 1px #b9997b;
				border-right: solid 1px #b9997b;
				float: left;
				text-align: center;
				padding: 5px 1px;
				height: 20px;
				font-weight: bold;
			}
			#sti, #stit{
				width: 69.5%;
			}
			#sti{
				text-align: left;
			}
			#sda, #sdat{
				width: 20%;
			}
			#sto, #stol{
				width: 9%; 
			}
				#sto{
					padding: 3px 1px 7px 1px;
				}
				#sto a img{
					float: left;
					margin-bottom: 1px;
				}
			#serx{
				background: #6D6D6D;
				text-align: center;
				color: #FFF;
				font-family: "Trebuchet MS";
				font-size: 12px;
				text-shadow: 1px 1px 0px #000;
				font-weight: bold;
				border: solid 1px #FFF;
			}
			
			#cli, .cli{
				cursor: pointer;
			}
			#plb, .plb{
				background('../asset/play.gif');
				border: solid 1px #ccc;
				height: 25px;
				cursor: pointer;
			}
		
		#wml, #wmh, #fms, #lsp{
			text-align: right;
		}
		#wml, #wmh{
			background: url(../asset/MediaCSS.jpg) 0px -74px no-repeat;
		}
		#fms{
			background: url(../asset/MediaCSS.jpg) 0px -110.5px no-repeat;
		}
		#lsp{
			background: url(../asset/MediaCSS.jpg) 0px -184px no-repeat;
		}
			#wma{
			background: url(../asset/MediaCSS.jpg) 0px -293px no-repeat;
			}
			#fma{
				background: url(../asset/MediaCSS.jpg) 0px -330px no-repeat;
			}
		
			#ml{
				padding-left: 180px;
			}
			#fla{
				display: none;
			}