/* tlwww.css / DOS */

/* Mindennek az alapja */
body {
        background-color: #ffffff;
        color: #000000;
/*        background-image: url('/tlwww/backgr.gif');
/*dos-ban: background-image: url('/backgr.gif'); */
        background-repeat: repeat; */
}

.kereseleje {
  background-color:#A1B204;
  color:#123456;
  width:80%;
}

.keresvege {
  background-color:#A1B944;
  color:#654321;
}

/* div logo reszben a konyvtar logoja - minden lapon */
.logo {
        position: absolute;
        z-index: 1;
        background-image: url('/tlwww/kislogo.gif');
/*dos-ban: background-image: url('/kislogo.gif');*/
        background-repeat: no-repeat;
        background-position: right top;
        border: none;
        right: 5px;
        top: 5px;
        height: 400px;
        width: 600px;
}

/* Kereses folyik... kiiras */
.proc {
        color: red;
        background-color: yellow;
        text-decoration: blink;
}

/* div adat reszben minden mas, ami nem logo - minden lapon */
.adat {
        position: absolute;
        /* border: 2px solid; */
        margin-top: 5px;
        margin-left: 0px;
        z-index: 3;
        width: 99%;
}

/* A cimsor a [Vissza] es [Masik kereses] gombokkal */
.head {
        text-align: center;
        /*border: blue 2px solid;*/
        margin-top: 5px;
        margin-left: 5px;
}

/* Az [Elso] [Elozo] ... gombok sora */
.gombok {
        text-align: left;
        /*border: green 2px solid;*/
        margin-top:  6px;
        margin-left: 5px;
        width: 66%;
}

/* Minden adatot egybefogo tablazat, a tobbi ennek resze */
.oldal {
        /* border: blue 2px solid; */
        margin-left: 5px;
        margin-top: 5px;
        background-color: #c3c3c3;
        width: 98%;
}

/* adatmodositas oldal */
.usermod {
        margin-top: 10px;
        margin-left: 0px;
        border-spacing: 5px;
        border: blue 4px dotted;
        background-color: #c4d1F6;
        width: 98%;
}

/* INFO sor: mi volt a kereses, hany talalat, stb */
.info {
        text-align:left;
        /*border: red 2px solid;*/
        margin-left: 5px;
        margin-top: 5px;
        width: 98%;
}

/* A konyv/alkoto/stb. adatai a bal oldalon */
.adatok {
        /*background-color: olive;*/
        /*border: aqua 5px groove;*/
        margin: 5px;
        /*color: yellow;*/
        width: 98%;
}

/* adatok mellett jobbra a linkek resz */
.net {
        /*border: aqua 2px solid;*/
}

/* adatok mellett jobbra a .net alatt a kepek */
.kepek {
        width: 256px;
}

/* kereses utan a talalatok listaja */
.talalat {
        /*border: red 5px solid;*/
        margin-left: 5px;
        margin-top: 15px;
        text-align: left;
        width: 98%;
}

/* Bongeszesnel aZ indexkulcsok listaja */
.exp {
        /*border: blue 2px solid;*/
        margin-left: 5px;
        margin-top: 5px;
        width: 98%;
}

/* Peldany adatok oldalon az adatok  */
.pld {
        /*background-color: aqua;*/
        /*color: blue;*/
        margin: 15px;
        /*border: blue 5px solid;*/
        width: 70%;
}

.dokstat {
        margin: 15px;
        /*border: blue 2px solid;*/
        /*background-color: green;*/
        width: 100%;
}

.olvstat {
    margin: 10px;
    background-color: #C1C1C1;
    width: 98%;
}

.pldinfo {
        /*color: blue;*/
        /*background-color: yellow;*/
          font-weight: bold;
}

/* olvasoi allapot ablakban az adatok */
.olvstat {
        background-color: aqua;
        color: black;
        /*border: red 5px dotted;*/
        width: 99% ;
}

/* konyvtarkozi keres ablak */
.kkozi {
        background-color: aqua;
        color: black;
        /*border: red 5px dotted;*/
        width: 99% ;
}

/* lapok aljan a tulajdonos/infoker kiiras  */
.tulaj {
        background-color: #c3c3c3;
        color: black;
        margin-top: 5px;
        padding-top: 5px;
        width: auto;
}

/* read only mezok olvasoi adatmodositasban */
.rdonly {
        background-color: aqua;
}

/* minden input mezo */
/* elrontja firefox-ban a hidden gombok hidden szinet
input {
        color: #113333;
        background-color: #B4C3C3;
        margin: 2px;
}
*/

/* form-ok */
form {
        color: olive;
        margin: 2px;
}

/* chat ablak beallitasai */

.chat_table
{
  background-color:#aaa;    color:black;
  font-family: sans-serif;  font-weight:600;
  width:800px;              height: 40px;
  padding: 0px;             border: 1px solid #666;
}

.chat_div
{
  width: 800px;             height: 400px;
  overflow: auto;
  border: 1px solid #666;
  background-color: #ccc;
  padding: 0px;
}

.chat_span_konyvtaros
{
  color:blue;
}

.chat_span_olvaso
{
  color:black;
}

.chat_submit {
  border: 1px solid #006;   background: #ccf;
}

/* Helpek szine */
.help {
   text-align: left;
   margin-left: 5px;
   margin-right: 5px;
   margin-top: 5px;
   margin-bottom: 5px;
   background-color: #cdf;
   font-size: 125%;
   padding: 5px;
}
h2.help {
   color:red;
}

/* tabber */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide { display:none; }

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber { }
.tabberlive { margin-top:1em; }

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
 /* height:200px; */
 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */
 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 { display:none; }
/*.tabberlive .tabbertab h3 { display:none; }*/

/* Example of using an ID to set different styles for the tabs on the page */
/*.tabberlive#tab1 { }*/
/*.tabberlive#tab2 { }*/
/*.tabberlive#tab2 .tabbertab { height:200px; overflow:auto; }*/

/* KELL: fulek.htm lap elejen jelenik meg */
.lapeleje
{
  background-color:#A1B204;
  color:#123456;
  width:80%;
}

/* KELL: fulek.htm lapon a konyvtar neve+honlapja */
.kvtnev
{
  background-color:#A1Bf44;
  color:#123411;
  width:90%;
}

/* KELL: fulek.htm lap vegen jelenik meg */
.lapvege
{
  background-color:#A1B944;
  color:#654321;
}

/* KELL: Head-ben a szoveg tulajsonsagai, es szelessege */
.headtxt
{
  width: 280px;
  font-weight: bold;
  font-size: 140%;
  text-align: center;
}

/* 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: 5px;
padding: 5px;
}

/* KELL: egyszeru kereses tlwww-ben */
.simpleresults td
{
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: 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: 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: 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: 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: 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: 0px;
}

/* KELL: kozepre keruljenek az ikonok */
.formtip
{
    vertical-align: middle;
}

/* KELL: kozepre a kis kepek */
.imgsmall
{
    vertical-align: middle;
}

/* KELL: egyszeru kereses hibak */
.err
{
  color: red;
  background-color: yellow;
  width: 500px;
}

/* 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: ETO jelzet tablazat fejlece */
.etohead
{
    background-color: #c0d0f0;
    font-weight:bold;
}

/* 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: 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: 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: talalati lista sorszam */
span.sorszam
{
   display: inline-block;
   text-align:right;
   font-weight:bold;
   margin-right:2px;
   margin-left:0px;
   width:5ch;
}

/* 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: 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: ETO kereso tablazat fejlece */
.etosearch
{
    background-color: #a1a1a1;
    font-weight:bold;
}

/* KELL: ETO kereso sor */
.etodata
{
    background-color: #e7e7e7;
}

/* 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: 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: normal/reszletes listaban a kepek-div */
.lkepek
{
  width: 100px;
  max-height: 130px;
  text-align: right;
}

/* KELL: csoportositas divje */
.group1
{
    margin-bottom: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
}

/* 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;
}