1 @import url("../../en/lib/yui/reset-fonts-grids.css");
2 @import url("../../en/lib/yui/skin.css");
12 a:hover,input.editshelf:hover,a.editshelf:hover,input.deleteshelf:hover {
17 background-color : white;
19 padding : 0 0 2.5em 0;
29 background-color: #FFF;
30 border : 2px solid #EEEEEE;
31 margin : 1em 1em 1em 0;
37 border-bottom : 1px solid black;
46 fieldset.rows legend {
52 fieldset.rows label, fieldset.rows span.label {
60 fieldset.rows fieldset {
67 padding: 1em 1em 0 1em;
68 list-style-type: none;
75 list-style-type: none;
79 fieldset.rows.left li {
80 padding-bottom : .4em;
83 fieldset.rows li.radio {
88 fieldset.rows li.radio label {
94 fieldset.rows ol.radio label {
100 fieldset.rows ol.radio label.radio {
106 fieldset.rows table {
111 fieldset.rows td label {
113 font-weight : normal;
118 background-color : #F3F3F3;
130 background-color : #FFF;
131 border-bottom : 1px solid #F3F3F3;
135 fieldset.holds label, fieldset.holds span.label {
144 padding : 1em 0 .3em 0;
164 font-weight : normal;
165 margin : .2em 0 .2em .5em;
170 background:transparent url(../../images/koha-logo.gif) no-repeat scroll 0%;
172 float : left !important;
182 height:0px !important;
186 text-decoration:none;
218 input[type=submit], input[type=button], input[type=reset] {
219 background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
220 background-color : #b8d0e6;
221 border-top: 1px solid #cccccc;
222 border-left: 1px solid #cccccc;
223 border-right: 1px solid #eeeeee;
224 border-bottom: 1px solid #eeeeee;
231 input[type=submit]:active, input[type=button], input[type=reset] {
232 border: 1px inset #666666;
236 background-color : #EEE;
237 vertical-align : middle;
238 padding : 3px 3px 5px 5px;
242 background-color: #FFF;
243 border-collapse : collapse;
245 border-right : 1px solid #dddddd;
246 border-top : 1px solid #dddddd;
250 background-color: #FFF;
251 border-left : 1px solid #dddddd;
252 border-bottom : 1px solid #dddddd;
256 td.place_on_type table,
257 td.place_on_type table td {
265 background-color:#EEE;
276 background-color: #FFC;
284 tr.highlight td, tr.highlight th, tr.odd td {
285 background-color : #F3F3F3;
286 border-top : 1px solid #DDDDDD;
287 border-bottom : 1px solid #DDDDDD;
290 tr.even td, tr.even.highlight td {
291 background-color: #FFF;
295 background-color : #E8E8E8;
296 border : 1px solid #DDDDDD;
297 border-right : 1px solid #DDDDDD;
304 background-color : #eeffd4;
307 background-color : #e8f0f6;
310 #editions table, #editions td {
315 background-image:url("../../images/ascdesc.gif");
316 background-position:right center;
317 background-repeat:no-repeat;
321 background-image:url("../../images/asc.gif");
324 background-image:url("../../images/desc.gif");
344 .waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
357 /* "problem" enhancement */
360 background-color : red;
363 /* style for search terms in catalogsearch */
367 background-color : #FFFFCC;
371 text-decoration : underline;
375 background-color : #F9FF9A;
381 background-color : #F3F3F3;
382 border : 1px solid #E8E8E8;
383 padding-bottom : 3px;
392 #action a, #toolbar a {
393 background-position : 5px center;
394 background-repeat : no-repeat;
395 text-decoration : none;
409 border-left : 1px solid #e8e8e8;
412 #toolbar ul li:first-child a {
416 #action a.reserve, #toolbar a.reserve, .searchresults a.reserve {
417 background-image:url(../../images/placereserve.gif);
420 .searchresults a.highlight_toggle {
421 background : transparent url(../../images/highlight.gif) -4px center no-repeat;
424 padding : 0 10px 0 21px;
427 #action a.addtoshelf, #toolbar a.addtoshelf {
428 background-image:url(../../images/addtoshelf.gif);
431 #action a.addtocart, #toolbar a.addtocart {
432 background-image:url(../../images/cart2.gif);
435 #action a.print, #toolbar a.print {
436 background-image:url(../../images/print.gif);
439 #action a#furthersearches {
440 background : transparent url(../../images/menu-arrow.gif) no-repeat right center;
441 border : 1px solid #F3F3F3;
443 padding : 2px 26px 2px 10px;
444 text-decoration : none;
447 #action a#furthersearches:hover {
448 border-top : 1px solid #FFF;
449 border-left : 1px solid #FFF;
450 border-right : 1px solid #979797;
451 border-bottom : 1px solid #979797;
455 background-image: url(../../images/brief.gif);
459 background-image: url(../../images/detail.gif);
463 background-image: url(../../images/print.gif);
467 background-image: url(../../images/close.gif);
471 background-image: url(../../images/send.gif);
477 background-image: url(../../images/send.gif);
478 background-position : 0px center;
479 background-repeat : no-repeat;
480 text-decoration : none;
485 #placehold input.submit {
486 background-image: url(../../images/placereserve.gif);
487 background-position : 9px center;
488 background-repeat : no-repeat;
489 text-decoration : none;
492 #placehold input.submit,
493 #tagsel_span input.submit {
495 background-color: transparent;
502 #tagsel_span input.submit,
504 background-image: url(../../images/tags.gif);
505 background-position : 9px center;
506 background-repeat : no-repeat;
508 text-decoration: none;
513 #placehold input.submit:hover,#tagsel_span input.submit:hover {
517 background-image: url(../../images/trash.gif);
520 /* the itemtype list in advanced search */
521 #advsearch-itemtype table {
522 border-collapse : separate;
523 border-spacing : 3px;
526 background-color : white;
527 border : 0px solid #D8DEB8;
530 #advsearch-itemtype table tr td {
531 background-color : #F8F8EB;
537 #advsearch-itemtype td {
539 background-color : #F8F8EB;
542 body#advsearch #breadcrumbs {
548 body#advsearch #cartmenulink,
549 body#advsearch #listsmenulink {
553 #advsearch #branchloop,
554 #advsearch #sort_by {
571 border-top : 1px solid #384b73;
578 /* the USER information block */
579 #librarian_information {
585 background-color: #FFF;
595 background-color: #fff;
598 margin-right : -10px;
599 padding : 4px 0 4px 0;
604 text-decoration : none;
610 padding : 0 .3em 0 .3em;
611 text-decoration : none;
614 #members li:first-child {
615 border-right : 1px solid black;
618 #members li:last-child {
636 background-image : url( ../../images/menu-background.gif);
637 background-repeat : repeat-x;
638 background-color : #739ACF;
639 background-position : -10px top;
640 border-top : 1px solid #335599;
641 border-bottom : 1px solid #335599;
643 margin-right : -10px;
644 padding : .7em 0 .4em .5em;
649 #opac-main-search form {
654 #opac-main-search label {
657 margin : .2em .3em 0 0;
667 border : 1px solid #e8e8e8;
671 background-color : #EEE;
672 border-bottom : 1px solid #e8e8e8;
679 #search-facets ul li {
681 list-style-type : none;
684 #search-facets li li {
685 font-weight : normal;
691 #search-facets li li a {
692 font-weight : normal;
695 #search-facets li.showmore a {
701 background-color : #EEEEEB;
702 border : 1px solid #DDDED3;
722 font-weight : normal;
728 font-weight : normal;
729 text-decoration : underline;
736 background-color:#E7E7CA;
759 #catalogue_detail_biblio p span.label {
763 #catalogue_detail_biblio p, #catalogue_detail_biblio ul {
764 padding-bottom: .6em;
778 margin : 0 1em 1em 0;
782 border : 1px solid #E8E8E8;
785 fieldset.brief legend {
790 fieldset.brief label {
795 fieldset.brief input+input {
799 fieldset.brief input, fieldset.brief textarea, fieldset.brief select {
800 background-color: #F3F3F3;
801 border-top : 1px solid #979797;
802 border-left : 1px solid #979797;
803 border-right : 1px solid #DDDDDD;
804 border-bottom : 1px solid #DDDDDD;
810 fieldset.brief textarea {
814 fieldset.brief input:focus {
815 background-color: #FFFFCC;
818 fieldset.brief ol, fieldset.brief li {
819 list-style-type : none;
822 fieldset.brief div.hint, fieldset.rows div.hint {
830 font-weight : normal;
835 margin : 0pt 5px 5px 0pt;
845 .resultscontrol, .resultscontrol select {
853 .cartlist input.submit, #tagsel_button {
854 background-color : #d8deb8;
855 background-image : none;
856 border-color : #bebf84;
863 #CheckAll, #CheckNone {
864 font-weight : normal;
868 .resultscontrol label {
878 .searchresults p.details {
888 td.resultscontrol img {
889 vertical-align: middle;
892 .searchresults table td {
895 .searchresults table {
899 .searchresults td, .searchresults th, .searchresults table {
907 border-bottom : 1px solid #f3f3f3;
910 .searchresults tr:first-child {
914 .searchresults table {
915 border-top : 0px solid #CCCCCC;
919 .searchresults a.reserve, .searchresults a.reserve:visited {
920 background-position:left top;
921 background-repeat:no-repeat;
923 padding:2px 3px 2px 26px;
926 .searchresults a.reserve {
927 background-color:transparent;
931 .unavailable, .tagerror, .tagerror:visited {
950 background-color: transparent;
953 padding: 1px 5px 1px 5px;
954 text-decoration: none;
957 background-color: transparent;
960 padding: 1px 5px 1px 5px;
961 text-decoration: none;
965 background-color: #CCFF00;
968 padding: 1px 5px 1px 5px;
969 text-decoration: none;
973 background-color: #99CC00;
976 padding: 1px 5px 1px 5px;
977 text-decoration: none;
981 background-color: #FFFFFF;
984 padding: 1px 5px 1px 5px;
985 text-decoration: none;
989 background-color: #EEE;
990 border: 1px solid #CCCC99;
993 padding: 1px 5px 1px 5px;
994 text-decoration: none;
998 background-color: #EEE;
999 border: 1px solid #CCCC99;
1002 padding: 1px 5px 1px 5px;
1003 text-decoration: none;
1007 background-color: #FFFFCC;
1008 border: 1px solid #CCCC99;
1011 padding: 1px 5px 1px 5px;
1012 text-decoration: none;
1016 background-color: #FFFFCC;
1017 border: 1px solid #CCCC99;
1020 padding: 1px 5px 1px 5px;
1021 text-decoration: none;
1026 list-style-type: none;
1027 margin: 9px 0 -2px 5px;
1038 padding: 2px 4px 2px 4px;
1039 text-decoration: none;
1040 border-top: 1px solid #DDDDDD;
1041 border-left : 1px solid #DDDDDD;
1042 border-right : 1px solid #666666;
1045 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
1046 padding: 2px 4px 3px 4px;
1049 ul.link-tabs li.off a {
1050 background-color: #EEEEEB;
1051 border-bottom: 1px solid #DDDDDD;
1054 ul.link-tabs li.off a:hover {
1055 padding: 2px 3px 2px 4px;
1056 background-color: #FFFFEC;
1057 border-top: 1px solid #BEBF84;
1058 border-left : 1px solid #BEBF84;
1059 border-right : 2px solid #333333;
1062 ul.link-tabs li.on a {
1063 background-color: #FFFFFF;
1064 border-bottom: 1px solid #FFFFFF;
1067 ul.link-tabs li a.debit {
1068 background-color : #FFFF99;
1073 border : 1px solid #DDDDDD;
1079 #catalogue_detail_biblio table, #catalogue_detail_biblio td, #catalogue_detail_biblio th {
1080 background-color : transparent;
1085 background-color : #ffcccc;
1086 border-bottom : 1px solid #ffaeae;
1087 border-right : 1px solid #ffaeae;
1101 table#marc, table#marc td, table#marc th {
1106 background-color : transparent;
1110 table#marc td:first-child {
1131 padding-left : .4em;
1142 /* Hides from IE-mac \*/
1143 * html .clearfix {height: 1%;}
1144 /* End hide from IE-mac */
1150 padding : 0 0 .5em 0;
1153 .searchresults .tagstatus {
1162 .results_summary .label {
1166 .results_summary a {
1167 font-weight: normal;
1172 text-decoration : none;
1176 background : url("../../images/placehold-small.gif") center left no-repeat;
1177 padding-left : 16px;
1180 .actions a.addtocart {
1181 background : url("../../images/cart-small.gif") center left no-repeat;
1182 padding-left : 13px;
1186 .actions a.addtoshelf {
1187 background : url("../../images/addtolist-small.gif") center left no-repeat;
1188 padding-left : 13px;
1191 #catalogue_detail_biblio div.results_summary {
1194 #catalogue_detail_biblio div.results_summary ul {
1203 #catalogue_detail_biblio div.results_summary ul li {
1208 border: 1px solid #bcbcbc;
1214 .dialog h2, .dialog h3, .dialog h4 {
1216 text-align : center;
1220 background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
1221 text-align : center;
1229 background : white url("../../images/message-bg.gif") repeat-x left 0;
1230 border : 1px solid #bcbcbc;
1239 margin : .6em 0 .3em 0;
1242 #moresearches a:link, #moresearches a:visited {
1244 font-weight : normal;
1245 text-decoration : none;
1253 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1255 font-weight : normal;
1257 #opac-main-search #listsmenu h4 {
1263 #opac-main-search #listsmenu .yuimenuitemlabel {
1267 #opac-main-search #listsmenu .bd {
1268 background-color : #f3f3f3;
1269 border : 1px solid #739acf;
1270 background-image : url("../../images/listmenu-container-bg.gif");
1271 background-position : top right;
1272 background-repeat : repeat-y;
1273 padding : .3em 1em 0 0;
1276 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1277 background-color : #fff;
1280 #opac-main-search #listsmenu ul {
1281 border-color : #b8d0e6;
1285 vertical-align: top;
1289 vertical-align: top;
1297 background-color: #fff;
1298 border-top: 1px solid #CCC;
1304 div#changelanguage a {
1305 font-weight : normal;
1309 div#changelanguage a.more {
1310 background-image:url(../../images/more-up-arrow.gif);
1311 background-position:right center;
1312 background-repeat:no-repeat;
1316 div#changelanguage li.yuimenuitem {
1318 font-weight : normal;
1323 div#changelanguage li.yuimenuitem a.yuimenuitemlabel {
1327 #cartDetails,#cartUpdate,#holdDetails,#listsDetails {
1328 background-color : #FFF;
1329 border: 1px solid #739acf;
1334 text-align : center;
1338 .yui-panel .hd, .yui-panel .bd, .yui-panel .ft {
1339 background-color : transparent;
1344 #login #userid, #login #password {
1348 #opac-main-search input.submit {
1349 background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
1350 background-color : #b8d0e6;
1351 border-top: 1px solid #cccccc;
1352 border-left: 1px solid #cccccc;
1353 border-right: 1px solid #eeeeee;
1354 border-bottom: 1px solid #eeeeee;
1356 font-weight : normal;
1362 border-right : 1px solid #979797;
1364 margin-right : .5em;
1366 padding-bottom : 2em;
1370 text-decoration : none;
1372 background : #EEE url(../../images/side-tab-gradient.gif) repeat-y top right;
1373 border : 1px solid #979797;
1376 padding : .4em .3em;
1377 margin-right : -1px;
1380 div#menu li a:hover {
1381 background : #E8F0F6 url(../../images/side-tab-gradient-hover.gif) repeat-y top right;
1384 div#menu li.active a:hover {
1385 background-color : #fff;
1390 list-style-type : none;
1393 #menu ul li.active a {
1394 background-color : #FFF;
1395 background-image : none;
1411 font-weight : normal;
1414 padding: 2px 2px 1px 2px;
1417 #export,#further,.detailtagcell {
1419 background-color : #F3F3F3;
1420 border : 1px solid #E8E8E8;
1423 text-align : center;
1425 #furtherm { margin-top : .5em; }
1427 #export label, .detailtagcell label {
1431 margin-bottom : 2px;
1434 #export input, .detailtagcell input {
1441 padding : 3px 3px .5em 1em;
1445 list-style-image : url("../../images/further-bullet.gif");
1459 background: url(../../images/star-ratings.gif) top left no-repeat;
1467 background: url(../../images/star-ratings-empty.gif) top left no-repeat;
1470 margin: 0 10px 0 10px;
1476 #cartmenulink, #listsmenulink {
1478 position : relative;
1483 text-decoration : none;
1487 #cartmenulink *, #listsmenulink * {
1488 font-style : normal;
1489 background-image : url(../../images/button-background.png);
1490 background-repeat : no-repeat;
1492 position : relative;
1495 #cartmenulink i, #listsmenulink i {
1496 background-position : top left;
1497 position : absolute;
1498 margin-bottom : -5px;
1505 #cartmenulink span, #listsmenulink span {
1506 background-position : bottom left;
1508 padding : 0 0 5px 10px;
1509 margin-bottom : -5px;
1512 *:first-child+html #cartmenulink span { padding-top : 3px; padding-bottom : 7px; }
1513 *:first-child+html #listsmenulink span { padding-top : 5px; }
1515 #cartmenulink span i, #listsmenulink span i {
1516 background-position : bottom right;
1518 position : absolute;
1525 #cartmenulink span span, #listsmenulink span span {
1526 background-position : top right;
1527 position : absolute;
1534 * html #cartmenulink span, * html #cartmenulink i, * html #listsmenulink span, * html #listsmenulink i {
1537 background-image : none;
1540 * html #cartmenulink span, * html #listsmenulink span {
1544 background : #9FBFFF;
1548 background : #98CB58;
1553 #cartmenulink[class], #listsmenulink[class] {
1554 background-image : url(../../images/button-background-gradient.png);
1555 background-position : left top;
1558 #listsmenulink:hover {
1559 background-color : #b8d0e6;
1562 #cartmenulink:hover {
1563 background-color : #BFDE96;
1567 background-image : none;
1569 padding : 3px 3px 0 3px;
1572 #cartmenulink span#basketcount {
1573 background-image : none;
1577 position : relative;
1585 #cartmenulink span#basketcount span {
1586 background-image : none;
1587 background-color : #E6FCB7;
1592 font-weight : normal;
1593 margin : 0 0 0 .9em;
1594 padding : 0 .3em 0 .3em;
1595 position : relative;
1601 a#listsmenulink, a#listsmenulink:hover {
1606 margin-left : 1.5em;
1609 a#cartmenulink, a#cartmenulink:hover {
1614 margin-left : 1.5em;
1616 * html a#cartmenulink {
1619 * html a#cartmenulink:hover {
1623 *:first-child+html a#listsmenulink { padding-top : 0; }
1624 *:first-child+html a#listsmenulink:hover { padding-top : 0; }
1625 *:first-child+html a#cartmenulink { padding-top : 0; }
1626 *:first-child+html a#cartmenulink:hover { padding-top : 0; }
1627 *:first-child+html #cartmenulink span i{ top : -4px; }
1628 *:first-child+html #listsmenulink span i { top : -5px; }
1630 #listsmenulink img {
1631 background-image : none;
1633 padding : 0 0 2px 0;
1636 * html #cartmenulink {
1637 border : 1px solid #336600;
1640 * html #listsmenulink {
1641 border : 1px solid #006699;
1645 margin-right : .5em;
1648 ul.ui-tabs-nav li a, ul.ui-tabs-nav li span.a {
1649 background-color : #F3F3F3;
1650 border-top : 1px solid #E8E8E8;
1651 border-left : 1px solid #E8E8E8;
1652 border-right : 1px solid #E8E8E8;
1655 text-align : center;
1656 text-decoration : none;
1659 ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a {
1660 background-color : #FFF;
1661 border-top : 1px solid #E8E8E8;
1662 border-left : 1px solid #E8E8E8;
1663 border-right : 1px solid #E8E8E8;
1664 border-bottom : 1px solid #FFF;
1665 margin-bottom : -5px;
1666 text-align : center;
1670 border-bottom : 1px solid #E8E8E8;
1671 margin-bottom : .5em;
1672 padding : 0 2em 2px 0.2em;
1673 white-space : nowrap;
1677 padding : 0.2em .2em 2px .2em;
1680 #bibliodescriptions,
1686 a#MARCview, span#MARCview, a#MARCviewPop, a#ISBDview, span#ISBDview, a#Normalview, span#Normalview {
1687 background-position : 5px 3px;
1688 background-repeat : no-repeat;
1690 font-weight : normal;
1691 padding : .2em .5em;
1692 text-decoration: none;
1695 a#MARCview, span#MARCview {
1696 background-image : url(../../images/marc.gif);
1697 padding-left : 17px;
1699 a#MARCviewPop, span#MARCviewPop {
1700 background-image : url(../../images/marc.gif);
1701 padding-left : 17px;
1703 a#ISBDview, span#ISBDview {
1704 background-image : url(../../images/isbd.gif);
1705 padding-left : 20px;
1707 a#Normalview, span#Normalview {
1708 background-image : url(../../images/normal.gif);
1709 padding-left : 15px;
1712 a#MARCview, a#MARCviewPop, a#ISBDview, a#Normalview {
1713 background-color : #F3F3F3;
1714 border-left : 1px solid #E8E8E8;
1717 #shelfbrowser table {
1720 #shelfbrowser table, #shelfbrowser td, #shelfbrowser th {
1723 text-align : center;
1727 text-decoration : none;
1729 #shelfbrowser td, #shelfbrowser th {
1730 vertical-align : bottom;
1733 #shelfbrowser td.top {
1734 vertical-align : top;
1736 #shelfbrowser td.top a {
1737 text-decoration : underline;
1743 background : transparent url("../../images/new.gif") center left no-repeat;
1748 padding-left : 15px;
1749 text-decoration : none;
1751 input.editshelf,a.editshelf {
1752 background : transparent url("../../images/shelf-edit.gif") center left no-repeat;
1757 padding-left : 15px;
1758 text-decoration : none;
1760 input.newshelf,a.newshelf {
1761 background : transparent url("../../images/shelf-new.gif") center left no-repeat;
1767 padding-left : 15px;
1768 text-decoration : none;
1771 background : transparent url("../../images/shelf-delete.gif") center left no-repeat;
1777 padding-left : 13px;
1780 input.editshelf:active,input.deleteshelf:active {
1784 #comments .commentline {
1785 border-bottom : 2px solid #eeeeeb;
1786 margin : 0 -.5em 0 -.5em;
1787 padding : 0 .5em .5em .5em;
1790 background-color : #effed5;
1792 #comments #addcomment {
1793 margin : 0 -1em -1em -1em;
1797 padding : 1px !important;
1818 font-weight : normal;
1822 #furtherm a:visited {
1830 background-color : #F3F3F3;
1831 border:1px solid #DDD;
1833 .results_summary img {
1837 background-color : #FFF;
1838 border: 1px solid #979797;
1843 text-align : center;
1846 #bookcover span.no-image {
1847 margin-right : 10px;
1848 margin-bottom : 10px;
1850 #shelfbrowser a:link span.no-image,
1851 #shelfbrowser a:visited span.no-image,
1852 #shelfbrowser a:hover span.no-image,
1853 #shelfbrowser a:active span.no-image {
1856 #shelfbrowser a:link span.no-image,
1857 #shelfbrowser a:visited span.no-image,
1858 #shelfbrowser a:hover span.no-image,
1859 #shelfbrowser a:active span.no-image,
1860 td.jacketcell a:link,
1861 td.jacketcell a:visited,
1862 td.jacketcell a:hover,
1863 td.jacketcell a:active,
1869 text-decoration : none;
1873 .copies_row > td:first-child {
1874 border-left-style : none;