body {
    margin      : 0px;
    font-family : Verdana, Helvetica;
    font-size   : 10px;
    color       : #000000;
    background-image    : url('images/tlo_bf3.gif');
}

a {
    color       : #433F36;
}

img {
    border      : 0px;
}

input,textarea {
    background-color: #E1D3B3;
    border      : 1px solid #000000;
    
    font-family : Verdana, Helvetica;
    font-size   : 12px;    
}

.button {
    background-color: #CABEA1;
}

.hide {
    display     : none;
}

div .clear {
    clear       : both;
}

/*
 * Layout
 */
 
div#container {
    margin      : 0px auto;
    padding     : 0px;
    width       : 991px;
}

div#top {
    margin      : 0px;
    padding     : 0px;
    width       : 989px;
    height      : 75px;
    border      : 1px solid #000000;
    border-top  : 0px;
    background-image    : url('images/backtop.gif');
    background-position : 50px 0px;
}

div#top .left {
    float       : left;
    height      : 75px;
}

div#top .right {
    float       : right;
    height      : 75px;    
}

div#left {
    margin      : 0px;
    padding     : 0px;
    width       : 113px;
    float       : left;
    border      : 1px solid #000000;
    border-top  : 0px;
    background-color    : #E1D3B3;
}

div#bar {
    height      : 12px;
    border      : 1px solid #000000;
    border-top  : 0px;
    border-left : 0px;
    background-color    : #B4A98F;
}

div#content {
    width       : 724px;
    float       : left;
}

div#right {
    width       : 149px;
    float       : right;
}

div#footer {
    clear       : both;
    text-align  : center;
    padding-top : 10px;
    padding-bottom: 10px;
}

/*
 * Menu
 */
 
div#menu ul {
    margin      : 0px;
    padding     : 0px;
}

div#menu li {
    list-style-type   : none;
}

div#menu .item {
    background-color: #E1D3B3;
}

div#menu .item:hover, div#menu .active {
    background-color: #B4A98F;
}

div#menu h2 {
    font-size   : 10px;
    font-weight : bold;
    height      : 19px;
    line-height : 19px;
    margin      : 2px;
    text-indent : 23px;
    border      : 1px solid #000000;
    border-left : 0px;
    border-right: 0px;
    background-position    : 2px 2px;
    background-color    : #B4A98F;
    background-image    : url('images/screwmenu.gif');
    background-repeat    : no-repeat;
}

div#menu a {
    padding     : 3px;
    display     : block;
    color       : #000000;
    text-decoration    : none;
}

div#center {
    width       : 876px;
    float       : right;
}

/*
 * Windows
 */

div .window1 {
    margin      : 7px 0px 0px 7px;
    border      : 1px solid #000000;
    background-color    : #E1D3B3;
    position    : relative;
}

div .window1 .header h3 {
    font-size   : 10px;
    color       : #FFFFFF;
    margin      : 0px 0px 0px 13px;
    padding     : 2px;
    background-color    : #000000;
    background-image    : url('images/screw.gif');
    background-repeat    : no-repeat;
    background-position    : 100% 1px;
}

div .window1 .header {
    background-image    : url('images/screw.gif');
    background-repeat    : no-repeat;
    background-position    : 0% 1px;
    background-color    : #000000;
}

div .window1 .content {
    padding     : 7px;
}

div .window1 .content p {
    margin     : 0px;
}

div .window1 .pager {
    padding-top : 10px;
    text-align  : center;
}

div .window1 .cmsPanel, div .window1 .cmsCommentPanel {
    position    : absolute;
    top         : 15px;
    right       : -1px;
    padding     : 3px;
    border      : 1px solid #000000;
    background-color:#FFCC33;
    z-index     : 999;
}

div .window1 .cmsCommentPanel {
    width       : 155px;
    right       : -164px;
    top         : 0px;
}

/*
 * News
 */

div .news {
    position    : relative;
}

div .news .cmsPanel {
    position    : absolute;
    top         : 25px;
    right       : 0px;
    padding     : 3px;
    border      : 1px solid #000000;
    background-color:#FFCC33;
}

div .news .content {
    padding     : 0px;
    clear       : both;
    text-align  : justify;
}

div .news .title .icon1 {
       float    : left;
}

div .news .title .icon2 {
       float    : right;
}

div .news .title h2 {
    width       : 520px;
    height      : 18px;
    line-height : 18px;
    font-size   : 10px;    
    margin      : 6px 0px 6px 0px;
    padding     : 0px 0px 0px 7px;
    float       : left;    
    border      : 1px solid #000000;
    border-left : 0px;
    border-right: 0px;
    background-color    : #B4A98F;    
}

div .news .title h2 a {
    color        : inherit;
    display        : block;
    text-decoration: none;
}

div .news .time {
    text-align  : right;
    float       : left;
    width       : 105px;
    height      : 18px;
    line-height : 18px;
    margin      : 6px 0px 6px 0px;
    padding     : 0px 5px 0px 0px;
    float       : left;    
    border      : 1px solid #000000;
    border-left : 0px;
    border-right: 0px;
    background-color    : #B4A98F;        
}

div .news .footer {
    padding-top : 10px;
    padding-bottom: 5px;
}

div .news .comments {
    float       : left;
}

div .news .author {
    float       : right;
}

div .news .source {
    color       : #777777;
    padding-bottom: 5px;
}

div .news .more {
    text-align  : right;
    font-weight : bold;
}

div .news .content p {
    margin-bottom: 5px;
}

/*
 * Comments
 */

div .comment {
    position    : relative;
}

div .comment .content {
    padding     : 0px;
    clear       : both;
    text-align  : justify;
}

div .comment .content .avatar {
    float       : left;
    padding     : 0px 5px 0px 0px;
}

div .comment .contentHidden {
    display     : none;
}

div .comment .title {
    height      : 18px;
    line-height : 18px;
    font-size   : 10px;    
    margin      : 6px 0px 6px 0px;
    padding     : 0px 7px 0px 7px;
    border      : 1px solid #000000;
    background-color    : #B4A98F;    
}

div .comment .author {
    float       : left;
    font-weight : bold;
}

div .comment .rate {
    float       : right;
    line-height : 24px;
    padding-right: 10px;
}

div .comment .rate .value {
    font-weight : bold;
    float       : left;
    line-height : 17px;
    padding-right: 5px;
}

div .comment .switchLink {
    float       : left;
    line-height : 17px;
    padding-right: 5px;
}

div .comment .time  {
    float       : right;
}


/*
 * OLD - DEPRECATED
 */
 
.bottomborder {
    border-color:#000000;
    border-style:solid;
    border-width:0 0 1px;
}

/* kolory strony:
 * -75%  #433F36
 * -50%  #706959
 * -30%  #9D947B
 * -20%  #B4A98F
 * -10%  #CABEA1
 * 0%    #E1D3B3
 * 10%   #F7E8C5
 */

/*
 * Standardowe wartosci
 */

table.innerinfo {
    background-color:    #CABEA1;
}

table.panel , table.menupanel  {
    border: #000000 1px solid;
    background-color: #e1d3b3
}


/*
 * Czarna obwódka
 */

.blackborder, table.innerinfo, img.hot {
    border:                1px;
    border-style:        solid;
    border-color:        #000000;
}

.bottomborder {
    border:                0px;
    border-bottom:        1px;
    border-style:        solid;
    border-color:        #000000;
}

.rightborder, table.infopanel {
    border:                0px;
    border-right:        1px;
    border-style:        solid;
    border-color:        #000000;
}

.leftborder {
    border:                0px;
    border-left:        1px;
    border-style:        solid;
    border-color:        #000000;
}

.menuborder, table.menupanel {
    border:                0px;
    border-bottom:        1px;
    border-right:        1px;
    border-left:        1px;
    border-style:        solid;
    border-color:        #000000;
}

table.info2panel {
    border:                0px;
    border-right:        1px;
    border-left:        1px;
    border-style:        solid;
    border-color:        #000000;
}
/*
 * Padding
 */


.panelpadding, .mainpanelpadding, .rightpanelpadding {
    padding:            7px;
}

.panelpadding {
    padding-right:        0px;
    padding-bottom:        0px;
    padding-left:        0px;
}

.mainpanelpadding {
    padding-top:        0px;
    padding-bottom:        0px;
}

.rightpanelpadding {
    padding-top:        0px;
    padding-bottom:        0px;
    padding-left:        0px;
    padding-right:        0px;
}

.fullpanelpadding {
    padding-top:        0px;
    padding-left:        0px;
    padding-right:        0px;
}


tr.menuItemOut a, tr.menuItemGrayedOut a, tr.menuItemDisabledOut a, tr.menuitemOver a, tr.menuitemOver a:hover{
    text-decoration: none;
    font-weight: normal;
    color: #000000;
}

tr.menuItemOut, tr.menuItemDisabledOut, tr.menuitemOver {
    height: 18px; 
}

tr.menuitemOver {
    background-color: #b4a98f;
}

tr.menuItemDisabledOut {
    color: #B4A98F;
}

tr.menulabel td {
    border-right: #000000 0px solid;
    border-top: #000000 1px solid;
    border-left: #000000 0px solid;
    border-bottom: #000000 1px solid;
    
    padding: 2px;
    font-weight: bold;
    background-color: #b4a98f
}

table.top {
    background-color: #e1d3b3
}

table.top td, td.top {
    border: 0px;
    border-bottom: 1px;
    border-style:solid;
    border-color: #000000;
}

td.top {
    background-color: #B4A98F;
}

table.panellabel tr{
    font-weight: bold;
    color: #ffffff;
    background-color: #000000
}

table.panellabel td {
    padding: 2px;
}


td.leftNews, td.leftComment {
    border: 1px;border-left:0px;border-right:0px;border-color: #000000;border-style: solid; vertical-align: middle;padding-left: 5px;
}

td.leftComment {
    border-left:1px;border-style: solid;
}

td.rightNews {
    border: 1px;border-left:0px;border-color: #000000;border-style: solid; vertical-align: middle;padding-right: 5px;
}

tr.news {
    background-color: #b4a98f;
}


.inputclass {
    color:                #000000;
    background-color:    #E1D3B3;
    font-family:        Verdana, Helvetica;
    font-size:            9pt;
    border-width:        1px;
    border-style:        solid;
    border-color:        #000000;
}

.inputclass2 {
    color:                #000000;
    background-color:    #B4A98F;
    font-family:        Verdana, Helvetica;
    font-size:            9pt;
    border-width:        1px;
    border-style:        solid;
    border-color:        #000000;
}

.inputerror {
    color:                #000000;
    background-color:    #E1D3B3;
    font-family:        Verdana, Helvetica;
    font-size:            9pt;
    border-width:        1px;
    border-style:        solid;
    border-color:        #FF0000;
}

.buttonclass {
    color:                #000000;
    background-color:    #CABEA1;
    font-family:        Verdana, Helvetica;
    font-size:            9pt;
    border-width:        1px;
    border-style:        solid;
    border-color:        #000000;
}

.tooltip {
    cursor: pointer;
}

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}

#tooltip h3, #tooltip div { 
    margin: 0;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }