/*-----------------------------------------------------
   topMenu
------------------------------------------------------ */
#topMenu                                               { height: 35px; background: #f5f5f5; }
#topMenu ul                                            {
	width: 910px; 
	margin: 0 auto;
	background: transparent url(../images/layout/top-menu-bg.gif) repeat-x;
	padding: 8px 25px 8px 25px;
}
#topMenu li                                            {
	display: inline;
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
	border-left: 1px solid #fff;
}
#topMenu li.first                                      { padding: 0; margin: 0; border: none; }
#topMenu a                                             { font: normal 15px Georgia, "Times New Roman", Times, serif; color: #fff; text-decoration: none; }
#topMenu a:hover                                       { color: #fff; text-decoration: underline; }
#topMenu a.on, #topMenu a.on:hover                     { color: #fff; text-decoration: none; font-weight: bold; }

/*-----------------------------------------------------
   mainMenu
------------------------------------------------------ */	
#mainMenu                                              {
	margin: 0 0 10px 0;
	padding: 0 9px;
	background: #fdfbf6;
	border: 1px solid #dbd2bf;
	font-size: 11px;
	font-weight: bold;
}
#mainMenu li                                           {
	padding: 8px 0 8px 10px;
	border-top: 1px solid #dbd2bf;
	margin-top: -1px;
	background: transparent url(../images/layout/menu-arrow.gif) no-repeat 1px 15px;
}
#mainMenu li ul                                        { margin: 8px 0 0 -10px; padding: 0; font-size: 10px; }
#mainMenu li ul li                                     {
	padding: 4px 0 4px 20px;
	background: transparent url(../images/layout/menu-arrow.gif) no-repeat 10px 10px;
	border-color: #ece5d7;
	}

#mainMenu a                                            { color: #0780ad; text-decoration: none; }
#mainMenu a:hover                                      { color: #0780ad; text-decoration: underline; }
#mainMenu a.on, #mainMenu a.on:hover                   { color: #504f4f; text-decoration: none; }

/*-----------------------------------------------------
   toolBox
------------------------------------------------------ */
#toolBox                                               {
    overflow: hidden;
    height: 100%;
    margin: 0 0 20px 0;
    padding: 5px;
    border: 1px solid #d7e7f5;
    font-size: 10px;
    line-height: 12px;
    color: #0780ad;
}
#mainContent #toolBox ul                               { padding: 0; margin: 0 0 0 5px; }
#mainContent #toolBox ul li                            { margin: 0; padding: 0; background-image: none; float: left; }

#mainContent #toolBox a                                { color: #0780ad; text-decoration: none; }
#mainContent #toolBox a:hover                          { color: #0780ad; text-decoration: underline; }
#mainContent #toolBox a.on, 
#mainContent #toolBox a.on:hover                       { color: #504f4f; text-decoration: none;  }

#mainContent #toolBox ul .sortTitle                    { padding-top: 7px; }

#sortAZ, #sortDate                                     { width: 110px; }

.sortSwitch                                            {
    display: block;
    float: left;
    width: 21px; height: 21px;
    background: transparent url(../images/layout/sort-az.gif) no-repeat center center;
    margin: 2px 5px 0 5px;
    text-indent: -9999px;
}

#mainContent #toolBox ul .switchTitle                  { margin: 0 5px 0 20px; text-align: right; }

#view-OsnovniPrikaz,
#view-SkraceniPrikaz                                   {
    display: block;
    width: 21px; height: 21px;
    text-indent: -9999px;
    margin: 2px 5px 0 0;
}
    
#view-OsnovniPrikaz                                    { background: transparent url(../images/layout/osnovni-prikaz.gif) no-repeat 0 0; }
#view-OsnovniPrikaz.on                                 { background: transparent url(../images/layout/osnovni-prikaz-on.gif) no-repeat 0 0; }

#view-SkraceniPrikaz                                   { background: transparent url(../images/layout/skraceni-prikaz.gif) no-repeat 0 0; }
#view-SkraceniPrikaz.on                                { background: transparent url(../images/layout/skraceni-prikaz-on.gif) no-repeat 0 0; }

#mainContent #toolBox ul #booksPerPage                 { padding: 4px 0 0 5px; }

#booksPerPage select                                   {
    font: normal 10px Verdana, Geneva, sans-serif;
    color: #0780ad;
    border: 1px solid #0780ad;
    background: #fff;
}