Bug 9722: Allow users to add notes when placing a hold in opac
[koha.git] / koha-tmpl / opac-tmpl / prog / en / css / opac.css
old mode 100755 (executable)
new mode 100644 (file)
index 898e0aa..5e5d2f4
@@ -1,11 +1,14 @@
-@import url("../lib/yui/reset-fonts-grids.css");
-@import url("../lib/yui/skin.css");
+@import url("/opac-tmpl/lib/yui/reset-fonts-grids.css");
+@import url("/opac-tmpl/lib/yui/skin.css");
 
 a {
        font-weight : bold;
 }
 
-a, a:visited {
+a,
+a:visited,
+.ui-widget-content a,
+.ui-widget-content a:visited {
        color : #006699;
 }
 
@@ -13,6 +16,10 @@ a:hover,#toolbar input.editshelf:hover,input.editshelf:hover,a.editshelf:hover,i
        color : #990033;
 }
 
+a.disabled {
+       color : #888888 !important;
+}
+
 body {
        background-color : white;
        text-align : left;
@@ -220,9 +227,21 @@ h6 {
        font-size : 100%;
 }
 
-input[type=submit], input[type=button], input[type=reset] {
-       background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
-       background-color : #b8d0e6;
+input[type=submit],
+input[type=button],
+input[type=reset],
+fieldset.brief input[type=submit],
+fieldset.brief input[type=button],
+fieldset.brief input[type=reset]
+{
+       background: #f4f9fc; /* Old browsers */
+       background: -moz-linear-gradient(top, #f4f9fc 0%, #dfeefa 4%, #bfd5ea 93%, #a1c4e2 97%, #b8d0e6 100%); /* FF3.6+ */
+       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+ */
+       background: -webkit-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */
+       background: -o-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* Opera11.10+ */
+       background: -ms-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* IE10+ */
+       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f9fc', endColorstr='#b8d0e6',GradientType=0 ); /* IE6-9 */
+       background: linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* W3C */
        border-top: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
        border-right: 1px solid #eeeeee;
@@ -233,7 +252,7 @@ input[type=submit], input[type=button], input[type=reset] {
        padding : 4px;
 }
 
-input[type=submit]:active, input[type=button], input[type=reset] {
+input[type=submit]:active, input[type=button]:active, input[type=reset]:active {
        border: 1px inset #666666;
 }
 
@@ -410,11 +429,22 @@ a .term {
 }
 
 #action a.print {
-       background-image:url(../../images/print.gif);
+  background-image: url("../../images/sprite.png"); /* Print */
+  background-position: -5px -186px;
+  background-repeat: no-repeat;
+}
+
+#action a.highlight_toggle {
+    background-image: url("../../images/sprite.png"); /* Highlight */
+    background-position: -5px -841px;
+    background-repeat: no-repeat;
+    display: none;
 }
 
 #action a#furthersearches {
-       background : transparent url(../../images/menu-arrow.gif) no-repeat right center;
+    background-image: url("../../images/sprite.png"); /* Menu arrow */
+    background-position: 106px -295px;
+    background-repeat: no-repeat;
        border : 1px solid #F3F3F3;
        margin-left : 5px;
        padding : 2px 26px 2px 10px;
@@ -430,29 +460,70 @@ a .term {
 
 #action a.reserve,
 .searchresults a.reserve {
-       background-image:url(../../images/placereserve.gif);
+  background-image: url("../../images/sprite.png"); /* Place hold */
+  background-position: -5px -144px;
+  background-repeat: no-repeat;
 }
 
 #action a.addtoshelf, #toolbar a.addtoshelf {
-       background-image:url(../../images/addtoshelf.gif);
+  background-image: url("../../images/sprite.png"); /* Virtual shelf */
+  background-position: -5px -225px;
+  background-repeat: no-repeat;
 }
 
 #action a.addtocart, #toolbar a.addtocart {
-       background-image:url(../../images/cart2.gif);
+  background-image: url("../../images/sprite.png"); /* Cart */
+  background-position: -5px -265px;
+  background-repeat: no-repeat;
+}
+
+#action a.cartRemove, .actions a.cartRemove {
+       color: #cc3333;
+       font-size : 90%;
+       margin : 0;
+       padding: 0;
+}
+
+#action a.incart {
+  background-image: url("../../images/sprite.png"); /* Cart */
+  background-position: -5px -265px;
+  background-repeat: no-repeat;
+  color : #666;
 }
 
 /* toolbar buttons */
 
-#toolbar {
+#toolbar,
+#selections-toolbar {
 background-color:#EEEEEE;
 border:1px solid #E8E8E8;
-margin : .5em 0;
+margin : 0 0;
 padding:3px 3px 5px 5px;
 vertical-align:middle;
 }
 
+#basket #toolbar {
+       padding: 7px 5px 9px 9px;
+}
+
+#selections-toolbar {
+background: #E8E8E8; /* Old browsers */
+background: -moz-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(14%,#e0e0e0), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* IE10+ */
+background: linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
+       margin : 0 0 1em 0;
+       padding-top : .5em;
+       padding-left : 10px;
+}
+
 #toolbar a,
-#toolbar input {
+#selections-toolbar a,
+#toolbar input,
+#selections-toolbar input {
        white-space : nowrap;
 }
 
@@ -475,111 +546,158 @@ vertical-align:middle;
 
 
 #toolbar a.print {
-       background: transparent url(../../images/print-small.png) 5px 50% no-repeat;
+    background-image: url("../../images/sprite.png"); /* Toolbar print */
+    background-position : 0px -423px;
+    background-repeat: no-repeat;
        text-decoration : none;
-       padding-left : 23px;
+       padding-left : 30px;
 }
 
 #toolbar a.brief {
-       background: transparent url(../../images/brief.gif) 5px 50% no-repeat;
+    background-image : url("../../images/sprite.png"); /* Zoom out */
+    background-position : -2px -868px;
+    background-repeat: no-repeat;
        text-decoration : none;
-       padding-left : 23px;
+       padding-left : 27px;
 }
 
 #toolbar a.detail {
-       background: transparent url(../../images/detail.gif) 5px 50% no-repeat;
+    background-image : url("../../images/sprite.png"); /* Zoom in */
+    background-position : -2px -898px;
+    background-repeat: no-repeat;
        text-decoration : none;
        padding-left : 27px;
 }
 
 #toolbar a.download {
-       background : transparent url("../../images/download.png") 7px 50% no-repeat;
-       padding-left : 24px;
+    background-image : url("../../images/sprite.png"); /* Download */
+    background-position : 2px -348px;
+    background-repeat: no-repeat;
+    padding-left : 28px;
        text-decoration : none;
 }
 
 #toolbar a.editshelf {
-       background : transparent url("../../images/shelf-edit.gif") 12px 50% no-repeat;
+    background-image : url("../../images/sprite.png"); /* List edit */
+    background-position : 2px -348px;
+    background-repeat: no-repeat;
        padding-left : 26px;
        text-decoration : none;
 }
 
 #toolbar a.empty {
-       background: transparent url(../../images/empty-small.png) 5px 50% no-repeat;
+    background-image : url("../../images/sprite.png"); /* Trash */
+    background-position : 2px -598px;
+    background-repeat: no-repeat;
        text-decoration : none;
-       padding-left : 21px;
+    padding-left : 30px;
 }
 
 #toolbar a.hide {
-       background: transparent url(../../images/close.gif) 5px 50% no-repeat;
+    background-image : url("../../images/sprite.png"); /* Close */
+    background-position: -3px -814px;
+    background-repeat: no-repeat;
        text-decoration : none;
        padding-left : 26px;
 }
 
-#toolbar a.hold {
-       background: transparent url(../../images/place-hold-small.png) 5px 50% no-repeat;
+#toolbar a.hold,
+#selections-toolbar a.hold {
+    background-image: url("../../images/sprite.png"); /* Toolbar place hold */
+    background-position : -5px -453px;
+    background-repeat: no-repeat;
        text-decoration : none;
        padding-left : 23px;
 }
 
-#toolbar a.newshelf {
-       background : transparent url("../../images/shelf-new.gif") 5px 50% no-repeat;
-       padding-left : 23px;
+#selections-toolbar a.hold.disabled {
+    background-image: url("../../images/sprite.png"); /* Place hold disabled */
+    background-position : -5px -621px;
+    background-repeat: no-repeat;
+}
+
+#selections-toolbar a.removeitems,
+#selections-toolbar a.deleteshelf {
+    background-image : url("../../images/sprite.png"); /* Delete */
+    background-position : 2px -690px;
+    background-repeat: no-repeat;
        text-decoration : none;
+       padding-left : 25px;
+}
+
+
+#selections-toolbar a.removeitems.disabled,
+#selections-toolbar a.deleteshelf.disabled {
+    background-image: url("../../images/sprite.png"); /* Delete disabled */
+    background-position : 2px -712px;
+    background-repeat: no-repeat;
 }
 
 #toolbar a.send,
 a.send {
-       background: transparent url(../../images/send.png) 2px 50% no-repeat;
+    background-image: url("../../images/sprite.png"); /* Email */
+    background-position : 2px -386px;
+    background-repeat: no-repeat;
        text-decoration : none;
        padding-left : 28px;
 }
 
 #toolbar a.new {
-       background : transparent url("../../images/new.gif") 5px 50% no-repeat;
+    background-image : url("../../images/sprite.png"); /* New */
+    background-position : -4px -922px;
+    background-repeat : no-repeat;
        padding-left : 23px;
        text-decoration : none;
 }
 
-#toolbar input.download {
-       background : transparent url("../../images/download.png") 7px 50% no-repeat;
-       border : 0;
-       color : #006699;
-       cursor : pointer;
-       padding-left : 24px;
-       text-decoration : none;
-}
-
 #toolbar input.editshelf,
 input.editshelf {
-       background : transparent url("../../images/shelf-edit.gif") 10px 50% no-repeat;
+    background-image : url("../../images/sprite.png"); /* List edit */
+    background-position : 2px -732px;
+    background-repeat: no-repeat;
        border : 0;
        color : #006699;
        cursor : pointer;
+    filter: none;
        font-size : 100%;
        padding-left : 29px;
        text-decoration : none;
 }
 
-#toolbar input.newshelf {
-       background : transparent url("../../images/shelf-new.gif") center left no-repeat;
+#toolbar input.newshelf,
+#toolbar a.newshelf,
+a.newshelf {
+    background-image: url("../../images/sprite.png"); /* List new */
+    background-position: -4px -764px;
+    background-repeat: no-repeat;
        border : 0;
        color : #006699;
        cursor : pointer;
+    filter: none;
        font-size : 100%;
        margin: 0 0.5em;
-       padding-left : 15px;
+    padding-left : 23px;
        text-decoration : none;
 }
 
+a.newshelf.disabled {
+    background-image: url("../../images/sprite.png"); /* List new disabled */
+    background-position: -4px -791px;
+    background-repeat: no-repeat;
+}
+
 #toolbar input.deleteshelf,
 input.deleteshelf {
-       background : transparent url("../../images/shelf-delete.gif") 7px 50% no-repeat;
+    background-image : url("../../images/sprite.png"); /* Delete */
+    background-position : 2px -685px;
+    background-repeat: no-repeat;
        border : 0;
        color : #006699;
        cursor : pointer;
+    filter: none;
        font-size : 100%;
-       padding-left : 20px;
+    padding-left : 25px;
+       text-decoration : none;
 }
 
 #toolbar input.deleteshelf:hover {
@@ -594,17 +712,52 @@ input.deleteshelf:active {
        border : 0;
 }
 
+#selections {
+       font-weight : bold;
+}
+
 #tagsel_span input.submit,
 #tagsel_tag {
-       background-image: url(../../images/tags-small.png);
-       background-position : 7px center;
+    background-image : url("../../images/sprite.png"); /* Tags */
+    background-position : 7px -640px;
        background-repeat : no-repeat;
        padding-left : 25px;
        text-decoration: none;
 }
 
+#tagsel_tag {
+    background-position : -1px -643px;
+}
+
+#tagsel_tag.disabled {
+    background-position : -1px -667px;
+}
+
 #tagslist li { display : inline; }
 
+a.tag_add {
+    background-image: url("../../images/sprite.png"); /* Tag results */
+    background-position: -10px -1104px;
+    background-repeat: no-repeat;
+    padding-left : 13px;
+    text-decoration: none;
+}
+
+#login4tags {
+    background-image: url("../../images/sprite.png"); /* Tag results disabled */
+    background-position: -10px -1124px;
+    background-repeat: no-repeat;
+    padding-left : 13px;
+    text-decoration: none;
+    margin-left: 1em;
+}
+
+.tag_results_input {
+    background-color: #EEE;
+    margin-left: 1em;
+    padding: 0.3em;
+}
+
 #placehold input.submit:hover,
 #tagsel_span input.submit:hover {
        color: #990033;
@@ -614,18 +767,19 @@ input.deleteshelf:active {
        max-width : 10em;
 }
 
+/* Search results add to cart (lists disabled) */
 .addto a.addtocart {
-       background-image:url(../../images/cart2.gif);
-       background-position : 9px -3px;
-       background-repeat : no-repeat;
+  background-image: url("../../images/sprite.png"); /* Cart */
+  background-position: -5px -266px;
+    background-repeat: no-repeat;
        text-decoration : none;
        padding-left : 33px;
 }
-
+/* Search results place hold link */
 #placehold input.submit {
-       background-image:url(../../images/placereserve.gif);
-       background-position : 9px center;
-       background-repeat : no-repeat;
+    background-image: url("../../images/sprite.png"); /* Place hold */
+    background-position: -1px -140px;
+    background-repeat: no-repeat;
        text-decoration : none;
        padding-left : 23px;
 }
@@ -641,14 +795,16 @@ input.deleteshelf:active {
        cursor : pointer;
 }
 .searchresults a.highlight_toggle {
-       background : transparent url(../../images/highlight.gif) -4px center no-repeat;
+    background-image: url("../../images/sprite.png"); /* Highlight */
+    background-position: -11px -841px;
+    background-repeat: no-repeat;
        display: none;
        font-weight: normal;
        padding : 0 10px 0 21px;
 }
 
 /* the itemtype list in advanced search */
-#advsearch-itemtype table {
+.advsearch table {
        border-collapse : separate;
        border-spacing : 3px;
        border : 0px;
@@ -657,14 +813,14 @@ input.deleteshelf:active {
        border : 0px solid #D8DEB8;
 }
 
-#advsearch-itemtype table tr td {
+.advsearch table tr td {
        background-color : #F8F8EB;
        border : 0px;
        margin : 0px;
        width : 700px;
 }
 
-#advsearch-itemtype td {
+.advsearch td {
        font-size : 0.8em;
        background-color : #F8F8EB;
 }
@@ -760,10 +916,14 @@ body#advsearch #listsmenulink {
 }
 
 #opac-main-search {
-       background-image : url( ../../images/menu-background.gif);
-       background-repeat : repeat-x;
-       background-color : #739ACF;
-       background-position : -10px top;
+       background: #8fb4e8; /* Old browsers */
+       background: -moz-linear-gradient(top, #8fb4e8 0%, #8cb1e5 19%, #80a8dc 48%, #7da5d8 52%, #7198cf 83%, #618ac0 100%); /* FF3.6+ */
+       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+ */
+       background: -webkit-linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* Chrome10+,Safari5.1+ */
+       background: -o-linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* Opera 11.10+ */
+       background: -ms-linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* IE10+ */
+       background: linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* W3C */
+       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fb4e8', endColorstr='#618ac0',GradientType=0 ); /* IE6-9 */
        border-top : 1px solid #335599;
        border-bottom : 1px solid #335599;
        margin-left : -10px;
@@ -1280,6 +1440,17 @@ padding-left : .4em;
        color: #707070;
        padding : 0 0 .5em 0;
 }
+.results_summary .results_summary {
+       font-size : 100%;
+}
+
+.results_summary.actions {
+    margin-top : .5em;
+}
+
+.actions a {
+    white-space: nowrap;
+}
 
 .m880 {
     display:block; 
@@ -1289,13 +1460,19 @@ padding-left : .4em;
     padding-left:20px
 }
 
-.searchresults .tagstatus {
-       display: block;
-       color: #707070;
+.tagstatus {
+    color: #707070;
+    padding: 0 4px 0 4px;
+    margin-left: 5px;
+    border: 1px solid #bcbcbc;
+    background-color: #ffffcc;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
 }
 
-#login4tags {
-       margin-top : .3em;
+.results_summary.tagstatus {
+    display: inline;
 }
 
 .results_summary .label {
@@ -1306,24 +1483,37 @@ padding-left : .4em;
        font-weight: normal;
 }
 
-.actions a {
+.actions a.hold,
+.actions a.addtocart,
+.actions a.addtoshelf,
+.actions a.addtolist,
+.actions a.tag_add {
        margin-left : 1em;
        text-decoration : none;
 }
 
+/* Search results rows place hold */
 .actions a.hold {
-       background : url("../../images/placehold-small.gif") center left no-repeat;
+    background-image : url("../../images/sprite.png"); /* Place hold small */
+    background-position : -10px -542px;
+    background-repeat: no-repeat;
        padding-left : 16px;
 }
 
+/* Search results rows add to cart */
 .actions a.addtocart {
-       background : url("../../images/cart-small.gif") center left no-repeat;
-       padding-left : 13px;
+    background-image : url("../../images/sprite.png"); /* Cart small */
+    background-position : -10px -572px;
+    background-repeat: no-repeat;
+    padding-left : 15px;
        display : none;
 }
 
+/* Search results rows save to lists */
 .actions a.addtoshelf {
-       background : url("../../images/addtolist-small.gif") center left no-repeat;
+    background-image : url("../../images/sprite.png"); /* MARC view */
+    background-position: -10px -27px;
+    background-repeat: no-repeat;
        padding-left : 13px;
 }
 
@@ -1340,8 +1530,15 @@ padding-left : .4em;
   }
  
 div.alert {
-  background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
-  text-align : center;
+       background: #fef8d3; /* Old browsers */
+       background: -moz-linear-gradient(top, #fef8d3 0%, #ffec91 9%, #ffed87 89%, #f9dc00 100%); /* FF3.6+ */
+       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+ */
+       background: -webkit-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Chrome10+,Safari5.1+ */
+       background: -o-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Opera11.10+ */
+       background: -ms-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* IE10+ */
+       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef8d3', endColorstr='#f9dc00',GradientType=0 ); /* IE6-9 */
+       background: linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* W3C */
+       text-align : center;
 }
 
 div.alert strong {
@@ -1349,8 +1546,15 @@ div.alert strong {
 }
 
 div.message {
-       background : white url("../../images/message-bg.gif") repeat-x left 0;
-   border : 1px solid #bcbcbc;
+       background: #ffffff; /* Old browsers */
+       background: -moz-linear-gradient(top, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%); /* FF3.6+ */
+       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+ */
+       background: -webkit-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
+       background: -o-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Opera11.10+ */
+       background: -ms-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* IE10+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef5', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
+       background: linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* W3C */
+       border : 1px solid #bcbcbc;
        width : 55%;
 }
 
@@ -1373,6 +1577,11 @@ div.message {
        padding : 3px 5px;
 }
 
+strong em, em strong  {
+    font-weight: bold;
+    font-style: italic;
+}
+
 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
        color : #000;
        font-weight : normal;
@@ -1388,11 +1597,14 @@ div.message {
 }
 
 #opac-main-search #listsmenu .bd {
-       background-color : #f3f3f3;
+       background: #eef4fe; /* Old browsers */
+       background: -moz-linear-gradient(left, #eef4fe 0%, #eef4fe 88%, #f6f9fe 98%, #ffffff 99%, #a5c2f6 99%, #e6eefe 100%, #cbdefe 100%); /* FF3.6+ */
+       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+ */
+       background: -webkit-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* Chrome10+,Safari5.1+ */
+       background: -o-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* Opera11.10+ */
+       background: -ms-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* IE10+ */
+       background: linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* W3C */
        border : 1px solid #739acf;
-       background-image : url("../../images/listmenu-container-bg.gif");
-       background-position : top right;
-       background-repeat : repeat-y;
        padding : .3em 1em 0 0;
 }
 
@@ -1427,29 +1639,62 @@ div#changelanguage{
  
 div#changelanguage a {
        font-weight : normal;
-       padding : .5em;
-} 
-               
-div#changelanguage a.more {
-       background-image:url(../../images/more-up-arrow.gif);
-       background-position:right center;
-       background-repeat:no-repeat;
-       padding-right:13px;
+       padding : .5em 0;
 }
+
 div#changelanguage li.yuimenuitem {
-       font-size : 120%;
-       font-weight : normal;
-       margin : 0;
-       padding : 0 1em;
+    font-size: 120%;
+    font-weight: normal;
+    margin: 0;
+    padding: 0 1em;
 }
-
 div#changelanguage li.yuimenuitem a.yuimenuitemlabel {
+    padding: 0;
+}
+
+ul#i18nMenu {
+       margin : 0;
+       padding : .2em 0;
+ }
+
+ul#i18nMenu li {
+       border-left : 1px solid #CCC;
+       display : inline;
+       list-style : none;
+       padding : 0 .4em;
+ }
+
+ul#i18nMenu li:first-child {
+       border-left : 0;
+ }
+
+ul#i18nMenu li ul li {
+       border : 0;
+       display : block;
        padding : 0;
+ }
+
+
+ul#i18nMenu li.more a {
+    background-image : url("../../images/sprite.png"); /* Arrow up */
+    background-position : 37px -940px;
+       background-repeat:no-repeat;
+       padding-right: 1.3em;
 }
 
-div.lang{
-        float:left;
+ul#i18nMenu li.more ul li a {
+       background-image : none;
+       padding: 0 1.3em;
+}
+.morelang,
+li.more {
+float:left
+}
+
+span.lang{
+       float:left;
+       border-right : 1px solid black;
+       padding : 0 .5em;
 }
 
 #cartDetails,#cartUpdate,#holdDetails,#listsDetails {
@@ -1464,6 +1709,7 @@ div.lang{
        box-shadow: 1px 1px 3px #666;
        -moz-box-shadow: 1px 1px 3px #666;
        -webkit-box-shadow: 1px 1px 3px #666;
+       z-index: 2;
 
 }
 
@@ -1478,12 +1724,21 @@ div.lang{
 }
 
 #opac-main-search input.submit {
-       background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
-       background-color : #b8d0e6;
-       border-top: 1px solid #cccccc;
-       border-left: 1px solid #cccccc;
-       border-right: 1px solid #eeeeee;
-       border-bottom: 1px solid #eeeeee;
+       background: #e6f3fe; /* Old browsers */
+       background: -moz-linear-gradient(top, #e6f3fe 0%, #dfeefa 8%, #bfd5ea 49%, #b8d0e6 52%, #b8d0e6 100%); /* FF3.6+ */
+       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+ */
+       background: -webkit-linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */
+       background: -o-linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* Opera11.10+ */
+       background: -ms-linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* IE10+ */
+       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f3fe', endColorstr='#b8d0e6',GradientType=0 ); /* IE6-9 */
+       background: linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* W3C */
+       -webkit-border-radius: 4px;
+       -moz-border-radius: 4px;
+       border-radius: 4px;
+       -webkit-box-shadow: 1px 1px 1px 1px , , .3);
+       -moz-box-shadow: 1px 1px 1px 1px , , .3);
+       box-shadow: 1px 1px 1px 1px , , .3);
+
        color : #333;
        font-weight : normal;
        font-size : 80%;
@@ -1499,9 +1754,15 @@ div#menu {
 }
 
 div#menu li a {
+       background: #eeeeee; /* Old browsers */
+       background: -moz-linear-gradient(left, #eeeeee 0%, #eeeeee 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); /* FF3.6+ */
+       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+ */
+       background: -webkit-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
+       background: -o-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera 11.10+ */
+       background: -ms-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */
+       background: linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */
        text-decoration : none;
        display : block;
-       background : #EEE url(../../images/side-tab-gradient.gif) repeat-y top right;
        border : 1px solid #979797;
        font-size : 111%;
        margin : .5em 0;
@@ -1510,7 +1771,13 @@ div#menu li a {
 }
 
 div#menu li a:hover {
-       background : #E8F0F6 url(../../images/side-tab-gradient-hover.gif) repeat-y top right;
+       background: #eaeef5; /* Old browsers */
+       background: -moz-linear-gradient(left, #eaeef5 0%, #dee6f4 96%, #c4d5ef 98%, #a2bee8 100%); /* FF3.6+ */
+       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+ */
+       background: -webkit-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* Chrome10+,Safari5.1+ */
+       background: -o-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* Opera 11.10+ */
+       background: -ms-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* IE10+ */
+       background: linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* W3C */
 }
 
 div#menu li.active a:hover {
@@ -1567,149 +1834,102 @@ div#menu li.active a:hover {
        padding : 2px;
 }
 
-#further {
-       text-align : left;
-       font-size : 95%;
-       padding : 3px 3px .5em 1em;
-}
-
-#further ul li {
-       list-style-image : url("../../images/further-bullet.gif");
-}
-
-#amazonreviews h4 {
-       font-size : 90%;
-       margin : 0;
-       padding : 0;
-}
-#amazonreviews h3 {
-       font-size : 100%;
-       margin : 0;
-       padding : 0;
-}
-span.starFull {
-       background: url(../../images/star-ratings.gif) top left no-repeat;
-       display : block;
-       height: 10px;
-       margin: 0;
-       padding: 0;
-}
-
-span.starMT {
-       background: url(../../images/star-ratings-empty.gif) top left no-repeat;
-       display : block;
-       height: 10px;
-       margin: 0 10px 0 10px;
-       padding: 0;
-       position: relative;
-       width: 50px;
-}
-
 #cartmenulink, #listsmenulink {
+       background-repeat: no-repeat;
+       -webkit-border-radius: 5px;
+       -moz-border-radius: 5px;
+       border-radius: 5px;
        display : block;
        position : relative;
-       background : #aaa;
-       padding : 5px;
        float : left;
        color : #333;
        text-decoration : none;
        cursor : pointer;
+       font-size : 105%;
+       font-weight : bold;
+       line-height : 185%;
+       margin-left : 1.5em;
+       padding : .3em .7em;
 }
 
- #cartmenulink *, #listsmenulink * {
-       font-style : normal;
-       background-image : url(../../images/button-background.png);
-       background-repeat : no-repeat;
-       display : block;
-       position : relative;
-}
-
- #cartmenulink i, #listsmenulink i {
-       background-position : top left;
-       position : absolute;
-       margin-bottom : -5px;
-       top : 0;
-       left : 0;
-       width : 5px;
-       height : 5px;
+#listsmenulink {
+       background : #9FBFFF;
+    background: url("../../images/sprite.png"),-moz-linear-gradient(top, #d7e5ff 0%, #b1cbff 50%, #9fbfff 100%); /* FF3.6+ */
+    background: url("../../images/sprite.png"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7e5ff), color-stop(50%,#b1cbff), color-stop(100%,#9fbfff)); /* Chrome,Safari4+ */
+    background: url("../../images/sprite.png"),-webkit-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* Chrome10+,Safari5.1+ */
+    background: url("../../images/sprite.png"),-o-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* Opera 11.10+ */
+    background: url("../../images/sprite.png"),-ms-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* IE10+ */
+    background: url("../../images/sprite.png"),linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* W3C */
+       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e5ff', endColorstr='#9fbfff',GradientType=0 ); /* IE6-9 */
+    background-position: 40px -287px,top left;
+       background-repeat: no-repeat;
+       border: 1px solid #629DCF;
+       color : #006699;
+       padding-right: 20px;
 }
 
- #cartmenulink span, #listsmenulink span {
-       background-position : bottom left;
-       left : -5px;
-       padding : 0 0 5px 10px;
-       margin-bottom : -5px;
+#listsmenulink:hover {
+       background-color : #b8d0e6;
+    background: url("../../images/sprite.png"),-moz-linear-gradient(top, #e2ecf5 0%, #c3d8ea 50%, #b8d0e6 100%); /* FF3.6+ */
+    background: url("../../images/sprite.png"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2ecf5), color-stop(50%,#c3d8ea), color-stop(100%,#b8d0e6)); /* Chrome,Safari4+ */
+    background: url("../../images/sprite.png"),-webkit-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */
+    background: url("../../images/sprite.png"),-o-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* Opera 11.10+ */
+    background: url("../../images/sprite.png"),-ms-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* IE10+ */
+    background: url("../../images/sprite.png"),linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* W3C */
+       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2ecf5', endColorstr='#b8d0e6',GradientType=0 ); /* IE6-9 */
+       background-repeat: no-repeat;
+    background-position: 40px -287px,top left;
 }
-/* For IE7 */
- *:first-child+html #cartmenulink span { padding-top : 3px; padding-bottom : 7px; }
- *:first-child+html #listsmenulink span { padding-top : 5px; }
 
- #cartmenulink span i, #listsmenulink span i {
-       background-position : bottom right;
-       margin-bottom : 0;
-       position : absolute;
-       left : 100%;
-       width : 10px;
-       height : 100%;
-       top : 0;
+#cartmenulink {
+       background: #98CB58; /* Old browsers */
+    background: url("../../images/sprite.png"),-moz-linear-gradient(top, #d5eaba 0%, #b7db8a 50%, #98cb59 100%); /* FF3.6+ */
+    background: url("../../images/sprite.png"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5eaba), color-stop(50%,#b7db8a), color-stop(100%,#98cb59)); /* Chrome,Safari4+ */
+    background: url("../../images/sprite.png"),-webkit-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* Chrome10+,Safari5.1+ */
+    background: url("../../images/sprite.png"),-o-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* Opera 11.10+ */
+    background: url("../../images/sprite.png"),-ms-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* IE10+ */
+    background: url("../../images/sprite.png"),linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* W3C */
+       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5eaba', endColorstr='#98cb59',GradientType=0 ); /* IE6-9 */
+    background-position: -5px -256px, left top;
+       background-repeat: no-repeat;
+       border: 1px solid #5EA28C;
+       color : #336600;
+       padding-left : 30px;
 }
 
- #cartmenulink span span, #listsmenulink span span {
-       background-position : top right;
-       position : absolute;
-       right : -10px;
-       margin-left : 10px;
-       top : -5px;
-       height : 0;
+#cartmenulink:hover {
+       background-color : #BFDE96;
+    background: url("../../images/sprite.png"),-moz-linear-gradient(top, #e5f1d4 0%, #cbe4aa 50%, #c0de98 100%); /* FF3.6+ */
+    background: url("../../images/sprite.png"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5f1d4), color-stop(50%,#cbe4aa), color-stop(100%,#c0de98)); /* Chrome,Safari4+ */
+    background: url("../../images/sprite.png"),-webkit-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* Chrome10+,Safari5.1+ */
+    background: url("../../images/sprite.png"),-o-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* Opera 11.10+ */
+    background: url("../../images/sprite.png"),-ms-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* IE10+ */
+    background: url("../../images/sprite.png"),linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* W3C */
+       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f1d4', endColorstr='#c0de98',GradientType=0 ); /* IE6-9 */
+       background-repeat: no-repeat;
+    background-position: -5px -256px, left top;
 }
 
-* html #cartmenulink span, * html #cartmenulink i, * html #listsmenulink span, * html #listsmenulink i {
-       float : left;
-       width : auto;
-       background-image : none;
-       cursor : pointer;
-}
-* html #cartmenulink span, * html #listsmenulink span {
-       padding-top : 5px;
+/* IE 6 & 7  don't do multiple backgrounds, so remove extra padding */
+* html #listsmenulink,
+*+html #listsmenulink {
+       padding-right : .7em;
 }
 
-#cartmenulink span#carticon {
-       background: transparent url("../../images/cart.gif") top left no-repeat;
-       position: static;
-       width : 14px;
-       height:14px;
-       margin: 0.35em 0.45em 0 0.2em;
-       padding:0;
-       float: left;
+/* IE 6 & 7  don't do multiple backgrounds, so remove extra padding */
+* html #cartmenulink,
+*+html #cartmenulink {
+       padding-left : .7em;
 }
 
+/* IE 8 doesn't do multiple backgrounds, so remove extra padding */
 #listsmenulink {
-       background : #9FBFFF;
+  padding-right: .7em\0/;
 }
 
+/* IE 8 doesn't do multiple backgrounds, so remove extra padding */
 #cartmenulink {
-       background : #98CB58;
-       color : #336600;
-       font-size : 105%;
-}
-
-#cartmenulink[class], #listsmenulink[class] {
-       background-image : url(../../images/button-background-gradient.png);
-       background-position : left top;
-}
-
-#listsmenulink:hover {
-       background-color : #b8d0e6;
-}
-
-#cartmenulink:hover {
-       background-color : #BFDE96;
-}
-
-#cartmenulink img {
-       background-image : none;
-       display : inline;
-       padding : 3px 3px 0 3px;
+  padding-left: .7em\0/;
 }
 
 #cartmenulink span#basketcount {
@@ -1741,74 +1961,6 @@ span.starMT {
        top : auto;
 }
 
-a#listsmenulink, a#listsmenulink:hover {
-       color : #006699;
-       font-size : 105%;
-       font-weight : bold;
-       line-height : 185%;
-       margin-left : 1.5em;
-}
-
-a#cartmenulink, a#cartmenulink:hover {
-       color : #336600;
-       font-size : 105%;
-       font-weight : bold;
-       line-height : 185%;
-       margin-left : 1.5em;
-}
-* html a#cartmenulink {
-       padding-top: 0;
-}
- * html a#cartmenulink:hover {
-       padding-top : 0;
-}
-/* For IE7 */
-*:first-child+html a#listsmenulink { padding-top : 0; }
-*:first-child+html a#listsmenulink:hover { padding-top : 0; }
-*:first-child+html a#cartmenulink { padding-top : 0; }
-*:first-child+html a#cartmenulink:hover { padding-top : 0; }
-*:first-child+html #cartmenulink span i{ top : -4px; }
-*:first-child+html #listsmenulink span i { top : -5px; }
-
-#listsmenulink img {
-       background-image : none;
-       display : inline;
-       padding : 0 0 2px 0;
-}
-
-* html #cartmenulink {
-       border : 1px solid #336600;
-}
-
-* html #listsmenulink {
-       border : 1px solid #006699;
-}
-
-ul.ui-tabs-nav li {
-       margin-right : .5em;
-}
-
-ul.ui-tabs-nav li a, ul.ui-tabs-nav li span.a {
-       background-color : #F3F3F3;
-       border-top : 1px solid #E8E8E8;
-       border-left : 1px solid #E8E8E8;
-       border-right : 1px solid #E8E8E8;
-       border-bottom : 0;
-       padding : .2em 1em;
-       text-align : center;
-       text-decoration : none;
-}
-
-ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a {
-       background-color : #FFF;
-       border-top : 1px solid #E8E8E8;
-       border-left : 1px solid #E8E8E8;
-       border-right : 1px solid #E8E8E8;
-       border-bottom : 1px solid #FFF;
-       margin-bottom : -5px;
-       text-align : center;
-}
-
 #views {
        border-bottom : 1px solid #E8E8E8;
        margin-bottom : .5em;
@@ -1827,28 +1979,33 @@ span.view {
 }
 
 a#MARCview, span#MARCview, a#MARCviewPop, a#ISBDview, span#ISBDview, a#Normalview, a#Briefhistory, span#Normalview, a#Fullhistory, span#Fullhistory, span#Briefhistory {
-       background-position : 5px 3px;
        background-repeat : no-repeat;
        font-size : 87%;
        font-weight : normal;
        padding : .2em .5em;
+    padding-left : 21px;
        text-decoration: none;
 }
 
 a#MARCview, span#MARCview {
-       background-image : url(../../images/marc.gif);
-       padding-left : 17px;
+    background-image: url("../../images/sprite.png");
+    background-position: -5px -26px;
+    background-repeat: no-repeat;
 }
 a#MARCviewPop, span#MARCviewPop {
-    background-image : url(../../images/marc.gif);
-    padding-left : 17px;
+    background-image: url("../../images/sprite.png");
+    background-position: -5px -26px;
+    background-repeat: no-repeat;
 }
 a#ISBDview, span#ISBDview {
-       background-image : url(../../images/isbd.gif);
-       padding-left : 20px;
+    background-image: url("../../images/sprite.png");
+    background-position: -5px -55px;
+    background-repeat: no-repeat;
 }
 a#Normalview, span#Normalview {
-       background-image : url(../../images/normal.gif);
+    background-image: url("../../images/sprite.png");
+    background-position: -7px 3px;
+    background-repeat: no-repeat;
        padding-left : 15px;
 }
 
@@ -1870,7 +2027,6 @@ a#MARCview, a#MARCviewPop, a#ISBDview, a#Normalview, a#Fullhistory, a#Briefhisto
        text-decoration : none;
 }
 #shelfbrowser td, #shelfbrowser th {
-       vertical-align : bottom;
        width : 20%;
 }
 #shelfbrowser td.top {
@@ -1882,6 +2038,30 @@ a#MARCview, a#MARCviewPop, a#ISBDview, a#Normalview, a#Fullhistory, a#Briefhisto
 #shelfbrowser a {
        display : block;
 }
+#shelfbrowser #browser_next,
+#shelfbrowser #browser_previous {
+    background-image : url("../../images/sprite.png");
+    background-position : -5px -988px;
+    background-repeat: no-repeat;
+    width : 16px;
+}
+#shelfbrowser #browser_next a,
+#shelfbrowser #browser_previous a {
+    cursor: pointer;
+    display : block;
+    height: 0 !important;
+    margin: 0;
+    overflow: hidden;
+    padding: 50px 0 0;
+    text-decoration: none;
+    width: 16px;
+}
+#shelfbrowser #browser_previous {
+background-position: -9px -1001px;
+}
+#shelfbrowser #browser_next {
+background-position: -9px -1051px;
+}
 
 #comments .commentline {
        border-bottom : 2px solid #eeeeeb;
@@ -1989,15 +2169,46 @@ a.p1:active {
 div.ft {
        clear : both;
 }
+
+.authorSearch {
+    position: absolute;
+    display: none;
+    z-index: 2;
+    background-color: white;
+    border: 1px solid black;
+    padding: 4px;
+}
+.authorSearch li {
+    list-style-type: none;
+}
+.authorSearch ul {
+    padding-left: 0px;
+}
+.subjectSearch {
+    position: absolute;
+    display: none;
+    z-index: 2;
+    background-color: white;
+    border: 1px solid black;
+    padding: 4px;
+}
+.subjectSearch li {
+    list-style-type: none;
+}
+.subjectSearch ul {
+    padding-left: 0px;
+}
+
 #basket td ul li {
        font-size:90%;
-       list-style:disc outside url("../../images/item-bullet.gif");
+    list-style:disc outside url(data:image/gif;base64,R0lGODlhBQAHAJECAP///5zD6v///wAAACH5BAEAAAIALAAAAAAFAAcAAAIMjCUGkbvhFGQSmVAAADs=);
        padding:0.2em 0;
 }
 
 #recentcomments {
        margin:auto;
        max-width:750px;
+    margin-left: 13.3207em;
 }
 
 .searchresults .commentline {
@@ -2043,7 +2254,6 @@ div.bibmessage { background-color : #ffffb0; border-radius : 5px; padding : 3px;
 }
 
 #renewcontrols a {
-       background-position : 3px center;
        background-repeat : no-repeat;
        text-decoration:none;
        padding : .1em .4em;
@@ -2051,11 +2261,19 @@ div.bibmessage { background-color : #ffffb0; border-radius : 5px; padding : 3px;
 }
 
 #renewselected_link {
-       background-image : url(../../images/check.png);
+    background-image : url("../../images/sprite.png");
+    background-position : -5px -988px;
+    background-repeat: no-repeat;
 }
 
 #renewall_link {
-       background-image : url(../../images/checks.png);
+    background-image : url("../../images/sprite.png");
+    background-position : -8px -964px;
+    background-repeat: no-repeat;
+}
+
+.koha_url {
+    color: #666666;
 }
 
 div.koha_url {
@@ -2064,10 +2282,10 @@ div.koha_url {
 span.koha_url {
     position: absolute;
     right: 0;
+    font-size: 85%;
 }
 a.koha_url {
     text-decoration:none;
-    color: #666666;
 }
 /* pagination */
 .pagination {
@@ -2080,6 +2298,7 @@ a.koha_url {
     display: none;
        background-color:#F3F3F3;
        padding-bottom:10px;
+    z-index: 100;
 }
 
 
@@ -2167,7 +2386,7 @@ a.koha_url {
 }
 
 .nav_results .l_Results a {
-    background:#E1E1E1 url("../../images/ico_b_results.gif") 14px 13px no-repeat;
+    background:#E1E1E1 url("../../images/sprite.png") no-repeat 0px -504px; /* Browse results menu */
     color:#006699;
     display:block;
     padding:8px 28px;
@@ -2177,36 +2396,39 @@ a.koha_url {
     background-color:#D9D9D9;
 }
 .nav_results ul.pg_menu {
-    height:25px;
     border-top: 1px solid #D0D0D0;
+    white-space : nowrap;
 }
 .nav_results ul.pg_menu li {
     color:#B2B2B2;
-    display:block;
-    float:left;
-    padding:5px 0;
+    display:inline;
     list-style:none;
-    text-align:center;
+    margin: 0;
 }
-.nav_results ul.pg_menu li.back_results {
-    padding:5px 0px;
-    width:45%;
+.nav_results ul.pg_menu li.back_results a {
     border-left: 1px solid #D0D0D0;
     border-right: 1px solid #D0D0D0;
 }
-.nav_results ul.pg_menu li a {
+.nav_results ul.pg_menu li a,
+.nav_results ul.pg_menu li span {
+       background-color: #F3F3F3;
+       display : block;
+    float:left;
+    padding:.4em .5em;
     text-decoration:none;
     font-weight:normal;
-    color:#4D4D4D;
+    text-align:center;
 }
-.nav_results ul.pg_menu li a:hover {
-    color:#006699;
+
+.nav_results ul.pg_menu li span {
+       color : #B2B2B2;
 }
-.nav_results ul.pg_menu li.left_results {
-    margin-right:10px;
+
+.nav_results ul.pg_menu li.left_results a {
+       padding-left : 0;
 }
-.nav_results ul.pg_menu li.right_results {
-    margin-left:10px;
+
+.nav_results ul.pg_menu li a:hover {
 }
 
 .nav_results #listResults{
@@ -2229,3 +2451,512 @@ a.koha_url {
 
 .nav_results  #listResults li a { color:#FFFFFF; font-weight:normal;}
 
+a.localimage img {
+       border : 1px solid #8EB3E7;
+       margin : 0 .5em;
+       padding : .3em;
+}
+
+p.patronimage {
+       border:1px solid #EEE;
+       border-bottom-color:#000;
+       margin: 0.9em 0 0;
+       padding:1em;
+}
+
+p.patronimage.edit {
+       border-color:#E8E8E8;
+       margin: 1em 1em 1em 0;
+}
+
+span.sep {
+       color: #888;
+       padding: 0 .2em;
+       text-shadow: 1px 1px 0 #FFF;
+}
+
+#daily-quote {
+    /*border-top : 1px solid #000000;*/
+    border : 1px solid #000000;
+    margin-top: 2px;
+    margin-bottom: 10px;
+    margin-left: 2px;
+    margin-right: 2px;
+    width: 300px;
+    text-align: center;
+}
+
+#daily-quote h1 {
+    font-size: 18px;
+    font-weight: normal;
+    margin: 0;
+}
+
+#daily-quote div {
+    font-size: 12px;
+    margin: 5px;
+}
+
+/* jQueryUI Core */
+
+.ui-widget-content { border: 1px solid #AAA; background: #ffffff none; color: #222222; }
+.ui-widget-header { border: 1px solid #AAA; background: #E6F0F2 none; color: #222222; font-weight: bold; }
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #AAA; background: #F4F8F9 none; font-weight: normal; color: #555555; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #AAA; background: #E6F0F2 none; font-weight: normal; color: #212121; }
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff none; font-weight: normal; color: #212121; }
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee; color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
+
+/* jQueryUI autocomplete */
+
+.ui-autocomplete { position: absolute; cursor: default; -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.3); -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.3); box-shadow: 2px 2px 2px rgba(0,0,0,.3); }
+.ui-autocomplete.ui-widget-content .ui-state-hover { border: 1px solid #AAA; background: #E6F0F2 none; font-weight: normal; color: #212121; }
+.ui-autocomplete-loading { background: #FFF url("../../img/loading-small.gif") right center no-repeat; }
+.ui-menu li { list-style:none; }
+
+#social_networks span {
+    color: #274D7F;
+    display : block;
+    float : left;
+    font-size: 85%;
+    font-weight: bold;
+    line-height: 2em;
+    margin : .5em 0 .5em .5em !important;
+}
+#social_networks a {
+    background: transparent url("../../images/social-sprite.png") no-repeat;
+    display: block;
+    height : 20px !important;
+    width : 20px;
+    text-indent : -999em;
+}
+
+#social_networks div {
+    float : left !important;
+    margin : .5em 0 .5em .2em !important;
+}
+
+#social_networks #facebook {
+    background-position : -7px -35px;
+}
+
+#social_networks #twitter {
+    background-position : -7px -5px;
+}
+
+#social_networks #linkedin {
+    background-position : -7px -95px;
+}
+
+#social_networks #delicious {
+    background-position : -7px -66px;
+}
+
+#social_networks #email {
+    background-position : -7px -126px;
+}
+
+/* jQuery UI standard tabs */
+.ui-tabs-nav .ui-tabs-active a,
+.ui-tabs-nav a:hover,
+.ui-tabs-nav a:focus,
+.ui-tabs-nav a:active,
+.ui-tabs-nav span.a {
+    background: none repeat scroll 0 0 transparent;
+    outline: 0 none;
+}
+
+.ui-widget,
+.ui-widget input,
+.ui-widget select,
+.ui-widget textarea,
+.ui-widget button {
+    font-family : inherit;
+    font-size : inherit;
+}
+
+ul.ui-tabs-nav li {
+    list-style : none;
+}
+.ui-tabs.ui-widget-content {
+    background : transparent none;
+    border : 0;
+}
+
+.ui-tabs .ui-tabs-panel {
+    border : 1px solid #D8D8D8;
+}
+.ui-tabs-nav.ui-widget-header {
+    border : 0;
+    background : none;
+}
+.ui-tabs .ui-tabs-nav li {
+    background: #F3F3F3 none;
+    border-color: #D8D8D8;
+    margin-right : .4em;
+}
+
+.ui-tabs .ui-tabs-nav li.ui-tabs-active {
+    background-color : #FFF;
+    border : 1px solid #D8D8D8;
+    border-bottom: 0;
+}
+.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
+    color : #000;
+    font-weight : bold;
+}
+
+.ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
+    background : #F3F3F3 none;
+}
+
+.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover {
+    background : #FFF none;
+}
+
+.ui-tabs .ui-state-default a,
+.ui-tabs .ui-state-default a:link,
+.ui-tabs .ui-state-default a:visited {
+    color: #006699;
+}
+
+.ui-tabs .ui-state-hover a,
+.ui-tabs .ui-state-hover a:link,
+.ui-tabs .ui-state-hover a:visited {
+    color: #990033;
+}
+
+.statictabs ul {
+    background: none repeat scroll 0 0 transparent;
+    border: 0 none;
+    margin: 0;
+    padding: 0.2em 0.2em 0;
+    border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 4px;
+    border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    color: #222222;
+    font-weight: bold;
+    font-size: 100%;
+    line-height: 1.3;
+    list-style: none outside none;
+    outline: 0 none;
+    text-decoration: none;
+}
+
+.statictabs ul:after {
+    clear: both;
+}
+
+.statictabs ul:before,
+.statictabs ul:after {
+    content: "";
+    display: table;
+}
+
+.statictabs ul li {
+    background: none repeat scroll 0 0 #E6F0F2;
+    border: 1px solid #B9D8D9;
+    border-bottom: 0 none !important;
+    border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    float: left;
+    list-style: none outside none;
+    margin-bottom: 0;
+    margin-right: 0.4em;
+    padding: 0;
+    position: relative;
+    white-space: nowrap;
+    top: 1px;
+    color: #555555;
+    font-weight: normal;
+
+}
+
+.statictabs ul li.active {
+    background-color: #FFFFFF;
+    color: #212121;
+    font-weight: normal;
+    padding-bottom: 1px;
+}
+
+.statictabs ul li a {
+    color: #004D99;
+    cursor: pointer;
+    float: left;
+    padding: 0.5em 1em;
+    text-decoration: none;
+}
+
+.statictabs ul li a:hover {
+    background-color : #EDF4F5;
+    border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    color : #538200;
+}
+
+.statictabs ul li.active a {
+    color: #000000;
+    font-weight: bold;
+    cursor: text;
+    background: none repeat scroll 0 0 transparent;
+    outline: 0 none;
+}
+
+.statictabs .tabs-container {
+    border: 1px solid #B9D8D9;
+    background: none repeat scroll 0 0 transparent;
+    display: block;
+    padding: 1em 1.4em;
+    border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 4px;
+    color: #222222;
+}
+
+.authref {
+    text-indent: 2em;
+}
+
+.authref .label {
+    font-style: italic;
+}
+
+.authstanza {
+    margin-top: 1em;
+}
+
+.authstanzaheading {
+    font-weight: bold;
+}
+div.authorizedheading {
+    font-weight: bold;
+}
+.authstanza li {
+    margin-left: 0.5em;
+}
+.authres_notes, .authres_seealso, .authres_otherscript {
+  padding-top: 5px;
+}
+.authres_notes {
+  font-style: italic;
+}
+
+#didyoumean {
+    background-color: #EEE;
+    border: 1px solid #E8E8E8;
+    margin: 0 0 0.5em;
+    text-align: left;
+    padding: 0.5em;
+    border-radius: 3px 3px 3px 3px;
+}
+
+.suggestionlabel {
+    font-weight: bold;
+}
+
+.searchsuggestion {
+    padding: 0.2em 0.5em;
+    white-space: nowrap;
+    display: inline-block;
+}
+
+.authlink {
+    padding-left: 0.25em;
+}
+#hierarchies a {
+    font-weight: normal;
+    text-decoration: underline;
+    color: #069;
+}
+
+#hierarchies a:hover {
+    color: #990033;
+}
+
+#top-pages {
+    margin: 0 0 0.5em;
+}
+
+/* jQuery UI Datepicker */
+.ui-datepicker table {width: 100%; font-size: .9em; border : 0; border-collapse: collapse; margin:0 0 .4em; }
+.ui-datepicker th { background : transparent none; padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
+
+.ui-datepicker-trigger {
+    vertical-align: middle;
+    margin : 0 3px;
+}
+.ui-datepicker {
+    -moz-box-shadow: 1px 1px 3px 0 #666;
+    -webkit-box-shadow: 1px 1px 3px 0 #666;
+    box-shadow: 1px 1px 3px 0 #666;
+}
+
+.contents {
+    width: 75%;
+}
+
+
+.contentblock {
+    position: relative;
+    margin-left: 2em;
+}
+
+.contents .t:first-child:before {
+    content: "→ ";
+}
+
+.contents .t:before {
+    content: "\A→ ";
+    white-space: pre;
+}
+
+.contents .t {
+    font-weight: bold;
+    display: inline;
+}
+
+.contents .r {
+    display: inline;
+}
+
+body#opac-main #opacmainuserblockmobile {
+    display: none;
+}
+
+.mobile_only {
+   display : none;
+}
+
+/* different sizes for different tags in opac-tags.tt */
+.tagweight0 {
+    font-size: 12px;
+}
+
+.tagweight1 {
+    font-size: 14px;
+}
+
+.tagweight2 {
+    font-size: 16px;
+}
+
+.tagweight3 {
+    font-size: 18px;
+}
+
+.tagweight4 {
+    font-size: 20px;
+}
+
+.tagweight5 {
+    font-size: 22px;
+}
+
+.tagweight6 {
+    font-size: 24px;
+}
+
+.tagweight7 {
+    font-size: 26px;
+}
+
+.tagweight8 {
+    font-size: 28px;
+}
+
+.tagweight9 {
+    font-size: 30px;
+}
+
+#patronregistration {
+    background-color: #F7F7F7;
+    border : 1px solid #EAEAEA;
+    -moz-border-radius: 3px;
+    border-radius : 3px;
+    font-size : 90%;
+    margin : .7em 0;
+    padding : .5em;
+    text-align: center;
+}
+#patronregistration a {
+    display: block;
+}
+
+video {
+    width: 480px;
+}
+
+.review {
+    margin-bottom: 20px;
+}
+
+#idreambooksreadometer {
+    float: right;
+}
+a.idreambooksrating {
+    font-size: 30px;
+    color: #29ADE4;
+    padding-left: 85px;
+    line-height: 30px;
+    text-decoration: none;
+}
+
+.idreambookslegend {
+    font-size: small;
+}
+
+a.reviewlink,a.reviewlink:visited {
+    text-decoration: none;
+    color: black;
+    font-weight: normal;
+}
+
+.idreambookssummary a {
+    color: #707070;
+    text-decoration: none;
+}
+
+.idreambookssummary img, .idbresult img {
+    vertical-align: middle;
+}
+
+.idbresult {
+    color: #29ADE4;
+    text-align: center;
+    margin: 0.5em;
+    padding: 0.5em;
+}
+
+.idbresult a, .idbresult a:visited {
+    text-decoration: none;
+    color: #29ADE4;
+}
+
+.idbresult img {
+    padding-right: 6px;
+}
+
+.highlight-row-results {
+    font-size: 120%;
+}
+
+.highlight-row-detail {
+    font-weight: bold;
+}
+
+.branch-info-tooltip {
+    display: none;
+}
+.lang {
+float:left;
+padding: 0.1em 0;
+}
+.notesrow label {
+    font-weight: bold;
+}
+.notesrow span {
+    display: block;
+}
+.notesrow textarea {
+    width: 100%;
+}