/***************************************************************************
 *                       by vargapeter.com      2007.
 ***************************************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

/*******************************************************************/
/*                    S Z Ö V E G                                   */
/*******************************************************************/

h1,h2,h3,h4,p{
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
}

p,
.item{ 
	font-family: "Geneva", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	line-height: 18px;
}


a {
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;

}

a:hover {
	text-decoration:none;
	color:#3194c4;
}

p.datum {
	padding:0px;
	font-size:10px;
}

strong{
	font-weight:bold;
}

body{
	margin: 0px; 
	background:#66aacc;
	}
br{clear:both;}

#header{
	 /*url("../images/header.png") top left repeat-x;*/
	 height:140px;
}

#player{
	height:120px;
	margin: 0px auto 0px auto;
}


#playground,
#playgroundbg{
	width:790px;
	height:450px;
	margin: 10px auto 50px auto;
	padding:10px;
	background: url(../images/playground.png) left top no-repeat;
}

#playground{
	background:none;
	position:absolute;
	top:140px;
	left:50%;
	margin: 10px 0px 0px -405px;
	z-index:99;
	
}

#copy{
	width:800px;
	margin: 10px auto 50px auto;

}

#copy p{
	font-size: 10px;
	line-height: 110%;
font-family: Verdana;
	padding-bottom: 5px;
}
/************************************************************************
 *		S E A R C H 
 ************************************************************************/		



#search{
	width:360px;
	height:20px;
	padding-bottom:25px;
	float:left;
		background: url(../images/bg_search.png) top left no-repeat;

} 

	
	input{
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		color:#666666; 
		border:0px; 
		height:16px;
		padding:2px 2px 2px 8px;
		width:325px;
		float:left;
		text-transform:lowercase;
		background:none;
	}
	
	#submitsearch{
		width:16px;
		height:16px;
		margin:3px 2px 1px 3px;
		cursor:pointer;
		float:left;
		background:#211d1a url(../images/searchbutton.png) top left;
	}
		
	#submitsearch:hover{
		background-position:bottom left; 
	}
	
	
	#searchloading{
		width:20px;
		height:20px;
		background: url(../images/search_loading.gif) center center no-repeat;
		float:left;
		display:none;
	}


		#searchlive{
			width:400px;
			height:20px;
			float:left;
		}
		 
		#searchlive a{
			font-size:12px;
			padding:5px;
			text-decoration:none;
			color:#3194c4;
		}
		#searchlive a:hover{ 
			color:#FFFFFF;
		}
		
#tools{
	width:360px;
	height:20px;
	padding-bottom:25px;
	float:left;
	margin-left:70px;
}

#loop:hover,
#loop1:hover,
#random:hover,
#load:hover,
#save:hover{
	background-position: bottom left;
}

#loop,
#loop1,
#random,
#load,
#save{ 
	display:block; 
	width:20px;
	height:20px;
	float:left;
	background: url(../images/loop.png) top left no-repeat;
}

#loop{
	margin-left:1px;

}

#loop1{
	background-image: url(../images/loop1.png);
}

#random{
	background-image: url(../images/random.png);
}

#load{
	background-image: url(../images/load.png);
	float:right;
}

#save{
	background-image: url(../images/save.png);
	float:right;
}


.item {
	width: 310px;
	height: 20px;
	padding:0px 5px 0px 5px;
	margin: 2px 0px 2px 0px;
	background:#f1f1f1;
	clear:both;
}

.item:hover{
	background:#E9E9E9;

}

.itemtitle{
	font-size:11px;
	padding-left:5px;
	display:block;
	float:left;
	width:260px;
	height:20px;
	text-decoration:none;
	text-transform:lowercase;
	overflow:hidden;
	color:#666666;
	cursor: url(openhand.cur),url(layout/css/openhand.cur),move; 
}

.itemplay{
	display:block;
	float:left;
	width: 20px; 
	height: 20px;
	margin: 0px;
	cursor:pointer;
	background:#f1f1f1 url(../images/directplay.png) top left no-repeat;  

}

.itemdelete{
	cursor:pointer;
	display:block;
	width: 20px;
	height: 20px;
	margin: 0px;
	float:right;
	background: url(../images/delete.png) top left no-repeat;  
}
.itemdelete:hover{
	background-position: 0px -20px;
}

.itemprop{
	cursor:pointer; 
	display:block;
	width: 20px;
	height: 20px;
	margin: 0px;
	float:right;
	background: url(../images/prop.png) top left no-repeat;  
}

.itemprop:hover{
	background-position: 0px -20px;
}




		
/************************************************************************
 *		S E A R C H   R E S U L T S
 ************************************************************************/
		
#searchresultcontainer,
#playlistcontainer{
	width:360px;
	height:400px;
	float:left;
	background:#ffffff;
	border:1px solid;
	border-top-color: #838383;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #838383;
}
.shadow10,.shadow11{
	background: #000000;
	width:360px;
	height:1px;
}

.shadow10{opacity: 0.15; -moz-opacity: 0.15; filter: alpha(opacity=15);}
.shadow11{opacity: 0.06; -moz-opacity: 0.06;	filter: alpha(opacity=6);}

.shadow12,.shadow13{
	float:left;
	background:#000000;
	width:1px;
	height:358px;
}

.shadow12{opacity: 0.15; -moz-opacity: 0.15; filter: alpha(opacity=15);}
.shadow13{opacity: 0.06; -moz-opacity: 0.06;	filter: alpha(opacity=6);}

#searchresultscroll{
	width: 320px;
	height:370px;
	margin:10px;
	overflow:hidden;
	float:left;
}

#searchresult{
	width:320px;
	height:720px;
}


#searchresult .itemplay:hover{
	background-position: 0px -20px;
} 
#resultslide {
	background: url(../images/bg_scroll.png) top left no-repeat;
	height: 370px;
	width: 10px;
	margin-top:10px;
	float:left;
}
 
#resultslideknob {
	display:none;
	height: 40px;
	width: 8px;
	margin-left:1px;
	cursor:pointer;
	background: url(../images/knob.png) top left no-repeat;
}

	

/************************************************************************
 *		P L A Y L I S T 
 ************************************************************************/

	#playlistcontainer{  
		margin-left:66px;
	}	 
		
		
		#playlist{
			padding:5px;
			width:350px;
			height:300px;
		}
		
		#playlist .item{
				width:340px;
				clear:none;
			}
		.propdiv{
			width:160px;
			height:60px;
			background:#990000;
		}
		#liststatus .status{
			display:block;
			width: 20px;
			height: 20px;
			margin: 2px 1px 4px 0px;
			background: url(../images/directplay.png) top left no-repeat;
			cursor:pointer;  
		}
		
		#liststatus .status:hover{
			background-position: 0px -20px;
		}
		
 

#adds{
	width:160px;
	margin: 30px 0px 0px 10px;
	float:left;
	text-align:center;
	padding: 10px 0px 0px 0px;
}


#footer{
	height: 160px;
	/*background:#ffffff;
	opacity: 0.20; -moz-opacity: 0.20;	filter: alpha(opacity=20);*/

}

#tagcloud{
width:820px;
margin:0px auto 20px auto;
padding-top:20px;
}

#tagcloud a{
	color:#FFFFFF; 
	text-decoration:none;
	font-size:10px;
	text-align: center;
}

.shadow1, .shadow2, .shadow3, .shadow4, .shadow5, .shadow6{
	background: #000000;
	height:1px;
}
.shadow1{opacity: 0.05;	-moz-opacity: 0.05;	filter: alpha(opacity=5);}
.shadow2{opacity: 0.1;	-moz-opacity: 0.1;	filter: alpha(opacity=10);}
.shadow3{opacity: 0.15;	-moz-opacity: 0.15;	filter: alpha(opacity=15);}
.shadow4{opacity: 0.2;	-moz-opacity: 0.2;	filter: alpha(opacity=2);}
.shadow5{opacity: 0.25;	-moz-opacity: 0.25;	filter: alpha(opacity=25);}
.shadow6{opacity: 0.30; -moz-opacity: 0.30;	filter: alpha(opacity=30);}


#by{
	width:990px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}

#by p{
	color:#dbdb86;
	font-size:11px;

}

#by a{
	color:#FFFFFF;
	text-decoration:none;
}


#panel { position: fixed; z-index: 999; width: 100%; height: 100px; top: 200px;  background-color:#3194c4; }
#panel #text { color: #ffffff; margin: 20px auto; padding: 0 20px;  font: 42px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; }