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;
33 background-color: #FFF;
34 border : 2px solid #EEEEEE;
35 margin : 1em 1em 1em 0;
41 border-bottom : 1px solid black;
50 fieldset.rows legend {
56 fieldset.rows label, fieldset.rows span.label {
64 fieldset.rows fieldset {
71 padding: 1em 1em 0 1em;
72 list-style-type: none;
79 list-style-type: none;
83 fieldset.rows.left li {
84 padding-bottom : .4em;
87 fieldset.rows li.radio {
92 fieldset.rows li.radio label {
98 fieldset.rows ol.radio label {
104 fieldset.rows ol.radio label.radio {
110 fieldset.rows table {
115 fieldset.rows td label {
117 font-weight : normal;
122 background-color : #F3F3F3;
134 background-color : #FFF;
135 border-bottom : 1px solid #F3F3F3;
139 fieldset.holds label, fieldset.holds span.label {
148 padding : 1em 0 .3em 0;
168 font-weight : normal;
169 margin : .2em 0 .2em .5em;
174 background:transparent url(../../images/koha-logo.gif) no-repeat scroll 0%;
176 float : left !important;
186 height:0px !important;
190 text-decoration:none;
222 input[type=submit], input[type=button], input[type=reset] {
223 background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
224 background-color : #b8d0e6;
225 border-top: 1px solid #cccccc;
226 border-left: 1px solid #cccccc;
227 border-right: 1px solid #eeeeee;
228 border-bottom: 1px solid #eeeeee;
235 input[type=submit]:active, input[type=button], input[type=reset] {
236 border: 1px inset #666666;
240 background-color : #EEE;
241 vertical-align : middle;
242 padding : 3px 3px 5px 5px;
246 background-color: #FFF;
247 border-collapse : collapse;
249 border-right : 1px solid #dddddd;
250 border-top : 1px solid #dddddd;
254 background-color: #FFF;
255 border-left : 1px solid #dddddd;
256 border-bottom : 1px solid #dddddd;
260 td.place_on_type table,
261 td.place_on_type table td {
269 background-color:#EEE;
280 background-color: #FFC;
288 tr.highlight td, tr.highlight th, tr.odd td {
289 background-color : #F3F3F3;
290 border-top : 1px solid #DDDDDD;
291 border-bottom : 1px solid #DDDDDD;
294 tr.even td, tr.even.highlight td {
295 background-color: #FFF;
299 background-color : #E8E8E8;
300 border : 1px solid #DDDDDD;
301 border-right : 1px solid #DDDDDD;
308 background-color : #eeffd4;
311 background-color : #e8f0f6;
314 #editions table, #editions td {
319 background-image:url("../../images/ascdesc.gif");
320 background-position:right center;
321 background-repeat:no-repeat;
325 background-image:url("../../images/asc.gif");
328 background-image:url("../../images/desc.gif");
348 .waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
361 /* "problem" enhancement */
364 background-color : red;
367 /* style for search terms in catalogsearch */
371 background-color : #FFFFCC;
375 text-decoration : underline;
379 background-color : #F9FF9A;
385 background-color : #F3F3F3;
386 border : 1px solid #E8E8E8;
387 padding-bottom : 3px;
396 #action a, #toolbar a {
397 background-position : 5px center;
398 background-repeat : no-repeat;
399 text-decoration : none;
413 border-left : 1px solid #e8e8e8;
416 #toolbar ul li:first-child a {
420 #action a.reserve, #toolbar a.reserve, .searchresults a.reserve {
421 background-image:url(../../images/placereserve.gif);
424 .searchresults a.highlight_toggle {
425 background : transparent url(../../images/highlight.gif) -4px center no-repeat;
428 padding : 0 10px 0 21px;
431 #action a.addtoshelf, #toolbar a.addtoshelf {
432 background-image:url(../../images/addtoshelf.gif);
435 #action a.addtocart, #toolbar a.addtocart {
436 background-image:url(../../images/cart2.gif);
439 #action a.print, #toolbar a.print {
440 background-image:url(../../images/print.gif);
443 #action a#furthersearches {
444 background : transparent url(../../images/menu-arrow.gif) no-repeat right center;
445 border : 1px solid #F3F3F3;
447 padding : 2px 26px 2px 10px;
448 text-decoration : none;
451 #action a#furthersearches:hover {
452 border-top : 1px solid #FFF;
453 border-left : 1px solid #FFF;
454 border-right : 1px solid #979797;
455 border-bottom : 1px solid #979797;
459 background-image: url(../../images/brief.gif);
463 background-image: url(../../images/detail.gif);
467 background-image: url(../../images/print.gif);
471 background-image: url(../../images/close.gif);
475 background-image: url(../../images/send.gif);
481 background-image: url(../../images/send.gif);
482 background-position : 0px center;
483 background-repeat : no-repeat;
484 text-decoration : none;
489 #placehold input.submit {
490 background-image: url(../../images/placereserve.gif);
491 background-position : 9px center;
492 background-repeat : no-repeat;
493 text-decoration : none;
496 #placehold input.submit,
497 #tagsel_span input.submit {
499 background-color: transparent;
506 #tagsel_span input.submit,
508 background-image: url(../../images/tags.gif);
509 background-position : 9px center;
510 background-repeat : no-repeat;
512 text-decoration: none;
517 #placehold input.submit:hover,#tagsel_span input.submit:hover {
521 background-image: url(../../images/trash.gif);
524 /* the itemtype list in advanced search */
525 #advsearch-itemtype table {
526 border-collapse : separate;
527 border-spacing : 3px;
530 background-color : white;
531 border : 0px solid #D8DEB8;
534 #advsearch-itemtype table tr td {
535 background-color : #F8F8EB;
541 #advsearch-itemtype td {
543 background-color : #F8F8EB;
546 body#advsearch #breadcrumbs {
552 body#advsearch #cartmenulink,
553 body#advsearch #listsmenulink {
557 #advsearch #branchloop,
558 #advsearch #sort_by {
575 border-top : 1px solid #384b73;
582 /* the USER information block */
583 #librarian_information {
589 background-color: #FFF;
599 background-color: #fff;
602 margin-right : -10px;
603 padding : 4px 0 4px 0;
608 text-decoration : none;
614 padding : 0 .3em 0 .3em;
615 text-decoration : none;
618 #members li:first-child {
619 border-right : 1px solid black;
622 #members li:last-child {
640 background-image : url( ../../images/menu-background.gif);
641 background-repeat : repeat-x;
642 background-color : #739ACF;
643 background-position : -10px top;
644 border-top : 1px solid #335599;
645 border-bottom : 1px solid #335599;
647 margin-right : -10px;
648 padding : .7em 0 .4em .5em;
653 #opac-main-search form {
658 #opac-main-search label {
661 margin : .2em .3em 0 0;
671 border : 1px solid #e8e8e8;
675 background-color : #EEE;
676 border-bottom : 1px solid #e8e8e8;
683 #search-facets ul li {
685 list-style-type : none;
688 #search-facets li li {
689 font-weight : normal;
695 #search-facets li li a {
696 font-weight : normal;
699 #search-facets li.showmore a {
705 background-color : #EEEEEB;
706 border : 1px solid #DDDED3;
726 font-weight : normal;
732 font-weight : normal;
733 text-decoration : underline;
740 background-color:#E7E7CA;
763 #catalogue_detail_biblio p span.label {
767 #catalogue_detail_biblio p, #catalogue_detail_biblio ul {
768 padding-bottom: .6em;
782 margin : 0 1em 1em 0;
786 border : 1px solid #E8E8E8;
789 fieldset.brief legend {
794 fieldset.brief label {
799 fieldset.brief input+input {
803 fieldset.brief input, fieldset.brief textarea, fieldset.brief select {
804 background-color: #F3F3F3;
805 border-top : 1px solid #979797;
806 border-left : 1px solid #979797;
807 border-right : 1px solid #DDDDDD;
808 border-bottom : 1px solid #DDDDDD;
814 fieldset.brief textarea {
818 fieldset.brief input:focus {
819 background-color: #FFFFCC;
822 fieldset.brief ol, fieldset.brief li {
823 list-style-type : none;
826 fieldset.brief div.hint, fieldset.rows div.hint {
834 font-weight : normal;
839 margin : 0pt 5px 5px 0pt;
849 .resultscontrol, .resultscontrol select {
857 .cartlist input.submit, #tagsel_button {
858 background-color : #d8deb8;
859 background-image : none;
860 border-color : #bebf84;
867 #CheckAll, #CheckNone {
868 font-weight : normal;
872 .resultscontrol label {
882 .searchresults p.details {
892 td.resultscontrol img {
893 vertical-align: middle;
896 .searchresults table td {
899 .searchresults table {
903 .searchresults td, .searchresults th, .searchresults table {
911 border-bottom : 1px solid #f3f3f3;
914 .searchresults tr:first-child {
918 .searchresults table {
919 border-top : 0px solid #CCCCCC;
923 .searchresults a.reserve, .searchresults a.reserve:visited {
924 background-position:left top;
925 background-repeat:no-repeat;
927 padding:2px 3px 2px 26px;
930 .searchresults a.reserve {
931 background-color:transparent;
935 .unavailable, .tagerror, .tagerror:visited {
954 background-color: transparent;
957 padding: 1px 5px 1px 5px;
958 text-decoration: none;
961 background-color: transparent;
964 padding: 1px 5px 1px 5px;
965 text-decoration: none;
969 background-color: #CCFF00;
972 padding: 1px 5px 1px 5px;
973 text-decoration: none;
977 background-color: #99CC00;
980 padding: 1px 5px 1px 5px;
981 text-decoration: none;
985 background-color: #FFFFFF;
988 padding: 1px 5px 1px 5px;
989 text-decoration: none;
993 background-color: #EEE;
994 border: 1px solid #CCCC99;
997 padding: 1px 5px 1px 5px;
998 text-decoration: none;
1002 background-color: #EEE;
1003 border: 1px solid #CCCC99;
1006 padding: 1px 5px 1px 5px;
1007 text-decoration: none;
1011 background-color: #FFFFCC;
1012 border: 1px solid #CCCC99;
1015 padding: 1px 5px 1px 5px;
1016 text-decoration: none;
1020 background-color: #FFFFCC;
1021 border: 1px solid #CCCC99;
1024 padding: 1px 5px 1px 5px;
1025 text-decoration: none;
1030 list-style-type: none;
1031 margin: 9px 0 -2px 5px;
1042 padding: 2px 4px 2px 4px;
1043 text-decoration: none;
1044 border-top: 1px solid #DDDDDD;
1045 border-left : 1px solid #DDDDDD;
1046 border-right : 1px solid #666666;
1049 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
1050 padding: 2px 4px 3px 4px;
1053 ul.link-tabs li.off a {
1054 background-color: #EEEEEB;
1055 border-bottom: 1px solid #DDDDDD;
1058 ul.link-tabs li.off a:hover {
1059 padding: 2px 3px 2px 4px;
1060 background-color: #FFFFEC;
1061 border-top: 1px solid #BEBF84;
1062 border-left : 1px solid #BEBF84;
1063 border-right : 2px solid #333333;
1066 ul.link-tabs li.on a {
1067 background-color: #FFFFFF;
1068 border-bottom: 1px solid #FFFFFF;
1071 ul.link-tabs li a.debit {
1072 background-color : #FFFF99;
1077 border : 1px solid #DDDDDD;
1083 #catalogue_detail_biblio table, #catalogue_detail_biblio td, #catalogue_detail_biblio th {
1084 background-color : transparent;
1089 background-color : #ffcccc;
1090 border-bottom : 1px solid #ffaeae;
1091 border-right : 1px solid #ffaeae;
1105 table#marc, table#marc td, table#marc th {
1110 background-color : transparent;
1114 table#marc td:first-child {
1135 padding-left : .4em;
1146 /* Hides from IE-mac \*/
1147 * html .clearfix {height: 1%;}
1148 /* End hide from IE-mac */
1154 padding : 0 0 .5em 0;
1157 .searchresults .tagstatus {
1166 .results_summary .label {
1170 .results_summary a {
1171 font-weight: normal;
1176 text-decoration : none;
1180 background : url("../../images/placehold-small.gif") center left no-repeat;
1181 padding-left : 16px;
1184 .actions a.addtocart {
1185 background : url("../../images/cart-small.gif") center left no-repeat;
1186 padding-left : 13px;
1190 .actions a.addtoshelf {
1191 background : url("../../images/addtolist-small.gif") center left no-repeat;
1192 padding-left : 13px;
1195 #catalogue_detail_biblio div.results_summary {
1198 #catalogue_detail_biblio div.results_summary ul {
1207 #catalogue_detail_biblio div.results_summary ul li {
1212 border: 1px solid #bcbcbc;
1218 .dialog h2, .dialog h3, .dialog h4 {
1220 text-align : center;
1224 background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
1225 text-align : center;
1233 background : white url("../../images/message-bg.gif") repeat-x left 0;
1234 border : 1px solid #bcbcbc;
1243 margin : .6em 0 .3em 0;
1246 #moresearches a:link, #moresearches a:visited {
1248 font-weight : normal;
1249 text-decoration : none;
1257 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1259 font-weight : normal;
1261 #opac-main-search #listsmenu h4 {
1267 #opac-main-search #listsmenu .yuimenuitemlabel {
1271 #opac-main-search #listsmenu .bd {
1272 background-color : #f3f3f3;
1273 border : 1px solid #739acf;
1274 background-image : url("../../images/listmenu-container-bg.gif");
1275 background-position : top right;
1276 background-repeat : repeat-y;
1277 padding : .3em 1em 0 0;
1280 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1281 background-color : #fff;
1284 #opac-main-search #listsmenu ul {
1285 border-color : #b8d0e6;
1289 vertical-align: top;
1293 vertical-align: top;
1301 background-color: #fff;
1302 border-top: 1px solid #CCC;
1308 div#changelanguage a {
1309 font-weight : normal;
1313 div#changelanguage a.more {
1314 background-image:url(../../images/more-up-arrow.gif);
1315 background-position:right center;
1316 background-repeat:no-repeat;
1320 div#changelanguage li.yuimenuitem {
1322 font-weight : normal;
1327 div#changelanguage li.yuimenuitem a.yuimenuitemlabel {
1331 #cartDetails,#cartUpdate,#holdDetails,#listsDetails {
1332 background-color : #FFF;
1333 border: 1px solid #739acf;
1338 text-align : center;
1342 .yui-panel .hd, .yui-panel .bd, .yui-panel .ft {
1343 background-color : transparent;
1348 #login #userid, #login #password {
1352 #opac-main-search input.submit {
1353 background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
1354 background-color : #b8d0e6;
1355 border-top: 1px solid #cccccc;
1356 border-left: 1px solid #cccccc;
1357 border-right: 1px solid #eeeeee;
1358 border-bottom: 1px solid #eeeeee;
1360 font-weight : normal;
1366 border-right : 1px solid #979797;
1368 margin-right : .5em;
1370 padding-bottom : 2em;
1374 text-decoration : none;
1376 background : #EEE url(../../images/side-tab-gradient.gif) repeat-y top right;
1377 border : 1px solid #979797;
1380 padding : .4em .3em;
1381 margin-right : -1px;
1384 div#menu li a:hover {
1385 background : #E8F0F6 url(../../images/side-tab-gradient-hover.gif) repeat-y top right;
1388 div#menu li.active a:hover {
1389 background-color : #fff;
1394 list-style-type : none;
1397 #menu ul li.active a {
1398 background-color : #FFF;
1399 background-image : none;
1415 font-weight : normal;
1418 padding: 2px 2px 1px 2px;
1421 #export,#further,.detailtagcell {
1423 background-color : #F3F3F3;
1424 border : 1px solid #E8E8E8;
1427 text-align : center;
1429 #furtherm { margin-top : .5em; }
1431 #export label, .detailtagcell label {
1435 margin-bottom : 2px;
1438 #export input, .detailtagcell input {
1445 padding : 3px 3px .5em 1em;
1449 list-style-image : url("../../images/further-bullet.gif");
1463 background: url(../../images/star-ratings.gif) top left no-repeat;
1471 background: url(../../images/star-ratings-empty.gif) top left no-repeat;
1474 margin: 0 10px 0 10px;
1480 #cartmenulink, #listsmenulink {
1482 position : relative;
1487 text-decoration : none;
1491 #cartmenulink *, #listsmenulink * {
1492 font-style : normal;
1493 background-image : url(../../images/button-background.png);
1494 background-repeat : no-repeat;
1496 position : relative;
1499 #cartmenulink i, #listsmenulink i {
1500 background-position : top left;
1501 position : absolute;
1502 margin-bottom : -5px;
1509 #cartmenulink span, #listsmenulink span {
1510 background-position : bottom left;
1512 padding : 0 0 5px 10px;
1513 margin-bottom : -5px;
1516 *:first-child+html #cartmenulink span { padding-top : 3px; padding-bottom : 7px; }
1517 *:first-child+html #listsmenulink span { padding-top : 5px; }
1519 #cartmenulink span i, #listsmenulink span i {
1520 background-position : bottom right;
1522 position : absolute;
1529 #cartmenulink span span, #listsmenulink span span {
1530 background-position : top right;
1531 position : absolute;
1538 * html #cartmenulink span, * html #cartmenulink i, * html #listsmenulink span, * html #listsmenulink i {
1541 background-image : none;
1544 * html #cartmenulink span, * html #listsmenulink span {
1548 background : #9FBFFF;
1552 background : #98CB58;
1557 #cartmenulink[class], #listsmenulink[class] {
1558 background-image : url(../../images/button-background-gradient.png);
1559 background-position : left top;
1562 #listsmenulink:hover {
1563 background-color : #b8d0e6;
1566 #cartmenulink:hover {
1567 background-color : #BFDE96;
1571 background-image : none;
1573 padding : 3px 3px 0 3px;
1576 #cartmenulink span#basketcount {
1577 background-image : none;
1581 position : relative;
1589 #cartmenulink span#basketcount span {
1590 background-image : none;
1591 background-color : #E6FCB7;
1596 font-weight : normal;
1597 margin : 0 0 0 .9em;
1598 padding : 0 .3em 0 .3em;
1599 position : relative;
1605 a#listsmenulink, a#listsmenulink:hover {
1610 margin-left : 1.5em;
1613 a#cartmenulink, a#cartmenulink:hover {
1618 margin-left : 1.5em;
1620 * html a#cartmenulink {
1623 * html a#cartmenulink:hover {
1627 *:first-child+html a#listsmenulink { padding-top : 0; }
1628 *:first-child+html a#listsmenulink:hover { padding-top : 0; }
1629 *:first-child+html a#cartmenulink { padding-top : 0; }
1630 *:first-child+html a#cartmenulink:hover { padding-top : 0; }
1631 *:first-child+html #cartmenulink span i{ top : -4px; }
1632 *:first-child+html #listsmenulink span i { top : -5px; }
1634 #listsmenulink img {
1635 background-image : none;
1637 padding : 0 0 2px 0;
1640 * html #cartmenulink {
1641 border : 1px solid #336600;
1644 * html #listsmenulink {
1645 border : 1px solid #006699;
1649 margin-right : .5em;
1652 ul.ui-tabs-nav li a, ul.ui-tabs-nav li span.a {
1653 background-color : #F3F3F3;
1654 border-top : 1px solid #E8E8E8;
1655 border-left : 1px solid #E8E8E8;
1656 border-right : 1px solid #E8E8E8;
1659 text-align : center;
1660 text-decoration : none;
1663 ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a {
1664 background-color : #FFF;
1665 border-top : 1px solid #E8E8E8;
1666 border-left : 1px solid #E8E8E8;
1667 border-right : 1px solid #E8E8E8;
1668 border-bottom : 1px solid #FFF;
1669 margin-bottom : -5px;
1670 text-align : center;
1674 border-bottom : 1px solid #E8E8E8;
1675 margin-bottom : .5em;
1676 padding : 0 2em 2px 0.2em;
1677 white-space : nowrap;
1681 padding : 0.2em .2em 2px .2em;
1684 #bibliodescriptions,
1690 a#MARCview, span#MARCview, a#MARCviewPop, a#ISBDview, span#ISBDview, a#Normalview, span#Normalview {
1691 background-position : 5px 3px;
1692 background-repeat : no-repeat;
1694 font-weight : normal;
1695 padding : .2em .5em;
1696 text-decoration: none;
1699 a#MARCview, span#MARCview {
1700 background-image : url(../../images/marc.gif);
1701 padding-left : 17px;
1703 a#MARCviewPop, span#MARCviewPop {
1704 background-image : url(../../images/marc.gif);
1705 padding-left : 17px;
1707 a#ISBDview, span#ISBDview {
1708 background-image : url(../../images/isbd.gif);
1709 padding-left : 20px;
1711 a#Normalview, span#Normalview {
1712 background-image : url(../../images/normal.gif);
1713 padding-left : 15px;
1716 a#MARCview, a#MARCviewPop, a#ISBDview, a#Normalview {
1717 background-color : #F3F3F3;
1718 border-left : 1px solid #E8E8E8;
1721 #shelfbrowser table {
1724 #shelfbrowser table, #shelfbrowser td, #shelfbrowser th {
1727 text-align : center;
1731 text-decoration : none;
1733 #shelfbrowser td, #shelfbrowser th {
1734 vertical-align : bottom;
1737 #shelfbrowser td.top {
1738 vertical-align : top;
1740 #shelfbrowser td.top a {
1741 text-decoration : underline;
1747 background : transparent url("../../images/new.gif") center left no-repeat;
1752 padding-left : 15px;
1753 text-decoration : none;
1755 input.editshelf,a.editshelf {
1756 background : transparent url("../../images/shelf-edit.gif") center left no-repeat;
1761 padding-left : 15px;
1762 text-decoration : none;
1764 input.newshelf,a.newshelf {
1765 background : transparent url("../../images/shelf-new.gif") center left no-repeat;
1771 padding-left : 15px;
1772 text-decoration : none;
1775 background : transparent url("../../images/shelf-delete.gif") center left no-repeat;
1781 padding-left : 13px;
1784 input.editshelf:active,input.deleteshelf:active {
1788 #comments .commentline {
1789 border-bottom : 2px solid #eeeeeb;
1790 margin : 0 -.5em 0 -.5em;
1791 padding : 0 .5em .5em .5em;
1794 background-color : #effed5;
1796 #comments #addcomment {
1797 margin : 0 -1em -1em -1em;
1801 padding : 1px !important;
1822 font-weight : normal;
1826 #furtherm a:visited {
1834 background-color : #F3F3F3;
1835 border:1px solid #DDD;
1837 .results_summary img {
1841 background-color : #FFF;
1842 border: 1px solid #979797;
1847 text-align : center;
1850 #bookcover span.no-image {
1851 margin-right : 10px;
1852 margin-bottom : 10px;
1854 #shelfbrowser a:link span.no-image,
1855 #shelfbrowser a:visited span.no-image,
1856 #shelfbrowser a:hover span.no-image,
1857 #shelfbrowser a:active span.no-image {
1860 #shelfbrowser a:link span.no-image,
1861 #shelfbrowser a:visited span.no-image,
1862 #shelfbrowser a:hover span.no-image,
1863 #shelfbrowser a:active span.no-image,
1864 td.jacketcell a:link,
1865 td.jacketcell a:visited,
1866 td.jacketcell a:hover,
1867 td.jacketcell a:active,
1873 text-decoration : none;
1877 .copies_row > td:first-child {
1878 border-left-style : none;
1882 unicode-bidi: embed;