/*
	Polskie Radio - Player :: style.css
	----------------------------------------------------------
	Reset section of this css file is a mix of styles from:
	
	HTML5 Reset					:: http://html5reset.org/
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word;
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;}

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}

button, input, select, textarea {margin: 0;}

button {width: auto; overflow: visible;}
 
.ie7 img {-ms-interpolation-mode: bicubic;}
.ie8 img {max-width: none;}

.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

body {background: #030303; color: #fff; font: 13px Arial, Freesans, sans-serif; margin: 5px auto; width: 811px;}

body, select, input, textarea {color: #fff;}

a {color: #0f458c; text-decoration: none;}
a:hover {text-decoration: underline;}

::-moz-selection {background: #CC2127; color: #fff; text-shadow: none;}
::selection {background: #CC2127 color: #fff; text-shadow: none;}

a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* reset buttons */
button {background: none; border: none; font-size: 0; line-height: 0; margin: 0; overflow: visible; padding: 0; width: auto;}
button::-moz-focus-inner {border: 0; padding: 0;}


/* End RESET CSS!
-------------------------------------------------------------------------------*/

.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.bs {box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */}
.hide {display: none !important;}

.ico {background-image: url(/style_v1109/img/icons.gif); cursor: pointer; display: inline-block; height: 17px; width: 17px;}
.iClose {background-position: 0 -251px;}
.iClose:hover {background-position: -17px -251px;}

/*
 * header
 */
#header-player {background: #cc2127; height: 28px; margin: 0 auto; position: relative; width: 811px;}
#header-player img {position: absolute; left: 14px; top: 6px;}
#header-player #bNavR {float: right; font-size: 11px; margin: 6px 12px 0 0;}
#header-player #bNavR a {color: #fff;}
#header-player #bNavR #aLogin,
#header-player .btnLogOut {margin-left: 13px; font-weight: bold;}
#header-player #bNavR .break {display: none;}

/*
 * container-main
 */
#container-main {border: 1px solid #4b4b4b; border-top: 0; margin: 0 auto; padding: 34px 15px 15px; width: 811px;}

/*
 * container-player
 */
#container-now-next {float: left; position: relative; width: 422px;}

#information {position: absolute; top: 0; left: 0; z-index: 500; padding: 0 16px;}
#information,
#player {background: #000; border: 1px solid #252525; width: 422px;}
#information {border-bottom: 0; height: 235px;}
#player {border-bottom: 0;}

#information h2 {color: #fff; font-size: 14px; font-weight: bold; margin: 10px 0 2px;}
#information .logo { float: right; margin: 5px -11px 0 15px;}
#information .website {clear: left; font-size: 10px; margin-bottom: 12px;}
#information .website a {color: #B3D132;}
#information .favorite {clear: left; font-size: 12px; margin-bottom: 23px;}
#information .favorite a {background: url("/Portal/Player/Images/ico-favorite.gif") no-repeat; color: #a5a5a5; display: block; height: 17px; padding: 1px 0 0 26px; width: 143px;}
#information .photo {border: 1px solid #202020; float: left; margin-right: 12px; width:100px;}
#information .artist {color: #7a7a7a; font-size: 14px;}
#information .info-text {height: 135px; overflow: hidden;}
#information .duration {color: #B3D132; font-size: 12px; margin-bottom: 1px;}
#information .name {color: #7a7a7a; font-size: 14px; font-weight: bold;}
#information .contents {margin: 5px 0; font-size: 11px; font-style: normal; line-height: 130%;}
#information a {color: #7a7a7a; font-size: 10px;}

#onTheAir {margin-top: 15px; width: 420px;}
#onTheAir h2 {font-size: 12px; font-weight: normal; margin-bottom: 8px; padding: 0;}
#onTheAir li {margin-bottom: 10px;}
#onTheAir li img {border: 1px solid #202020; float: left; margin-right: 9px; }
#onTheAir li, #onTheAir li h3  {color: #7A7A7A; font-size: 13px;}
#onTheAir #onTheAir_loader {position: absolute; right: 10px; top: 10px;}
#onTheAir .active {background-color: #ccc;}
#onTheAir .expected {background-color: #ddd;}

/*
 * container-channels
 */
#container-channels {float: right; width: 343px; overflow: hidden;}

#tabs ul.tab-list {margin-bottom: 1px;}
#tabs ul.tab-list li {
    background: #363636;
    background: -moz-linear-gradient(top,  #363636 0%, #121212 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363636), color-stop(100%,#121212));
    background: -webkit-linear-gradient(top,  #363636 0%,#121212 100%);
    background: -o-linear-gradient(top,  #363636 0%,#121212 100%);
    background: -ms-linear-gradient(top,  #363636 0%,#121212 100%);
    background: linear-gradient(top,  #363636 0%,#121212 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#121212',GradientType=0 );
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0; 
    float: left; margin-right: 1px;}
#tabs ul.tab-list li a {
    color: #888; display: block; font-size: 11px; height: 26px; padding-top: 6px; text-align: center; text-decoration: none; width: 94px;}
#tabs ul.tab-list li.active {
    background: #404040;
    background: -moz-linear-gradient(top,  #404040 0%, #2d2d2d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#2d2d2d));
    background: -webkit-linear-gradient(top,  #404040 0%,#2d2d2d 100%);
    background: -o-linear-gradient(top,  #404040 0%,#2d2d2d 100%);
    background: -ms-linear-gradient(top,  #404040 0%,#2d2d2d 100%);
    background: linear-gradient(top,  #404040 0%,#2d2d2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#2d2d2d',GradientType=0 );}
#tabs ul.tab-list li.active a {color: #fff;}
#tabs div.tab-body {/*clear: both; height: 433px; position: relative; width: 342px;*/}

#channels {height: 470px; overflow: hidden; width: 348px;}
#channels .overview {clear: left; height: 446px; overflow: hidden; position: relative; width: 348px;}
#channels .overview ul {margin: 0; position: absolute; padding: 0; left: 0; top: 0; width: 342px;}
#channels .overview li {float: left; height: 444px; width: 348px;}
#channels .overview a {float: left; margin: 0 5px 9px 0;}
#channels .overview img {border: 1px solid #202020;}
#channels .overview img.active,
#channels .overview img.check {border-color: #404040;}
#channels .paging {float: left; margin: 5px 0;}
#channels .paging a {color: #888; float: left; font-size: 11px; padding: 0 2px;}
#channels .paging a:hover {color: #eee; text-decoration: none;}
#channels .paging a.prev,
#channels .paging a.next {background: url("../Images/playerPager.gif") repeat scroll 0 0 transparent; cursor: pointer; height: 11px; margin-top: 1px; overflow: hidden; padding: 0; width: 13px;}
#channels .paging a.next {background-position: -2px -11px;}
#channels .paging a.prev.disable {background-position: -2px -22px; cursor: default;}
#channels .paging a.next.disable {background-position: -2px -33px; cursor: default;}
#channels .paging .active {color: #fff; font-weight:bold;}

#channels_loader {margin: 0 auto 3px; width: 16px;}
#channels_data {color: #fff;}

#channels_tooltip {
    -moz-box-shadow: 0 0 10px #313131;
    -webkit-box-shadow: 0 0 10px #313131;
    box-shadow: 0 0 10px #313131;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #1f201f;
    background: -moz-linear-gradient(top,  #1f201f 0%, #100f0f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f201f), color-stop(100%,#100f0f));
    background: -webkit-linear-gradient(top,  #1f201f 0%,#100f0f 100%);
    background: -o-linear-gradient(top,  #1f201f 0%,#100f0f 100%);
    background: -ms-linear-gradient(top,  #1f201f 0%,#100f0f 100%);
    background: linear-gradient(top,  #1f201f 0%,#100f0f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f201f', endColorstr='#100f0f',GradientType=0 );
    border:1px solid #313131; padding: 11px 18px 8px; position: absolute; left: 0; top: 0; width: 200px; z-index: 501;}
#channels_tooltip #channels_data {}
#channels_tooltip .channelName {color: #fff; font-size:12px; margin-bottom: 8px;}
#channels_tooltip .songTitle {color: #ccc; font-size: 11px; font-weight: bold; margin-bottom: 3px;}
#channels_tooltip .songArtist {color: #a4a4a4; font-size: 11px; line-height: 130%; margin-bottom: 3px;}

#favorite,
#playlist {height: 470px; position: relative; width: 342px;}
#favorite .jScrollPaneContainer,
#playlist .jScrollPaneContainer {width: 342px !important;}
#favorite ul,
#playlist ul {width: 329px !important;}
#favorite li,
#playlist li {
        background: #1c1c1c;
        background: -moz-linear-gradient(top,  #1c1c1c 0%, #030303 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1c1c), color-stop(100%,#030303));
        background: -webkit-linear-gradient(top,  #1c1c1c 0%,#030303 100%);
        background: -o-linear-gradient(top,  #1c1c1c 0%,#030303 100%);
        background: -ms-linear-gradient(top,  #1c1c1c 0%,#030303 100%);
        background: linear-gradient(top,  #1c1c1c 0%,#030303 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#030303',GradientType=0 );
        margin-bottom: 1px; padding: 1px 1px 0 0; position: relative;}
#favorite li:hover,
#favorite li.active,
#playlist li:hover,
#playlist li.active {
    background: #1f1f1f;
    background: -moz-linear-gradient(top,  #1f1f1f 0%, #191919 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1f1f), color-stop(100%,#191919));
    background: -webkit-linear-gradient(top,  #1f1f1f 0%,#191919 100%);
    background: -o-linear-gradient(top,  #1f1f1f 0%,#191919 100%);
    background: -ms-linear-gradient(top,  #1f1f1f 0%,#191919 100%);
    background: linear-gradient(top,  #1f1f1f 0%,#191919 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#191919',GradientType=0 );}
#favorite li.active,
#playlist li.active {border: 1px solid #404040;}
#playlist .info {background: url(../Images/ico-speaker.gif) no-repeat 10px 13px; cursor: n-resize; margin: 1px 1px 0 0; padding: 10px 30px 10px 33px;}
#playlist li.active .info {background-position: 9px 12px; padding: 9px 30px 9px 32px;}
#playlist .info .bTitle {display: block; color: #fff; cursor: pointer; font-size: 12px;}
#playlist .info .bLength {color: #B3D132; font-size: 12px;}
#favorite .favoriteDel,
#playlist .bDelMove {padding: 1px 1px 0; position: absolute; top: 1px; right: 1px;}

#playlist li.playing {font-weight: bold;}
#playlist li.item {background-color: Green;}
#playlist li.odd {background-color: Blue;}

#favorite li img {border: 1px solid #404040; float: left; margin-right: 12px; width: 78px;}
#favorite li a {color: #fff; display: block;}
#favorite li a span {display: block; padding: 5px 30px 10px;}

/*
 * plugin_player_advertising
 */
#plugin_player_advertising {position: absolute; top: -27px; left: 40%; background-color: #000; z-index: 100; font-size: 12px; color: #fff; padding: 5px; display: none;}

/*
 * player
 */
#player {position: relative;}
#playerWma {position: absolute; bottom: 0px; width: 466px; height: 286px;}

/*
 * more
 */
#information .description {display: none;}
#information .more {}

/*
 * container-aside
 */
#container-aside {position: relative;}
#container-aside a#mobile-apps {color: #7A7A7A; display: block; float: right; margin: 10px 30px 0; text-align: center; width: 160px;}
#container-aside a#mobile-apps:hover {text-decoration: none;}

/*
 * advertisement
 */
.adv {color: #aaa; font-size: 9px; margin: 0 auto 5px; text-align: center; width: 750px;}

/*
 * box login
 */
#boxLogin {display: none; background: rgba(0, 0, 0, .8); clear: both; color: #021227; float: left; height: 100%; position: absolute; left: 0; top: 0; text-align: center; width: 100%; z-index: 1010;}
#contLogin {background: #fff; color: #021227; height: 143px; margin: 160px auto 0; padding: 9px; position: relative; text-align: left; width: 370px;}
#contLogin #buttonClose {cursor: pointer; float: right; height: 17px; width: 17px;}

#contLogin #iLog {position: absolute; left: 100px; top: 40px;}
#contLogin #iPas {position: absolute; left: 100px; top: 64px;}
#contLogin .inWindow {background: #fff; border: 1px solid #e1e1e1; height: 16px; padding: 1px 0 0 6px; width: 161px;}
#contLogin .inWindow input {border: 0; color: #000; display: block; font-size: 11px; width: 155px;}
#contLogin .inWindow input.tLogin {background: url(/style_v1109/img/loginBg.gif) no-repeat 0 2px !important;}
#contLogin .inWindow input.tPwd {background: url(/style_v1109/img/loginBg.gif) no-repeat 0 -28px !important;}
#contLogin .inWindow input.tLogin.hideBg,
#contLogin .inWindow input.tPwd.hideBg {background: none !important;}

#contLogin .btn {background: #000; border-radius: 3px; display: inline-block; height: 17px; overflow: hidden;}
#contLogin .btn span {display: inline-block; color: #fff; font-size: 11px; padding: 1px 8px 3px 8px;}
#contLogin .btn span:hover {text-decoration: underline;}

#contLogin .btnLogin {position: absolute; left: 100px; top: 93px;}
#contLogin .btnRemind {position: absolute; left: 173px; top: 93px;}

/*
 * article below player
 */
#container-aside .wrap-article {float: left; padding: 10px 0; width: 550px;}
#container-aside .wrap-article .a-img {margin: 3px 10px 6px;}
#container-aside .wrap-article h3 {margin: 0 0 7px -1px;}
#container-aside .wrap-article h3 a {color: #fff;}
/*
 * end article below player
 */

/*
 * IE7
 */
#container-main {*width: 781px;}
#information,
#player {*width: 388px;}
#tabs ul.tab-list li a {*height: 20px;}
.ico {*height: 16px; *width: 15px;}
/*
 * end IE7
 */