* { font-family: Verdana, Helvetica, Sans-Serif; }
html { margin: 0; padding: 0; font-size: 10px; }
body {
color: #000;
margin: 0;
padding: 0;
background:#FFFFFF;
text-align:center; /* center layout in ie5 and 5.5. */
font-size: 11px;
line-height:1.5em;
}
select, textarea {
background-color:#EFEFEF;
border: solid 1px #DFDFDF;
color:black;
font-weight:normal;
font-family: verdana, sans-serif; 
}
form{
vertical-align:middle;
}
p{
margin:1em 0;
}
br.clear{
height:2px;
width:100%;
display:block;
clear:both;
}
#searcher{
width:auto;
margin:0 auto;
}
#searcher #sm{
float:left;
background:#ccc url('/images/szukaj.png') 0 0 no-repeat;
border:none;
color:#000;
cursor:pointer;
font:15px arial,sans-serif;
height:33px;
width:65px;
margin:0;
vertical-align:top;
padding:3px;
margin-left:10px;
}
#searcher #sm:focus{
background-image:none;
}
#searcher #sr{
vertical-align:top;
width:293px;
height:30px;
float:left;
padding:3px 5px 0;
border:0;
background:url('/templates/bilmo/images/sb.png') 0 0 no-repeat;
font:18px arial,sans-serif bold;
}
#sr{
}

#mp3 { background-color: #FFF; }
#header    { background-color: #FFF; }
#content    { background-color: #FFF; }
#footer { background-color: #FFF; }

#mp3, #header, #content, #footer {
  margin: 0;
  padding: 0;
}
#mp3 {
  width: 470px !important;
  width: 470px; /* IE */
  margin: 0 auto 30px auto;
  border: 0px;
  text-align: center;
  position: relative;
}

#header {
  width: 100%;
  margin-top:0px;
  height: auto !important;
  height: 120px; /* IE */
  min-height: 120px;
}
#content {
  width: 100%;
  height: auto !important;
  height: 100px; /* IE */
  min-height: 50px;
}
#footer {
  clear: both;
  width: 100%;
  height: 50px;
  margin-top:20px;
  border-top:1px solid #ddd;
}

a:link,
a:active,
a:visited{
	font-size: 11px;	
	text-decoration: none;
	color: #1678CC;
}
a:hover{
	text-decoration: underline;
	color: #1678CC;
}
a:active{
color:#CC1111;
}

img{
	border: 0px;
}

table { border-collapse:collapse; }

.footer p {padding: 0 1px; text-align: justify; clear: both; font-family: Arial, Sans-serif; font-size: 10px; color: #888; line-height: 1.5em;}
.footer a{ font-family: Arial, Sans-serif; font-size: 10px; color: #888; text-decoration: none; }
.footer a:hover { text-decoration: none; }

#srbox{
text-align: center; 
padding: 9px 10px 10px 10px; 
border: 1px solid #bbb; 
border-radius:1em;
-webkit-border-radius:1em;
-khtml-border-radius:1em;
-moz-border-radius:1em;
box-shadow: 0 0 3px #ddd;
-webkit-box-shadow: 0 0 3px #ddd;
-moz-box-shadow: 0 0 3px #ddd;
}
#srbox div#s{
height:24px;
padding: 7px 0px 12px 0px;
margin:0 auto;

width:380px;
text-align:center;margin:0 auto;
}
.cont3{
text-align: left;
padding: 9px 10px 10px 10px;
border: 1px solid #ccc;
border-radius:1em;
-webkit-border-radius:1em;
-khtml-border-radius:1em;
-moz-border-radius:1em;
}
.cont3.left{
width: 30%;
float: left;
}
.cont3.right{
width: 57%; 
float: right;
}
.cont3.bottom{
margin-top:15px;
float: right;
}
.middle{
padding:0;
text-align:left;
position:relative; 
}
.middle #play{
position:relative;
height:60px;
}
.middle ul#det{
list-style-type:square;
list-style-position:inside; 
padding:2px;
}
a.most{
font-size:12px;text-decoration: none;color:#7F7F7F;
}
.sear{
color: #999;
padding: 9px 10px 10px 10px;
border: 1px solid #DFDFDF;
}
.mp3box{
color: #666;
padding: 9px 10px 10px 10px;
border: 1px solid #bbb;
border-radius:1em;
-webkit-border-radius:1em;
-khtml-border-radius:1em;
-moz-border-radius:1em;
padding-left:75px;
background: #fff url('/images/play3.png') 20px  20px  no-repeat;
margin-bottom:10px;
line-height:1.3em;
}
.mp3box div{ 
width:100%;
}
object{
margin:3px 0;
}
object:focus{
outline:none;
}
p.cont-list{
text-align:justify;
line-height:1.6em;
}
h1{
text-align:left;
color:#555;
font-size:17px;
font-family:"trebuchet ms",tahoma,sans-serif;
line-height:1.2em;
margin:0.67em 0;
}
h2{
text-align:left;
font-size:13px;
}
h2.most,h1.most{
color: #666; 
font-family:"trebuchet ms",tahoma,sans-serif; 
margin: 0pt 0pt 6px 0px;
font-size:15px;
padding-bottom:5px;
border-bottom:1px dotted #aaa;
line-height:1em;
}
h4,
a.h{
margin:0 auto;
padding:0;
color:#000;
font-family: sans-serif;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
h6{
text-align:left;
color:#666;
font-size:16px;
font-family:"trebuchet ms",georgia,sans-serif,tahoma;
padding:0;
margin:0;
margin-bottom:10px;
}
a.h:hover{
color:#1578AF;
}
.bl,.bl b,.bl a{
background:#E8F1F7;
color: #222;
font-family: Arial;
font-size: 13px;
padding: 4px 6px;
text-align: left;
font-weight:bold;
}
.bl a{
color:#1678CC;
padding:0;
}
a.lis,
a.downl,
a.add,
a.delete{
width:auto;
border:1px solid #bbb;
display:block;
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
padding:3px 5px;
padding-left:22px;
color:#444;
font-weight:bold;
text-decoration:none;
margin-top:5px;
margin-right:5px;
background:#fff url('/images/play.gif') 4px 3px no-repeat;
float:left;
line-height:1.4em;
}
a.add{
width:auto;
padding-right:7px;
background:#fff url('/images/add.gif') 3px 3px no-repeat;
outline:none;
}
a.downl{
padding:3px 5px;
background:none;
}
a.delete{
padding:3px 5px;
background:none;
color:red;
}
a.lis:hover,
a.downl:hover,
a.add:hover,
a.delete:hover{
border:1px solid #888;
color:#9F4545;
}
p.fe {
padding:0 3px;
}
p.fe a{
background:url('/images/a.gif') 0 5px no-repeat;
padding-left:7px;
}
a#dwn,
input#dwn{
border:0;
outline:0;
width:71px;
height:61px;
background:url('/images/dwn4.png') 0 0;
float:right;
text-indent:-9999px;
outline:none;
position:absolute;
cursor:pointer;
left:399px;
}
a#dwn:hover,
input#dwn:hover{
background:url('/images/dwn4.png') 0 -61px;
}
a#dwn:active,
input#dwn:active{
background:url('/images/dwn4.png') 0 -122px;
}
/*pages*/
ul.pg li{
list-style-type:none;
margin:2px;
padding:0;
float:left;
display:inline;
}
ul.pg{
width:auto;
margin:0 auto;
padding:0;
}
ul.pg li.act,
ul.pg li.unact,
ul.pg li.t,
ul.pg li a{
font-size:11px;
text-decoration:none;
display:block;
padding:1px 5px;
border:1px solid #ccc;
width:auto;
text-align:center;
color:#666;
border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
-moz-border-radius:3px;
}
ul.pg li.act,
ul.pg li.unact,
ul.pg li a:hover{
border:1px solid #999;
color:#111;
}
ul.pg li.act{
background:#eee;
}
ul.pg li.unact{
background:#fff;
border:1px solid #ddd;
color:#bbb;
}
ul.pg li.t{
border:0;
}
ul.pd{
margin:0;
padding:0;
}
ul.pd li{
list-style-type:none;
text-align:left;
padding:2px;
}
ul.pd li a{
text-decoration:none;
color:#555;
}
ul.pd li a:hover{
color:#222;
}
/*top login*/
#top-menu{
width:470px;
margin:0 auto;
padding-bottom:0;
color:#999;
font-size:10px;
text-align:left;
}
#top-menu a{
text-decoration:none;
color:#888;
font-size:9px;
}
#tip{
background: url("/images/log.png") no-repeat 0 1px;
padding-left: 20px;
line-height:1.3em;
}
#tip,#tip a{
font-size:14px;
font-style:italic;
}
/*login form*/
form.log input[type=text]{
width:50px;
}
#wrzuta_plik{
/*background:url('images/l.gif') 50% 50% no-repeat;*/
background:url('/images/player4.png') 0 0 no-repeat;
position:absolute;
top:0;
left:0;
}
#msg,#dBox,#dBoxMore{
display:none;
background:#fff;
border:1px solid #CCC;
position:absolute;
border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
-moz-border-radius:4px;
box-shadow: 2px 2px 0 #eee;
-webkit-box-shadow: 2px 2px 0 #eee;
-moz-box-shadow: 2px 2px 0 #eee;
}
#msg{
width:163px;
color:#666;
font-size:11px;
font-family:Arial;
padding:7px 7px 11px 32px;
background:#fff url('/images/log.png') 11px 14px no-repeat;
top:80px;
left:266px;
line-height:1.3em;
}
#msg a{
color:#666;
font-size:11px;
font-family:Arial;
text-decoration:underline;
font-weight:bolder;
}
#msg a.h{
cursor:pointer;
display: block;
padding-left: 21px; 
background: url("/images/help.gif") no-repeat 0 1px;
float:left;
margin-left:-21px;
margin-top:10px;
line-height:1.5em;
}
#dBox{
width:160px;
color:#888;
font-size:11px;
font-family:Arial;
padding:10px 7px 6px 11px;
top:80px;
left:290px;
}
#dBox p{
margin:3px 0;
}
#dBox a{
color:#666;
font-family:Arial;
font-size:11px;
text-decoration:underline;
font-weight:bolder;
cursor:pointer;
}
#dBox a.h{
display: block;
padding-left: 19px; 
background: url("/images/help.gif") no-repeat 0 1px;
float:left;
}
#dBox a.e{
display: block;
padding-left: 17px; 
background: url("/images/exit2.gif") no-repeat 0 2px;
float:right;
margin-right:3px;
}
#dBoxMore{
padding:0 15px;
color:#444;
text-align:justify;
width:580px;
top:140px;
left:-60px;
}
#dBoxMore a{
text-decoration:underline;
}
#dBoxMore img{
float:left;
margin-right:10px;
margin-bottom:20px;
border:1px solid #bbb;
}
#dBoxMore a.exit{
position: absolute; 
top: 7px; 
left: 584px; 
width: 16px; 
height: 16px; 
text-indent: -9999px; 
display: block; 
background: url('/images/exit1.gif') no-repeat 0 0;
cursor:pointer;
}
.lastlist a{
display:block;
width:100%;
height:1.5em;
overflow:hidden;
float:left;
}
.lastlist.popular a{
width:213px;
margin-right:10px;
}
applet{
background:url('/images/l.gif') 50% 50% no-repeat;
}
#erBox{
background:url('/images/err.png') 5px 5px no-repeat;
padding-left:71px;
padding-top:1px;
min-height: 62px;
height: auto !important;
height: 62px;
}
#erBox p{
margin:0.5em 0;
}
#erBox p.list{
line-height:1.8em;
}
#erBox p.list a{
padding-left:9px;
background:url("/images/list_point.gif") no-repeat scroll 0 7px;
margin-bottom:2px;
}
#userAccount img#a{
width:62px;
float:left;
}
#userAccount div{
width:400px;
float:left;
margin-left:5px;
}
#userAccount div p{
color:#666;
font-size:11px;
font-family:Arial;
margin:0;
}
#userAccount h1{
color:#777;
font-size:23px;
margin:0;
border-bottom:1px dotted #888;
margin-bottom:5px;
}
.homInf{
border: 1px solid #ddd; 
background: #eee; 
padding: 5px 10px; 
text-align: justify;
margin-top:15px;
float:right;
color:#444;
font-family:Arial;
font-size:11px;
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
}
div#player{height:70px;background:url('/images/l.gif') 50% 50% no-repeat;}
ol#playlist{
float:left;
}
ol#playlist li,
ol#playlist li div{
width:100%;
float:left;
}
ol#playlist li div span.title,
ol#playlist li div span.length{
float:left;
padding-right: 9px;
}
ol#playlist li div span.length{
color:#888;
}
ol#playlist li div span.edit{float:right;}
ol#playlist li{padding:1px 5px;text-align:left;}
ol#playlist li.drag{cursor:move;} 
ol#playlist li.played{background:#E8F1F7;}

/* autocomplite */
.ac_results {
	padding: 0px;
	border: 1px solid #A7C7DF;
	background-color: #fff;
	overflow: hidden;
	z-index: 99999;
	box-shadow: 0px 4px 5px #ccc;
	-webkit-box-shadow: 0px 4px 5px #ccc;
	-moz-box-shadow: 0px 4px 5px #ccc;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	margin: 0px;
	padding: 3px 7px;
	cursor: default;
	display: block;
	text-align:left;
	font-weight:bold;
	font-family:Arial;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font-size: 14px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 14px;
	overflow: hidden;
	white-space:nowrap;
}
.ac_results li span{
font-weight:normal;
font-family:Arial;
}
.ac_loading {
}
.ac_odd {
}
.ac_even {
}
.ac_over {
	background-color: #C2DBEF;
}

/* end of autocomplite */