body {
background-color: #FBFBFB;
margin: 0;
padding:0;
color: #666;
font-family: Tahoma, Arial;
font-size:12px;
}

#wrapper {
width: 990px;
margin: 0 auto;
background-color: #FFF;
}

#wrapper-top-padding {
padding: 10px 10px 20px 10px;
}

#wrapper-bottom-padding {
margin: 0 auto;
background-color: #333;
border-top: 2px solid #101010;
padding-top: 15px;
}

#wrapper-arbo {
width: 990px;
margin: 0 auto;
text-align: center;
}

#top {
color: #999;
height: 31px;
line-height: 24px;
border: 1px solid #E6E6E6;
border-radius: 4px 4px;
padding: 7px 4px 0 13px;
}

#top b {
color: gray;
}

.gradient-gray { /* background-image SVG #FFFFFF, #EEEEEE */
background-color: #EEEEEE;
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MzUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1MzUpIiAvPgo8L3N2Zz4=);
}

.gradient-orange { /* background-image SVG #FE8D2D,  #FC6104 */
background-color: #FC6104;
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRThEMkQiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGQzYxMDQiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NTYpIiAvPgo8L3N2Zz4=);
}

ul#login {
display:inline;
list-style-type: none;
padding-left:0px;
line-height:24px;
}

ul#login li {
display:inline;
padding-left:20px;
}

#fblogin {
float:right;
/*padding-top:2px; */
padding-right:10px;
}

#site-news {
height:30px;
line-height: 28px;
padding-top:5px;
padding-bottom:3px;
border-bottom:1px solid #F4F4F4;
}

#site-news span {
display: inline-block;
background-image: url(../i/news.gif);
background-repeat: no-repeat;
background-position: 14px 6px ;
padding-left: 70px;
}

.site-news-close { /* klasa do zamykania paska newsow, element a */
display:block;
float:right;
width:19px;
height:29px;
background-image: url(../i/icon-close.gif);
background-repeat: no-repeat;
background-position: 0px 9px;
cursor: pointer;
}


#header {
height: 138px;
}

#logo {
float: left;
width: 230px;
padding-top: 10px;
}

#logo img {
float: left;
}

#ga-top {
float: right;
padding-top: 24px;
}

#nav {
height: 38px;
border:1px solid #E95402;
border-radius: 4px 4px;
margin-bottom: 18px;
}

#nav ul {
list-style-type: none;
padding-left: 0px;
margin-top: 6px;
}

#nav ul li {
float:left;
height:24px;
padding-left:10px;
padding-right: 10px;
border-left: 1px solid #E95402;
}

#nav ul li a {
display:inline-block;
height:24px;
line-height:24px;
color: #FFFFFF;
padding-left:10px;
padding-right:10px;
}

#nav ul li a:hover {
border-color:#DCDCDC;
border-width: 0px;
border-style: solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration:none;
color:#Fc4906;
background-color: #EEEEEE;
/* TODO */
/* background-image SVG #FFFFFF, #EEEEEE */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MzUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1MzUpIiAvPgo8L3N2Zz4=);

}

#nav form {
float:right;
display:block;
position: relative;
top: -5px;
right:10px;
}
/*
#nav form input {
background-image: url(../i/icon-search.gif);
background-repeat: no-repeat;
background-position: 170px 6px;
} */

#link-glowna  {
display:block;
float:left;
height:23px;
width:28px;
background-image: url(../i/icon-home.png);
background-repeat: no-repeat;
margin: 7px 14px 0px 14px;
}

#breadcrumb {
height:48px;
font-size: 11px;
}

#breadcrumb-glowna {
display: block;
float: left;
height: 48px;
line-height: 48px;
font-weight:bold;
}

#breadcrumb ul {
height:48px;
line-height: 48px;
padding-left: 20px;
margin:0px;
list-style-image: url('../i/icon-breadcrumb.gif');
list-style-position: inside;
}

#breadcrumb ul li {
float: left;
height: 24px;
padding-left: 10px;
}

#breadcrumb ul li a {

}

table#content {
border-spacing:0px;
padding:0px;
}

table#content td {
vertical-align: top;
padding:0;
border-width:0px;
}

td#content-nav {
width:220px;
}

td#content-main {
width: 750px;
}

#content-main table {
width:100%;
border-spacing:0px;
padding:0px;
}

#content-main table td {
padding:0;
border-width:0px;
}

#content-main table td.left {
width: 420px;
padding-right:20px;
}

a#dodaj-opracowanie {
display:block;
width:200px;
height:40px;
background-image: url(../i/icon-add-tab.png);
background-position: 0 0;
background-repeat: no-repeat;
margin-bottom:10px;
}

a#dodaj-opracowanie:hover, a#dodaj-opracowanie:active {
background-position: 0 -40px;
}

div.nav-header {
height: 29px;
line-height:29px;
border:1px solid #E0E0E0;
border-top-left-radius: 4px 4px;
border-top-right-radius: 4px 4px;
/*margin:15px 0 0 0; */
}

.gradient-gray2 {
background-color: #E9E9E9;
/* TODO praktycznie to samo co #top */
/* background-image SVG #FEFEFE, #E9E9E9 */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MTUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRUZFRkUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFOUU5RTkiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c4MTUpIiAvPgo8L3N2Zz4=);
}

div.nav-header-title {
font-weight:bold;
float:left;
padding-left:10px;
padding-right: 10px;
}

div.nav-header-links {
font-size:10px;
float:right;
padding-right:10px;
}

.nav-header-links a {
color:#666666;
}

a.nav-header-rightlink {
float:right;
background-image: url(../i/strzalki-header-right-small.png);
background-repeat: no-repeat;
background-position: right 11px;
padding-left: 6px;
padding-right: 20px;
}

a.nav-header-rightlink:hover {
color:#Fc4906;
background-position: right -12px;
}

a.video-header-leftlink {
float:left;
background-image: url(../i/strzalki-header-left.gif);
background-repeat: no-repeat;
background-position: 0px 10px;
padding-left: 20px;
padding-right: 6px;
}

a.video-header-leftlink:hover {
color:#Fc4906;
background-position: 0 -19px;
}

a.video-header-rightlink {
float:right;
background-image: url(../i/strzalki-header-right.gif);
background-repeat: no-repeat;
background-position: right 10px;
padding-left: 6px;
padding-right: 20px;
}

a.video-header-rightlink:hover {
color:#Fc4906;
background-position: right -19px;
}

ul.lista {
width:200px;
padding:0px;
margin:0 0 10px 0;
list-style-type: none;
border-bottom:1px solid #E0E0E0;
}

ul.lista li {
min-height: 24px;
height:auto !important;
height:24px;
line-height: 24px;
border-left:1px solid #E0E0E0;
border-right:1px solid #E0E0E0;
padding:0 5px 0 5px;
}

ul.lista li.lista-naglowek {
height: 29px;
line-height:29px;
font-weight:bold;
border:1px solid #E0E0E0;
border-top-left-radius: 4px 4px; /* a mo¿e 3px? */
border-top-right-radius: 4px 4px;
}

ul.lista a {
color:#666666;
display:block;
border-top:1px dotted #E9E9E9;
background-image: url(../i/strzalka-ul-link.png);
background-repeat: no-repeat;
background-position: right center;
padding-right: 14px;
}

ul.lista li a.first-element {
border-top:1px solid #FFFFFF;
}

ul.lista a:hover, ul.lista a.active {
color:#Fc4906;
text-decoration:none;
background-image: url(../i/strzalka-ul-hover.png);
background-repeat: no-repeat;
background-position: right center;
}

/* video na glownej */
#main-video-bottom {
height: 32px;
line-height: 16px;
border-left: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
border-bottom: 1px solid #E0E0E0;
border-top-width: 0;
background-color: #FBFBFB;
margin-bottom: 11px;
padding: 7px 10px 4px 10px;
}

#main-video-bottom span {
font-weight: bold;
}

.main-video-rightlink {
font-size: 11px;
color: #666666;
float:right;
background-image: url(../i/strzalki-header-right-small.png);
background-repeat: no-repeat;
background-position: right 5px;
padding-right: 16px;
}

.main-video-rightlink:hover {
color:#Fc4906;
background-position: right -18px;
}

#main-ranking {
float:left;
width: 298px;
border-left:1px solid #E0E0E0;
border-right:1px solid #E0E0E0;
border-bottom:1px solid #E0E0E0;
background-color: #FBFBFB;
padding: 5px 5px 0 5px;
}

.main-ranking-row {
float:left;
border-top: 1px solid #E0E0E0;
padding-top: 5px;
}

.main-ranking-firstrow {
border-top-width: 0;
padding-top: 0;
}


.main-ranking-left {
width:190px;
float:left;

}

.main-ranking-right {
float:right;
width: 93px;
height: 50px;
border-left:1px solid #E0E0E0;
padding-left: 10px;
line-height: 50px;
}

.main-ranking-avatar {
float:left;
height: 50px;
padding-bottom: 5px;
}

.main-ranking-avatar img {
border-width: 0;
}

ul.main-ranking-description {
list-style-type: none;
padding:0 0 0 57px;
margin:0;
}

ul.main-ranking-description li {
padding-bottom: 3px;
}

/* komentarze na glownej */
.main-komentarz-row {
border-bottom:1px dotted #dedede;
padding:7px 0 14px 0;
float: left;
width: 100%;
}

.main-komentarz-title {
font-weight: bold;
}

.main-komentarz-title a {
color: #666666;
}

.main-komentarz-description {

}

.main-komentarz-content {
clear: both;
white-space: pre-line;
}

.main-komentarz-content .content, .main-komentarz-content .content-admin {
clear: both;
padding-top: 10px;
line-height: 17px;
}

.main-komentarz-content .tabs {
color: #999;
font-family: "Courier New", Courier, monospace;
white-space: pre;
display: block;
clear: both;
}

.ytcomment {
white-space: normal;
padding-top: 10px;
}

.ytplayer-mini {
cursor: pointer;
position: absolute;
width: 120px;
height: 90px;
background-image: url(../i/icon-play.png);
background-repeat: no-repeat;
background-position: center center;
}

.ytplayer-mini:hover {
background-image: url(../i/icon-play-hover.png);
}

.ytplayer {
display: none;
float: left;
width: 712px;
height: 360px;
background-color:silver;
}

.ytplayer-close {
display: none;
float: right;
width: 16px;
height: 16px;
cursor: pointer;
background-image: url(../i/icon-close.gif);
background-repeat: no-repeat;
background-position: right top;
}

.ytsearch {
width: 145px;
display: inline;
float: left;
padding-bottom: 10px;
}

.ytsearch-opened {
width: 100%;
padding-top: 15px;
padding-bottom: 20px;
}

.ytsearch-clear {
float: left;
width: 100%;
height: 1px;
}

.komentarz-data {
font-size:10px;
color:#999999;

}

.komentarz-more {
float: right;
}

.komentarz-more a {
background-image: url(../i/strzalki-header-right-small.png);
background-repeat: no-repeat;
background-position: right -18px;
padding-right: 20px;
}

/* Nowosci na stronie glownej */
#main-nowosci {

}

#content-main .table-basic {
border-left:1px solid #E0E0E0;
border-right:1px solid #E0E0E0;
border-bottom:1px solid #E0E0E0;
margin-bottom:15px;
}

#content-main .table-basic th {
height: 25px;
line-height: 25px;
text-align: left;
padding-left: 7px;
background-color:#FBFBFB;
border-bottom: 1px solid #E0E0E0;
}

#content-main .table-basic td {
height: 25px;
line-height: 25px;
padding-left: 7px;
}

#content-main .table-basic tr.v0 {
background-color:#FBFBFB;
}

#content-main .table-basic tr.v0 td.selected {
background-color:#F6F6F6;
}


#content-main .table-basic tr.v1 {
background-color:#FFFFFF;
}

#content-main .table-basic tr.v1 td.selected {
background-color:#FBFBFB;
}

#content-main .table-basic tr:hover,
#content-main .table-basic tr:hover > td.selected
{
background-color: #E9E9E9;
}


#content-main .table-basic a.linkcolor {
color:#FC4906;
}

#content-main .table-basic a {
color:#666666;
}

#content-main .table-ranking td {
vertical-align: middle;
line-height: normal;
}

.pd, .pw, .pu {
display: none;
float: right;
width: 13px;
height: 25px;
background: url("../i/icon-plus.gif") center right no-repeat;
cursor: pointer;
}

.md, .mw, .mu {
display:none;
float:right;
width:13px;
height:25px;
background: url("../i/icon-minus.gif") center right no-repeat;
cursor:pointer;
}


.mth {
display:block;
float:right;
width:13px;
height:25px;
background: url("../i/icon-minus.gif") center right no-repeat;
cursor:pointer;
}

.pth {
display:block;
float:right;
width:13px;
height:25px;
background: url("../i/icon-filter-disabled.gif") center right no-repeat;
cursor:default;
}




.bottom-links {
width: 200px;
float: left;
color: #E9E9E9;
list-style:square;
list-style-position: inside;
padding:28px 0 28px 40px;
margin:0;
}

.bottom-links li:hover {
color: #FC4906;
}

.bottom-link-first {
font-size:14px;
list-style:none;
padding-bottom: 18px;
}

.bottom-links a {
color: #E9E9E9;
}

.bottom-links a:hover {
color: #FFFFFF;
text-decoration: none;
}

#bottom-copyrights {
text-align: right;
clear:both;
border-top: 1px solid #5C5C5C;
padding: 6px 10px 26px 0;
}


ul#alfabet {
height: 38px;
list-style: none;
margin: 0;
padding: 0 10px 0 10px;
border:1px solid #E0E0E0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background-color: #EFEFEF;
text-transform: capitalize;

}

ul#alfabet li {
float: left;
}

ul#alfabet li a {
display: block;
float: left;
width: 26px;
height: 38px;
line-height: 38px;
font-size:13px;
color: #666666;
text-align: center;
}

ul#alfabet li a:hover {
color:#fc4902;
text-decoration:none;
}

ul#alfabet li a.char-selected {
font-weight: bold;
background-color: #FFF;
}

.tabset-tabs {
clear:both;
height:34px;
list-style:none;
border-bottom: 1px solid #dedede;
margin: 5px 0 0 0;
padding:0;
}

.tabset-tabs li {
float:left;
height:34px;
background-repeat: repeat-x;

}

.tabset-tabs li a {
display:block;
float: left;
text-align:center;
height:34px;
line-height:34px;
font-size:13px;
font-weight: bold;
cursor:pointer;
background-repeat: no-repeat;
background-position: right top;
margin: 0 0px 0 0px;
padding: 0 15px 0 15px;
}

.tabset-tabs li.first-active {
background-image: url('../i/tab-background-first-active.gif');
}

.tabset-tabs li.first-active a {
background-image: url('../i/tab-right-first-active.gif');
}

.tabset-tabs li.first-deactive {
background-image: url('../i/tab-background-first-deactive.gif');
}

.tabset-tabs li.first-deactive a {
color:#666666;
background-image: url('../i/tab-right-first-deactive.gif'); /* ten sam co last-deactive */
}


.tabset-tabs li.last-active {
background-image: url('../i/tab-background-first-active.gif'); /* prawidlowe */
}

.tabset-tabs li.last-active a {
background-image: url('../i/tab-right-last-active.gif');
}

.tabset-tabs li.last-deactive {
background-image: url('../i/tab-background-last-deactive.gif');
}

.tabset-tabs li.last-deactive a {
color:#666666;
background-image: url('../i/tab-right-first-deactive.gif'); /* ten sam co last-deactive */
}

.tabset-content {
margin:0 0 15px 0;
padding:10px;
background-color: #FBFBFB;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
border-bottom: 1px solid #dedede;
}

.tabset-content-adjacent {
margin:0;
}

.tabset-innerheader {
margin:0;
padding:10px;
background-color: #FFFFFF;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
border-bottom: 1px solid #dedede;
}

.tab-fixedwidth {
width:84px;
}

#content-main table.piosenki {

}

#content-main table.piosenki tr {
height:24px;
line-height:24px;
padding:0 15px 0 15px;
}

.current-tab {
background-color: #E9E9E9;
}

#content-main table.piosenki tr.v0 {
background-color: #FFFFFF;
}

#content-main table.piosenki tr:hover {
background-color: #E9E9E9;
}

#content-main table.piosenki td.lp {
text-align:right;
width:30px;
padding: 0 5px 0 10px;
}

#content-main table.piosenki td.classes-row {
/*width:160px; */
float: right;
padding-right:5px;
}

#content-main table.piosenki a {
display: block;
}

.li-title {
width:560px;
}

.li-classes {
width:144px;
float:right;
height: 20px;
margin-top: 4px;
}



.classes {
/*width: 160px; */
height: 14px;
text-align: center;
color: #FFF;
font-size: 9px;
line-height: 14px;
letter-spacing: 1px;
font-family: Arial, sans-serif;
margin-top: 5px;
}

.classes-box {
width: 30px;
height: 14px;
border-width: 1px;
float: left;
}

.classes-tabs {
width: 65px;
border-width: 1px;
float: left;
cursor: pointer;
}

.classes-ranking-info {
width: 108px;
border-width: 1px;
float: left;
}

table#panel .classes-box {
cursor: pointer;
}

.gray {
background-color: gray;
border-color: gray;
}

.orange {
background-color: #FC4906;
border-color: #FC4906;
}

.crd {
margin-right: 1px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}

.bas {
margin-left: 1px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}

.video {
margin: 0 4px 0 4px;
border-radius: 2px;
background-image: url('../i/icon-video.png');
background-repeat: no-repeat;
background-position: 20px 4px;
}

.comment {
/*margin: 0; */
border-radius: 2px;
background-image: url('../i/icon-comment.png');
background-repeat: no-repeat;
background-position: 22px 3px;
}

.comment div, .video div {
width: 24px;
text-align: center;
}


/* w pasku nawigacyjnym */
.classes2 {
width: 97px;
text-align: center;
color: #FFF;
font-size: 9px;
line-height: 14px;
letter-spacing: 1px;
font-family: Arial, sans-serif;
margin-top: 5px;
}

.classes2-row {
float: none;
clear: both;
height: 17px;
}

.classes2-row .video {
margin: 0 1px 0 0;
}

.top {
color: #666;
text-align: left;
line-height: 17px;
}

.top:hover {
color: #666;
text-decoration: underline;
}

.classes-ranking {
height: 18px;
font-size: 10px;
line-height: 18px;
font-family: Verdana, sans-serif;
letter-spacing: 0;
}

.classes-ranking .video {
background-position: 29px 6px;
}

.classes-ranking .comment {
background-position: 31px 5px;
}

.classes-ranking .classes-box {
width: 40px;
height: 18px;
}

.classes-ranking .comment div, .classes-ranking .video div {
width: 30px;
}

.classes-ranking a {
color: inherit;
}

table#panel {
float: left;
width: 556px;
padding: 12px 12px 12px 12px;
margin: 0;
}

table#panel tr {
height:23px;
line-height:23px;
}

table#panel tr .url {
display: block;
height: 23px;
width: 435px;
overflow: hidden;
}

.right {
text-align: right;
}

.vote-up, .vote-down {
display:inline-block;
width:25px;
height:20px;
background-image:url('../i/icon-vote.gif');
background-repeat: no-repeat;
background-position: 0 0;
}

.vote-down {
background-position: -44px 0;
}

#piosenka-video-bottom {
padding-top: 15px;
height:35px;
}

#video-desc {
float:left;
height:25px;
line-height:25px;
}

#video-vote {
width:100px;
float:right;
}

#piosenka-video-bottom em {
font-size:16px;
padding-right:10px;
}

.tabset-innerheader {
padding: 4px 10px 0px 10px;
height: 29px;
line-height: 25px;
font-size:14px;
font-weight:bold;
border-left: 1px solid #DEDEDE;
border-right: 1px solid #DEDEDE;
border-bottom: 1px solid #DEDEDE;
}

h2 {
font-size:14px;
font-weight:bold;

}

#video-nav {
height: 90px;
}

#video-list {
float:left;
}

#video-left-button, #video-right-button {
display:block;
float:left;
width:29px;
height:90px;
background-image:url('../i/icon-video-button.gif');
background-repeat: no-repeat;
background-position: 0 11px;
}


#video-right-button {
float:right;
background-position: -29px 11px;
}

#video-left-button:hover {
cursor:pointer;
background-position: 0 -56px;
}

#video-right-button:hover {
cursor:pointer;
background-position: -29px -56px;
}

.video-one {
float:left;
padding:0 7px 0 7px;
}


h1 {
font-size: 15px;
font-weight: bold;
padding: 12px 0 15px 0;
margin: 0;
}

pre {
clear: both;
margin:0;
}

pre.tresc_opracowania {
/*width: 556px; */
/*float: left; */  /* usunięte aby reklamy ga pojawiały się pod treścią opracowania */
}

em {
color:#fc4902;
font-style: normal;
font-weight: bold;
}

input, textarea, select {
height: 20px;
color:#666666;
font-size: 12px;
border-color:#DCDCDC;
border-width: 1px;
border-style: solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding-left: 5px;
padding-right: 5px;
margin:0;
}


input[type="checkbox"] {
height: 11px;
margin:0px;
vertical-align:baseline;
line-height:20px;
}

input[type="radio"] {
height: 14px;
margin-bottom:5px;
}

input::-moz-focus-inner /*Remove button padding in FF*/
{
border: 0;
padding: 0;
}

select {
height:24px;
padding-right:0;
}

.button, .comment-edit button {
height: 24px;
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
color:#FFFFFF;
background-color: #FC6104; /* bottom */
border: solid 1px #E95402;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding-left:7px;
padding-right:7px;
}

.button-gray {
color: #999;
background-color: #DCDCDC; /* bottom */
border-color: silver;
}

.button-arrow-right, .comment-edit button {
padding-right:20px;
background-image:url('/i/button-right.gif');
background-repeat:no-repeat;
background-position: right center;
}

.button-arrow-bottom {
padding-right:20px;
background-image:url('/i/button-bottom.gif');
background-repeat:no-repeat;
background-position: right center;
}

.button:active, .button-arrow-right:active, .button-arrow-bottom:active {
color: #fcd3a5;
position: relative;
top: 1px;
}

.button:hover, .button-arrow-right:hover, .button-arrow-bottom:hover {
color: #fcd3a5;
border-style: dotted;
}

.button-gray:hover {
color: gray;
}

.button:focus, .button-arrow-right:focus, .button-arrow-bottom:focus {
color: #fcd3a5;
border-style: dotted;
}

.button-gray:focus {
color: gray;
}



a {
color:#FC4906;
text-decoration: none;
}


a:hover {
text-decoration: underline;
}

h1 a {
color: inherit;
}

a.strzalka1 {
background-image: url(../i/strzalka-active.gif);
background-repeat: no-repeat;
background-position: right ;
padding-right: 17px;
}

a.fbconnect {
display:inline-block;
width: 96px;
height: 22px;
background-image: url(../i/fbzaloguj.gif);
background-repeat: no-repeat;
margin-top: 2px;
}

.reklamy {
margin-top: 15px;
margin-bottom:10px;
}


/* TODO do usuni颩a docelowo */
.reklama-zaslepka {
display:block;
text-align:center;
font-size:10px;
line-height:90px;
font-family:Verdana;
color:#808080;
background-color:#C0C0C0;
}



.form-row {
padding-bottom: 5px;
border-bottom: 1px dotted #DDD;
margin-bottom: 15px;
}

.form-row label {
display:block;
padding-bottom:5px;
vertical-align: top;
}

.form-row-description {
color: #999;
font-size: 11px;
line-height: 15px;
padding-top: 5px;
}

.form-row-description ul {
margin-bottom:0;
}

.error > .form-row-description {
color: #800000;
}

.info {
line-height: 16px;
color: #008000;
background-color: #C0FFC0;
border: 1px solid #00C000;
padding: 10px;
/*margin-top: 15px;
margin-bottom: 15px;*/
}

.warning {
line-height: 16px;
color: #808000;
background-color: #FFFFC0;
border: 1px solid #FFFF40;
padding: 10px;
/*margin-top: 15px;
margin-bottom: 15px;*/
}

.error {
line-height: 16px;
color: #800000;
background-color: #FFC0C0;
border: 1px solid #FF4040;
padding: 10px;
/*margin-top: 15px;
margin-bottom: 15px; */
}

ul.info, ul.warning, ul.error {
padding: 10px 10px 10px 30px;
}

.undefined {
font-style: italic;
color: #999;
}

.new {
background-color: #FC4906;
color: white;
padding-left: 3px;
padding-right: 3px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}


.action-add {
display: none;
width: 13px;
height: 13px;
background: url("../i/icon-plus.gif") center right no-repeat;
vertical-align:text-bottom;
cursor: pointer;
}

.action-delete {
display: none;
width: 13px;
height: 13px;
background: url("../i/icon-minus.gif") center right no-repeat;
vertical-align:text-bottom;
cursor: pointer;
}

#content-main .table-basic td:hover > .action-add,
#content-main .table-basic td:hover > .action-delete {
display: inline-block;
}


.nav_tab_fixed {
position: fixed;
top: 33px;
}

#nav_box {
width: 180px;
height: 700px;
top: 0px;
right: 0px;
position: absolute;
}

#nav_tab {
width: 97px;
height: 54px;
background-color: #FBFBFB;
font-family: Tahoma;
/*font-size: 10px; */
border: 1px solid #dedede;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
padding: 5px 0 0 5px;
margin-bottom: 46px;
}

.local_nav {
cursor: pointer;
}

.local_nav:hover{
text-decoration:underline;
}

#nav_google {
/*padding-left: 11px; */
/*float: right; */ /* usunięte aby reklamy ga pojawiały się pod treścią opracowania */
padding-top: 10px;
}

#skyscrapper {
position: absolute; /* było fixed przy pływającym okienku */
width: 160px;
height: 600px;
top: 336px;
right: 0;
}

.counter {
font-size: 20px;
color: #DCDCDC;
}

.admin-links {
float:right;
display: none;
font-size: 10px;
}

.comment-edit textarea {
width: 715px;

}

.article {
line-height: 20px;
}

.article pre {
line-height: normal;
margin: 0 15px 15px 0;
padding: 10px;
background-color: #FBFBFB;
border: 1px solid #dedede;
}

.article h2, .article h3 {
padding-top: 20px;
}

code {
background-color: #E9E9E9;
padding: 0 5px;
}


.fblike {
float: left;
width: 95px;
margin-right: 30px;
}

.gplus {
float: left;
width: 90px;
}

.glabel {
color: #FFF;
padding-right: 5px;
}

.print {
float: left;
}

.print a {
display: block;
width: 25px;
height: 23px;
background-image: url(/i/icon-print.gif);
background-repeat: no-repeat;
margin-right: 30px;
}

.favourite {
float: left;
/*position: relative;
top: -43px;
right: 338px; */
width: 107px;
height: 26px;
}

.favourite a.fplus, .favourite a.fminus {
display: inline-block;
width: 42px;
height: 26px;
background-image: url(/i/icon-book.png);
background-repeat: no-repeat;
}

.favourite a.fplus {
background-position: 0 -120px;
}

.favourite a.fplus:hover {
background-position: 0 -160px;
}

.favourite a.fminus {
background-position: 0 -40px;
}

.favourite a.fminus:hover {
background-position: 0 -80px;
}

.favourite a, .favourite span {
font-size: 10px;
}

.favourite .flink {
float: right;
position: relative;
top: 15px;
left: -20px;
}

h1.fav {
background-image: url(/i/icon-book.png);
background-repeat: no-repeat;
background-position: 0 8px;
padding-left: 30px;
}

.print-only {
display: none;
}

.context-actions {
float:left;
position: relative;
top: -43px;
left: 10px;
}

.learning-box {
width: 143px;
padding: 21px 0 16px 16px;
}

.learning-box form {
padding-top: 10px;
}

.learning-box span {
color: silver;
cursor: pointer;
line-height: 19px;
padding-left: 17px;
}

.learning-icon {
display: inline-block;
height: 22px;
line-height: 22px;
padding-left: 38px;
background-image: url(/i/icon-learning.png);
background-repeat: no-repeat;
}

.learning-h1 {
background-position: 0 11px;
height: inherit;
line-height: inherit;
}

.learning-tabs {
margin:0 0 6px 0;
padding-top: 10px;
}

.learning-tabs li {
padding-bottom: 4px;
}

.plus-icon {
background-image: url(/i/icon-yesno.png);
background-repeat: no-repeat;
background-position: right -4px;
padding-right: 20px;
}

.tab-pre-screen {
width: 728px;
overflow-x: scroll;
}

/* wtyczka timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/* tquery */
.num-rows {
width: 40px;
}



#ga-sky-left {
width: 160px;
height: 600px;
margin: 20px 20px;
}

@media screen and (min-width:1280px){
	#ga-sky-left {
		position: absolute;
		width: 160px;
		height: 600px;
		margin: 0;

	}
}