/* player dimensions */


a.flowplayer, a.flowplayer img {

display:block;
border:0;

width:320px;

height:240px;

margin-right:15px;

float:left;

border-right: 1px solid #ddd;
}



/* play button on top of splash image */


div.playButton {

background:url(../player/play.png) no-repeat;

width:45px !important;

height:45px;

position:relative;

top:-140px;

left:142px;
margin-bottom:-50px;

opacity:0.9;

}



div.playButton:hover {
opacity:1.0;
}



/* items */


div.scrollable {

margin-left: 10px;
}



div.items {

height:242px;
float:left;

width:552px;

background:url(../player/bg.jpg);
 /* kolor podkładu całego odtwarzacza */
border:1px solid #ddd;

}

div.items a:link {
color: #FF0000;
decoration: none;
font-weight: bold;
}

div.items a:hover {
color: #FF0000;
decoration: underline;
font-weight: bold;
}

div.items a:visited {
color: #FF0000;
decoration: none;
font-weight: bold;
}


div.items div {

width:552px;
}



div.scrollable div {
float: left;
}



div.scrollable h2 {

margin-top:15px;

}



div.scrollable p {

text-align: justify;
color:#444;

font-size:12px;

margin-left: 8px;
margin-right:8px;

}



/* next / prev buttons */


a.prev, a.next {

display:block;
width:31px;

height:31px;

float:left;

background-repeat:no-repeat;
margin-top:105px;

}



a.prev {

background:url(../player/button-left.gif);

margin-right:2px;

}



a.prev:hover {

background:url(../player/button-left-over.gif);
}



a.next {

background:url(../player/button-right.gif);

margin-left:2px;

}



a.next:hover {

background:url(../player/button-right-over.gif);
}




/* tabs */


ul.navi {
margin:0 0 0 0 ;

padding:0px;

height:1.45em;

position:relative;

top:10px;

left:39px;

width:470px;
}



ul.navi li {

background:url(../player/tab-left.gif) left top no-repeat;

padding-left:4px;

float:left;

margin:0;

list-style-type:none;

}



ul.navi a {

background:url(../player/tab-right.gif) right top no-repeat;

padding:3px 12px;

border-bottom:1px solid #D2D2D2;

text-decoration:none;

display:block;

color:#333;

font-size:13px;

}



ul.navi li.active a, ul.navi a:hover {
font-weight: normal;
color:#333;

text-decoration: underline;
background-position:100% -150px;

border-bottom:1px solid #fff;

}



ul.navi li.active {
background-position:0 -150px;
}