@CHARSET "UTF-8";

/* Styl globalny */
* {
   font-family: Arial, Helvetica, sans-serif;
}

/* Styl ciała strony */
body {
   color: #141313;								/* kolor czcionki */
   margin-top: 10px;
   background-color: #e3e8ef;					/* domyslny kolor tła dla całej strony */    
}

body, input, select, textarea {
   font-size: 10pt;								/* Wielkość czcionki */
}

/* Domyślny kolor obramowania wszystkich elementów typu DIV (o ile mają obramowanie) */
div, button {
	border-color: #999999;
}

/* Domyślny wygląd wszystkich przycisków (zwłaszcza ich kolor) */
button {
	color: inherit;								/* kolor czcionki wewnątrz przycisku */
	background-color: #D4D4D4;					/* kolor tła przycisku */
	border-width: 1px;
	border-style: solid;
	width: 13em;
	vertical-align: middle;
}

/* Styl (kolor) przycisku nawigacyjnego który nie jest aktywny */
button.naviBtn-disabled {
	color: #999999;
}

/* Tło nieparzystych wierszy tabeli odpowiedzi / indeksu */
.oddRow {
	background-color: #e2e4f5; 
}

/* Tło parzystych wierszy tabeli odpowiedzi / indeksu */
.evenRow {
	background-color: #a9c1d9;
}

/* Tło wiersza zaznaczonego myszą w tabeli indeksu */
.onRow {
	background-color: #BDDFFF;
}

/* Nagłówek H2 */
h2 {
	text-align: center;
	font-size: 16px;
}

/* Nagłówek H3 */
h3 {
	text-align: center;
	font-size: 14px;
}

/* Nagłówek komórki nagłowka tabeli */
th {
	text-align: left;
	padding-left: 10px;
}

/* Komórka tabeli */
td {
	padding-left: 10px;
}

/* Odnośniki (także odwiedzone i aktualnie zaznaczane) */
a, a:visited, a:hover {
	color: #0359c3;								/* kolor wszystkich odnośników */
	background-color: transparent;
}

/*  Główna ramka strony - wszystkie pozostałe elementy znajdują się w jej wnętrzu */
div#ramka {
	 width: 760px;
	 margin: 0 auto 0 auto;
	 text-align:left;
	 border-style: solid;
	 border-width: 1px;
}

/* Lewa część górnego paska strony (z informacjami o logowaniu) */
div.leftloginbar {
	text-align: left;
	float: left;
	padding-bottom: 3px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

/* Prawa część górnego paska strony (linki do historii, nowości, pomocy) */
div.rightloginbar {
	text-align: right;
	padding-bottom: 3px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

/* Centralny element górnego paska (dotyczy tylko konta czytelnika) */
div.centerloginbar {
	text-align: center;
	padding-bottom: 3px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

a#acclnk {
 	font-weight: bold;
 	color: black;
} 

/**************************************************************************************
 * STREFA KRYTERIÓW WYSZUKIWANIA
 **************************************************************************************/

/* Nazwa filtru (jeśli istnieją) */
.filter-name {
   font-weight: bold;
}

/* Pojemnik na podstawowe kryteria wyszukiwawcze (z formularza) */
div.base_crit_div {
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 5px;
}

/* Pojemnijk na jedno kryterium zaawansowane */
div.adv_crit_div {
	margin-top: 2px; 
	margin-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/* Link do aktywacji kryterium zaawansowanego (na jego nazwie) */ 
a.critname {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

/* Nazwa kryterium zaawansowanego */
span.critname {
	vertical-align: top;
	font-weight: bold;
}

/* Pojemnik na formularz pojedynczego kryterium zaawansowanego */
.epr_crit_form {
	padding: 5px;
	display: none;
}

/* Pojemnik na element wyboru katalogu */
div#catalogueChoice {
	margin-top: 3px;
}

/**************************************************************************************
 * STREFA ZNAKÓW SPECJALNYCH
 **************************************************************************************/

/* Pasek znaków specjalnych (np. innych języków) */
div#specchar-bar {
	margin: 1px;
	border-width: 1px;
	border-style: solid; 
}

.hidden-by-default {
	visibility: hidden;	
	display: none;
}

/* Pojedynczy znak specjalny */
span.specchar-char {
	padding: 3px;
	width: 16px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
}

/* Wygląd pojedynczego znaku specjalnego, nad którym znajduje się mysz */
span:hover.specchar-char  {
	background-color: #aaaaaa;
}


/* Lewy obszar stopki każdej strony */
#footer-left {
	width: 10%;
}

/* Centralny obszar stopki każdej strony - zawiera informacje o bramce */
#footer-center {
	width: 80%;
	text-align: center;
	font-size: 10px;
	padding-bottom: 5px;
}

/* Prawy obszar stopki każdej strony - zawiera licznik odwiedzin */
#footer-right {
	width: 10%;
	text-align: right;
	font-size: 10px;
	color: red;
	font-weight: bold;
	vertical-align: bottom;
}

/**************************************************************************************
 * STREFA podstrony z indeksem
 **************************************************************************************/

/* Tabela przycisków w oknie indeksu (i nie tylko) */ 
.button-table {
	padding-top: 3px;
	width: 100%;
}

/* Styl komórek tabeli przycisków w oknie indeksu */
.button-table TD {
	padding-left: 2px;
	padding-right: 2px;
}

/* Tabela z wyświetlonym indeksem */
.search-table {
	padding-top: 3px;
}

/* Pierwsza kolumna tabeli z indeksem */
.idxCol1 {
	width: 30px;
	vertical-align: top;
}

/* Podsumowanie wybranych pozycji indeksu */
#div-summary {
	margin-top: 5px;
}

/**************************************************************************************
 * STREFA podstrony z odpowiedzią na zapytanie
 **************************************************************************************/

/* Tabela z wynikami wyszukiwania */
.found-table {
	padding-top: 3px;
	width: 100%;
}

/* Lista do prezentacji treści zadanego zapytania */
ol#humQuery {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Pojemnik na czytelne dla człowieka odzwierciedlenie treści zadanego zapytania */
.humanQueryDiv {
	border-width: 1px;
	border-style: solid;
	margin-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* Paragraf z opisem katalogowym rekordu */
p.record-details {
	margin-top: 0px;
}

/**************************************************************************************
 * STREFA odpowiedzialna za prezentację miniaturek multimediów.
 **************************************************************************************/

/* Pojemnik ikonki załącznika do rekordu */
div.ckk-container {
	padding: 3px;
}

div.ckk-container:HOVER {
	border: inset 1px;
	padding: 2px;
	cursor: pointer;
}

div.ckk-container span {
	display: none;
}

div.ckk-default {
	background: url("../img/famfam/page_white_text.png") center no-repeat;
	width: 16px;
	height: 16px;	
}

div.ckk-image {
	background: url("../img/famfam/image_link.png") center no-repeat;
	width: 16px;
	height: 16px;	
}

div.ckk-acrobat {
	background: url("../img/famfam/page_white_acrobat.png") center no-repeat;
	width: 16px;
	height: 16px;	 
}

div.ckk-word {
	background: url("../img/famfam/page_word.png") center no-repeat;
	width: 16px;
	height: 16px;	 
}

/* Pojemnik na miniaturkę obrazka dołączonego do rekordu - w trybie "outline" w kolumnie ne 2 tabeli wyników */
.target-col2-min {
	padding: 2px;
}

/* Skryty pojemnik do prezentacji powiększonej nieco miniaturki po najechaniu myszą w odpowiednie miejsce */
.target-col2-mid {
	position: absolute;
	visibility: hidden;
	z-index: 1;
}

/**************************************************************************************
 * STREFA formularza do edycji parametrów pobieranego zestawienia
 **************************************************************************************/
/* pojemnik na cały formularz */
.formContainer {
	position: absolute; 
	visibility: hidden; 
	z-index: 1;
	background-color: #e3e8ef;					/* domyslny kolor tła dla całej strony */
	top: 0px;
	border: solid 2px black;
	padding: 3px;
}

/* Pojemnik na przyciski pod formularzem */
.formButtonsContainer {
	position: absolute;
	left: 0px;
	text-align: center;
}

/* Przycisk na formularzu */
.formButton {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/**************************************************************************************
 * STREFA obsługi konta czytelnika
 **************************************************************************************/

/* Komunikat o sukcesie */
.ok-msg {
	color: #00BB00;
	font-weight: bolder;
	text-align: center;
}

/* komunikat o błędzie */
.error-msg {
	color: #FF0000;
	font-weight: bolder;
	text-align: center;
}

/* styl wierszy z wynikami wykonywanej operacji */
.exec-result {
	font-style: italic;
}

/* pojemnik na ustawialną w administratorze pomoc do formularza logowania */
.login-help-div {
	text-align: center;
	margin-bottom: 9px;
}

/* tablica formularza logowania */
/* tablica zmiany hasła */
#login-table, #chgpw-table {
	border: solid 1px;
}

/* kolumna z przyciskami operacji w tabeli pozycji wypożyczonych/zarezerwowanych/zamówionych */ 
.accBtnsCol {
	width: 150px;
	max-width: 150px;
	text-align: center;
	vertical-align: top;
}

/**************************************************************************************
 * STREFA definicji wielkości poszczególnych przycisków i innych pól (uwaga: jeśli nie wymieniono znaczy są domyślnej wielkości)
 **************************************************************************************/

/* Przycisk zamknięcia okna z indeksem */
button#closeBtn, button#idxApplyBtn, button#idxCancelBtn {
 	width: 100px; 
}

/* Przycisk wyszukiwania w indeksie */
button#idxSearchBtn {
	width: 75px; 
}

/* Przyciski nawigacyjne */
button.naviBtn-enabled, button.naviBtn-disabled {
	width: 50px;
	height: 20px;
}

/* Pole edycji klucza wyszukiwania w przeglądzie indeksu,
   pole do wpisania nazwy użytkownika, 
   pole hasła, pole starego hasła, pole nowego hasła, 2 pole nowego hasła.
 */
#softKeyEdt, #loginInput, #pwdInput, #oldPwInput, #newPwInput, #newPw2Input {
	width: 150px; 
}

/* Pole edycji numeru telefonu, pole edycji adresu e-mail */
#edtTelInput, #edtMailInput {
	width: 250px;
}

/* Pole edycji nazwy zapisywanego zapytania */
#edtQryName {
	width: 450px;
}

/* Przycisk "popraw wyszukiwanie", przycisk anulowania edycji danych, przycisk zapisu zapytania, przycisk anulowania zapisu zapytania */
#reenterSearchBtn, #cnclInfoDataBtn, #saveSearchBtn, #cnclEdtQueryBtn {
	margin-top: 2px; 
}

/* Pole wyboru rodzaju pliku do pobrania */
#file-type {
	width: 13em;
}
 
/* Przycisk zalogowania się */
/* Przycisk zmiany hasła */
#loginBtn, #chgpwBtn {
	margin-top: 10px;
	margin-bottom: 10px; 
}

/* 
wybór rodzaju formatowania rekordów,
wybór metody sortowania
 */
#select-skrypt, #ems-sorts {
	width: 175px;
}

/* Przyciski: prolonguj, usuń rezerwację, usuń zamówienie, edytuj dane */
.accBtn-T, .accBtn-U, .accBtn-S, .accBtn-E {
	width: 130px;
}

/* Przycisk przedłużenia zamówienia */
.accBtn-P {
	width: 100px;
}

/* Pole do wprowadzenia ilości dni przedłużenia zamówienia */
.accInp-P {
	width: 25px;
	background-color: inherit;
	margin-top: 2px;
	margin-right: 2px;
}

/**************************************************************************************
 * STREFA formatowania opisów wygenerowanych rekordów.
 **************************************************************************************/

/* nieaktywny link w indeksie (przypadek gdy jest odnośnik ale do innego indeksu) */
span.sowa-idxlink {
	color: blue;
}

/**** php-konta ****/

/* prezentacja nagłówka pozycji (pierwsza linia opisu), napis o byciu n w kolejce zamawiających, data rezerwacji */
div.acct-header, span.acct-isnth, span.acct-rezdate {
	font-weight: bold;
}

/* prezentacja naliczonej kary, przekroczonego terminu zwrotu */
span.acct-kara, span.acct-bktNOK {
	color: red; 
	font-weight: bold;
}

/* Numer egzemplarza, sygnatura, termin zwrotu, ważność zamówienia */
span.acct-egz, span.acct-sign, span.acct-return, span.acct-validto {
	color: red;
}

/* termin zwrotu nieprzekroczony, napis o: pozycji gotowej do odbioru, byciu pierwszym w kolejce zamawiających */
span.acct-bktOK, span.acct-ready, span.acct-isfirst {
	color: green;
	font-weight: bold;
}