body {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  background-color: #333;
  padding: 0px;
  margin: 10px;
}

table {
  border-collapse: collapse;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  border: 2px solid #83A839;
}

th, td {
  vertical-align: middle;
  padding: 8px;
}

p {
  width: 60em;
  text-align: justify;
}

.hmessage {
    color: #CC475B;
    /*text-decoration: underline;*/
}

.maintable th {
  background-color: #A0CE47;
}

.maintable .headercell a {
    color: #CC475B;
}


.maintable th, .maintable th a {
  color: #fff;
}
  
.maintable td {
  color: #43262A;
  background-color: #ECECEC;
}

.maintable td a {
  color: #000;
}

.maintable .alertrow th , .maintable .alertrow td, .maintable .alertrow th a {
  background-color: #CC475B;
  color: #C0CCAA;
}

.logocell, .miscrow, .pagesrow, .footer {
  text-align: center;
  white-space: nowrap;
}

.formcell .logocell {
  padding: 1px;
  border-bottom: 3px solid #f90;
}

/* Tabelka z formularzem (Z:, Do:, Godzina, Przycisk ) */
.formcell table {
  float: right;
  border: 1px solid #CC475B; 
/*  border: 1px solid #CCAAAF; */
}

.miscrow {
/*  border-top: 1px solid #CC475B; 
  border-bottom: 1px solid #CC475B; */
/*  border: 1px solid #CCAAAF; */
}



/* komorki tabeli z polami Z: i Do: */
.form11 , .form21, .formX3{
  border-right: 1px solid #CC475B; 
/*  border-right: 1px solid #CCAAAF; */
  text-align: right;
}

select, input {
    border: 1px solid #CCAAAF;
}

.form12 input, .form22 input {
    border: none;
}

.form11 select, .form21 select, .form11 input, .form21 input {
  width: 15em;
}

.formcell table td {
  vertical-align: middle;
}

td.formX4 {
  background-color: #CCAAAF;
  padding: 0px;
}

.footer {
  font-size: 10px;
  text-align: center;
}

.footer img {
  border: 0px;
}

.totaltimecell {
  text-align: right;
}

.timecell, .stopcell {
  text-align: center;
}

.intervalcell, .linecell {
  text-align: left;
}

th.intervalcell, th.totaltimecell, th.headercell, .pagesrow th {
/*  background-color: #CFA146;  */
  background-image: url(gfx/bar.png);
  background-repeat: repeat-x; 
}

table.navigate {
  /*border: 2px solid #f90; */
  border: none;
}
td.updown {
  background-color:#ff7777;
  border-top: 1px dashed #ffaaaa;
  border-right: 1px solid white;
  border-left: 1px solid white;
  text-align: center;
}
td.down {
  background-color:#66cc66;
  border-top: 1px dashed #aaccaa;
  border-right: 1px solid white;
  border-left: 1px solid white;
  text-align: center;
}
table.navigate a.navref {
  color: white;
}
td.up {
  background-color:#7777ff;
  border-top: 1px dashed #aaaaff;
  border-right: 1px solid white;
  border-left: 1px solid white;
  text-align: center;
}
td.updownB {
  background-color:#ff3333;
  border-top: 1px dashed #ffaaaa;
  border-right: 1px solid white;
  border-left: 1px solid white;
  text-align: center;
}
td.downB {
  background-color:#22cc22;
  border-top: 1px dashed #88cc88;
  border-right: 1px solid white;
  border-left: 1px solid white;
  text-align: center;
}

td.upB {
  background-color:#3333ff;
  border-top: 1px dashed #aaaaff;
  border-right: 1px solid white;
  border-left: 1px solid white;
  text-align: center;
}


span.extr_down {
    background-color: #f00; 
    color: #000; 
    border: 1px solid #000;
}
	      	  
span.extr_working {
    background-color: #ff0; 
    color: #000; 
    border: 1px solid #000;
}
	          
span.extr_sleeping {
    background-color: #0f0; 
    color: #000; 
    border: 1px solid #000;
}

div.banners {
  text-align: center;
}