/* Wideo */
p.views, p.rating, p.date, p.duration { color: #333; }
p.connections { margin: 0; }

/* player */
#videoColumn { float: left; width: 425px; padding: 0 0 10px 0; } 
#videoPlayer { float: left; width: 425px; height: 344px; background: #4C84C1; }
#adkontekstVideo { display: inline; float: left; width: 150px; height: 400px; margin: 0 0 0 15px; }
#videoDescription { clear: both; width: 425px; text-align: left; font-size:11px; }
#videoDescription h1 { font-size:18px; color: #333; padding: 8px 0; margin: 0; }
#videoDescription label { padding-bottom: 3px; } 
#videoDescription input { width: 255px; height: 12px; width: 400px; font-size: 9px; }
#videoDescription p { line-height: 16px; margin-bottom: 5px; }
#videoDescription p.views, #videoDescription p.rating, #videoDescription p.date, #videoDescription p.duration { margin-bottom: 0; font-size: 11px; float: left; padding-right: 10px; color: #999; }
#videoDescription p.rating { clear: both; }
#videoDescription p.link { clear:both; }
#videoDescription p.connections { clear:both; margin: 0; }
#videoRelated { position: absolute; top: 220px; left: 10px; height: 130px; overflow: hidden; background: #FFF; }
#videoRelated p { margin: 0; padding-bottom: 3px; }
#videoRelated ul { margin: 0 0 5px 0; padding: 0; }
#videoRelated ul li { float: left; width: 80px; height: 130px; margin: 0; padding: 0 10px 0 0; background: none; }
#videoRelated b { display: block; font-size: 9px; font-weight: normal; }
#videoRelated ul li p { display:none; }
#videoRelated img { width: 80px; }

/* menu kategorii */
#videoMenu { clear: both; height: 26px; width: 810px; padding: 20px 0 0 0; margin: 0; }
#videoMenu li { float: left; padding: 0; margin: 0; background: 0; }
#videoMenu li a { position: relative; top: 1px; display: block; width: 100px; margin: 0 5px 0 0; padding: 5px 0; font-size: 12px; font-weight:bold; text-align: center; border: 1px solid #e4e3e3; border-bottom: none; background: #f2f1f1; color: #6F6F6F; outline: none; }
#videoMenu li a.active { display: block; background: #FFF; color: #C21517; border-bottom: 1px solid #FFF; }
#videoMenu li a.active:hover { text-decoration: none; }

/* nawigacja - sortowanie, strony */
#videoNavigationWrap { clear: both; margin-top: 10px; }
#videoSort { display: block; float: left; width: 378px; height: 15px; padding: 8px 0; margin: 0; text-align: left; overflow: hidden; color: #999; }
#videoSort a { color: #999; outline: none; }
#videoSort a.active { color: #7E42A2; }
#videoSort a.active:hover { text-decoration: none; }
#videoNavigation { clear: both; display: block; float: right; width: 190px; height: 15px; padding: 8px 0; margin: 0; text-align: right; overflow: hidden; color: #999; }
#videoNavigation a { color: #999; outline: none; }
#videoNavigation a.active { color: #7E42A2; }
#videoNavigation a.active:hover { text-decoration: none; }
#videoNavigation #previous, #videoNavigation #next { font-weight: bold; color: #999; }

/* lista wideo */
#videoList { clear: both; float: left; width: 670px; margin: 0; padding: 0; }
#videoList li { float:left; width: 120px; height: 200px; padding: 5px 18px; margin: 0 5px 5px 5px; text-align: left; background: none; overflow:hidden; }
#videoList li img { display: block; margin-bottom: 5px; }
#videoList li p { font-size: 9px; }
#videoList p.description { display: none; }
#videoList p.views, #videoList p.rating, #videoList p.date, #videoList p.duration { margin: 1px 0 0 0; }
#videoList li.active { background: #e4e3e3; } /* B1CAE4 */
