

/* KELL: Mindennek az alapja */
body
{
  background-color: #C0C0C0;
  color: #000000;
  background-image: url('/tlwww/backgr.gif');
  background-repeat: repeat;
  /* font betutipus es sorszelesseg allitasa */
  /* font-family: Sans-Serif, Arial; */ /* 1633 */
  /* line-height: 1.4; */               /* 1633 */
}

/* KELL: invisible */
.invisible
{
  display: none;
}

/* KELL: invisible */
.pointer
{
  cursor: pointer;
}

/* KELL: gombok csinositasa  1633 */
button,input[type=button],input[type=submit],input[type=reset]
{
/*
    background-color: lightblue;
    border: 1px solid blue;
    color: black;
    padding: 1px 6px;
    border-radius: 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin: 4px 2px;
    cursor: pointer;
*/
}

/* KELL: gomb arnyekolas/szinezese: eger van folotte+aktiv  1633 */
input[type=button]:hover:enabled,button:hover:enabled,input[type=submit]:hover:enabled,input[type=reset]:hover:enabled
{
/*
  border: 1px solid red;
  background-color: white;
  box-shadow: 0 4px 12px 0 rgba(0,0,0,0.24),0 10px 10px 0 rgba(0,0,0,0.19);
  transition: background-color 1s;
*/
}

/* KELL: gomb szinezese: nem aktiv  1633 */
input[type=button]:disabled,button:disabled,input[type=submit]:disabled,input[type=reset]:disabled
{
/*  background-color: #aaa; */
}

/* KELL: gomb: aktiv - klikkeltek rajta - kicsit lejjebb megy 1634 */
input[type=button]:active,button:active,input[type=submit]:active,input[type=reset]:active
{
/*
   transform: translateY(2px);
*/
}

/* KELL: kereseshez a tablazatok kinezete */
table.kertab {
  border-width: 5px;
  border-spacing: 5px;
  border-style: outset;
  border-color: gray;
  border-collapse: collapse;
  background-color:#7f9abc;
}

/* KELL: kereseshez a tablazatok kinezete */
table.kertab td {
    border-width: 3px;
    padding: 5px;
    border-style: inset;
    border-color: gray;
}

/* KELL: kereseshez a tablazatok kinezete */
table.kertab th {
   color:black;
   font-weight:bold;
   font-size:125%;
   background-color:#6e89ab;
}

/* KELL: fulek.htm lap elejen jelenik meg */
.lapeleje
{
  background-color:#A1B204;
  color:#123456;
  width:80%;
}

/* KELL: cookie hasznalatahoz a hozzajarulas */
.cookiewarn
{
  background-color:#e0e0e0;
  color:#000000;
  margin: 0px;
  padding: 5px;
  border: 2px solid black;
  position:relative;
  z-index:10;
  font-family: Arial,Sans-Serif;
  display: none;
}

/* KELL: fulek.htm lapon a konyvtar neve+honlapja */
.kvtnev
{
  background-color:#A1Bf44;
  color:#123411;
  width:90%;
}

/* KELL: ETO jelzet tablazat fejlece */
.etohead
{
    background-color: #c0d0f0;
    font-weight:bold;
}

/* KELL: ETO kereso tablazat fejlece */
.etosearch
{
    background-color: #a1a1a1;
    font-weight:bold;
}

/* KELL: ETO kereso sor */
.etodata
{
    background-color: #e7e7e7;
}

/* KELL: rendezesi kulcsok elott irjuk ki */
.rendnev {
  padding: 1px;
}

/* KELL: a kiirt rendezesi kulcsok */
.rendkulcs {
  padding: 1px;
}

/* KELL: normal/reszletes listaban az egyes rekordok */
.rekord
{
  background-color:#b5b5b5;
  border-width: 3px;
  border-spacing: 3px;
  border-style: outset;
  border-color: gray;
  width:100%;
}

/* KELL: fulek.htm lap vegen jelenik meg */
.lapvege
{
  background-color:#A1B944;
  color:#654321;
}

/* KELL: Ez DIV, a konyvtar logoja, minden lapon */
.logo
{
  position: absolute;
  z-index: 1;
  background-image: url('/tlwww/kislogo.gif');
  background-repeat: no-repeat;
  background-position: right top;
  border: none;
  right: 5px;
  top: 5px;
  /* Ha ralog a logo a gombokra, akkor a gomb nem hasznalhato */
  height: 150px;
  width: 200px;
  /* ie9, chrome - ralogo logo se baj */
  pointer-events: none;
}

/* KELL: talalati lista sorszam */
span.sorszam
{
   display: inline-block;
   text-align:right;
   font-weight:bold;
   margin-right:2px;
   margin-left:0px;
   width:5ch;
}

/* KELL: zaszlo ikon merete, kinezete  1633 */
img.zaszlo
{
   cursor:pointer;
   margin-left: 4px;
   height: 16px;
   width: auto;
   border-radius: 5px;
}

/* KELL: zaszlo ikon : hover  1633 */
img.zaszlo:hover
{
   /* Ha kell arnyekolas, mikor az eger fole megy... */
/* box-shadow: 0 4px 12px 0 rgba(0,0,0,0.24),0 10px 10px 0 rgba(0,0,0,0.19);*/
}

/* KELL: hordozo ikon */
img.hordozo
{
    vertical-align: middle;
    margin-left:2px;
    margin-right:2px;
    width:18px;
    height:20px;
}

/* KELL: hordozo szoveg */
span.hordozo
{
    font-weight: bold;
    color: #606060;
    margin-left:4px;
    margin-right:4px;
}

/* KELL: 'folyamatban...' kiiras szine */
.proc
{
  color: red;
  background-color: yellow;
  text-decoration: blink;
}

/* KELL: egyszeru kereses hibak */
.err
{
  color: red;
  background-color: yellow;
  width: 500px;
}

/* KELL: hibajelzes - pl. TLWWW nem mukodik */
#tlwwwerr
{
  color: red;
  background-color: yellow;
  padding: 15px 4px 15px 4px;
  width: 90%;
  text-align: center;
  font-weight: 700;
  font-size: 125%;
}

/* KELL: DIV, minden mas, ami nem logo, minden lapon */
.adat
{
  margin-top: 5px;
  margin-left: 0px;
  z-index: 3;
  width: 98%;
}

/* KELL: Head-ben a szoveg tulajsonsagai, es szelessege */
.headtxt
{
  width: 280px;
  font-weight: bold;
  font-size: 140%;
  text-align: center;
  background-color:#7f9abc;
  box-shadow: 0 4px 12px 0 rgba(0,0,0,0.24),0 10px 10px 0 rgba(0,0,0,0.19);
}

/* KELL: A cimsor a [Vissza] es [Masik kereses] gombokkal */
.head
{
  text-align: center;
  margin-top: 5px;
  margin-left: 5px;
}

/* KELL: Az [Elso] [Elozo] ... gombok sora */
.gombok
{
  background-color: #c3c3c3;
  text-align: left;
  margin-top:  6px;
  margin-left: 5px;
  width: 66%;
}

/* KELL: Minden adatot egybefogo tablazat, a tobbi ennek resze */
.oldal
{
  margin-left: 5px;
  margin-top: 5px;
  background-color: #c3c3c3;
  width: auto;
}

/* KELL: Olvaso adatmodositas oldala */
.usermod
{
  margin-top: 10px;
  margin-left: 0px;
  border-spacing: 5px;
  border: blue 4px dotted;
  background-color: #c4d1F6;
  width: 98%;
}

/* KELL: Mi volt a keresett, hany talalat stb. */
.info
{
  text-align:left;
  margin-left: 5px;
  margin-top: 5px;
  width: 98%;
}

/* KELL: konyv/alkoto/stb. adatai a bal oldalon */
.adatok
{
  margin: 5px;
  width: 98%;
}

/* KELL: adatok mellett jobbra a linkek resz */
.net
{
border-width: 1px;
border-style: solid;
border-color: #000000;
border-collapse: collapse;
width:100%;
}

/* KELL: net tablazat header */
.net th
{
text-align:left;
background-color: #c0d0E0;
border-width: 2px;
border-style: solid;
border-color: #000000;
border-collapse: collapse;
}

/* KELL: dok oldalon a peldany tablazat */
.pldtbl
{
border-width: 1px;
border-style: solid;
border-color: #000000;
border-collapse: collapse;
}

/* KELL: peldany tabla header */
.pldtbl th
{
text-align:left;
background-color: #c0d0E0;
border-width: 2px;
border-style: solid;
border-color: #000000;
border-collapse: collapse;
}

/* KELL: adatok mellett jobbra a .net alatt a kepek */
.kepek
{
  width: 256px;
}

/* KELL: normal/reszletes listaban a kepek-div */
.lkepek
{
  width: 100px;
  max-height: 130px;
  text-align: right;
}

/* KELL: kereses utan a talalatok listaja */
.talalat
{
  margin-left: 5px;
  margin-top: 15px;
  text-align: left;
  width: 98%;
}

/* KELL: Bongeszesnel az indexkulcsok listaja */
.exp
{
  margin-left: 5px;
  margin-top: 5px;
  width: 98%;
}

/* KELL: Peldany adatok oldalon az adatok  */
.pld
{
  margin: 15px;
  width: 70%;
}

/* KELL: dokumentumok/peldanyok osszefoglalo dok. oldal vegen */
.dokstat
{
  margin: 15px;
  width: 98%;
}

/* KELL: peldany info a talalatoknal */
.pldinfo
{
  font-weight: bold;
}

/* KELL: olvasoi allapot ablakban az adatok */
.olvstat
{
  background-color: aqua;
  color: black;
  width: 98%;
}

/* KELL: olv.allapot tablazat fejlecek */
.olvstathead {
    font-size: 125%;
    padding: 5px;
    text-align: center;
    background-color: #C3C3ff;
  }

/* KELL: olv.allapot - konyvtar/fiok nevek */
.olvstatlib {
    padding: 2px;
    text-align: left;
    background-color: lightblue;
  }

/* KELL: konyvtarkozi keres form */
.kkozi
{
  background-color: aqua;
  color: black;
  width: 99% ;
}

/* KELL: lapok aljan a tulajdonos/infoker kiiras */
.tulaj
{
  background-color: #c3c3c3;
  color: black;
  width: 100%;
  margin-top: 10px;
}

/* KELL: readonly mezok olvasoi adatmodositasban */
.rdonly
{
  background-color: aqua;
}

/* KELL: chat ablakban a tablazat */
.chat_table
{
  background-color:#aaa;    color:black;
  font-family: sans-serif;  font-weight:600;
  width:800px;              height: 40px;
  padding:0px;              border: 1px solid #666;
}

/* KELL: chat ablak belseje */
.chat_div
{
  width: 800px;             height: 400px;
  overflow: auto;
  border: 1px solid #666;
  background-color: #ccc;
  padding: 0px;
}

/* KELL: konyvtaros altal irt szovegek tulajdonsagai */
.chat_span_konyvtaros
{
  color:blue;
}

/* KELL: olvaso altal irt szovegek tulajdonsagai */
.chat_span_olvaso
{
  color:black;
}

/* KELL: Chat kuldes gomb tulajdonsagai */
.chat_submit
{
  border: 1px solid #006;   background: #ccf;
}

/* KELL: Help DIVek tulajdonsagai */
.help
{
   text-align: left;
   margin-left: 5px;
   margin-right: 5px;
   margin-top: 5px;
   margin-bottom: 5px;
   background-color: #cdf;
   font-size: 125%;
   padding: 5px;
}

/* KELL: fulekhez */
.tabberlive .tabbertabhide
{
  display:none;
}

/* KELL: fulekhez */
.tabber
{
}

/* KELL: fulekhez */
.tabberlive
{
  margin-top:1em;
}

/* KELL: fulekhez */
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: 12px bold Verdana, sans-serif;
}

/* KELL: fulekhez */
ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

/* KELL: fulekhez */
ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

/* KELL: fulekhez */
ul.tabbernav li a:link
{
  color: #448;
}

/* KELL: fulekhez */
ul.tabbernav li a:visited
{
  color: #667;
}

/* KELL: fulekhez */
ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

/* KELL: fulekhez */
ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

/* KELL: fulekhez */
ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/* KELL: fulekhez */
.tabberlive .tabbertab
{
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
}

/* KELL: fulekhez. If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2
{
 display:none;
}

/* KELL: egyszeru kereses tlwww-ben */
.simpleresults
{
margin-top: 20px;
margin-bottom: 20px;
width: 500px;
}

/* KELL: egyszeru kereses tlwww-ben */
.simpleresults th
{
text-align: left;
font-size: 18px;
font-weight: bold;
color: white;
background-color: #7d7d7d;
margin: 10px;
padding: 5px;
}

/* KELL: egyszeru kereses tlwww-ben */
.simpleresults table
{
border: 1px solid #e0e0e0;
border-collapse: collapse;
width: 100%;
}

/* KELL: egyszeru kereses tlwww-ben */
.simpleresults .even
{
background-color: #efefef;
margin: 5px;
padding: 5px;
}

/* KELL: egyszeru kereses tlwww-ben */
.simpleresults .odd
{
background-color: #e4e4e4;
margin: 20px;
padding: 20px;
}

/* KELL: egyszeru kereses tlwww-ben */
.simpleresults .name
{
width: 70%;
color: black;
white-space: nowrap;
margin: 5px;
padding: 5px;
}

/* KELL: egyszeru kereses tlwww-ben */
.simpleresults .value
{
width: 30%;
color: black;
white-space: nowrap;
margin: 5px;
padding: 5px;
}

/* KELL: egyszeru kereses tlwww-ben */
.simpleresults caption
{
border: none;
/* background-color: #5395d0; */
/* color: white; */
font-size: 16px;
padding: 10px;
}

/* KELL: megjeleno informaciok cimsora */
.imgtooltip
{
    vertical-align: middle;
    border: 0;
}

/* KELL: megjeleno informaciok */
.tooltipdiv
{
    display: inline;
    position: absolute;
    width: auto;
    background-color: #EFFCF0;
    border: solid 1px black;
    padding: 3px;
}

/* KELL: csoportositas divje */
.group
{
    background-color: #c0d0f0;
    margin-bottom: 8px;
    border: 1px solid gray;
}

/* KELL: csoportositas divje */
.group1
{
    margin-bottom: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
}

/* KELL: rendezesi kulcsok divje */
.rendezes
{
    padding: 2px;
    margin: 0px;
    background-color: #8faabc;
}

/* KELL: rekord normal/reszletes megjelenitese */
.rekorddiv
{
    margin: 2px;
    padding: 2px;
}

/* KELL: rekord listas megjelenitese */
.rekordlist
{
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 2px;
    margin-right: 2px;
    text-indent: -75px;
    padding-left: 75px;
}

/* KELL: kozepre keruljenek az ikonok */
.formtip
{
    vertical-align: middle;
}

/* KELL: kozepre a kis kepek */
.imgsmall
{
    vertical-align: middle;
}

/* KELL: greybox kep megjelenito (boritok) */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

/* KELL: greybox kep megjelenito (boritok) */
#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

/* KELL: greybox kep megjelenito (boritok) */
#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

/* KELL: greybox kep megjelenito (boritok) */
#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}

/* KELL: greybox kep megjelenito (boritok) */
.GB_Gallery {
    margin: 0 22px 0 22px;
}

/* KELL: greybox kep megjelenito (boritok) */
.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

/* KELL: greybox kep megjelenito (boritok) */
.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

/* KELL: greybox kep megjelenito (boritok) */
.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

/* KELL: greybox kep megjelenito (boritok) */
.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

/* KELL: greybox kep megjelenito (boritok) */
.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

/* KELL: greybox kep megjelenito (boritok) */
.GB_header .close {
    text-align: right;
}

/* KELL: greybox kep megjelenito (boritok) */
.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

/* KELL: greybox kep megjelenito (boritok) */
.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}

/* KELL: greybox kep megjelenito (boritok) */
#GB_middle {
    color: #eee;
}

/* KELL: greybox kep megjelenito (boritok) */
#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

/* KELL: greybox kep megjelenito (boritok) */
#GB_middle .disabled {
    cursor: default;
}

/* KELL: greybox kep megjelenito (boritok) */
#GB_middle .left {
    padding-right: 10px;
}

/* KELL: greybox kep megjelenito (boritok) */
#GB_middle .right {
    padding-left: 10px;
}

/* KELL: greybox kep megjelenito (boritok) */
.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

/* KELL: greybox kep megjelenito (boritok) */
.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;
    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

/* KELL: greybox kep megjelenito (boritok) */
.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

/* KELL: greybox kep megjelenito (boritok) */
.GB_Window .close { text-align: right; }

/* KELL: greybox kep megjelenito (boritok) */
.GB_Window .close span {
    font-size: 12px;
    cursor: pointer;
}

/* KELL: greybox kep megjelenito (boritok) */
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

/* KELL: greybox kep megjelenito (boritok) */
.GB_Window .on { border-bottom: 1px solid #333; }

/* KELL: greybox kep megjelenito (boritok) */
.GB_Window .click { border-bottom: 1px solid red; }

/* KELL: search-container */
.search-container {
    position: relative;
    height: 22px;
    display: inline-block;
    width: 300px;
}

/* KELL: search-container-2 */
.search-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/* KELL: search-container-svg */
.search-container svg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 22px;
    z-index: 11;
    cursor: pointer;
}

/* KELL: search-input */
.search-input {
    position: absolute;
    z-index: 10;
    border-radius: 0px;
    background-color: #ffffff;
    border: 1px solid #BABDC0;
    width: inherit;
    display: block;
    font-size: 80%;
    padding: 0.2ex 0.7ex;
    margin: 0;
    height: 22px;
}

/* KELL: search-input-ms-clear */
.search-input::-ms-clear {
    width: 0px;
    height: 0px;
    display: none;
}

/* KELL: search-input-focus */
.search-input:focus {
    outline: none;
    border-color: #009EDA;
}

/* KELL: ac-results-wrapper */
.ac-results-wrapper {
    position: absolute;
    width: inherit;
    top: 22px;
    background-color: #ffffff;
    z-index: 12;
    font-family: Arial, Verdana, "Sans Serif";
    font-size: 80%;
    white-space: nowrap;
}

/* KELL: ac-results-border */
.ac-results-border {
    top: 22px;
    border: 1px solid #BABDC0;
    border-width: 0px 1px 1px 1px;
}

/* KELL: ac-results-wrapper-a */
.ac-results-wrapper a {
    display: none;
    height: 22px;
    color: #009EDA;
    vertical-align: middle;
    line-height: 22px;
    padding-left: 5px;
    text-decoration: none;
    text-align: left;
    width: 100%;
}

/* KELL: ac-results-wrapper-a-focus */
.ac-results-wrapper a:focus {
    background-color: #009EDA;
    outline: none;
    color: white;
}

/* KELL: ac-results-wrapper-i */
.ac-results-wrapper i {
    float: right;
    padding-right: 5px;
    color: #BABDC0;
    white-space: nowrap;
    max-width: 90px;
    overflow: hidden;
}

/* KELL: ac-results-wrapper-a-span */
.ac-results-wrapper a span {
    float: left;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
    max-width: 300px;
}

/* KELL: reszletezos tabla */
.short_table {
  width: initial;
}

/* KELL: reszletezos tabla elso oszlop */
.short_first {
  vertical-align: top;
  text-align: right;
}

/* KELL: reszletezos tabla masodik oszlop */
.short_second {
}

/* KELL: thumb kep */
.thumb div {
  width: 84px;
  height: 136px;
  margin: 0px;
  padding: 0px;
  display: table-cell;
  vertical-align: middle;
}

/* KELL: thumb table cell */
.thumb {
  min-width: 84px;
}

/* KELL: polc checkbox */
.pcheck
{
    vertical-align: middle;
    margin-left:2px;
    margin-right:2px;
}

/* KELL: ac-results-wrapper-a-hover */
.ac-results-wrapper a:hover {
    background-color: #009EDA;
    outline: none;
    color: white;
}

