/*
FONTS
font-family: Times, TimesNR, 'New Century Schoolbook', Georgia, 'New York', serif;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-family: Georgia, Tahoma, verdana, sans-serif;

body { font-family: Verdana, Helvetica, Arial, sans-serif; color: #000000; margin: 0px; padding: 0px; }

*/


/* IE fix za html tag <form> */
* { margin: 0px; padding: 0px; }


#container { padding: 0px; margin: 0px; width: 100%; float: left; }


/* ******************************************************************************************************* 	*/
/* START ::: Gornji dio stranice. Adresa, male fotke, linkovi za navigaciju, 								*/
/* trenutno se nalazite, pretrazivanje. 																	*/
/* ******************************************************************************************************* 	*/

/* Container za cijeli gornji dio stranice */
#pageTopContainer { float:left; width: 100%; margin: 0px; padding: 0px; }

/* Adresa i male fotke */
#headerContainer { float:left; width: 100%; margin: 0px; padding: 0px; background: #110088; }

#headerLeft { float: left; width: 49%; margin: 0px; padding: 0px; }
#headerLeft p {color: #FFFFFF; padding: 20px; }

#headerRight { float: left; width: 49%; margin: 0px; padding: 0px; text-align: right;  }
#headerRight img { border: 1px solid #EEE; padding: 0; margin: 20px 5px 20px 5px;}


/* Linkovi za navigaciju */
#navigationLinks { clear: both; float: left; width: 100%; padding: 0px; margin: 0px; background: #CCEE99; color: #FFFFFF; font-size: 1.0em; font-weight: normal;  }

#navigationLinks a:link { color: #000000; text-decoration: none; display: block; float: left; padding: 7px 20px 7px 20px; }
#navigationLinks a:visited { color: #000000; text-decoration: none; display: block; float: left; padding: 7px 20px 7px 20px; }
#navigationLinks a:hover { color: #FF6600; text-decoration: underline; display: block; float: left; padding: 7px 20px 7px 20px; }

#navigationLinks span { display: block; float: left; padding: 7px 0px 7px 0px;}

#navigationFontSpan { display: block; float: left; padding: 7px 0px 7px 0px; margin-left: 20px; color: #777777;}
#formFontSize { float: left; }
#selectFontSize { margin: 5px ; padding: 0; float: left; color: #777777; }

#navigationLinks .pdficon { float: left; border: 0px; }


/* SearchRow sadrzi formu za pretrazivanje i opis gdje se korisnik trenutno nalazi na web stranici */
#searchRowContainer { float: left; width: 100%; margin: 0px; padding: 0px; }

/* Trenutno se nalazite na */
#trenutnoSeNalazite { width: 25%; float: left; padding: 10px 0px 20px 0px; margin: 0px; text-align: center; }
#trenutnaStranica { color: #777777; font-weight: bold; text-decoration: underline; }

/* Forma za pretrazivanje */
#searchContainer { width: 74%; float: left; background: url(../images/extra/searchAdd.gif) no-repeat bottom right; padding: 10px 0px 20px 0px; margin: 0px; }
#searchTextField { width: 60%; padding: 5px 10px 5px 10px; margin: 0px 0px 0px 20px; font-size: 1.3em; color: #777777; }
#searchButton { padding: 5px 10px 5px 10px; margin: 0px; font-size: 1.3em; }


/* ******************************************************************************************************* 	*/
/* END ::: Gornji dio stranice. Adresa, male fotke, linkovi za navigaciju, 									*/
/* trenutno se nalazite, pretrazivanje. 																	*/
/* ******************************************************************************************************* 	*/





/* ******************************************************************************************************* 	*/
/* START ::: Lijevi dio stranice. LogIN forma, kategorije i biblioteke		 								*/
/* ******************************************************************************************************* 	*/



/* Container lijeve strane */
#pageLeftContainer {float: left; width: 25%; padding: 0px; margin: 0px; border-right: 1px dotted #777777; }

/* ***********************	*/
/* Container LogIn forme 	*/
#logInContainer { margin: 0px 0px 0px 20px; padding: 10px 0px 30px 0px; background: #cc4411 url(../images/extra/logInAdd.png) no-repeat bottom right; color: #FFFFFF; border-bottom: 1px dotted #777777; }

/* Poruka koja se javlja korisniku ako prijava ne uspije */
#logInErrorMessage { padding: 0px 10px 10px 20px; color: yellow; }

.logInInputText { width: 40%; padding: 3px 2px 3px 5px; margin: 0px 0px 0px 20px; font-size: 0.9em; border: 1px solid #777777; background: #FFFFFF; color: #777777; }
.passwordBlur { width: 40%; padding: 3px 2px 3px 5px; margin: 5px 0px 0px 20px; font-size: 0.9em; border: 1px solid #777777; background: url(../images/extra/password.gif) no-repeat #FFFFFF 5px 2px; }
.passwordFocus { width: 40%; padding: 3px 2px 3px 5px; margin: 5px 0px 0px 20px; font-size: 0.9em; border: 1px solid #777777; background: #FFFFFF; }
.logInButton { padding: 3px 7px 3px 7px; margin: 5px 0px 0px 20px; font-size: 0.9em; }

#logInContainer p { margin: 0px; padding: 0px 10px 0px 20px; }

/* Linkovi. Otvaranje racuna, zaboravio sam lozinku, moje postavke, odjava */
#logInContainer a:link { color: #FFFFFF; text-decoration: none; }
#logInContainer a:visited { color: #FFFFFF; text-decoration: none; }
#logInContainer a:hover { color: #FFFFFF; text-decoration: underline; }

/* Container LogIn forme	 */
/* ************************	 */



/* ************************* */
/* Lista kategorija			 */
#categoryListContainer { margin: 0px 0px 0px 20px; padding: 0px; }

/* Naslov - Kategorije */
#categoryHeader { margin: 0px; padding: 20px 10px 10px 20px; font-size: 1.3em; }

/* Lista kategorija */
#categoryListContainer ul { margin: 0px 0px 0px 50px; padding: 0px; list-style-image: url(../images/extra/orangeArrow.png); list-style-type: square; }

/* Linkovi u listi */
#categoryListContainer a:link { color: #000000; text-decoration: none; }
#categoryListContainer a:visited { color: #000000; text-decoration: none; }
#categoryListContainer a:hover { color: #777777; text-decoration: underline; }

/* Broj knjiga u kategoriji. Broj u zagradi pokraj imena kategorije */
.categoryItemNumber { color: #948b6e; }

/* Lista kategorija			 */
/* ************************* */



/* ************************* */
/* Lista biblioteka			 */
#libraryListContainer { margin: 0px 0px 0px 20px; padding: 0px; }

/* Naslov - Biblioteke */
#libraryHeader { margin: 0px; padding: 20px 10px 10px 20px; font-size: 1.3em; }

/* Lista biblioteka */
#libraryListContainer ul { margin: 0px 0px 0px 50px; padding: 0px; list-style-image: url(../images/extra/orangeArrow.png); list-style-type: square; }

/* Linkovi u listi */
#libraryListContainer a:link { color: #000000; text-decoration: none; }
#libraryListContainer a:visited { color: #000000; text-decoration: none; }
#libraryListContainer a:hover { color: #777777; text-decoration: underline; }

/* Broj knjiga u biblioteci. Broj u zagradi pokraj imena biblioteke */
.libraryItemNumber { color: #948b6e; }

/* Lista biblioteka			 */
/* ************************* */


/* ******************************************************************************************************* 	*/
/* END ::: Lijevi dio stranice. LogIN forma, kategorije i biblioteke		 								*/
/* ******************************************************************************************************* 	*/





/* ******************************************************************************************************* 	*/
/* START ::: Desni dio stranice. Top 5 Knjiga : nakladnik, korisnici i pregledi								*/
/* ******************************************************************************************************* 	*/

/* Container desne strane */
#pageRightContainer { float: left; width: 25%; padding: 0px; margin: 0px 0px 0px 0px; border-left: 1px dotted #777777; }

/* Header u kojem je napisano: Top 5 Knjiga prema... */
.top5Header { padding: 10px 10px 0px 20px; margin: 0px; }
.top5BooksBy { font-size: 1.3em; font-weight: bold; }
.top5Description {}

/* Lista za sve top5 knjige */
#pageRightContainer ul { list-style-image: url(../images/extra/top5.png); list-style-type: square; padding: 20px 20px 0px 40px; margin: 0; }
#pageRightContainer li { padding: 0px 0px 20px 0px; }

/* Container za top 5 Knjiga prema ocjeni nakladnika */
#top5PublisherContainer { background: #CCEE99; }
#top5PublisherContainer a.bookTop5:link { color: #000000; font-weight: bold; text-decoration: none; }
#top5PublisherContainer a.bookTop5:visited { color: #000000; font-weight: bold; text-decoration: none; }
#top5PublisherContainer a.bookTop5:hover { color: #FFFFAA; font-weight: bold; text-decoration: underline; }


/* Container za top 5 Knjiga prema ocjeni clanova */
#top5MembersContainer { background: #ffffcc; }
#top5MembersContainer a.bookTop5:link { color: #000000; font-weight: bold; text-decoration: none; }
#top5MembersContainer a.bookTop5:visited { color: #000000; font-weight: bold; text-decoration: none; }
#top5MembersContainer a.bookTop5:hover { color: #558833; font-weight: bold; text-decoration: underline; }


/* Container za top 5 Knjiga prema broju posjeta */
#top5ViewsContainer { background: #eeeeff; }
#top5ViewsContainer a.bookTop5:link { color: #000000; font-weight: bold; text-decoration: none; }
#top5ViewsContainer a.bookTop5:visited { color: #000000; font-weight: bold; text-decoration: none; }
#top5ViewsContainer a.bookTop5:hover { color: #eecc88; font-weight: bold; text-decoration: underline; }






a.authorTop5:link { color: #000000; text-decoration: none; }
a.authorTop5:visited { color: #000000; text-decoration: none; }
a.authorTop5:hover { color: #000000; text-decoration: underline; }

/* Mala linija razdvajanja */
.lineSmall { padding: 20px 0px 20px 0px; }


/* ******************************************************************************************************* 	*/
/* END ::: Desni dio stranice. Top 5 Knjiga : nakladnik, korisnici i pregledi								*/
/* ******************************************************************************************************* 	*/



/* ******************************************************************************************************* 	*/
/* START ::: Footer stranice. 																				*/
/* ******************************************************************************************************* 	*/

#footerContainer {float:left; width: 100%; text-align: center; color: #AAAAAA; font-size: 0.9em; padding: 10px 0px 10px 0px;}

#footerCopyright { padding: 0px 0px 5px 0px; }

#footerContainer a:link, #footerContainer a:visited { line-height: 20px; margin: 0 10px 0 10px; padding-bottom: 2px; text-decoration: none; border-bottom: 1px solid #fff; color: #aaa; }
#footerContainer a:hover { line-height: 20px; padding-bottom: 2px; border-bottom: 1px solid #666;	color: #666; }
#footerContainer img { margin: 7px 0px 0px 0px; border: 0px solid #000000; }


/* ******************************************************************************************************* 	*/
/* END ::: Footer stranice. 																				*/
/* ******************************************************************************************************* 	*/





/* ******************************************************************************************************* 	*/
/* START ::: GLAVNI DIO :::																					*/
/* ******************************************************************************************************* 	*/

/* Glavni Container sredisnjeg djela stranice */
#pageMainContainer { float: left; width: 49%; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

#pageMainContainer .bookImage img { float: left; border: 1px solid #000000; margin: 0px 10px 7px 10px; }


/* Naslov knjige */
#pageMainContainer a.bookTitle:link { color: #000000; text-decoration: none; font-size: 1.5em; font-weight: bold; padding: 0px 0px 5px 0px; }
#pageMainContainer a.bookTitle:visited { color: #000000; text-decoration: none; font-size: 1.5em; font-weight: bold; padding: 0px 0px 5px 0px; }
#pageMainContainer a.bookTitle:hover { color: #000000; text-decoration: underline; font-size: 1.5em; font-weight: bold; padding: 0px 0px 5px 0px; }

/* Naslov knjige */
#pageMainContainer a.bookSubtitle:link { color: #000000; text-decoration: none; font-size: 1.3em; font-weight: bold; padding: 0px 0px 5px 0px; }
#pageMainContainer a.bookSubtitle:visited { color: #000000; text-decoration: none; font-size: 1.3em; font-weight: bold; padding: 0px 0px 5px 0px; }
#pageMainContainer a.bookSubtitle:hover { color: #000000; text-decoration: underline; font-size: 1.3em; font-weight: bold; padding: 0px 0px 5px 0px; }


/* Autori knjige */
#pageMainContainer a.bookAuthor:link { color: #cc4411; text-decoration: none; font-weight: bold; padding: 0px 0px 5px 0px; }
#pageMainContainer a.bookAuthor:visited { color: #cc4411; text-decoration: none; font-weight: bold; padding: 0px 0px 5px 0px; }
#pageMainContainer a.bookAuthor:hover { color: #cc4411; text-decoration: underline; font-weight: bold; padding: 0px 0px 5px 0px; }


/* Kategorija knjige */
#pageMainContainer a.bookCategory:link { color: #558833; text-decoration: none; padding: 0px 0px 5px 0px; }
#pageMainContainer a.bookCategory:visited { color: #558833; text-decoration: none; padding: 0px 0px 5px 0px; }
#pageMainContainer a.bookCategory:hover { color: #558833; text-decoration: underline; padding: 0px 0px 5px 0px; }


/* Kratki opis knjige */
#pageMainContainer a.bookShortDescription:link { color: #000000; text-decoration: none; }
#pageMainContainer a.bookShortDescription:visited { color: #000000; text-decoration: none; }
#pageMainContainer a.bookShortDescription:hover { color: #000000; text-decoration: underline}


/* Linkovi za navigaciju po rezultatima */
#pageMainContainer #resultsNavigation a:link { color: #0066cc; text-decoration: none; }
#pageMainContainer #resultsNavigation a:visited { color: #0066cc; text-decoration: none; }
#pageMainContainer #resultsNavigation a:hover { color: #ff6600; text-decoration: underline}


/* Velika linija razdvajanja */
.lineBig { clear: both; padding: 20px 0px 30px 0px; }


/********************* INDEX ***************************/
#indexInfoContainer  { padding: 10px 30px 30px 30px; }
#indexInfoContainer .bookContainer { padding: 0px 0px 0px 0px; }
/********************* INDEX ***************************/



/********************* KATALOG ***********************************/
#katalogInfoContainer { padding: 0px 30px 30px 30px; }
#katalogInfoContainer #katalogHeader { padding: 0px 0px 20px 0px; font-size: 1.3em; font-weight: bold; }

#katalogInfoContainer table { border: 0px; text-align: left; }
#katalogInfoContainer th.th_naslov { padding: 3px 10px 3px 10px; background: #eeeeff; width:69%; border-bottom: 2px solid #000; }
#katalogInfoContainer th.th_katalog { padding: 3px 10px 3px 10px; background: #eeeeff; width:29%; }
#katalogInfoContainer th.th_katalog2 { padding: 3px 10px 3px 10px; background: #eeeeff; width:29%; border-bottom: 2px solid #000;}
#katalogInfoContainer td { padding: 3px 10px 3px 10px; }
#katalogInfoContainer tr.second { background: #EAEAEA; border-top: 2px solid #000000;}
#katalogInfoContainer td.naslov { border-bottom: 2px solid #000; padding: 15px 10px 15px 10px;}
#katalogInfoContainer td.td_kataloski_broj { padding: 3px 10px 3px 10px; border-bottom: 1px dotted #000; }
#katalogInfoContainer td.td_kategorija { border-bottom: 2px solid #000;  padding: 3px 10px 3px 10px; }
#katalogInfoContainer td.left_text { text-align: right; }

#katalogInfoContainer a.printLink:link { color: blue; text-decoration: none; }
#katalogInfoContainer a.printLink:visited { color: blue; text-decoration: none; }
#katalogInfoContainer a.printLink:hover { color: #FF6600; text-decoration: underline; }

#katalogInfoContainer a.katalogKnjiga:link {color: blue; text-decoration: none; }
#katalogInfoContainer a.katalogKnjiga:visited {color: blue; text-decoration: none; }
#katalogInfoContainer a.katalogKnjiga:hover {color: blue; text-decoration: underline; }

#katalogInfoContainer a.katalogAuthor:link {color: #000000; text-decoration: none; }
#katalogInfoContainer a.katalogAuthor:visited {color: #000000; text-decoration: none; }
#katalogInfoContainer a.katalogAuthor:hover {color: #000000; text-decoration: underline; }

#katalogInfoContainer a.katalogKataloskiBroj:link {color: #000000; text-decoration: none; }
#katalogInfoContainer a.katalogKataloskiBroj:visited {color: #000000; text-decoration: none; }
#katalogInfoContainer a.katalogKataloskiBroj:hover {color: #FF6600; text-decoration: underline; }

#katalogInfoContainer a.katalogKategorijaKnjige:link {color: #000000; text-decoration: none; }
#katalogInfoContainer a.katalogKategorijaKnjige:visited {color: #000000; text-decoration: none; }
#katalogInfoContainer a.katalogKategorijaKnjige:hover {color: #FF6600; text-decoration: underline; }
/********************* KATALOG ***********************************/



/********************** PITANJA ****************************/
#faqInfoContainer { padding: 10px 30px 30px 30px; }
#faqInfoContainer #faqHeaderContainer { padding: 0px 0px 20px 0px; font-size: 1.5em; font-weight: bold; }
#faqInfoContainer .faqNaslov { padding: 0px 0px 10px 0px; }
#faqInfoContainer .faqNaslov a:link { color: blue; text-decoration: none; }
#faqInfoContainer .faqNaslov a:visited { color: blue; text-decoration: none; }
#faqInfoContainer .faqNaslov a:hover { color: blue; text-decoration: underline; }
#faqInfoContainer .faqTextNotVisible { padding: 0px 0px 30px 0px; display: none; text-align: justify; }
#faqInfoContainer .faqTextVisible { padding: 0px 0px 20px 0px; text-align: justify; }
/********************** PITANJA ****************************/



/********************* NOVOSTI **************************/
#novostiInfoContainer { padding: 10px 30px 30px 30px; }
#novostiInfoContainer #novostiHeader { padding: 0px 0px 20px 0px; font-size: 1.5em; font-weight: bold; }
#novostiInfoContainer .novostiDatumNaslov { padding: 0px 0px 10px 0px; font-size: 1.1em; text-decoration: none; }
#novostiInfoContainer .novostiDatumNaslov a:link { color: blue; text-decoration: none; }
#novostiInfoContainer .novostiDatumNaslov a:visited { color: blue; text-decoration: none; }
#novostiInfoContainer .novostiDatumNaslov a:hover { color: blue; text-decoration: underline; }
#novostiInfoContainer .novostiText { padding: 10px 0px 20px 0px; text-align: justify; }
/********************* NOVOSTI **************************/



/************************* NOVO ************************/
#novoInfoContainer { padding: 10px 30px 30px 30px; }
#novoInfoContainer .bookContainer {padding: 0px 0px 0px 0px; }
#novoInfoContainer .datum { font-size: 1.1em; text-decoration: none; }
/************************* NOVO ************************/


/***************** ENGLISH EDITIONS  *******************/
#foreingHeaderContainer { padding: 10px 30px 30px 30px; font-size: 1.5em; font-weight: bold; }
#foreingInfoContainer { padding: 0px 30px 30px 30px; }
/***************** ENGLISH EDITIONS  *******************/


/***************** O NAMA  *******************/
#izvoriHeaderContainer { padding: 10px 10px 30px 30px; font-size: 1.5em; font-weight: bold; }
#izvoriInfoContainer { padding: 0px 40px 30px 30px; text-align: justify;}
#letterD { float: left; }
/***************** O NAMA  *******************/




/**************** KONTAKT *******************/
#kontaktHeaderContainer { padding: 10px 10px 30px 30px; font-size: 1.5em; font-weight: bold; }

#kontaktInfoContainer { float: left; margin: 0px; padding: 0px 0px 30px 110px; }

#map { float: left; width: 400px; height: 300px;  }

#kontaktText { clear: both; font-size: 1.1em; padding: 70px 20px 0px 0px; }
#addressTitle { font-weight: bold; }
#phone { padding: 30px 20px 0px 0px; font-weight: bold; }
#phoneNumber ul { list-style-type: circle; padding: 3px 20px 0px 20px; margin: 0; }
#fax { padding: 30px 20px 0px 0px; font-weight: bold;}
#faxNumber ul { list-style-type: circle; padding: 3px 20px 0px 20px; margin: 0; }
#webAddress { padding: 30px 20px 0px 0px; }
#webAddress a:link { color: blue; }
#webAddress a:visited { color: blue; }
#mailAddress { padding: 5px 20px 0px 0px; }
#mailAddress a:link { color: blue; }
#mailAddress a:visited { color: blue; }
/**************** KONTAKT *******************/


/********************* PRINT KATALOG *********************/
#printVerzijaKataloga #pageMainContainer { padding: 50px 10% 30px 10%; width: 80%; }
/********************* PRINT KATALOG *********************/ 



/************************* KNJIGA ********************************************/
#knjigaInfoContainer { padding: 10px 30px 30px 30px; }



/* Naslov knjige */
#knjigaInfoContainer .knjigaNaslov { color: #000000; text-decoration: none; font-size: 1.5em; font-weight: bold; padding: 0px 0px 5px 0px; }
#knjigaInfoContainer .knjigaPodnaslov { font-size: 0.9em;}
 
/* Autori knjige */
#knjigaInfoContainer a.knjigaAutor:link { color: #cc4411; text-decoration: none; font-weight: bold; padding: 0px 0px 5px 0px; }
#knjigaInfoContainer a.knjigaAutor:visited { color: #cc4411; text-decoration: none; font-weight: bold; padding: 0px 0px 5px 0px; }
#knjigaInfoContainer a.knjigaAutor:hover { color: #cc4411; text-decoration: underline; font-weight: bold; padding: 0px 0px 5px 0px; }

/* Kategorija knjige */
#knjigaInfoContainer .knjigaKategorija a:link { color: #558833; text-decoration: none; padding: 0px 0px 5px 0px; }
#knjigaInfoContainer .knjigaKategorija a:visited { color: #558833; text-decoration: none; padding: 0px 0px 5px 0px; }
#knjigaInfoContainer .knjigaKategorija a:hover { color: #558833; text-decoration: underline; padding: 0px 0px 5px 0px; }

#knjigaInfoContainer img.knjigaSlika { float: left; margin: 0px 20px 70px 0px; border: 1px solid #000000; }

/* Nakladnik, Biblioteka  */
#knjigaInfoContainer #div_publisher a:link, #knjigaInfoContainer #div_library a:link { color: #000000; text-decoration: none; }
#knjigaInfoContainer #div_publisher a:visited, #knjigaInfoContainer #div_library a:visited { color: #000000; text-decoration: none; }
#knjigaInfoContainer #div_publisher a:hover, #knjigaInfoContainer #div_library a:hover { color: #000000; text-decoration: underline; }



/* Linkovi */
#knjigaInfoContainer a:link { color: blue; text-decoration: none; }
#knjigaInfoContainer a:visited { color: blue; text-decoration: none; }
#knjigaInfoContainer a:hover { color: blue; text-decoration: underline; }


.green_light_color { color: #99cc33; }
.green_color { color: #558833; }
.orange_color { color: #cc4411; }
.blue_color { color: #000000; }



#my_grade { display: inline; }
#select_grade { width: 70px; margin: 0px 10px 0px 10px; padding: 0px 0px 0px 3px; font-size: 1em;}
/************************* KNJIGA ********************************************/





/********************************** INFO *******************************************************/
#new_member_div { padding: 10px 30px 30px 30px; }
/********************************** INFO *******************************************************/





/* ******************************************************************************************************* 	*/
/* END ::: GLAVNI DIO :::																					*/
/* ******************************************************************************************************* 	*/