/* 
    Cała strona
*/

body {
  min-width: 800px !important;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-style: normal;
  color: black;
  background: white;
  padding: 0;
 }

a {
  text-decoration: none;
  border: 0;
  color: #0000CF;
 }
 .cont a:hover {
   text-decoration: underline;
 }

img {
 border:0;
 margin-top: 0;
 margin-bottom: 0;
 }

/*
    Banner
*/

table.outer {
  margin: 5px;
  background-image: url("./panel/cc.png");
  background-color: #ffffbb;
  border: 2px solid #ffcc11;
}

table.outer td {
  vertical-align: top;
}

tr.title {
  background-color: #ffffbb;
  x-background-color: #f5f5ec;
}

table.outer td.title {
  vertical-align: middle;
}

td.title h1 {
  text-align: center;
  margin: 5px;
  font-size: x-large;
  font-family: Verdana, Tahoma, sans-serif;
  color: #b55005;
}

td.title p {
  text-align: center;
  margin: 2px;
  font-size: small;
  font-family: Verdana, Tahoma, sans-serif;
  color: #b55005;
}

td.submenu {
  background-image: url("./panel/mm.png");
  background-color: #ffffbb;
}

td.logo {
  width: 200px;
  background-image: url("./panel/bmn.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  border-right: 2px solid #ffffbb;
}

td.logo img {
  width: 160px;
  height: 125px;
  margin-left: 10px;
}

/* 
    Menu główne
*/

tr.menu {
  height: 28px;
  background-color: #ffcc11;
}

td.menu {
  background-color: #ffcc11;
}

tr.footer {
  background-color: #ffffbb;
}

div.menu {
  float: left;
  text-align: center;
  height: 28px;
  padding: 0;
  margin: 0;
  font-family: Verdana, Tahoma, sans-serif;
  font-weight: normal;
  border-right: 2px solid #ffffbb;
}

div.menu a {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
}

div.menu a:link, div.menu a:visited {
  color: #731;
  background-color: #ffcc11;
}

div.menu a:hover {
  color: #ffcc11;
  background-color: #b51;
}

/*
    Menu boczne
*/

div.submenu {
  float: left;
  width: 190px;
  margin: 10px 2px;
  padding: 2px;
  background: transparent;
}

div.smenu, div.ssmenu{
  text-align: left;
  padding: 0;
  margin: 0;
  font-family: Verdana, Tahoma, sans-serif;
  font-weight: normal;
}

div.smenu a {
  margin: 0;
  display: block;
  padding: 2px 3px 2px 10px;
  text-decoration: none;
}

div.ssmenu a {
  margin: 0;
  display: block;
  padding: 1px 3px 1px 20px;
  text-decoration: none;
  font-size: 90%;
}

div.smenu a:link, div.smenu a:visited, div.ssmenu a:link, div.ssmenu a:visited {
  margin: 0;
  color: #731;
}

div.smenu a:hover, div.ssmenu a:hover {
  margin: 0;
  color: #ffcc11;
  background-color: #b51;
}

div.fbmenu a, div.fbmenu a:link, div.fbmenu a:visited, div.fbmenu a:hover {
  margin: 0;
  display: block;
  padding: 2px 3px 2px 10px;
  text-decoration: none;
}

/*
    Stopka
*/

p.footer {
  text-align: center;
  padding: 3px 10px;
  margin: 0px;
  color: #ffcc22;
  font-size: 80%;
  border-top: 1px solid #ffcc11;
}

p.footer a:link, p.footer a:visited, p.footer a:hover {
  text-decoration: none;
  color: #ffaa11;
}

/*
    Zawartość
*/

div.cont {
  min-height: 800px !important;
  width: 98%;
  float: left;
  margin: 2px;
  padding: 2px;
}

h1, h2, h3 {
 text-align: left;
 margin: 10px 10px;
 }
h4, h5, h6 {
 text-align: left;
 margin: 5px 10px;
 }
h1, h2, h3, h4 { color: #005A9C; }
h1 { font: 170% sans-serif }
h2 { font: 140% sans-serif }
h3 { font: 120% sans-serif }
h4 { font: 105% sans-serif }

h3.bulls, h4.bulls {
  text-indent: -15px;
  margin-left: 30px;
}

h4.menu {
  padding: 2px 2px;
  border-top: 2px dotted #ccc;
  border-bottom: 2px dotted #ccc;
  background-color: #ffffbb;
}

.sea {
  color: #005A9C;
}
.err, .red, .mar {
  color: #d00000;
}
.conf, .teal {
  color: teal;
}
.gray {
  color: gray;
}
.black {
  color: black;
}
.fs110 {
  font-size: 110%;
}
.fs90 {
  font-size: 90%;
}
.r {
  text-align: right;
}

p {
  text-align: left;
  margin: 8px 10px;
  color: black;
 }

p.inv {
  margin: 10px 0px;
  padding: 2px 10px;
  background-color: #ffffbb;
  color: #773311;
}
p.cite {
  font-style: italic;
}
p.citeauth {
  x-font-style: italic;
  font-size: 90%;
  padding-left: 40px;
}
p.picture, p.img, h2.img {
  text-align: center;
}

p.dots {
  padding-bottom: 5px;
  border-bottom: 2px dotted #bbbbbb;
}

p.more {
  text-align: right;
  color: black;
  padding-bottom: 5px;
  border-bottom: 2px dotted #ffcc11;
}
p.more * {
  color: #773311;
}
p.more a:hover {
  color: #005a9c;
}

p.less {
  text-align: right;
  color: gray;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 2px dotted #bbbbbb;
  border-bottom: 2px dotted #ffcc11;
}
p.less * {
  color: #773311;
}
p.less a:hover {
  color: #005a9c;
}


ol li {
  margin: 0px 0px 10px 30px;
  padding: 0px;
  x-border: 1px dashed green;
}
ol, li {
 text-align: left;
 color: black;
 }
div.cont ol {
  margin: 10px 10px 0px;
  padding: 0px;
  x-border: 1px dotted navy;
}

div.cont ol.cont {
  margin-top: 0px;
}
div.cont ol.cont li.cont {
  margin-top: 2px;
  margin-bottom: 0px;
}

p.tc {
 color:#00009F;
 x-background: #E7F7FF;
 }

div.cont form {
  margin: 10px;
}

div.cont td, div.cont fieldset {
  /* TEMP */
  /*padding: 5px;*/
  padding: 3px 5px;
  color: navy;
}
div.cont td.mr {
  vertical-align: middle;
}
div.cont p.sub, div.cont span.sub {
  color:#005A9C;
  font-weight:bold;
  font-style: italic;
}

form legend {
  padding: 2px 10px;
  margin: 0 0px;
  color: #773311;
  font-size: medium;
}
fieldset {
  margin-bottom: 5px;
  x-border: 1px solid teal;
  border-radius: 8px;
}

div.post {
  margin: 5px 10px;
  border: 1px solid #ffee99;
  border-radius: 8px;
  background-color: #fdffd9;
}
div.text {
  margin: 5px 10px;
  border: 1px solid #ffee99;
  border-radius: 8px;
  background-color: white;
}

div.box {
  text-align: center;
}
div.btn {
  display: inline-block;
  padding: 3px 20px;
  margin: 5px 20px;
  color: #773311;
  font-size: 125%; 
  border: 2px solid #773311;
  border-radius: 8px;
  background-color: #ffffbb;
  cursor: pointer;
}
span.next {
  display: inline-block;
  padding: 0px 10px;
  margin: 0px 10px;
  color: #773311;
  border: 2px solid #773311;
  border-radius: 8px;
  background-color: #ffffbb;
  cursor: pointer;
}
div.hover, span.hover {
  color: #ffffbb;
  background-color: #773311;  
}


/* Administrator */

table.adm {
  margin: 0px 10px;
  border-collapse: collapse;
}
table.adm tr {
  border-top: 1px dotted steelblue;
  border-bottom: 1px dotted steelblue;
}
table.adm td, table.adm th {
  margin: 0px;
  padding: 2px 6px;
}
table.adm tr.on td, table.adm tr.on th {
  xcolor: teal;
}
table.adm tr.off td, table.adm tr.off th {
  color: gray;
}

tr.opened td {
  color: maroon;
}
tr.closed td {
  color: gray;
}

table.compact {
  margin: 0px 10px;
  border-collapse: collapse;
}
table.compact tr {
  border-top: 1px dotted steelblue;
  border-bottom: 1px dotted steelblue;
}
table.compact td {
  margin: 0;
  padding: 2px 5px;
  xcolor: black;
}
table.compact td.sea {
  color: teal;
}
table.compact td.err {
  color: maroon;
}
table.compact td.gray {
  color: gray;
}
table.compact tr.sea td {
  color: teal;
}
table.compact tr.err td {
  color: maroon;
}
table.compact tr.gray td {
  color: gray;
}
table.compact th {
  margin: 0;
  padding: 2px 5px;
  text-align: left;
  color: #005A9C;
}
table.compact tr.nofr {
  border-top: 0px;
  border-bottom: 0px;
}
table.compact th.fr, table.compact td.fr {
  border-bottom: 1px dotted steelblue;
}

table.mid {
  margin: 0px 10px;
  border-collapse: collapse;
}
table.mid tr {
  border-top: 1px dotted steelblue;
  border-bottom: 1px dotted steelblue;
}
table.mid td {
  margin: 0;
  padding: 4px 8px;
  vertical-align: middle;
}
table.mid th {
  font: 120% sans-serif;
  xfont-weight: bold;
  margin: 0;
  padding: 4px 8px;
  text-align: left;
  color: #005A9C;
  vertical-align: middle;
}
table.mid a:hover {
  text-decoration: underline;
}
table.mid .sea,  .sea a {
  color: #005A9C;
}
table.mid .gray, .gray a {
  color: gray;
}
table.mid .err, .err a {
  color: #d00000;
}

/* Robocze */

.pool input:checked + label {
  font-weight: bold;
  color: darkblue;
}

div.pmenu {
  float: left;
  text-align: center;
  height: 28px;
  padding: 0;
  margin: 0;
  font-family: Verdana, Tahoma, sans-serif;
  font-weight: normal;
  border-right: 2px solid #ffffbb;
}

div.pmenu a {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
}

div.pmenu a:link, div.pmenu a:visited {
  color: #731;
  background-color: #ffee88;
}

div.pmenu a:hover {
  color: #ffcc11;
  background-color: #b51;
}

x-div.cont  {
  border: 1px dotted gray;
}
x-div.submenu * {
  border: 1px dotted gray;
}
x-div.cont form p {
  border: 1px dotted maroon;
}