body
{
margin:0px auto;
padding:0px;
background:url(images/body-bg.gif) left top repeat-x;
font:normal 14px/16px Arial, Helvetica, sans-serif;
color:#2D2D2D;
}
a
{
outline: none;
}
img
{
margin:0px;
padding:0px;
border:none;
}
br
{
clear:left;
}
p
{
margin:5px 0px;
}
form
{
margin:0px;
padding:0px;
}
h1
{
font:bold 30px/40px Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:0px;
padding:0px;
}
h2
{
font:bold 18px Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:0px;
padding:0px;
}
h3
{
font:bold 18px/25px Arial, Helvetica, sans-serif;
color:#007EFF;
margin:0px;
padding:0px;
}
h3 a,
h3 a
{
font:bold 18px/25px Arial, Helvetica, sans-serif;
color:#007EFF;
text-decoration:none;
}
h3 a:hover,
h3 a:hover
{
text-decoration:underline;
}
*
{
padding:0px;
margin:0px;
}
.left
{
float:left;
}
.right
{
float:right;
}
table tr
{
height:24px;
}

/* CSS Documents for outer layers */

.container
{
width:100%;
margin:0px auto;
text-align:center;
}
.header
{
width:100%;
margin:0px auto;
text-align:center;
}
.body
{
width:100%;
margin:0px auto;
text-align:center;
clear:both;
}
.footer
{
width:100%;
margin:0px auto;
background:url(images/footer-bg.jpg) left top repeat-x;
height:46px;
clear:both;
}

/* CSS Documents for header */

.header-content
{
width:980px;
margin:0px auto;
padding:0 15px;
text-align:left;
}
.logo-bg
{
width:250px;
height:85px;
float:left;
padding:10px 15px 10px 0px;
}

.reklama-bg
{
width:100%;
float:left;
text-align:left;
}

.tagline-bg
{
width:100%;
float:left;
background: url(images/section-bg.jpg) left top repeat-x #FFA346;
height:71px;
text-align:left;
}
.tagline
{
width: 980px;
margin: 0px auto;
}
.tagline h1
{
width:952px;
float:left;
margin:0px auto;
font:bold 26px/70px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

/* CSS Documents for body */

.body-content
{
width:980px;
margin:0px auto;
text-align:left;
padding:15px 10px 0;
}
.body-left
{
width:735px;
float:right;
padding-bottom:15px;
}
.left-outer-boxes
{
clear:both;
float:right;
width:725px;
}
.widget-top
{
width:575px;
float:left;
background:url(images/widget-top.jpg) left top no-repeat;
height:26px;
}
.widget-bg
{
width:515px;
height:530px;
float:left;
border-left:5px solid #CACACA;
border-right:5px solid #CACACA;
padding:0px 25px;
color:#FFFFFF;
background:url(images/widget-bg.jpg) left top repeat-x #ADC9E4;
}
.widget-bg h1
{
font:bold 38px Arial, Helvetica, sans-serif;
}
.widget-bg h2
{
font:bold 22px/26px Arial, Helvetica, sans-serif;
letter-spacing: 0.03em;
padding: 8px 0 20px;
}
.widget-btm
{
width:575px;
float:left;
background:url(images/widget-btm.jpg) left top no-repeat;
height:26px;
margin-bottom:15px;
}
.section-heading
{
width:715px;
padding:16px 0 0 2px;
float:left;
font:bold 18px/22px Arial, Helvetica, sans-serif;
color:#FF7E00;
border-bottom:2px solid #FF7200;
}
.left-thumbs-bg
{
width:707px;
float:left;
padding:6px 6px 6px 9px;
margin-top:5px;
}
.left-thumbs-row
{
width:560px;
float:left;
padding-bottom:8px;
}

/* start of videos in the same playlist css - added in version 2.1 */
.similar-videos
{
float:left;
}
.similar-videos ul li
{
margin-right:5px;
list-style-type: none;
}

.sv-video
{
float:left;
width:117px;
height:90px;
}
.sv-current-video
{
float:left;
margin-top:-20px;
width:120px;
height:20px;
text-align:center;
color:#000000;
background:#C4C4FF;
opacity: .5;
filter: alpha(opacity=50);
}

.sv-btn-prev
{
float: left;
margin: 15px 25px 0 0;
width: 25px;
height: 60px;
cursor: pointer;
background: url(images/sv_btn_prev.gif) left top no-repeat;
}
.sv-btn-prev:hover
{
background: url(images/sv_btn_prev_h.gif) left top no-repeat;
}
.sv-btn-next
{
float: right;
margin-top: 15px;
width: 25px;
height: 60px;
cursor: pointer;
background: url(images/sv_btn_next.gif) left top no-repeat;
}
.sv-btn-next:hover
{
background: url(images/sv_btn_next_h.gif) left top no-repeat;
}
/* end of videos in the same playlist css - added in version 2.1 */

.video-thumbs,
.video-thumbs-small /* added in version 2.1 */
{
float:left;
width:120px;
height:90px;
border:1px solid #C7C7C7;
background:#E0E0E0;
padding:5px;
margin: 0px 7px 8px 0px;
}
.video-thumbs-small  /* added in version 2.1 */
{
width: 80px;
height: 60px;
padding: 3px;
margin: 0px 2px 5px 3px;
}
.video-thumbs-small img  /* added in version 2.1 */
{
width: 80px;
height: 60px;
}
.member-thumbs
{
float:left;
width:80px;
height:80px;
border:1px solid #C7C7C7;
background:#E5E5E5;
padding:4px;
margin:0px 3px 3px 5px;
}
.video-thumbs:hover,
.video-thumbs-small:hover,
.member-thumbs:hover {
background:#C1D9FF;
}
.body-right
{
width:234px;
float:left;
}
.right-outer-boxes
{
width:234px;
float:left;
margin-bottom:20px;
}
#Podobne,    /* added in version 2.1 */
#Najnowsze,
#Popularne,
#Oceniane
{
width:380px;
float:left;
}

.member-login-top
{
width:233px;
float:left;
background:url(images/member-login-top.jpg) left top no-repeat;
height:14px;
font-size:1px;
}
.member-login-heading {
font:bold 18px/22px Arial, Helvetica, sans-serif;
border-bottom:2px solid #FFF;
padding-left:2px;
margin-bottom:15px;
}
.member-login-bg
{
width:197px;
min-height:150px;
height:auto;
_height:150px;
float:left;
border-left:3px solid #CACACA;
border-right:3px solid #CACACA;
padding:0px 15px;
background:url(images/member-login-bg.jpg) left top repeat-x #7B7C7B;
font:bold 16px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.member-login-bg a
{
font:bold 14px/28px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:underline;
}
.member-login-bg a:hover
{
color:#FF9933;
text-decoration:none;
}
.member-login-bg .input-wrapper
{
clear:both;
padding-left:2px;
margin:5px 0 8px;
}
.member-login-bg .input-wrapper label
{
float:left;
text-align:left;
display:block;
width:100px;
margin-right:8px;
padding-top:1px;
}
.member-login-bg .input-text
{
width:180px;
height:20px;
padding:0 2px;
border:1px solid #7C7C7C;
font:bold 16px Arial, Helvetica, sans-serif;
color:#3399FF;
vertical-align:middle;
}
.member-menu-link
{
float:left;
width:180px;
margin-right:10px;
}
.member-login-btm
{
width:233px;
float:left;
background:url(images/member-login-btm.jpg) left top no-repeat;
height:14px;
font-size:1px;
}
.section-heading-right
{
width:380px;
float:right;
font:bold 18px/22px Arial, Helvetica, sans-serif;
color:#FF7E00;
border-bottom:2px solid #FF7200;
padding-left:2px;
}
.search
{
float:left;
width:373px;
height:32px;
padding:10px 0 0 10px;
}
.search .input-text
{
vertical-align:top;
padding:2px 2px 0px 2px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#666;
margin:0px;
}
.categories,
.tags
{
width:365px;
list-style-type:none;
text-align:left;
float:left;
margin-left:8px;
}
.categories-bg,
.tags-bg
{
width:383px;
float:right;
background:url(images/category-bg.jpg) left top repeat-x;
padding-top:10px;
}
.categories ul
{
list-style-type:none;
text-align:left;
margin:0px;
padding:0px;
}
.categories ul li
{
float:left;
display:block;
text-align:left;
width:160px;
margin-right:10px;
}
.categories ul li a
{
width:140px;
height:18px;
display:block;
text-align:left;
font:bold 15px/18px Arial, Helvetica, sans-serif;
color:#0072FF;
text-decoration:none;
background: url(images/bullet.gif) left center no-repeat;
padding-left:10px;
}
.categories ul li a:hover
{
text-decoration:underline;
}
.categories li.active a
{
text-decoration:underline;
}

.tags a {
font-weight: bold;
line-height: 22px;
text-decoration: none;
margin-right: 5px;
}
.tags a:hover {
text-decoration: underline;
}
.tags a.tag1
{
color: #FF3300;
font-size: 24px;
}
.tags a.tag2
{
color: #0066FF;
font-size: 18px;
}
.tags a.tag3
{
color: #0052CC;
font-size: 14px;
}

.mytitle
{
float:left;
width:570px;
font-size:12px;
padding-top:10px;
}
.mytitle .title
{
width:500px;
float:left;
}
.mytitle .action
{
float:right;
padding-top:2px;
margin-left:8px;
}
.listing-bg,
.member-listing-bg
{
width:550px;
float:left;
background: url(images/playlist-bg-n.jpg) left top repeat-x;
border:1px solid #E0E0E0;
padding:10px 10px 5px;
margin:3px 0 10px;
color:#005BB7;
}
.member-listing-bg
{
color:#333;
padding:10px;
}
.member-listing-bg a
{
color:#007EFF;
}
.listing-bg a
{
color:#007EFF;
text-decoration:underline;
}
.listing-bg a:hover,
.member-listing-bg a:hover
{
text-decoration:none;
}
.listing-header b,
.member-listing-header b,
.video-listing-header b
{
color:#005BB7;
}
.listing-header
{
margin-top:0px;
}
.listing-body {
height:38px;
overflow:hidden;
font-size:13px;
color:#333;
}
.listing-footer
{
margin-top:0px;
font-size:12px;
color:#005BB7;
}
.listing-footer b
{
color:#333;
}
.member-listing-header
{
margin:0;
padding:12px 0 20px;
}
.listing-thumbs
{
float:left;
margin-right:15px;
}
.search-video-title /* added in version 2.0 */
{
font:bold 18px Arial, Helvetica, sans-serif;
color:#007EFF;
}
.video-listings-bg
{
float:left;
margin-bottom:10px;
}
.video-listing-bg
{
width:710px;
float:left;
background: url(images/playlist-bg-n.jpg) left top repeat-x;
border:1px solid #E0E0E0;
padding:10px 10px 5px;
margin:3px 0 10px;
color:#007EFF;
}
.video-listing-bg a
{
color:#007EFF;
text-decoration:underline;
}
.video-listing-bg a:hover
{
text-decoration:none;
}
.video-listing-header
{
margin-top:0px;
}
.video-listing-body {
height:48px;
overflow:hidden;
font-size:13px;
color:#333;
}
.video-listing-footer {
margin-top:0px;
font-size:12px;
color:#005BB7;
}
.video-listing-footer b {
color:#333;
}
.video-listing-thumbs
{
float:left;
margin-right:15px;
}
.playlist-bg
{
width:363px;
float:left;
background: url(images/playlist-bg-n.jpg) left top repeat-x;
border:1px solid #E0E0E0;
padding:10px;
margin-bottom:1px;
}
.playlist-bg .listing-footer a
{
color:#005BB7;
text-decoration:none;
}
.playlist-bg .listing-footer a:hover
{
text-decoration:underline;
}
.playlist-bg:hover,
.listing-bg:hover,
.member-listing-bg:hover,
.video-listing-bg:hover
{
background: url(images/playlist-bg-h.jpg) left top repeat-x;
}
.playlist-thumbs
{
float:left;
margin-right:15px;
}
.playlist-content
{
float:left;
width:263px;
}

.main-box-top
{
float:left;
width:725px;
height:15px;
font-size:1px;
background: url(images/main-box-top.jpg) top left no-repeat;
}
.main-box-bg
{
float:left;
width:695px;
background: url(images/main-box-bg.jpg) top left repeat-x #FDFEFF;
border-left:5px solid #DDDDDF;
border-right:5px solid #DDDDDF;
padding:10px 10px 5px;
}
.main-box-btm
{
float:left;
width:725px;
height:15px;
background: url(images/main-box-btm.jpg) top left no-repeat;
}
.preview-message {   /* added in version 2.0 */
width: 535px;
background: #FFFFCC;
border: dashed 1px #0000FF;
text-align: center;
padding: 3px;
margin-bottom: 15px;
}

.showvideo_hdr {
  clear: both;
  float: left;
  margin-bottom: 1px;
}
.showvideo_body {
  clear: both;
  float: left;
}
.showvideo_pl_buttons {  /* added in version 2.0 */
  clear: both;
  padding: 7px 0;
  width: 720px;
  height: 15px;
}


.page_nav {
  width: 730px;
  height: 15px;
  margin-bottom: 15px;
}
.page_nums {
  float: right;
}
.page_nums a {
  text-decoration: none;
}
.pg_first,
.pg_last,
.pg_prev,
.pg_next {
  float: left;
  position: relative;
  padding: 0px 2px;
  margin-right: 3px;
  text-align: center;
  border: 1px solid #FF00CC;
}
.pg_first .disabled,
.pg_last .disabled,
.pg_prev .disabled,
.pg_next .disabled {
  color: #777;
}
.pg_pagenums {
  float: left;
  position: relative;
  margin: 0px 5px;
}
.pg_pagenum,
.pg_pagenum_current {
  float: left;
  position: relative;
  text-align: center;
  padding: 0px 2px;
  margin-right: 1px;
  width: 40px;
  border: 1px solid #0066FF;
}
.pg_pagenum_current {
  font-weight: bold;
  background: #FFE0C5;
}

.comment
{
  float: left;
  width: 715px;
  margin: 15px 0 0 7px;
}
.cmt_form
{
  float: left;
  width: 715px;
  margin-bottom: 20px;
}
.cmt_form label
{
  font-weight: bold;
  color: #555;
}
#cmt_msg
{
  float: left;
  width: 540px;
  padding: 2px;
  margin-bottom: 10px;
  background: #FFD5FF;
  display: none;
}
.cmt_display
{
  float: left;
  width: 550px;
}
.cmt_title
{
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
}
.cmt_nav
{
  clear: both;
  float: left;
  height: 22px;
}
#cmt_comments
{
  clear: both;
  float: left;
}
.cmt_box
{
  float: left;
  width: 715px;
  margin-bottom: 15px;
  background: #F0F0F0;
}
.cmt_box b
{
  color: #333;
}
.cmt_box .cmt_hdr
{
  padding: 3px;
  background: #99CCFF;
}
.cmt_box .cmt_body
{
  padding: 5px;
}
.cmt_box .cmt_ftr
{
  font-size: 11px;
  padding: 2px;
  text-align: right;
}

span.msg_error {
  color: red;
}

#getinfomsg {
  width: 330px;
  background: #FFFF99;
  padding: 2px;
  display: none;
}

.messagepage {
  background: #FFF;
}

#messagebox {
  font-family: arial;
  font-size: 13px;
  width: 45%;
  padding: 10px;
  margin: 50px auto;
  background: #FCDDA3;
  border: 1px solid #FF8040;
}

/* CSS Documents for footer */

.footer-left
{
float:left;
margin-left:10px;
font: bold 13px/46px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.footer-right
{
float:right;
margin-right:10px;
font: bold 13px/46px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.footer-left a,
.footer-right a
{
color:#FFFFFF;
text-decoration:none;
}
.footer-left a:hover,
.footer-right a:hover
{
text-decoration:underline;
}

/* CSS menu */

.navcontainer
{
width:710px;
height:27px;
float:left;
margin-top:50px;
}
.navcontainer ul
{
list-style-type:none;
text-align:center;
margin:0px;
padding:0px;
}
.navcontainer ul li
{
display:block;
text-align:center;
float:left;
}
.navcontainer ul li a
{
width:112px;
height:27px;
display:block;
text-align:center;
font:bold 14px/27px  Arial, Helvetica, sans-serif;
color:#FE6600;
text-decoration:none;
background:url(images/menu-tab-n.jpg) left top no-repeat;
margin-right:6px;
}
.navcontainer ul li a:hover
{
background:url(images/menu-tab-h.jpg) left top no-repeat;
color:#fff;
}
.navcontainer li.active a
{
background:url(images/menu-tab-h.jpg) left top no-repeat;
color:#fff;
}
.subnavcontainer
{
float:left;
position:relative;
width:710px;
}
.navcontainer_pl,
.navcontainer_vid
{
position:absolute;
float:left;
display: none;
padding: 2px;
border: 1px solid #BBB;
background-color: #F0F0F0;
}
.navcontainer_pl
{
left: 22px;
}
.navcontainer_vid
{
left: 120px;
}
.navcontainer_pl a,
.navcontainer_vid a
{
  font-size: 12px;
  font-weight: bold;
  color: #FF6600;
  text-decoration: none;
}
.navcontainer_pl a:hover,
.navcontainer_vid a:hover
{
  text-decoration: underline;
}

.familyfilter
{
  position:absolute;
  top:2px;
  right:20px;
  font-size:12px;
}
.familyfilter a
{
    color:#0000FF;
}

.familyfiltertext
{
  position:absolute;
  top:17px;
  left:280px;
  font-size:12px;
}

.familyfiltertext a:link 
{text-decoration: none; color: #FE6600; font-size: 12px; font-family: Verdana, Arial, Helvetica; font-weight:bold; }

.familyfiltertext a:active
{text-decoration: none; color: #FE6600; font-size: 12px; font-family: Verdana, Arial, Helvetica; font-weight:bold; }

.familyfiltertext a:visited 
{ text-decoration: none; color: #FE6600;	font-size: 12px; font-family: Verdana, Arial, Helvetica;	font-weight:bold; }

.familyfiltertext a:hover 
{text-decoration: underline; color: #FF0000; font-size: 12px; font-family: Verdana, Arial, Helvetica; font-weight:bold }

.kategorieall {
display:block;
padding:5px 5px 5px 30px;
font-size:16px;
color:#006699;
background:url(images/m-ico.gif) left center no-repeat;
font-weight: bold;
}
.miniaturkakatall {cursor: pointer; width: 85px; height: 65px; border: 1px solid gray; margin: 1px 5px 1px 1px;}

.kategorieallspis a
{
color:#007EFF;
text-decoration:none;
}
.kategorieallspis a:hover
{
text-decoration:underline;
}

.pass_meter_0 {width:1%;background-color:#CC0000;}
.pass_meter_10 {width:10%;background-color:#CC0000;}
.pass_meter_20 {width:20%;background-color:#FF6600;}
.pass_meter_30 {width:30%;background-color:#FF6600;}
.pass_meter_40 {width:40%;background-color:#FF6600;}
.pass_meter_50 {width:50%;background-color:#00CC00;}
.pass_meter_60 {width:60%;background-color:#00CC00;}
.pass_meter_70 {width:70%;background-color:#006600;}
.pass_meter_80 {width:80%;background-color:#006600;}
.pass_meter_90 {width:90%;background-color:#003399;}
.pass_meter_100 {width:100%;background-color:#003399;}

.pass_meter_base, .pass_meter_base {float:left; height:15px; text-align:left;}
.pass_meter {background-color:#efefef; width:169px; height:15px; border:1px solid black; margin:0; padding:0;}









.menu-staty-top
{
width:233px;
float:left;
background:url(images/menu-login-top.jpg) left top no-repeat;
height:14px;
font-size:1px;
}

.menu-staty-bg
{
width:217px;
min-height:70px;
height:auto;
_height:70px;
float:left;
border-left:3px solid #CACACA;
border-right:3px solid #CACACA;
padding:0px 5px;
background:url(images/menu-login-bg.jpg) left top repeat-x #E5F6FE;
font:bold 14px Arial, Helvetica, sans-serif;
color:#000000;
}

.menu-staty-bg a
{
font:bold 14px Arial, Helvetica, sans-serif;
color:#FE6600;
text-decoration:none;
}
.menu-staty-bg a:hover
{
color:#ff0000;
text-decoration:underline;
}

.menu-staty-heading {
font:bold 18px/22px Arial, Helvetica, sans-serif;
border-bottom:2px solid #FF7E00;
padding-left:2px;
margin-bottom:5px;
color:#FF7E00;
}

.menu-staty-link
{
float:left;
width:195px;
margin-right:0px;
}

.menu-staty-btm
{
width:233px;
float:left;
background:url(images/menu-login-btm.jpg) left top no-repeat;
height:14px;
font-size:1px;
}




.admin-login-top
{
width:233px;
float:left;
background:url(images/admin-login-top.jpg) left top no-repeat;
height:14px;
font-size:1px;
}
.admin-login-bg
{
width:197px;
min-height:100px;
height:auto;
_height:100px;
float:left;
border-left:3px solid #CACACA;
border-right:3px solid #CACACA;
padding:0px 15px;
background:url(images/admin-login-bg.jpg) left top repeat-x #F8AF3C;
font:bold 16px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.admin-login-bg a
{
font:bold 14px/28px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:underline;
}
.admin-login-bg a:hover
{
color:#ff0000;
text-decoration:none;
}
.admin-login-bg .input-wrapper
{
clear:both;
padding-left:20px;
margin:5px 0 8px;
}
.admin-login-bg .input-wrapper label
{
float:left;
text-align:right;
display:block;
width:100px;
margin-right:8px;
padding-top:1px;
}
.admin-login-bg .input-text
{
width:180px;
height:20px;
padding:0 2px;
border:1px solid #7C7C7C;
font:bold 16px Arial, Helvetica, sans-serif;
color:#3399FF;
vertical-align:middle;
}
.admin-login-heading {
font:bold 18px/22px Arial, Helvetica, sans-serif;
border-bottom:2px solid #FFF;
padding-left:2px;
margin-bottom:5px;
}
.admin-menu-link
{
float:left;
width:150px;
margin-right:10px;
}
.admin-login-btm
{
width:233px;
float:left;
background:url(images/admin-login-btm.jpg) left top no-repeat;
height:14px;
font-size:1px;
}