1 @import url("../lib/yui/reset-fonts-grids.css");
2 @import url("../lib/yui/skin.css");
12 a:hover,#toolbar input.editshelf:hover,input.editshelf:hover,a.editshelf:hover,input.deleteshelf:hover {
17 background-color : white;
19 padding : 0 0 2.5em 0;
34 background-color: #FFF;
35 border : 2px solid #EEEEEE;
36 margin : 1em 1em 1em 0;
42 border-bottom : 1px solid black;
51 fieldset.rows legend {
57 fieldset.rows label, fieldset.rows span.label {
65 fieldset.rows fieldset {
72 padding: 1em 1em 0 1em;
73 list-style-type: none;
80 list-style-type: none;
84 fieldset.rows.left li {
85 padding-bottom : .4em;
88 fieldset.rows li.radio {
93 fieldset.rows li.radio label {
99 fieldset.rows ol.radio label {
105 fieldset.rows ol.radio label.radio {
111 fieldset.rows table {
116 fieldset.rows td label {
118 font-weight : normal;
123 background-color : #F3F3F3;
135 background-color : #FFF;
136 border-bottom : 1px solid #F3F3F3;
140 fieldset.holds label, fieldset.holds span.label {
149 padding : 1em 0 .3em 0;
169 font-weight : normal;
170 margin : .2em 0 .2em .5em;
175 background:transparent url(../../images/koha-logo.gif) no-repeat scroll 0%;
177 float : left !important;
187 height:0px !important;
191 text-decoration:none;
226 fieldset.brief input[type=submit],
227 fieldset.brief input[type=button],
228 fieldset.brief input[type=reset]
230 background: #f4f9fc; /* Old browsers */
231 background: -moz-linear-gradient(top, #f4f9fc 0%, #dfeefa 4%, #bfd5ea 93%, #a1c4e2 97%, #b8d0e6 100%); /* FF3.6+ */
232 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f9fc), color-stop(4%,#dfeefa), color-stop(93%,#bfd5ea), color-stop(97%,#a1c4e2), color-stop(100%,#b8d0e6)); /* Chrome,Safari4+ */
233 background: -webkit-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */
234 background: -o-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* Opera11.10+ */
235 background: -ms-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* IE10+ */
236 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f9fc', endColorstr='#b8d0e6',GradientType=0 ); /* IE6-9 */
237 background: linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* W3C */
238 border-top: 1px solid #cccccc;
239 border-left: 1px solid #cccccc;
240 border-right: 1px solid #eeeeee;
241 border-bottom: 1px solid #eeeeee;
248 input[type=submit]:active, input[type=button]:active, input[type=reset]:active {
249 border: 1px inset #666666;
253 .searchresults td.resultscontrol {
254 background-color : #EEE;
255 border : 1px solid #E8E8E8;
256 vertical-align : middle;
257 padding : 3px 3px 5px 5px;
261 background-color: #FFF;
262 border-collapse : collapse;
264 border-right : 1px solid #dddddd;
265 border-top : 1px solid #dddddd;
269 background-color: #FFF;
270 border-left : 1px solid #dddddd;
271 border-bottom : 1px solid #dddddd;
275 td.place_on_type table,
276 td.place_on_type table td {
284 background-color:#EEE;
295 background-color: #FFC;
303 tr.highlight td, tr.highlight th, tr.odd td {
304 background-color : #F3F3F3;
305 border-top : 1px solid #DDDDDD;
306 border-bottom : 1px solid #DDDDDD;
309 tr.even td, tr.even.highlight td {
310 background-color: #FFF;
314 background-color : #E8E8E8;
315 border : 1px solid #DDDDDD;
316 border-right : 1px solid #DDDDDD;
323 background-color : #eeffd4;
326 background-color : #e8f0f6;
329 #editions table, #editions td {
334 background-image:url("../../images/ascdesc.gif");
335 background-position:right center;
336 background-repeat:no-repeat;
340 background-image:url("../../images/asc.gif");
343 background-image:url("../../images/desc.gif");
363 .waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
376 /* "problem" enhancement */
379 background-color : red;
382 /* style for search terms in catalogsearch */
386 background-color : #FFFFCC;
390 text-decoration : underline;
393 /* style for shelving location in catalogsearch */
400 background-color : #F9FF9A;
406 background-color : #F3F3F3;
407 border : 1px solid #E8E8E8;
408 padding-bottom : 3px;
418 background-position : 5px center;
419 background-repeat : no-repeat;
420 text-decoration : none;
425 background-image:url(../../images/print.gif);
428 #action a#furthersearches {
429 background : transparent url(../../images/menu-arrow.gif) no-repeat right center;
430 border : 1px solid #F3F3F3;
432 padding : 2px 26px 2px 10px;
433 text-decoration : none;
436 #action a#furthersearches:hover {
437 border-top : 1px solid #FFF;
438 border-left : 1px solid #FFF;
439 border-right : 1px solid #979797;
440 border-bottom : 1px solid #979797;
444 .searchresults a.reserve {
445 background-image:url(../../images/placereserve.gif);
448 #action a.addtoshelf, #toolbar a.addtoshelf {
449 background-image:url(../../images/addtoshelf.gif);
452 #action a.addtocart, #toolbar a.addtocart {
453 background-image:url(../../images/cart2.gif);
456 /* toolbar buttons */
459 background-color:#EEEEEE;
460 border:1px solid #E8E8E8;
462 padding:3px 3px 5px 5px;
463 vertical-align:middle;
468 white-space : nowrap;
481 border-left : 1px solid #e8e8e8;
484 #toolbar ul li:first-child a {
490 background: transparent url(../../images/print-small.png) 5px 50% no-repeat;
491 text-decoration : none;
496 background: transparent url(../../images/brief.gif) 5px 50% no-repeat;
497 text-decoration : none;
502 background: transparent url(../../images/detail.gif) 5px 50% no-repeat;
503 text-decoration : none;
507 #toolbar a.download {
508 background : transparent url("../../images/download.png") 7px 50% no-repeat;
510 text-decoration : none;
513 #toolbar a.editshelf {
514 background : transparent url("../../images/shelf-edit.gif") 12px 50% no-repeat;
516 text-decoration : none;
520 background: transparent url(../../images/empty-small.png) 5px 50% no-repeat;
521 text-decoration : none;
526 background: transparent url(../../images/close.gif) 5px 50% no-repeat;
527 text-decoration : none;
532 background: transparent url(../../images/place-hold-small.png) 5px 50% no-repeat;
533 text-decoration : none;
537 #toolbar a.newshelf {
538 background : transparent url("../../images/shelf-new.gif") 5px 50% no-repeat;
540 text-decoration : none;
545 background: transparent url(../../images/send.png) 2px 50% no-repeat;
546 text-decoration : none;
551 background : transparent url("../../images/new.gif") 5px 50% no-repeat;
553 text-decoration : none;
556 #toolbar input.download {
557 background : transparent url("../../images/download.png") 7px 50% no-repeat;
562 text-decoration : none;
565 #toolbar input.editshelf,
567 background : transparent url("../../images/shelf-edit.gif") 10px 50% no-repeat;
573 text-decoration : none;
576 #toolbar input.newshelf {
577 background : transparent url("../../images/shelf-new.gif") center left no-repeat;
584 text-decoration : none;
587 #toolbar input.deleteshelf,
589 background : transparent url("../../images/shelf-delete.gif") 7px 50% no-repeat;
597 #toolbar input.deleteshelf:hover {
602 #toolbar input.editshelf:active,
603 input.editshelf:active,
604 #toolbar input.deleteshelf:active,
605 input.deleteshelf:active {
609 #tagsel_span input.submit,
611 background-image: url(../../images/tags-small.png);
612 background-position : 7px center;
613 background-repeat : no-repeat;
615 text-decoration: none;
618 #tagslist li { display : inline; }
620 #placehold input.submit:hover,
621 #tagsel_span input.submit:hover {
630 background-image:url(../../images/cart2.gif);
631 background-position : 9px -3px;
632 background-repeat : no-repeat;
633 text-decoration : none;
637 #placehold input.submit {
638 background-image:url(../../images/placereserve.gif);
639 background-position : 9px center;
640 background-repeat : no-repeat;
641 text-decoration : none;
645 #placehold input.submit,
646 #tagsel_span input.submit {
648 background-color: transparent;
655 .searchresults a.highlight_toggle {
656 background : transparent url(../../images/highlight.gif) -4px center no-repeat;
659 padding : 0 10px 0 21px;
662 /* the itemtype list in advanced search */
663 #advsearch-itemtype table {
664 border-collapse : separate;
665 border-spacing : 3px;
668 background-color : white;
669 border : 0px solid #D8DEB8;
672 #advsearch-itemtype table tr td {
673 background-color : #F8F8EB;
679 #advsearch-itemtype td {
681 background-color : #F8F8EB;
684 body#advsearch #breadcrumbs {
690 body#advsearch #cartmenulink,
691 body#advsearch #listsmenulink {
695 #advsearch #branchloop,
696 #advsearch #sort_by {
713 border-top : 1px solid #384b73;
720 /* the USER information block */
721 #librarian_information {
727 background-color: #FFF;
737 background-color: #fff;
740 margin-right : -10px;
741 padding : 4px 0 4px 0;
746 text-decoration : none;
752 padding : 0 .3em 0 .3em;
753 text-decoration : none;
756 #members li:last-child {
761 border-right : 1px solid black;
775 background: #8fb4e8; /* Old browsers */
776 background: -moz-linear-gradient(top, #8fb4e8 0%, #8cb1e5 19%, #80a8dc 48%, #7da5d8 52%, #7198cf 83%, #618ac0 100%); /* FF3.6+ */
777 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fb4e8), color-stop(19%,#8cb1e5), color-stop(48%,#80a8dc), color-stop(52%,#7da5d8), color-stop(83%,#7198cf), color-stop(100%,#618ac0)); /* Chrome,Safari4+ */
778 background: -webkit-linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* Chrome10+,Safari5.1+ */
779 background: -o-linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* Opera 11.10+ */
780 background: -ms-linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* IE10+ */
781 background: linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* W3C */
782 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fb4e8', endColorstr='#618ac0',GradientType=0 ); /* IE6-9 */
783 border-top : 1px solid #335599;
784 border-bottom : 1px solid #335599;
786 margin-right : -10px;
787 padding : .7em 0 .4em .5em;
792 #opac-main-search form {
797 #opac-main-search label {
800 margin : .2em .3em 0 0;
816 border : 1px solid #e8e8e8;
820 background-color : #EEE;
821 border-bottom : 1px solid #e8e8e8;
828 #search-facets ul li {
830 list-style-type : none;
833 #search-facets li li {
834 font-weight : normal;
840 #search-facets li li a {
841 font-weight : normal;
844 #search-facets li.showmore a {
850 background-color : #EEEEEB;
851 border : 1px solid #DDDED3;
871 font-weight : normal;
877 font-weight : normal;
878 text-decoration : underline;
885 background-color:#E7E7CA;
912 background-color : transparent;
916 table#marc p span.label {
922 padding-bottom: .6em;
928 border-width : 1px solid #EEE;
933 table#marc div.results_summary {
936 table#marc div.results_summary ul {
945 table#marc div.results_summary ul li {
960 margin : 0 1em 1em 0;
964 border : 1px solid #E8E8E8;
967 fieldset.brief legend {
972 fieldset.brief label {
977 fieldset.brief input+input {
981 fieldset.brief input, fieldset.brief textarea, fieldset.brief select {
982 background-color: #F3F3F3;
983 border-top : 1px solid #979797;
984 border-left : 1px solid #979797;
985 border-right : 1px solid #DDDDDD;
986 border-bottom : 1px solid #DDDDDD;
992 fieldset.brief textarea {
996 fieldset.brief input:focus {
997 background-color: #FFFFCC;
1000 fieldset.brief ol, fieldset.brief li {
1001 list-style-type : none;
1004 fieldset.brief div.hint, fieldset.rows div.hint {
1012 font-weight : normal;
1017 margin : 0pt 5px 5px 0pt;
1023 .resultscontrol, .resultscontrol select {
1031 .cartlist input.submit, #tagsel_button {
1032 background-color : #d8deb8;
1033 background-image : none;
1034 border-color : #bebf84;
1041 #CheckAll, #CheckNone {
1042 font-weight : normal;
1046 .resultscontrol label {
1056 .searchresults p.details {
1062 padding: 0 0 .6em 0;
1065 td.resultscontrol img {
1066 vertical-align: middle;
1069 .searchresults table td {
1072 .searchresults table {
1076 .searchresults td, .searchresults th, .searchresults table {
1080 vertical-align: top;
1084 border-bottom : 1px solid #f3f3f3;
1087 .searchresults tr:first-child {
1091 .searchresults table {
1092 border-top : 0px solid #CCCCCC;
1096 .searchresults a.reserve, .searchresults a.reserve:visited {
1097 background-position:left top;
1098 background-repeat:no-repeat;
1100 padding:2px 3px 2px 26px;
1103 .searchresults a.reserve {
1104 background-color:transparent;
1108 .unavailable, .tagerror, .tagerror:visited {
1123 line-height : 1.8em;
1129 background-color: #FFFFFF;
1132 padding: 1px 5px 1px 5px;
1133 text-decoration: none;
1138 background-color: #EEE;
1139 border: 1px solid #CCCC99;
1142 padding: 1px 5px 1px 5px;
1143 text-decoration: none;
1147 div.pages a:visited {
1148 background-color: #EEE;
1149 border: 1px solid #CCCC99;
1152 padding: 1px 5px 1px 5px;
1153 text-decoration: none;
1158 background-color: #FFFFCC;
1159 border: 1px solid #CCCC99;
1162 padding: 1px 5px 1px 5px;
1163 text-decoration: none;
1167 div.pages a:active {
1168 background-color: #FFFFCC;
1169 border: 1px solid #CCCC99;
1172 padding: 1px 5px 1px 5px;
1173 text-decoration: none;
1178 list-style-type: none;
1179 margin: 9px 0 -2px 5px;
1190 padding: 2px 4px 2px 4px;
1191 text-decoration: none;
1192 border-top: 1px solid #DDDDDD;
1193 border-left : 1px solid #DDDDDD;
1194 border-right : 1px solid #666666;
1197 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
1198 padding: 2px 4px 3px 4px;
1201 ul.link-tabs li.off a {
1202 background-color: #EEEEEB;
1203 border-bottom: 1px solid #DDDDDD;
1206 ul.link-tabs li.off a:hover {
1207 padding: 2px 3px 2px 4px;
1208 background-color: #FFFFEC;
1209 border-top: 1px solid #BEBF84;
1210 border-left : 1px solid #BEBF84;
1211 border-right : 2px solid #333333;
1214 ul.link-tabs li.on a {
1215 background-color: #FFFFFF;
1216 border-bottom: 1px solid #FFFFFF;
1219 ul.link-tabs li a.debit {
1220 background-color : #FFFF99;
1225 border : 1px solid #DDDDDD;
1232 background-color : #ffcccc;
1233 border-bottom : 1px solid #ffaeae;
1234 border-right : 1px solid #ffaeae;
1248 table#marc, table#marc td, table#marc th {
1253 background-color : transparent;
1257 table#marc td:first-child {
1278 padding-left : .4em;
1289 /* Hides from IE-mac \*/
1290 * html .clearfix {height: 1%;}
1291 /* End hide from IE-mac */
1297 padding : 0 0 .5em 0;
1308 .searchresults .tagstatus {
1317 .results_summary .label {
1321 .results_summary a {
1322 font-weight: normal;
1327 text-decoration : none;
1331 background : url("../../images/placehold-small.gif") center left no-repeat;
1332 padding-left : 16px;
1335 .actions a.addtocart {
1336 background : url("../../images/cart-small.gif") center left no-repeat;
1337 padding-left : 13px;
1341 .actions a.addtoshelf {
1342 background : url("../../images/addtolist-small.gif") center left no-repeat;
1343 padding-left : 13px;
1347 border: 1px solid #bcbcbc;
1353 .dialog h2, .dialog h3, .dialog h4 {
1355 text-align : center;
1359 background: #fef8d3; /* Old browsers */
1360 background: -moz-linear-gradient(top, #fef8d3 0%, #ffec91 9%, #ffed87 89%, #f9dc00 100%); /* FF3.6+ */
1361 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef8d3), color-stop(9%,#ffec91), color-stop(89%,#ffed87), color-stop(100%,#f9dc00)); /* Chrome,Safari4+ */
1362 background: -webkit-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Chrome10+,Safari5.1+ */
1363 background: -o-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Opera11.10+ */
1364 background: -ms-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* IE10+ */
1365 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef8d3', endColorstr='#f9dc00',GradientType=0 ); /* IE6-9 */
1366 background: linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* W3C */
1367 text-align : center;
1375 background: #ffffff; /* Old browsers */
1376 background: -moz-linear-gradient(top, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%); /* FF3.6+ */
1377 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(2%,#f4f6fa), color-stop(23%,#eaeef5), color-stop(94%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */
1378 background: -webkit-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
1379 background: -o-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Opera11.10+ */
1380 background: -ms-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* IE10+ */
1381 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
1382 background: linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* W3C */
1383 border : 1px solid #bcbcbc;
1392 margin : .6em 0 .3em 0;
1395 #moresearches a:link, #moresearches a:visited {
1397 font-weight : normal;
1398 text-decoration : none;
1406 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1408 font-weight : normal;
1410 #opac-main-search #listsmenu h4 {
1416 #opac-main-search #listsmenu .yuimenuitemlabel {
1420 #opac-main-search #listsmenu .bd {
1421 background: #eef4fe; /* Old browsers */
1422 background: -moz-linear-gradient(left, #eef4fe 0%, #eef4fe 88%, #f6f9fe 98%, #ffffff 99%, #a5c2f6 99%, #e6eefe 100%, #cbdefe 100%); /* FF3.6+ */
1423 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eef4fe), color-stop(88%,#eef4fe), color-stop(98%,#f6f9fe), color-stop(99%,#ffffff), color-stop(99%,#a5c2f6), color-stop(100%,#e6eefe), color-stop(100%,#cbdefe)); /* Chrome,Safari4+ */
1424 background: -webkit-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* Chrome10+,Safari5.1+ */
1425 background: -o-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* Opera11.10+ */
1426 background: -ms-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* IE10+ */
1427 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef4fe', endColorstr='#cbdefe',GradientType=1 ); /* IE6-9 */
1428 background: linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* W3C */
1429 border : 1px solid #739acf;
1430 padding : .3em 1em 0 0;
1433 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1434 background-color : #fff;
1437 #opac-main-search #listsmenu ul {
1438 border-color : #b8d0e6;
1442 vertical-align: top;
1446 vertical-align: top;
1454 background-color: #fff;
1455 border-top: 1px solid #CCC;
1462 div#changelanguage a {
1463 font-weight : normal;
1467 div#changelanguage a.more {
1468 background-image:url(../../images/more-up-arrow.gif);
1469 background-position:right center;
1470 background-repeat:no-repeat;
1474 div#changelanguage li.yuimenuitem {
1476 font-weight : normal;
1481 div#changelanguage li.yuimenuitem a.yuimenuitemlabel {
1489 #cartDetails,#cartUpdate,#holdDetails,#listsDetails {
1490 background-color : #FFF;
1491 border: 1px solid #739acf;
1496 text-align : center;
1498 box-shadow: 1px 1px 3px #666;
1499 -moz-box-shadow: 1px 1px 3px #666;
1500 -webkit-box-shadow: 1px 1px 3px #666;
1504 .yui-panel .hd, .yui-panel .bd, .yui-panel .ft {
1505 background-color : transparent;
1510 #login #userid, #login #password {
1514 #opac-main-search input.submit {
1515 background: #e6f3fe; /* Old browsers */
1516 background: -moz-linear-gradient(top, #e6f3fe 0%, #dfeefa 8%, #bfd5ea 49%, #b8d0e6 52%, #b8d0e6 100%); /* FF3.6+ */
1517 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f3fe), color-stop(8%,#dfeefa), color-stop(49%,#bfd5ea), color-stop(52%,#b8d0e6), color-stop(100%,#b8d0e6)); /* Chrome,Safari4+ */
1518 background: -webkit-linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */
1519 background: -o-linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* Opera11.10+ */
1520 background: -ms-linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* IE10+ */
1521 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f3fe', endColorstr='#b8d0e6',GradientType=0 ); /* IE6-9 */
1522 background: linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* W3C */
1523 -webkit-border-radius: 4px;
1524 -moz-border-radius: 4px;
1526 -webkit-box-shadow: 1px 1px 1px 1px , , .3);
1527 -moz-box-shadow: 1px 1px 1px 1px , , .3);
1528 box-shadow: 1px 1px 1px 1px , , .3);
1531 font-weight : normal;
1537 border-right : 1px solid #979797;
1539 margin-right : .5em;
1541 padding-bottom : 2em;
1545 background: #eeeeee; /* Old browsers */
1546 background: -moz-linear-gradient(left, #eeeeee 0%, #eeeeee 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); /* FF3.6+ */
1547 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(96%,#eeeeee), color-stop(97%,#e6e6e6), color-stop(99%,#cccccc), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
1548 background: -webkit-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
1549 background: -o-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera 11.10+ */
1550 background: -ms-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */
1551 background: linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */
1552 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */
1553 text-decoration : none;
1555 border : 1px solid #979797;
1558 padding : .4em .3em;
1559 margin-right : -1px;
1562 div#menu li a:hover {
1563 background: #eaeef5; /* Old browsers */
1564 background: -moz-linear-gradient(left, #eaeef5 0%, #dee6f4 96%, #c4d5ef 98%, #a2bee8 100%); /* FF3.6+ */
1565 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eaeef5), color-stop(96%,#dee6f4), color-stop(98%,#c4d5ef), color-stop(100%,#a2bee8)); /* Chrome,Safari4+ */
1566 background: -webkit-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* Chrome10+,Safari5.1+ */
1567 background: -o-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* Opera 11.10+ */
1568 background: -ms-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* IE10+ */
1569 background: linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* W3C */
1570 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef5', endColorstr='#a2bee8',GradientType=1 ); /* IE6-9 */
1573 div#menu li.active a:hover {
1574 background-color : #fff;
1579 list-style-type : none;
1582 #menu ul li.active a {
1583 background-color : #FFF;
1584 background-image : none;
1600 font-weight : normal;
1603 padding: 2px 2px 1px 2px;
1606 #export,#further,.detailtagcell {
1608 background-color : #F3F3F3;
1609 border : 1px solid #E8E8E8;
1612 text-align : center;
1614 #furtherm { margin-top : .5em; }
1616 #export label, .detailtagcell label {
1620 margin-bottom : 2px;
1623 #export input, .detailtagcell input {
1630 padding : 3px 3px .5em 1em;
1634 list-style-image : url("../../images/further-bullet.gif");
1648 background: url(../../images/star-ratings.gif) top left no-repeat;
1656 background: url(../../images/star-ratings-empty.gif) top left no-repeat;
1659 margin: 0 10px 0 10px;
1665 #cartmenulink, #listsmenulink {
1667 position : relative;
1672 text-decoration : none;
1676 #cartmenulink *, #listsmenulink * {
1677 font-style : normal;
1678 background-image : url(../../images/button-background.png);
1679 background-repeat : no-repeat;
1681 position : relative;
1684 #cartmenulink i, #listsmenulink i {
1685 background-position : top left;
1686 position : absolute;
1687 margin-bottom : -5px;
1694 #cartmenulink span, #listsmenulink span {
1695 background-position : bottom left;
1697 padding : 0 0 5px 10px;
1698 margin-bottom : -5px;
1701 *:first-child+html #cartmenulink span { padding-top : 3px; padding-bottom : 7px; }
1702 *:first-child+html #listsmenulink span { padding-top : 5px; }
1704 #cartmenulink span i, #listsmenulink span i {
1705 background-position : bottom right;
1707 position : absolute;
1714 #cartmenulink span span, #listsmenulink span span {
1715 background-position : top right;
1716 position : absolute;
1723 * html #cartmenulink span, * html #cartmenulink i, * html #listsmenulink span, * html #listsmenulink i {
1726 background-image : none;
1729 * html #cartmenulink span, * html #listsmenulink span {
1733 #cartmenulink span#carticon {
1734 background: transparent url("../../images/cart.gif") top left no-repeat;
1738 margin: 0.35em 0.45em 0 0.2em;
1744 background : #9FBFFF;
1748 background : #98CB58;
1753 #cartmenulink[class], #listsmenulink[class] {
1754 background-image : url(../../images/button-background-gradient.png);
1755 background-position : left top;
1758 #listsmenulink:hover {
1759 background-color : #b8d0e6;
1762 #cartmenulink:hover {
1763 background-color : #BFDE96;
1767 background-image : none;
1769 padding : 3px 3px 0 3px;
1772 #cartmenulink span#basketcount {
1773 background-image : none;
1777 position : relative;
1785 #cartmenulink span#basketcount span {
1786 background-image : none;
1787 background-color : #E6FCB7;
1792 font-weight : normal;
1793 margin : 0 0 0 .9em;
1794 padding : 0 .3em 0 .3em;
1795 position : relative;
1801 a#listsmenulink, a#listsmenulink:hover {
1806 margin-left : 1.5em;
1809 a#cartmenulink, a#cartmenulink:hover {
1814 margin-left : 1.5em;
1816 * html a#cartmenulink {
1819 * html a#cartmenulink:hover {
1823 *:first-child+html a#listsmenulink { padding-top : 0; }
1824 *:first-child+html a#listsmenulink:hover { padding-top : 0; }
1825 *:first-child+html a#cartmenulink { padding-top : 0; }
1826 *:first-child+html a#cartmenulink:hover { padding-top : 0; }
1827 *:first-child+html #cartmenulink span i{ top : -4px; }
1828 *:first-child+html #listsmenulink span i { top : -5px; }
1830 #listsmenulink img {
1831 background-image : none;
1833 padding : 0 0 2px 0;
1836 * html #cartmenulink {
1837 border : 1px solid #336600;
1840 * html #listsmenulink {
1841 border : 1px solid #006699;
1845 margin-right : .5em;
1848 ul.ui-tabs-nav li a, ul.ui-tabs-nav li span.a {
1849 background-color : #F3F3F3;
1850 border-top : 1px solid #E8E8E8;
1851 border-left : 1px solid #E8E8E8;
1852 border-right : 1px solid #E8E8E8;
1855 text-align : center;
1856 text-decoration : none;
1859 ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a {
1860 background-color : #FFF;
1861 border-top : 1px solid #E8E8E8;
1862 border-left : 1px solid #E8E8E8;
1863 border-right : 1px solid #E8E8E8;
1864 border-bottom : 1px solid #FFF;
1865 margin-bottom : -5px;
1866 text-align : center;
1870 border-bottom : 1px solid #E8E8E8;
1871 margin-bottom : .5em;
1872 padding : 0 2em 2px 0.2em;
1873 white-space : nowrap;
1877 padding : 0.2em .2em 2px .2em;
1880 #bibliodescriptions,
1886 a#MARCview, span#MARCview, a#MARCviewPop, a#ISBDview, span#ISBDview, a#Normalview, a#Briefhistory, span#Normalview, a#Fullhistory, span#Fullhistory, span#Briefhistory {
1887 background-position : 5px 3px;
1888 background-repeat : no-repeat;
1890 font-weight : normal;
1891 padding : .2em .5em;
1892 text-decoration: none;
1895 a#MARCview, span#MARCview {
1896 background-image : url(../../images/marc.gif);
1897 padding-left : 17px;
1899 a#MARCviewPop, span#MARCviewPop {
1900 background-image : url(../../images/marc.gif);
1901 padding-left : 17px;
1903 a#ISBDview, span#ISBDview {
1904 background-image : url(../../images/isbd.gif);
1905 padding-left : 20px;
1907 a#Normalview, span#Normalview {
1908 background-image : url(../../images/normal.gif);
1909 padding-left : 15px;
1912 a#MARCview, a#MARCviewPop, a#ISBDview, a#Normalview, a#Fullhistory, a#Briefhistory {
1913 background-color : #F3F3F3;
1914 border-left : 1px solid #E8E8E8;
1917 #shelfbrowser table {
1920 #shelfbrowser table, #shelfbrowser td, #shelfbrowser th {
1923 text-align : center;
1927 text-decoration : none;
1929 #shelfbrowser td, #shelfbrowser th {
1930 vertical-align : bottom;
1933 #shelfbrowser td.top {
1934 vertical-align : top;
1936 #shelfbrowser td.top a {
1937 text-decoration : underline;
1943 #comments .commentline {
1944 border-bottom : 2px solid #eeeeeb;
1945 margin : 0 -.5em 0 -.5em;
1946 padding : 0 .5em .5em .5em;
1949 background-color : #effed5;
1951 .commentline .avatar {
1953 padding-left : .5em;
1955 #comments #addcomment {
1956 margin : 0 -1em -1em -1em;
1960 padding : 1px !important;
1981 font-weight : normal;
1985 #furtherm a:visited {
1993 background-color : #F3F3F3;
1994 border:1px solid #DDD;
1996 .results_summary img {
2000 background-color : #FFF;
2001 border: 1px solid #979797;
2006 text-align : center;
2009 #bookcover span.no-image {
2010 margin-right : 10px;
2011 margin-bottom : 10px;
2013 #shelfbrowser a:link span.no-image,
2014 #shelfbrowser a:visited span.no-image,
2015 #shelfbrowser a:hover span.no-image,
2016 #shelfbrowser a:active span.no-image {
2019 #shelfbrowser a:link span.no-image,
2020 #shelfbrowser a:visited span.no-image,
2021 #shelfbrowser a:hover span.no-image,
2022 #shelfbrowser a:active span.no-image,
2023 td.jacketcell a:link,
2024 td.jacketcell a:visited,
2025 td.jacketcell a:hover,
2026 td.jacketcell a:active,
2032 text-decoration : none;
2036 .copies_row > td:first-child {
2037 border-left-style : none;
2041 unicode-bidi: embed;
2051 list-style:disc outside url("../../images/item-bullet.gif");
2060 .searchresults .commentline {
2061 background-color : rgb(255, 255, 204);
2062 background-color : rgba(255, 255, 204, 0.4);
2063 border : 1px solid #CCC;
2064 display: inline-block;
2065 -webkit-border-radius: 4px;
2066 -moz-border-radius: 4px;
2068 -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
2069 -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
2070 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
2075 .searchresults .commentline.yours {
2076 background-color : rgb(239, 254, 213);
2077 background-color : rgba(239, 254, 213, 0.4);
2080 #plainmarc table { border: 0; margin: .7em 0 0 0; font-family: monospace; font-size: 95%; }
2081 #plainmarc th { background-color : #FFF; border: 0; white-space: nowrap; text-align:left; vertical-align: top; padding: 2px; }
2082 #plainmarc td { border: 0; padding : 2px; vertical-align: top; }
2084 #catalogue_detail_biblio h1 { float:left; margin:0 1em 1em 0; }
2085 #catalogue_detail_biblio h1.title { float:none; margin-top:1em; }
2086 #catalogue_detail_biblio h3 {clear:both; }
2088 #opac-detail #Normalview { font-weight:bold; }
2089 #opac-marcdetail #Normalview { font-weight:normal; }
2090 #opac-marcdetail #MARCview { font-weight:bold; }
2091 #opac-isbddetail #Normalview { font-weight:normal; }
2092 #opac-isbddetail #ISBDview { font-weight:bold; }
2093 #opac-isbddetail #isbdcontents { margin-top: 2em; }
2095 div.bibmessage { background-color : #ffffb0; border-radius : 5px; padding : 3px; margin : 2px; }
2103 background-position : 3px center;
2104 background-repeat : no-repeat;
2105 text-decoration:none;
2106 padding : .1em .4em;
2107 padding-left : 18px;
2110 #renewselected_link {
2111 background-image : url(../../images/check.png);
2115 background-image : url(../../images/checks.png);
2119 border-top: none !important;
2126 text-decoration:none;
2136 border: 1px solid #D0D0D0;
2138 background-color:#F3F3F3;
2139 padding-bottom:10px;
2144 .nav .close_pagination {
2145 padding-right: 10px;
2150 .nav .close_pagination a {
2151 text-decoration:none!important;
2166 text-decoration:none!important;
2170 text-decoration:underline;
2182 background:none!important;
2183 color:#999!important;
2189 .pagination_list ul {
2193 .pagination_list li {
2198 /* border-bottom : 1px solid #DDDDDD;*/
2200 .pagination_list li.highlight {
2201 background-color : #F3F3F3;
2202 border-top : 1px solid #DDDDDD;
2203 border-bottom : 1px solid #DDDDDD;
2205 .pagination_list span.li_pag_index {
2210 padding-right: 10px;
2216 .pagination_list li a {padding-left:0px;}
2220 background-color: #F3F3F3;
2221 border: 1px solid #D0D0D0;
2226 .nav_results .l_Results a {
2227 background:#E1E1E1 url("../../images/ico_b_results.gif") 14px 13px no-repeat;
2231 text-decoration:none;
2233 .nav_results .l_Results a:hover {
2234 background-color:#D9D9D9;
2236 .nav_results ul.pg_menu {
2237 border-top: 1px solid #D0D0D0;
2238 white-space : nowrap;
2240 .nav_results ul.pg_menu li {
2246 .nav_results ul.pg_menu li.back_results a {
2247 border-left: 1px solid #D0D0D0;
2248 border-right: 1px solid #D0D0D0;
2250 .nav_results ul.pg_menu li a,
2251 .nav_results ul.pg_menu li span {
2252 background-color: #F3F3F3;
2256 text-decoration:none;
2261 .nav_results ul.pg_menu li span {
2265 .nav_results ul.pg_menu li.left_results a {
2269 .nav_results ul.pg_menu li a:hover {
2272 .nav_results #listResults{
2276 .nav_results #listResults li {
2277 background-color:#999999;
2288 .nav_results #listResults li:hover {background-color:#006699;}
2290 .nav_results #listResults li a { color:#FFFFFF; font-weight:normal;}