@import url("./searchBox.css");

body {
  margin: 0;
  padding: 0;
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
  background-color: #FFFFFF;
}

p {
  text-align: justify;
}

table {
  font-size: 10pt;
}

table.cenik {
  border: 1px solid #808080;
  border-collapse: collapse;
}

table.cenik td {
  padding: 2px 8px;
  border: 1px solid #A0A0A0;
}



#topbar {
  clear: both;
  background-color: #D4D0C8;
  border: 1px outset #FFFFFF;
  padding: 4px 16px;
}

#topbar {
  margin: 0;
}

#header {
  background: url('header_bg.jpg') no-repeat #1B7884;
  height: 100px;
  border-bottom: 1px solid #808080;
}

#login {
  float: right;
  padding: 8px 16px 0 0;
  color: #5697A6;
  text-align: right;
  font-size: 13px;
}

#login form {
  margin: 0;
  padding: 0;
}

#login legend {
  display: none;
}

#login fieldset {
  border: none;
}

#login table {
  border-spacing: 0;
  border-collapse: collapse;
}

#login th {
  color: #5697A6;
  text-align: right;
  font-weight: bolder;
  font-size: 12px;
  vertical-align: middle;
  padding-right: 4px;
}

#login .key {
  padding: 4px 0 0 4px;
}

#login td {
  padding: 0;
  text-align: left;
  vertical-align: middle;
}

#login a {
  color: #FFFFFF;
  text-decoration: none;
}

#login a:hover {
  text-decoration: underline;
}

h1 {
  width: 447px;
  padding: 6px 0 0 16px;
  margin: 0;
  float: left;
}

h1 a {
  display: block;
  background: url('logo.png') no-repeat;
  height: 89px;
  text-decoration: none;
}

h1 a:hover {
  text-decoration: none;
}

h1 span {
  visibility: hidden;
}

.tasks td {
  vertical-align: top;
}

.progress {
  font-weight: bolder;
}

.pgbar {
  height: 26px;
}

.pgbar_frame {
  position: absolute;
  width: 400px;
  height: 8px;
  border: 1px solid #808080;
}

.pgbar_fill {
  position: absolute;
  height: 100%;
  background-color: #8BC27C;
}

.pgbar_text {
  width: 100%;
  text-align: center;
  font-size: 9px;
  padding-top: 12px;
  font-weight: normal;
}

.cleaner {
  clear: both;
}

#page {
  padding: 24px 32px;
  font-size: 13px;
  margin-top: 133px;
}

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

a:hover {
  text-decoration: underline;
}

fieldset {
  border: 1px solid #E0E0E0;
  padding: 8px 16px;
}

legend {
  font-weight: bolder;
  color: #404040;
}

.edit {
  background-color: #FFFFFF;
  border: 1px solid #404040;
}

#navig {
  float: left;
  width: 70px;
  height: 20px;
}

#navig img {
  position: absolute;
  margin-top: -4px;
  border: none;
}

#search form {
  padding: 0;
  margin: 0;
}

#search {
  float: right;
  margin-right: 42px;
}

#search .btn {
  position: absolute;
  margin-top: -8px;
  margin-left: -12px;
}

#top {
  position: fixed;
  width: 100%;
  min-width: 780px;
  top: 0;
}

#location {
  float: left;
}

#location .inner {
  border: 1px inset #FFFFFF;
  padding: 2px 4px;
  font-size: 12px; 
  color: #000000;
  width: 460px;
}

.flist th {
  white-space: nowrap;
  text-align: right;
  vertical-align: top;
  padding: 6px 8px 6px 0;
  font-weight: bolder;
  color: #404040;
}

.btns {
  margin-top: 16px;
}

.btns .btn {
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
  padding: 2px 16px;
  cursor: pointer;
}

.btns .btn:hover {
  background-color: #E0E0E0;
}

#menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#menu li {
  float: left;
  position: relative;
}



#menu li.show ul {
  visibility: visible;
  z-index: 5;
}

#menu ul {
  position: absolute;
  z-index: 5;
  visibility: hidden;
  border: 1px solid #404040;
  margin: 4px 0 0 0;
  padding: 0;
  background-color: #D4D0C8;
  list-style-type: none;
  white-space: nowrap;
}

#menu ul li a {
  background-position: 4px center;
  background-repeat: no-repeat;
  border: none;
  padding: 2px 4px 2px 26px;
  display: block;
  text-decoration: none;
  color: #000000;
}

#menu div.arrow {
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
  height: 17px;
  background: url('arrow.png') no-repeat center center;
  cursor: pointer;
}

#menu ul li a:hover {
  color: #FFFFFF;
  background-color: #000080;
  border: none;
}

#menu ul li {
  float: none;
}

#menu>li {
  border: 1px solid #D4D0C8;
}

#menu>li:hover {
  border: 1px outset #FFFFFF;
  background: url('arrow_hover.png') no-repeat right center;
}

#menu>li>a {
  display: block;
  line-height: 1.1;
  padding: 2px 17px 2px 3px;
  color: #000000;
  text-decoration: none;
  
}

#menu>li.last>a {
  background: transparent;
  padding: 2px 3px;
}

#menu>li.last:hover {
  background: transparent;
}

#footer {
  color: #808080;
  margin: 0 auto;
  text-align: right;
}

#footer a {
  color: #808080;
  font-weight: normal;
}

.statusbar {
  border: 1px outset #404040;
  padding: 2px 16px;
  background-color: #F0F0F0;
  margin: 8px 0;
  color: #404040;
}

.tasks td {
  padding-right: 16px;
}

#elapsed {
  font-style: italic;
}

.wordlist {
  border-bottom: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 12px;
  margin-right: 32px;
  margin-bottom: 16px;
  float: left;
  text-transform: uppercase;
  cursor: default;
}

.wordlist .editor {
  font-family: 'Courier New', courier, monospace;
  text-transform: uppercase;
}


.wordlist .wctrl {
  text-align: right;
}

.wordlist .wctrl a {
  font-size: 11px;
  color: #0000FF;
  font-weight: normal;
}

.wordlist td {
  padding: 1px 8px;
}

.wordlist .word td {
  border-top: 1px solid #808080;
  background-color: #E0E0E0;
  padding: 4px 8px;
  font-size: 120%;
}

.wordlist .word td.first {
  border-top: none;
}

.wordlist .word {
  font-weight: bolder;
}

.wordlist .clue {
  padding-left: 16px;
}

.wordlist span.diff {
  color: #808080;
}

.wordlist .clues td {
  border-top: 1px solid #C0C0C0;
}

.wordlist td.diff span {
  float: left;
  width: 24px;
  text-align: center;
}

.wordlist img {
  border: none;
}

.wordlist td.cwd8d {
  font-size: 11px;
  font-weight: normal;
  color: #808080;
  text-transform: none;
  padding-left: 24px;
}

.wordlist .deleted {
  text-decoration: line-through;
  color: #808080;
}

.wordlist button {
  padding: 0;
}

.message {
  border: 1px solid #800000;
  padding: 1ex 2em;
  background-color: #FAD6D6;
  margin: 1ex 0;
}

.tabulka td {
  padding: 2px 8px;
  border: 1px solid #C0C0C0;
}

.tabulka {
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #C0C0C0;
}

.tabulka thead th {
  padding: 2px 8px;
  text-align: left;
  background-color: #E0E0E0;
}

.loptions {
  width: 180px;
  float: left;
}

.loptions ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.loptions ul li {
  padding: 0;
}

.options {
  margin-left: 220px;
}

.opts {
  list-style-type: none;
  padding: 0;
}

.opts li {
  background-repeat: no-repeat;
  background-position: top left;
  padding: 0 0 0 24px;
  margin: 12px 0;
}

.form_err {
  color: #C00000;
  margin-left: 1em;
}

.ie6 {
  border: 1px solid #800000;
  background-color: #FFE0E0;
  text-align: center;
}

.ie6 strong {
  font-size: 150%;
}

.search {
  margin-bottom: 16px;
}

.ico_download {background-image: url('download.png');}
.ico_import {background-image: url('import.png');}
.ico_check {background-image: url('eye.png');}
.ico_edit {background-image: url('../imgs/pencil.png');}