html,body,textarea,input { margin: 0; font-family: Tahoma; font-size: 8pt; color: #333333 }
ul,li,h1,h2,h3,h4,h5,p { margin: 0; padding: 0 }
ul { list-style-type: none }
img { border: none }
body { background-color: #0a404b; background-image: url('../gfx/bg.gif'); background-position: top center; background-repeat: repeat-y }
a { color: #333333; text-decoration: none; cursor: pointer }
a:hover { text-decoration: underline }
a.blue { color: #148aa3 !important }
.text { width: 200px; padding: 5px; background: #eeeeee; border-left: 1px solid #bebebe; border-top: 1px solid #bebebe; color: #000000 }
textarea { padding: 5px; background: #eeeeee; border: 1px solid #eeeeee; color: #000000; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; }
select { padding: 3px; background: #eeeeee; border-left: 1px solid #bebebe; border-top: 1px solid #bebebe; color: #000000 }
.submit { margin-top: 15px; padding: 4px 20px 4px 20px; border: none; background: #1b88ad; color: #ffffff; cursor: pointer; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; }
.clear { clear: both }
.play { width: 63px; height: 17px; margin-top: 7px; float: left; display: block; background: url('../gfx/play.gif') 0 0 no-repeat }
.more { margin-top: 7px; float: right }
.right { float: right }
.left { float: left }
.e { color: #812b09; font-weight: bold }
.ei { padding: 10px; border: 1px solid #bccef6; margin-top: -2px; text-align: center; font-weight: bold; background: #d9e9ff; color: #148aa3; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px }
.eok { padding: 10px; border: 1px solid #ddf6bc; text-align: center; font-weight: bold; background: #efffd9; color: #4b7d07; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px }
.enok { padding: 10px; border: 1px solid #f7d8bd; text-align: center; font-weight: bold; background: #ffe8dc; color: #812b09; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px }
.noscript { width: 100%; padding: 5px 10px 5px 10px; background-color: #ff9595; font-size: 9pt }
#right .more { margin-right: 10px }
#right a.ei { width: 298px; margin-bottom: 4px; display: block }

#bg { min-width: 980px; height: 824px; margin: auto; background: url('../gfx/bg2.jpg') top center no-repeat }
#main { width: 980px; margin: auto }
#top { width: 980px; height: 50px; float: left; margin: 15px 0 25px 0; background: #ffac00; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; }
#top .logo { width: 119px; height: 32px; float: left; margin: 10px 0 0 20px; background: url('../gfx/logo.png') 0 0 no-repeat }
#top ul { float:left; margin: 17px 0 0 10px }
#top ul li { margin-left: 45px; float:left }
#top ul li a{ color: #000000; font-family: arial; font-size: 12pt }
#top ul li a:hover { text-decoration: none }
#top a span { display: none }
#top form { width: 250px; margin: 12px 33px 0 0; float: right }
#top form .text { width: 250px; float:left; margin: 1px 0 0 5px; padding: 6px 8px 6px 8px; border: none; background: #ffffff; color: #666666; font-size: 8pt; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; }
#top form .sub { width: 16px; height: 16px; float: right; margin: -20px -12px 0 0; border: none; background: url('../gfx/search.png') 0 0 no-repeat; cursor: pointer }
.bar { width: 195px; float: right; margin-top: 8px }
.bar a { float: left; margin-right: 12px; padding-left: 11px; color: #ffffff; background: url('../gfx/top_pointer.gif') left 4px no-repeat }
.bar span { float: left; font-weight: bold; margin-left: -50px; color: #ffffff; background: url('../gfx/msg2.gif'); background-position: 0 3px; background-repeat: no-repeat }
.bar span a { padding: 0 0 0 17px; text-decoration: blink }
#text { width: 950px; min-height: 700px; line-height: 16px; padding: 15px 15px 25px 15px; margin: 1px 0 20px; float: left; background-color: #ffffff; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; }

#text .cat { float: left; margin: 0 -15px 30px 0 }
#text .cat li { margin-right: 8px; float: left; text-align: center; display: inline }
#text .cat li a { padding: 5px 18px 5px 18px; background: #eeeeee; float: left; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; }
#text .cat li a:hover { text-decoration: none }
#text .cat li.active a { color: #000000; background: #ffac00 }

h1 { width: 100%; height: 19px; margin: 0 0 15px 0; font-size: 15pt; font-weight: normal }
h3 { width: 90%; height: 19px; margin: 0 0 20px -8px; padding: 3px 0 0 35px; font-size: 15pt; font-weight: normal; background-image: url('../gfx/h3.gif'); background-position: left center; background-repeat: no-repeat }
#left { float: left; width: 572px; margin: 0 25px 0 20px }
#right { float: right; width: 330px }

#footer { float: left; padding: 0 0 10px 250px; line-height: 16px; }
#footer ul { float: left; margin-right: 50px }
#footer ul li a, #footer { color: #cce8ee }
#footer ul li strong { display: block; color: #ffffff; margin-bottom: 10px }
#footer .hr { width: 980px; float: left; margin: 25px 0 10px -250px; border-top: 1px solid #6eabb8 }
#footer p { clear: both; margin-left: -260px; text-align: center }
#footer p img { margin: 0 0 -4px 15px }

.comment { width: 100%; float: left; margin-bottom: 15px }
.comment img { width: 44px; height: 44px; float: left; padding: 1px; background: #f1f1f1; border: 1px solid #cdcdcd; background: #ffffff }
.comment .content { width: 480px; min-height: 22px; padding: 15px 15px 12px 15px; margin-left: 10px; float: left; background: #eeeeee;  -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px }
.comment a { color: #000000; font-weight: bold }
.comment small { float: right; margin: -12px -9px 0 0; color: #148aa3 }
.comment textarea { width: 558px; height: 30px }
.comment .submit { float: right; margin: 3px 2px 0 0 }
.comment .del { float: right; margin: -18px -28px 0 0; background: #ffffff; color: red; font-weight: bold; padding: 0 3px 0 3px }

.shout { margin-bottom: 7px; padding-bottom: 5px; border-bottom: 1px solid #eeeeee }
.shout .avatar { background: none }
.shout .content { margin-top: 10px; padding: 2px 10px 12px 5px; background: #ffffff }
.shout p.txt { padding: 3px 0 3px 0; border: none }
.shout p.txt a { font-weight: bold }
.shout p.txt img { margin: 0 0 -8px 8px }
.shout p.txt i { float: left; margin-top: 4px }
.shout span { float: left; width: 385px }
#listeners { width: 390px; margin-top: 30px; float: left }
#listeners .shout { width: 390px; margin: 0 0 10px 0 }
#listeners .shout .content, #listeners .shout span { width: 315px }

.box_305 img, .box_97 img, .box_125 img,.gallery  div.img img, .box_135 img { -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px  }
.comment img, .box_67 img, .userlist .user img, #playerbox .info img { -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px }
.box_305 { width: 305px; float: left; margin: 10px 17px 5px 0; padding-bottom: 2px }
.box_305 img { padding: 3px; border: 1px solid #b7bfce }
.box_125 { width: 129px; min-height: 130px; float: left; margin: 10px 17px 10px 0; text-align: center; font-weight: bold }
.box_125 img, .gallery div.img img { width: 125px; height: 100px; padding: 2px; border: 1px solid #b7bfce }
.box_135 { min-width: 130px; float: left; margin-right: 12px; padding-bottom: 3px }
.box_135 img { padding: 1px; border: 1px solid #b6bdcc }
.box_97 { width: 100px; min-height: 76px; float: left; margin: 10px 17px 10px 0; text-align: center; font-weight: bold }
.box_97 img { padding: 3px; border: 1px solid #b7bfce }
.box_67 { width: 67px; margin-right: 15px; float: left}
.box_67 img { width: 67px; height: 53px; padding: 1px; background: #ffffff; border: 1px solid #b7bfce }
.box_75 { width: 88px; margin-right: 7px; float: left; text-align: center }
.box_75 img { width: 67px; height: 53px; margin-left: 9px; display: block; padding: 1px; background: #ffffff; border: 1px solid #b7bfce }
.box_75 span { position: absolute; margin: 2px 0 0 11px; padding: 0 2px 0 2px; font-size: 5pt; color: #ffffff; background: #ff9595 }

.gallery  div.img { float: left; margin: 0 8px 20px 3px; text-align: center; font-weight: bold }
.gallery  div.img img { display: block }
.gallery .del, .box_125 .del { position: absolute; display: none; margin: 3px; padding: 3px; font-size: 7pt; color: #ffffff; background: #ff9595 }
.gallery  div:hover .del , .box_125:hover .del{ display: block }
.bands { margin: 0 25px 30px 0 }

div.list { width: 290px; margin-top: 1px; padding: 12px 15px 7px 15px; float: left; background: #eeeeee; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; }
div.list strong { float: left; width: 200px }
div.list a { float: left }
div.list .top { width: 33px; height: 100%; float: left; margin: 7px 0 0 -8px; font-size: 14pt; text-align: center }
div.list .top img { margin: 10px 0 0 11px; display: block }
div.listfirst { background: #ffac00 }
div.listfirst .play { background-image: url('../gfx/play2.gif') }
div.listfirst span { float: left; margin-top: 5px; font-weight: bold; color: #ffffff }
.shortlist { width: 300px; padding: 4px 10px 4px 10px; float: left; background: #eeeeee; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px }
.shortlist a { margin-left: 10px }
.shortlist .del { position: absolute; display: none; margin: -19px 0 0 253px; padding: 4px 6px 2px 6px; font-size: 7pt; color: #ffffff; background: #ff9595 }
.shortlist:hover .del { display: block }
.minilist .shortlist { width: 260px }
.playlist { width: 260px }
.playlist span { width: 205px }
.pla { background-color: #ffa300 !important; color: #ffffff }
.pla a { color: #ffffff }
.longlist { width: 400px }
.longlist span { width: 310px }
div.toplist strong { width: 180px }

/* song */
.songtext { width: 543px; height: 150px; margin: -5px 0 25px 0; font-size: 9pt; line-height: 18px; padding: 8px 12px 11px 12px; overflow: auto; background: #f2f2f2; border: 1px solid #bebebe; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px }
.songtextlink { margin-top: -20px; float: right; color: #148aa3 }
.aboutalbum { width: 230px; margin: -13px 0 30px 28px; color: #1d8baf }
.aboutalbum h2 { width: 180px; font-size: 11pt; display: block; color: #1d8baf }
.aboutalbum .cover { margin: -40px -20px 0 0; float: right }
span.cover { width: 52px; height: 58px; float: left; padding: 2px 0 0 9px; background-image: url('../gfx/cover.gif')  }
.songtitle .box_97 { float: left; margin-top: 0 }
.songtitle span { margin-top: 3px; display: block; color: #1d8baf }
.songtitle h1 { width: 420px; float: left; margin-top:5px; line-height: 21px; font-size: 15pt; font-weight: normal }
.songtitle h2 a { font-size: 13pt; font-weight: normal; color: #1d8baf }

#vote { margin-top: 5px; float: right; color: #000000 }
#vote strong { float: left }
#vote img { width: 26px; height: 26px; float: right; margin: -5px 0 0 5px; cursor: pointer }

#playerdiv {display: block; margin: 6px 0 10px 1px; padding-top: 10px; border-top: 1px solid #cccccc }
#player { width: 570px; display: block; float: left; background-image: url('../gfx/load.gif'); background-position: center; background-repeat: no-repeat }
#linkswindow { width: 570px; height: 50px; display: none; margin: 2px 0 2px 0 }
#linkswindow .save { width: 100%; float: left; cursor: pointer }
#linkswindow .save img { float: left; margin: -1px 5px 8px 0 }
#linkswindow span { margin: 5px 5px 0 0; float: left }
#linksad { width: 468px; margin: auto; display:none }

.playerbar .left { padding: 4px 20px 4px 20px; margin-right:3px; background: #1b88ad; color: #ffffff; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px }
.playerbar .abuse { padding: 5px 10px 5px 0; margin-right: 10px; float: right; color: #fe0000 }
.playerbar { margin-bottom: 10px }
.fb { width: 86px; height: 22px; margin: 2px 0 0 5px; float: left; background-image: url('../gfx/social.gif') }
.fb { width: 22px; background-position: -89px 0 }

.extratitle .box_67 { float: left; margin-top: 0 }
.extratitle h2 { float: left; margin-bottom: 10px; padding-bottom: 5px; font-weight: normal; font-size: 14pt; border-bottom: 1px solid #cccccc }
.extratitle h2 a { color: #1d8baf; }
.extratitle span { width: 480px; float: left; font-size: 12pt }

.bandabout { margin-top: 7px; text-align: justify }
.bandtags { margin: 10px 0 10px 0; padding: 10px; border-top: 1px solid #cccccc }
.bandtags a { font-weight: bold; color: #158ba2 }
.bandalbums { width: 230px; float: left; margin: 5px 50px 20px 0 }
.bandalbums .cover { margin-right: 8px }
.bandalbums .band { margin-bottom: 4px; display: block; color: #666666 }

.a_albums { width: 230px; float: left; margin: 0 0 20px 30px }
.a_albums span { margin-right: 10px }

.account a { color: #148aa3 }
.account ul { float: left }
.account ul li { margin-bottom: 4px }
.account ul li a { color: #148aa3 }

.galleryshow { width: 455px; margin: auto; text-align: center }
.galleryshow a { color: #148aa3 }
.galleryshow img { margin: 5px 0 5px 0; padding: 2px; border: 1px solid #b6bdcc }
.galleryshow p { font-weight: bold }

.userlist { width: 355px; float: left }
.userlist .user { width: 85px; margin: 13px 3px 3px 0; float: left; text-align: center }
.userlist .user img { margin: auto; margin-bottom: 2px; padding: 1px; display: block; background: #ffffff; border: 1px solid #b6bdcc }
.invite { width: 320px }
.invite img { float: left; margin-right: 15px }
.invite ul { width: 320px; margin-top: 10px; float: left; background: #eeeeee }
.invite ul li { padding: 10px 20px 10px 20px; font-size: 9pt; border-top: 1px solid #ffffff; border-bottom: 1px solid #e6e6e6 }
.invite .sledzik { width: 200px; display: block; background-image: url('../gfx/sledzik.gif'); background-position: center right; background-repeat: no-repeat }
.invite .msg { width: 200px; display: block; background-image: url('../gfx/msg.gif'); background-position: center right; background-repeat: no-repeat }

table.list td { padding: 5px }
table.list .top td { background: #ffa500; font-weight: bold }
table.list .footer a { color: #148aa3 }
table.list .pr td { background: #ececec }
table.list .active td { background: #148aa3; color: #ffffff }
table.list .active td a { color: #ffffff }
table.list tr:hover td { background-color: #fffcd3 }
table.list .s  a{ color: #1974b3 }

.post img { margin-right: 5px; float: left }
.post a { font-weight: bold; color: #148aa3 }
.post small { margin-bottom: 1px; display: block }
.post p { display: block; margin-top: 20px; font-size: 10pt; line-height: 19px }

.pager { margin: 10px auto 10px auto }
.pager li { height: 17px;  margin-right: 3px; padding-top: 2px; display: inline; float: left; text-align: center }
.pager li.active { padding: 2px 8px 0 8px; background-color: #259bb5; color: #ffffff }
.pager li.active a { color: #ffffff }
.pager li.noactive { padding: 2px 6px 0 6px; color: #acacac }
.pager li a { float: left; height: 20px; padding: 0 6px 0 6px }
.pager li.noactive:hover { background: none }

#searchbands, #searchsongs { cursor: pointer }
.rules ol { margin: 10px 0 20px 5px }
.rules ol li { margin-bottom: 13px }
.help li span { font-size: 10pt; color: #148aa3 }
.help li div { margin: 8px 0 20px 0 }
.regplus { margin: 30px 0 0 10px }
.regplus li { margin-top: 10px; padding: 2px 0 2px 30px; background-image: url('../gfx/ok.gif'); background-position: center left; background-repeat: no-repeat }

#playerbox { width: 920px; float: left; padding: 15px 15px 12px 15px; margin: 10px 0 5px 0; background: #eeeeee }
#playerbox .info { width: 330px; float: right; font-size: 8pt }
#playerbox .info img { float: left; margin-right: 10px; padding: 1px; border: 1px solid #b6bdcc }
#playerbox .info a { color: #148aa3 }
#playerbox .songs { width: 330px; height: 250px; margin-top: 18px; overflow: auto; float: right }
#playerbox .shortlist { width: 293px;margin: 0 }
#playerbox .shortlist .del { float:left; margin: -1px -18px -3px -1px; padding: 2px 5px 2px 5px; position: relative }

#libmenu { float: left; margin-right: 5px }
#libmenu ul { display: none; margin-top: -4px; position: absolute; background: #f5f5f5; border-bottom: 3px solid #878787 }
#libmenu ul li { padding: 2px 10px 2px 10px; color: #878787 }
#libmenu small { float: right }
#libmenu:hover ul { display: block }

fieldset { width: 300px; border: 1px solid #148aa3 }
fieldset span { float: right; margin: -11px -6px -7px 0; padding: 2px 5px 2px 5px; color: #ffffff; background: #148aa3 }
fieldset ul { float: left; margin: 2px 0 0 15px; list-style-type: square }

#add { width: 946px; height: 81px; margin: -10px 0 25px -20px; background-image: url('../gfx/add.gif') }
#add a { float: left; font-size: 15pt }
#add a.active { color: #ffa300 }
#add a.band { width: 210px; height: 50px; padding: 30px 0 0 100px }
#add a.album { width: 210px; height: 50px; padding: 30px 0 0 123px }
#add a.song { width: 184px; height: 50px; padding: 30px 0 0 113px }

#cloud { width: 441px; margin: 90px 0 0 40px; position: absolute }
#cloudt { width: 100%; height: 21px; background-image: url('../gfx/cloud.png'); background-position: center top; background-repeat: no-repeat }
#cloudb { width: 100%; height: 13px; background-image: url('../gfx/cloud.png'); background-position: center -24px; background-repeat: no-repeat }
#cloudc { width: 411px; padding: 0 15px 0 15px; background-color: #000000; color: #a8a8a8; background: rgba(0, 0, 0, 0.85); filter: alpha(opacity=85) }
#cloudc h4 { margin: -5px 0 5px 0; float: left; font-size: 10pt; font-weight: normal; color: #ffbd00 }
#cloudc span { width: 14px; height: 14px; text-align: center; margin: -8px -9px 0 0; float: right; color: #ffbd00; cursor: pointer }
#cloudc a.check { display: block; padding-right: 12px; margin: 4px 0 0 353px; color: #ffbd00; background-image: url('../gfx/cloud.png'); background-position: 51px -34px; background-repeat: no-repeat }

#wrzuta{width:100%;float:left;margin:20px 0 10px 0;text-align:center}
.wrzuta li {list-style-type:square;float:left;width:170px;margin:0 0 7px 20px}

.box-download { width: 557px; padding: 5px 10px 15px 10px; margin: 10px 0 15px 0; float:left; background: #e5e5e5; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px }
.box-download .text { width: 459px; height: 30px; float: left; margin: 10px 0 0 4px; border: none; padding: 3px 3px 0 8px; font-size: 13px; background: #ffffff; background:url('../gfx/download-text.gif') no-repeat 0 0 }
.box-download .submit { width: 80px; height: 33px; float: left; margin: 10px 0 0 -1px; color: #000000; background:url('../gfx/download-submit.gif') no-repeat 0 0 }
.box-download p { width: 100%; float: left; margin:7px 0 -7px 5px; color: #707070 }
.box-download p input{float:left; margin: 1px 5px 0 0 }
.box-download span { float:left; margin-right: 10px }
.box-download label { float:left; margin-right: 15px; cursor: pointer }
.downloadlist .shortlist { width: 250px; margin-right: 8px }

.box-yellow { width: 555px; float: left; margin: 10px 0 -10px 0; padding: 10px; background-color: #ffebc1; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px }
.box-yellow h4{ margin: -3px 0 2px 0 }
.box-yellow ul li { float: left; margin-right: 5px }

.facebook { width: 250px; margin: 45px 180px 0 0; padding: 20px; float: right; background: #e5e5e5; text-align: center }
.facebook a { width: 96px; height: 22px; margin: 5px 0 0 76px; display: block; background:url('../gfx/fb_login.gif') no-repeat 0 0 }