@import url('/css/div_kotek0.css');
@import url('/css/kotek/jquery-ui.css');

/* mzbc - lista przebojow */
#k2 .MZBC4 .MZBCwrp_4 { margin-bottom: 15px; padding-top: 44px; background: url('http://bi.gazeta.pl/i/obrazki/kotek/lista-header.gif') no-repeat 0 0; font: 12px/15px Arial, sans-serif; color: #333; zoom: 1;}
#k2 .MZBC4 .MZBCwrp_4 .MZBCwrp1 { border: 1px solid #8b5a8b; border-top: 0; background: #f8def4; margin-bottom: 15px; padding: 0 10px 10px; zoom: 1; }
#k2 .MZBC4 .MZBCwrp_4 h2 { font: 19px Georgia, serif; color: #8b5a8b; padding-top: 5px;}
#k2 .MZBC4 .MZBCwrp_4 .MZBimgC span { display: block; padding-top: 10px; }
#k2 .MZBC4 .MZBCwrp_4 ul { padding-top: 10px; list-style: none; }
#k2 .MZBC4 .MZBCwrp_4 li { margin-top: 5px; background: url('http://bi.gazeta.pl/i/obrazki/kotek/lista-bullet.gif') no-repeat 0 6px; padding-left: 10px; zoom: 1;}

/* lista przebojow */ 
.chartList { margin-bottom: 10px; }
.chartList .head { padding-bottom: 14px; position: relative; z-index: 1; border-bottom: 1px solid #75caed;}
#k1 .chartList .head h1, .chartList .head h1 {font: 20px Georgia, serif; color: #333; margin: 0;}
.chartList .head h1 span { font-size: 14px; color: #6b6b6b; }
.chartList .head .archiveBrws { position: absolute; top: -8px; right: 0; padding: 14px 10px 0; border: 1px solid #b7e4f6; } 
.chartList .head .archiveBrws .dateDD { font: bold 12px Georgia, serif; text-transform: uppercase; text-align: right; padding-bottom: 6px;} 
.chartList .head .archiveBrws .dateDD a { padding-right: 10px; background: url('http://bi.gazeta.pl/i/obrazki/kotek/lista-arr-down.gif') no-repeat 100% 50%; }
.chartList .head .archiveBrws .calendar { display: none; font-size: 11px; padding-bottom: 10px; }
.chartList .head .hovered { border-color: #75caed; background: #fff; }
.chartList .head .hovered .dateDD a { text-decoration: none; background-image: url('http://bi.gazeta.pl/i/obrazki/kotek/lista-arr-up.gif'); }
.chartList .head .hovered .calendar { display: block; }

.chartList .nav { position: relative; border-bottom: 1px solid #75caed; height: 38px; }
.chartList .nav h2 { font: bold 14px/38px Georgia, serif; color: #282727; }
.chartList .nav ul { list-style: none; position: absolute; top: 0; right: 0; }
.chartList .nav li { float: left; display: inline; font: 9px/38px Arial, sans-serif; padding-bottom: 1px; }
.chartList .nav li a { margin-left: 10px; padding-left: 11px; background: url('http://bi.gazeta.pl/i/obrazki/kotek/lista-nav-sep.gif') no-repeat 0 50%; }
.chartList .nav li.first a { margin: 0; padding: 0; background: 0; }
.chartList .nav li.active { background: url('http://bi.gazeta.pl/i/obrazki/kotek/lista-nav-active.gif') no-repeat 50% 100%; }
.chartList .nav li.active a { color: #202020; }

.chartList .body ul { list-style: none; }
.chartList .body li { height: 69px; padding: 11px 0 10px 0; border-bottom: 1px solid #75caed; background: url('http://bi.gazeta.pl/i/obrazki/kotek/lista-item-bg.gif') repeat-x 0 0; position: relative; zoom: 1; }
.chartList .body li .no { width: 53px; font: bold 30px/69px Arial,sans-serif; background: #52195c; color: #fff; text-align: center; margin-left: 8px; }
.chartList .body li .no, .chartList .body li .stats, .chartList .body li .photo, .chartList .body li .main { float: left; display: inline; margin-right: 1px; }
.chartList .body li .actions { float: right; display: inline; margin-right: 8px; }

.chartList .body li .songId {display: none;}

.chartList .body li .stats { width: 39px; }
.chartList .body li .stats div { height: 22px; font: bold 14px/22px Arial,sans-serif; color: #333; padding: 0 12px 0 3px; background: #b7dfee top right no-repeat; margin-bottom: 1px; text-align: center;}
.chartList .body li .stats .chg { background-image: url('http://bi.gazeta.pl/i/obrazki/kotek/lista-chg.gif'); }
.chartList .body li .stats .tme { background-image: url('http://bi.gazeta.pl/i/obrazki/kotek/lista-tme.gif'); }
.chartList .body li .stats .wks { margin: 0; height: 23px; line-height: 23px; background-image: url('http://bi.gazeta.pl/i/obrazki/kotek/lista-wks.gif'); }

.chartList .body li .main { width: 360px; height: 69px; padding: 0 0 0 10px; position: relative; }
.chartList .body li .main h3 { font: bold 18px Georgia, serif; color: #000; margin-bottom: 1px; }
.chartList .body li .main h3 a { color: #000; }
.chartList .body li .main h3 a:hover { color: #c39; }
.chartList .body li .main h4 { font: 12px Georgia, serif; color: #5c5c5c; }
.chartList .body li .main h4 a { color: #5c5c5c; }
.chartList .body li .main h4 span { color: #868686;}
.chartList .body li .main .stats { font: normal 11px Georgia, serif; width: auto; color: #6a6a6a; position: absolute; bottom: -1px; left: 10px; }
.chartList .body li .main .stats span { color: #333; }
.chartList .body li .main .stats a { padding: 0 0 0 19px; background: url('http://bi.gazeta.pl/i/obrazki/kotek/lista-kom.gif') 0 3px no-repeat; margin-left: 6px; }

.chartList .body li .actions {width: 69px;}
.chartList .body li .actions .vote { display: block; width: 69px; height: 26px; font: bold 13px/26px Georgia,serif; background: url('http://bi.gazeta.pl/i/obrazki/kotek/lista-glosuj-bg.gif') 0 0 no-repeat; text-align: center; text-transform: uppercase; }
.chartList .body li .actions .utils {overflow: hidden;zoom: 1;padding: 10px 0;margin: 6px 0;height: 12px;width: 69px;background: url(http://bi.gazeta.pl/i/obrazki/zloteprzeboje/iconsBg.gif) 22px 0 repeat-y;}
* html .chartList .body li .actions .utils {background: url(http://bi.gazeta.pl/i/obrazki/zloteprzeboje/iconsBg.gif) 25px 0 repeat-y;}
.chartList .body li .actions .utils a {display: block;float: left;width: 16px;height: 12px;line-height: 12px;overflow: hidden;zoom: 1;margin: 0 3px;text-indent: -1000px;}
.chartList .body li .actions .utils a.buy { visibility: hidden; background: url(http://bi.gazeta.pl/i/obrazki/zloteprzeboje/icons.gif) 0 -1px no-repeat;}
.chartList .body li .actions .utils a.watch {background: url(http://bi.gazeta.pl/i/obrazki/zloteprzeboje/icons.gif) 1px -17px no-repeat;}
.chartList .body li .actions .utils a.hear {background: url(http://bi.gazeta.pl/i/obrazki/zloteprzeboje/icons.gif) 2px -33px no-repeat;}
.chartList .body li .actions .utils a.hearPlaying {background: url(http://bi.gazeta.pl/i/obrazki/zloteprzeboje/icons.gif) 2px -48px no-repeat;}

.chartList .body li.hovered {background-image: url('http://bi.gazeta.pl/i/obrazki/kotek/lista-item-hover-bg.gif');}
.chartList .body li.hovered .main {border-color: #f4f4f4;}
.chartList .body li.hovered .main h3 a { color: #c39; }

.chartList .body li.voted a.vote {display: none;}
.chartList .body li.voted .actions {margin-top: 13px;}

.chartList .body li .overlay { background: url('http://bi.gazeta.pl/i/obrazki/kotek/lista-item-hover-bg.gif') repeat-x 0 0; position: absolute; height: 78px; width: 633px; padding: 12px 10px 0; top: 0; left: 0; font: 12px Georgia, serif; color: #5c5c5c;}
.chartList .body li .overlay h3 { font: 12px Georgia,serif; color: #5c5c5c; }
.chartList .body li .overlay h3 a { font-weight: bold; }
.chartList .body li .overlay .form { overflow: hidden; zoom: 1; line-height: 26px; padding: 10px 0 0; }
.chartList .body li .overlay .form * { vertical-align: middle; }
.chartList .body li .overlay .form #chartListUsername, .chartList .body li .overlay .form #chartListPassword { width: 140px; background: #fff; border: 1px solid #a7a6aa; padding: 2px; }
.chartList .body li .overlay .form .formElem { float: left; margin-right: 4px; padding: 12px 0 0; }
.chartList .body li .overlay .form .formElem label { font: normal 12px/26px Georgia, serif; margin-left: 3px; }
.chartList .body li .overlay .form .vert { padding: 0; }
.chartList .body li .overlay .form .vert label { display: block; font: normal 10px Georgia,serif; color: #333; text-transform: uppercase; margin: 0 0 1px 0; }
.chartList .body li .overlay .form a.voteButton { display: block; float: left; width: 88px; height: 26px; font: bold 13px/26px Georgia,serif; text-transform: uppercase; background: url('http://bi.gazeta.pl/i/obrazki/kotek/lista-zaglosuj-bg.gif') 0 0 no-repeat; text-align: center; margin: 0 5px 0 0;}
.chartList .body li .overlay .form span { font-size: 12px; line-height: 26px; }
.chartList .body li .overlay .form .cancelButton { font-weight: bold; }

.chartList .body li .komunikat h3 { text-align: center; font: 18px Georgia, serif; margin: 10px 0; color: #4c4c4c; }
.chartList .body li .komunikat h4 { text-align: center; font: 12px Georgia, serif; color: #4c4c4c; }

.chartList .letterSep { border-bottom: 1px solid #b886b7; margin-top: 10px; overflow: hidden; zoom: 1; }
.chartList .letterSep span { font: bold 14px Georgia, serif; background: #b886b7; color: #fff; display: inline-block; padding: 1px 4px;  }

.chartList .body li.busy, .chartList .body li.busy * {cursor: wait;}

/* audycja trwa */
.chartListOnAir .body li .stats, .chartListOnAir .filters {display: none;}

/* lista na prawej */
#k2 .chartList { margin-bottom: 15px; }
#k2 .chartList .nav { height: auto; border-color: #b886b7; padding-bottom: 6px; }
#k2 .chartList .nav h2 { line-height: normal; }
#k2 .chartList .body li { background: none; border-color: #b886b7; padding: 10px 0; }
#k2 .chartList .body li .photo { margin: 0 8px 0 0; }
#k2 .chartList .body li .main { padding: 0; float: right; text-align: left; width: 223px; height: auto; margin: 0; }
#k2 .chartList .body li .actions { float: right; text-align: left; width: 223px; overflow: hidden; zoom: 1; margin: 4px 0 0;}
#k2 .chartList .body li .actions .utils { margin: 0; padding: 0; float: left; width: auto; height: auto; }
#k2 .chartList .body li .actions .utils a { margin: 3px; }
#k2 .chartList .body li .actions .utils .buy { display: none; }
#k2 .chartList .body li .actions .vote { float: right; width: 58px; height: 18px; background-image: url('http://bi.gazeta.pl/i/obrazki/kotek/lista-glosuj-small-bg.gif'); font-size: 12px; line-height: 18px; }
#k2 .chartList .body li .main h3 { font-size: 14px; }
#k2 .chartList .body li .main h4 { font-size: 11px; }
#k2 .chartList .body li.hovered { background: #f2dff0; }

#k2 .chartList .body .overlay { background: #f2dff0; padding: 0; width: 284px; padding: 8px 8px 0; height: 81px; }
#k2 .chartList .body .overlay .form { padding: 7px 0 0; }
#k2 .chartList .body li .overlay .form #chartListUsername, #k2 .chartList .body li .overlay .form #chartListPassword { width: 76px; }
#k2 .chartList .body li .overlay .form .rememberMe, #k2 .chartList .body li .overlay .form .buttons span { display: none; }
#k2 .chartList .body li .overlay .form a.voteButton { background-image: url('http://bi.gazeta.pl/i/obrazki/kotek/lista-zaglosuj-small-bg.gif'); font-size: 12px; line-height: 18px; height: 18px; width: 79px; margin-top: 4px;}
#k2 .chartList .body li .overlay .form a.cancelButton { border-left: 1px solid #5c5c5c; padding-left: 4px; }

#k2 .chartListShort { margin-bottom: 10px; }
#k2 .chartListShort .nav { padding: 0; border: 0; }
#k2 .chartListShort .body { padding-bottom: 5px; }
#k2 .chartListShort .body li { height: 54px; overflow: hidden; zoom: 1;  }
#k2 .chartListShort .body li .main { float: left; }
#k2 .chartListShort .body li .actions { width: auto; margin: 0; }
#k2 .chartListShort .body .overlay { padding-top: 2px; height: 72px; }
#k2 .chartListShort .body .overlay .form { padding-top: 2px;}

/* lista wszechczasow */
.chartListAllTime .no, .chartListAllTime .stats, .chartListAllTime .utils, .chartListAllTime .photo {display: none;}
.chartListAllTime .body li .main {padding-left: 0;height: auto;}
.chartListAllTime .body li {height: 46px;}
.chartListAllTime .body li.withOverlay {height: 69px;}
.chartListAllTime .nav ul {position: relative;}
.chartListAllTime .nav ul li {font-size:11px;margin-left:6px;padding-left:7px;}
.chartListAllTime .nav ul li.active {background:transparent url(http://bi.gazeta.pl/i/obrazki/zloteprzeboje/lpNav.gif) no-repeat left center;}
.chartListAllTime .nav ul li.active a {border: 1px solid #dedede;padding: 2px 4px;}
.chartListAllTimeEnd .no {display: inline;height: 46px;line-height: 46px !important;margin-right: 10px;}

/* tooltipy */
#tooltip {position: absolute;z-index: 3000;height: 23px;padding: 0 0 3px;background: url(http://bi.gazeta.pl/i/obrazki/zloteprzeboje/tooltipL.gif) left top no-repeat;font: normal 12px/23px Arial,sans-serif;}
#tooltip  div {background: url(http://bi.gazeta.pl/i/obrazki/zloteprzeboje/tooltipR.gif) right top no-repeat;padding: 0 6px;}
.chartList .stats * {cursor: default;}

/* player preview */
#chartLPrevPlayer {width: 10px;height: 10px;position: absolute;top: -10px;left: -10px;}

/* 0 */