

	* {
		border:0;
		padding:0;
		margin:0;
		font-weight:normal;
	}
	
	
	hr, .hidden, legend {
		display:none;
	}
	
	
	body {
		background:#000 url(./pics/main_bg.jpg) fixed no-repeat top left;
	}
	
	
	div#container {
		width:588px;
	}
	
	
	div#head {
		width:588px;
		height:194px;
		position:relative;
	}
	
	
	div#head h1 {
		position:absolute;
		left:153px;
		top:135px;
		width:164px;
		height:26px;
		overflow:hidden;
		text-indent:-20000em;
		background:url(./pics/h1_bg.png) no-repeat top left;
	}
	
	
	div#trackbox, fieldset#login {
		position:absolute;
		left:153px;
		top:195px;
		width:390px;
	}
	
	
	div#trackbox ul {
		list-style:none;
		width:390px;
	}
	
	
	div#trackbox ul li {
		position:relative;
		display:block;
		float:left;
		width:110px;
		height:60px;
		overflow:hidden;
		margin-right:20px;
		margin-bottom:11px;
	}
	
	
	div#trackbox ul li a {
		text-decoration:none;
		display:block;
		background:url(./pics/trackbox_bg.png) no-repeat top left;
		padding:13px 5px;
		height:34px;
	}
	
	
	div#trackbox ul li a:hover, div#trackbox ul li a.playing {
		background-position:bottom left;
	}
	
	
	div#trackbox ul li img#isplaying {
		position:absolute;
		bottom:6px;
		right:6px;
	}
	
	
	ul li span.trackname {
		font-family:arial,helvetica,sans-serif;
		font-size:9px;
		color:#fff;
		display:block;
		width:100px;
		height:24px;
		overflow:hidden;
	}
	
	
	ul li span.tracktime, ul li span.trackcounter {
		font-family:arial,helvetica,sans-serif;
		font-size:9px;
		color:#fff;
		opacity:0.4;
		-moz-opacity:0.4;
		display:block;
	}
	
	
	
	
	
	
	
	div#tools {
		position:absolute;
		top:202px;
		left:14px;
		width:139px;
	}
	
	fieldset#search p label {
		display:none;
	}
	
	fieldset#search p input#input_search {
		border:1px solid #563333;
		background:url(./pics/input_search_bg.png);
		padding:3px 5px;
		color:#fff;
		font-family:arial,helvetica,sans-serif;
		font-size:9px;
	}
		
	
	
	fieldset#orderby {
		width:110px;
		margin-top:40px;
	}
	
	fieldset#orderby legend {
		padding:3px 5px;
		display:block;
		color:#fff;
		font-family:arial,helvetica,sans-serif;
		font-size:9px;
	}
	
	fieldset#orderby ul {
		list-style:none;
		border-top:1px solid #563333;
		padding-top:4px;
	}
	
	fieldset#orderby ul li a {
		display:block;
		padding-left:17px;
		color:#fff;
		font-family:arial,helvetica,sans-serif;
		font-size:9px;
		text-decoration:none;
		line-height:15px;
		background:url(./pics/orderbyitem_bg.gif) no-repeat top left;
		outline:0;
	}
	
	fieldset#orderby ul li a:hover,
	fieldset#orderby ul li a.active {
		background-position:bottom left;
		color:#EAFF00;
	}
	
	
	




	
	
	
	
	
	div#currentlyplaying {
		position:fixed;
		top:194px;
		left:590px;
		width:180px;
		padding-top:11px;
	}
	
	fieldset#playbox legend {
		padding:3px 5px;
		display:block;
		color:#fff;
		font-family:arial,helvetica,sans-serif;
		font-size:9px;
	}
	
	fieldset#playbox div.trackname {
		border-top:1px solid #563333;
		color:#fff;
		font-size:9px;
		font-family:arial,helvetica,sans-serif;
		padding:10px 5px 0 5px;
	}
	
	fieldset#playbox div.directlink {
		padding-top:5px;
		padding-left:3px;
	}
	
	fieldset#playbox div.directlink a {
		color:#646464;
		border-bottom:1px dotted #646464;
		text-decoration:none;
		font-size:9px;
		font-family:arial,helvetica,sans-serif;
		margin-left:4px;
		outline:0;
	}
	
	fieldset#playbox div.directlink a:hover {
		color:#fff;
		border-bottom:1px dotted #fff;
	}
	
	fieldset#playbox div.error_mp3player {
		color:#fff;
		font-size:9px;
		font-family:arial,helvetica,sans-serif;
		padding:10px 5px 0 5px;
	}
	
	
	
	
	

	
	
	
	
	
	form.edit_songinfo input {
		background:#646464;
		color:#fff;
		font-size:9px;
		font-family:arial,helvetica,sans-serif;
	}
	
	form.edit_songinfo input.editor_field {
		width:95%;
		padding:2px;
		margin-bottom:3px;
	}
	
	form.edit_songinfo input.editor_ok_button {
		display:inline;
		padding:0 5px 0 0;
		width:auto;
		background:none;
		cursor:pointer;
		color:#646464;
	}
	
	form.edit_songinfo a.editor_cancel {
		color:#646464;
		cursor:pointer;
		text-decoration:none;
		outline:0;
	}
	
	form.edit_songinfo input.editor_ok_button:hover, 
	form.edit_songinfo a.editor_cancel:hover {
		color:#fff;
	}
	
	
	
	
	
	
	
	
	
	
	
	div#playlist {
		position:fixed;
		top:324px;
		left:590px;
		width:180px;
		padding-top:11px;
	}
	
	div#playlist legend {
		padding:3px 5px;
		display:block;
		color:#fff;
		font-family:arial,helvetica,sans-serif;
		font-size:9px;
	}
	
	div#playlist div#playlist_drophandler {
		border-top:1px solid #563333;
		color:#fff;
		font-size:9px;
		font-family:arial,helvetica,sans-serif;
		padding:10px 5px 0 5px;
	}
	
	div#playlist div.playlist_drophandler-hover,
	div#playlist div.playlist_drophandler-hover * {
		color:#EAFF00 !important;
	}
	
	div#playlist div#playlist_drophandler span a {
		color:#EAFF00;
		text-decoration:none;
		outline:0;
		border-bottom:1px dotted #EAFF00;
	}
	
	div#playlist ol {
		width:100%;
		margin:12px 0 0 5px;
		padding-left:20px;
		color:#646464;
		font-size:9px;
		font-family:arial,helvetica,sans-serif;
	}
	
	div#playlist ol li {
		width:100%;
	}
	
	div#playlist li a {
		display:block;
		width:auto;
		height:12px;
		margin-bottom:3px;
		color:#646464;
		text-decoration:none;
		font-size:9px;
		font-family:arial,helvetica,sans-serif;
		overflow:hidden;
		outline:0;
	}
	
	div#playlist li a:hover {
		color:#EAFF00;
	}
		
		
		
		


	div.alertbox {
		position:absolute;
		z-index:1000;
		padding:5px;
		border:1px dotted #EAFF00;
		background:#000;
		color:#fff;
		font-family:arial,helvetica,sans-serif;
		font-size:9px;
	}
	
	
	li#searchfailed, li#failure-msg {
		display:block;
		padding:5px;
		border:1px dotted #EAFF00;
		background:#000;
		color:#fff;
		font-family:arial,helvetica,sans-serif;
		font-size:9px;
		height:auto !important;
		width:378px !important;
		margin-top:8px;
	}
	
	p#b_resetsearch a {
		color:#EAFF00;
		border-bottom:1px dotted #EAFF00;
		text-decoration:none;
		font-size:9px;
		font-family:arial,helvetica,sans-serif;
		margin-left:4px;
		outline:0;
	}
	
	
	
	
	
	
	
	
	
	fieldset#login legend {
		text-transform:uppercase;
		padding:3px 5px;
		display:block;
		color:#fff;
		font-family:arial,helvetica,sans-serif;
		font-size:9px;
	}
	
	fieldset#login p {
		border-top:1px solid #563333;
		color:#fff;
		font-size:9px;
		font-family:arial,helvetica,sans-serif;
		padding:10px 5px 0 5px;
	}
	
	fieldset#login p.submit {
		border:0;
		padding:0;
		display:inline;
	}

	fieldset#login label {
		display:none;
	}
	
	fieldset#login input {
		border:1px solid #563333;
		background:url(./pics/input_search_bg.png);
		padding:3px 5px;
		color:#fff;
		font-family:arial,helvetica,sans-serif;
		font-size:9px;
	}
	
	fieldset#login input.submit {
		border:0;
		padding:3px 5px;
		cursor:pointer;
		color:#646464;
	}
	
	fieldset#login input.submit:hover {
		color:#EAFF00;
	}
	