/* tr.bar { position: fixed; top: 2px; } */

body  { margin-top: 100px; font-family: sans-serif; }
body.index  { margin-top: 190px; }
table { border: 0px; padding: 0px; }

a { text-decoration: none; color: blue; }
a:hover { text-decoration: underline; color: blue; }


img   { margin: 2px; }
img   { border: 0; }
img.n { margin: 0px; }

ul, ol    { margin: 0; padding: 0 0 0 1.3em; }

ul { list-style-type: square; }

img.top  { margin: 3px;  background-color: #eee; border: 1px solid black; padding: 2px; }
.top     { position: absolute; top: 0px; }
div.top  { width: 100%; margin: 0 0px; text-align: center; }
div.top h1 { background: blue; padding: 5px;  border-bottom: 5px solid red; color: white; width: 240px;  margin-top: 30px; text-align: center; }

.gray { color: gray; }
a.gray { color: #88f; }

.imp, .mark, .ja { border: solid; border-width: 1px 1px 1px 3px; padding: 0 2px 2px 2px; margin-bottom: 1px;}
.imp { border-color: red; background-color: #ffdbdb; }
.mark { border-color: green; background-color: #dbffdb; }
.warn { border-left: solid 1px #f44; padding: 0 0px 0px 4px; }
.ja { border-color: gray; background-color: #eee; }
.green { border: gray 2px solid; padding: 5px 16px 5px 16px; background-color: #ffffdb; }

.zmiany { font-style: italic; color: gray; font-size: smaller; float: right; margin: 2px; padding: 2px; border: 1px dashed #f99;  }

.greyed { color: #777; }
.greyed a { color: #77f; }

img.inline { margin: 0; vertical-align: bottom; }