Bug 3789 Set off shelving location in staff and OPAC title display
[koha.git] / koha-tmpl / opac-tmpl / prog / en / css / opac.css
index 900d95e..bfff594 100644 (file)
@@ -1,4 +1,5 @@
 @import url("../../en/lib/yui/reset-fonts-grids.css");
+@import url("../../en/lib/yui/skin.css");
 
 a {
        font-weight : bold;
@@ -8,7 +9,7 @@ a, a:visited {
        color : #006699;
 }
 
-a:hover {
+a:hover,input.editshelf:hover,a.editshelf:hover,input.deleteshelf:hover {
        color : #990033;
 }
 
@@ -18,10 +19,15 @@ body {
        padding : 0 0 2.5em 0;
 }
 
+.required {
+    color : #C00;
+}
+
 caption {
        font-size : 140%;
-       text-align : left;
        font-weight : bold;
+       line-height : 144%;
+       text-align : left;
 }
 
 fieldset {
@@ -32,14 +38,14 @@ fieldset {
 }
 
 fieldset.rows {  
-border-width : 1px;
-border-bottom : 1px solid black;
-float : left;
-font-size : 90%;
-clear : left;
-margin: .9em 0 0 0;  
-padding: 0;
-width: 100%; 
+       border-width : 1px;
+       border-bottom : 1px solid black;
+       float : left;
+       font-size : 90%;
+       clear : left;
+       margin: .9em 0 0 0;  
+       padding: 0;
+       width: 100%; 
 }
 
 fieldset.rows legend {  
@@ -48,7 +54,7 @@ fieldset.rows legend {
        font-size : 110%;
 }
 
-fieldset.rows label, fieldset.rows span.label {  
+fieldset.rows label, fieldset.rows span.label {
        float: left;  
        font-weight : bold;
        width: 9em;  
@@ -63,16 +69,16 @@ fieldset.rows fieldset {
 }
 
 fieldset.rows ol {  
-padding: 1em 1em 0 1em;  
-list-style-type: none;
+       padding: 1em 1em 0 1em;  
+       list-style-type: none;
 }
 
 fieldset.rows li {  
-float : left;
-clear : left;
-padding-bottom: 1em;
-list-style-type: none;
-width: 100%; 
+       float : left;
+       clear : left;
+       padding-bottom: 1em;
+       list-style-type: none;
+       width: 100%; 
 }
 
 fieldset.rows.left li {
@@ -113,6 +119,28 @@ fieldset.rows td label {
        width : auto;
 }
 
+fieldset.holds {
+       background-color : #F3F3F3;
+       border: 0;
+       font-size : 110%;
+       padding : 1px;
+}
+
+fieldset.holds ol {
+       margin : 0;
+       padding : 0;
+}
+
+fieldset.holds li {
+       background-color : #FFF;
+       border-bottom : 1px solid #F3F3F3;
+       padding : .3em;
+}
+
+fieldset.holds label, fieldset.holds span.label {
+
+}
+
 fieldset.action {
        clear : both;
        float : none;
@@ -122,6 +150,10 @@ fieldset.action {
        width : auto;
 }
 
+fieldset.action p {
+       margin-bottom : 1em;
+}
+
 form {
        display : inline;
        margin : 0;
@@ -133,7 +165,7 @@ h1 {
 }
 
 h1#library {
-       font-size : 100%
+       font-size : 100%;
        font-weight : normal;
        margin : .2em 0 .2em .5em;
 } 
@@ -169,8 +201,7 @@ h2 {
        font-size : 131%;
 }
 
-h2.author {
-       text-indent : .5em;
+h5.author {
 }
 
 h3 {
@@ -190,14 +221,7 @@ h6 {
 }
 
 input[type=submit], input[type=button], input[type=reset] {
-/*     background-color : #6BA037;
-       border:1px outset #666666;
-       color : #FFFFFF;
-       font-size : 93%;
-       font-weight : bold;
-       padding : 2px;*/
-       
-               background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
+       background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
        background-color : #b8d0e6;
        border-top: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
@@ -213,8 +237,10 @@ input[type=submit]:active, input[type=button], input[type=reset] {
        border: 1px inset #666666;
 }
 
-td.resultscontrol {
-       background-color : #EFF1DC;
+td.resultscontrol,
+.searchresults td.resultscontrol {
+       background-color : #EEE;
+       border : 1px solid #E8E8E8;
        vertical-align : middle;
        padding : 3px 3px 5px 5px;
 }
@@ -234,10 +260,19 @@ td,th {
        padding : 3px 5px;
 }
 
+td.place_on_type table,
+td.place_on_type table td {
+       border : 0;
+}
+td caption {
+       font-size : 105%;
+}
+
 th {
-       background-color:#EFF1DC;
+       background-color:#EEE;
        font-weight : bold;
-       padding : 2px 4px;
+       padding : 2px 23px;
+       text-align : center;
 }
 
 th.sum {
@@ -253,10 +288,14 @@ th[scope=row] {
        text-align : right;
 }
 
-tr.highlight td, tr.highlight th {
+tr.highlight td, tr.highlight th, tr.odd td {
        background-color : #F3F3F3;
-       border : 1px solid #DDDDDD;
-       border-right : 1px solid #DDDDDD;
+   border-top : 1px solid #DDDDDD;
+   border-bottom : 1px solid #DDDDDD;
+}
+
+tr.even td, tr.even.highlight td {
+       background-color: #FFF;
 }
 
 tr.grouplabel td {
@@ -268,6 +307,30 @@ tr.grouplabel td {
     padding: 10px;
 }
 
+tr.reserved td {
+       background-color : #eeffd4;
+}
+tr.transfered td {
+       background-color : #e8f0f6;
+}
+
+#editions table, #editions td {
+       border : 0;
+}
+
+.header {
+       background-image:url("../../images/ascdesc.gif");
+       background-position:right center;
+       background-repeat:no-repeat;
+       cursor:pointer;
+}
+.headerSortUp {
+       background-image:url("../../images/asc.gif");
+}
+.headerSortDown {
+       background-image:url("../../images/desc.gif");
+}
+
 ul {
        list-style : disc;
        padding-left : 1em;
@@ -285,17 +348,17 @@ p.availability {
        color : #006600;
 }
 
-.inwait {
-       background-color : #33CC99;
+.waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
+       display : block;
 }
-
-/* css styles for reserves color alerts */
-.onloan {
-       background-color : #eeeeee;
+.notforloan {
+       color : #900;
 }
-
-.other {
-       background-color : #ffcccc;
+.lost {
+       color : #666;
+}
+.waiting {
+       
 }
 
 /* "problem" enhancement */
@@ -304,20 +367,23 @@ p.availability {
        background-color : red;
 }
 
-.reserved {
-       background-color : #8EBAFF;
-}
-
 /* style for search terms in catalogsearch */
 .term {
-       background-color : #ffffe0;
-       color : #990033;
+       /* color : blue; */
+    color : #990000;
+    background-color : #FFFFCC;
 }
 
 a .term {
        text-decoration : underline;
 }
 
+/* style for shelving location in catalogsearch */
+.shelvingloc {
+    display : block;
+    font-style : italic;
+}
+
 .transfered {
        background-color : #F9FF9A;
 }
@@ -336,14 +402,55 @@ a .term {
        padding : .3em 0;
 }
 
-#action a, #toolbar a {
+#action a {
        background-position : 5px center;
        background-repeat : no-repeat;
        text-decoration : none;
-       padding-left : 26px;
+       padding-left : 35px;
 }
 
+#action a.print {
+       background-image:url(../../images/print.gif);
+}
 
+#action a#furthersearches {
+       background : transparent url(../../images/menu-arrow.gif) no-repeat right center;
+       border : 1px solid #F3F3F3;
+       margin-left : 5px;
+       padding : 2px 26px 2px 10px;
+       text-decoration : none;
+}
+
+#action a#furthersearches:hover {
+       border-top : 1px solid #FFF;
+       border-left : 1px solid #FFF;
+       border-right : 1px solid #979797;
+       border-bottom : 1px solid #979797;
+}
+
+#action a.reserve,
+.searchresults a.reserve {
+       background-image:url(../../images/placereserve.gif);
+}
+
+#action a.addtoshelf, #toolbar a.addtoshelf {
+       background-image:url(../../images/addtoshelf.gif);
+}
+
+#action a.addtocart, #toolbar a.addtocart {
+       background-image:url(../../images/cart2.gif);
+}
+
+/* toolbar buttons */
+
+#toolbar a,
+#toolbar input {
+       white-space : nowrap;
+}
+
+#toolbar ul {
+       padding-left : 0;
+}
 
 #toolbar ul li {
        display : inline;
@@ -354,47 +461,180 @@ a .term {
        border-left : 1px solid #e8e8e8;
 }
 
-#toolbar ul li:first-child {
+#toolbar ul li:first-child {
        border-left : 0;
 }
 
-#action a.reserve, #toolbar a.reserve, .searchresults a.reserve {
-       background-image:url(../../images/placereserve.gif);
-}
 
-#action a.addtoshelf, #toolbar a.addtoshelf {
-       background-image:url(../../images/addtoshelf.gif);
+#toolbar a.print {
+       background: transparent url(../../images/print-small.png) 5px 50% no-repeat;
+       text-decoration : none;
+       padding-left : 23px;
 }
 
-#action a.addtocart, #toolbar a.addtocart {
-       background-image:url(../../images/cart2.gif);
+#toolbar a.brief {
+       background: transparent url(../../images/brief.gif) 5px 50% no-repeat;
+       text-decoration : none;
+       padding-left : 23px;
 }
 
-#action a.print, #toolbar a.print {
-       background-image:url(../../images/print.gif);
+#toolbar a.detail {
+       background: transparent url(../../images/detail.gif) 5px 50% no-repeat;
+       text-decoration : none;
+       padding-left : 27px;
 }
 
-#toolbar a.brief {
-       background-image: url(../../images/brief.gif);
+#toolbar a.download {
+       background : transparent url("../../images/download.png") 7px 50% no-repeat;
+       padding-left : 24px;
+       text-decoration : none;
 }
 
-#toolbar  a.detail {
-       background-image: url(../../images/detail.gif);
+#toolbar a.editshelf {
+       background : transparent url("../../images/shelf-edit.gif") 12px 50% no-repeat;
+       padding-left : 26px;
+       text-decoration : none;
 }
 
-#toolbar a.print {
-       background-image: url(../../images/print.gif);
+#toolbar a.empty {
+       background: transparent url(../../images/empty-small.png) 5px 50% no-repeat;
+       text-decoration : none;
+       padding-left : 21px;
 }
 
 #toolbar a.hide {
-       background-image: url(../../images/close.gif);
+       background: transparent url(../../images/close.gif) 5px 50% no-repeat;
+       text-decoration : none;
+       padding-left : 26px;
 }
 
-#toolbar a.send {
-       background-image: url(../../images/send.gif);
+#toolbar a.hold {
+       background: transparent url(../../images/place-hold-small.png) 5px 50% no-repeat;
+       text-decoration : none;
+       padding-left : 23px;
 }
-#toolbar a.empty {
-       background-image: url(../../images/trash.gif);
+
+#toolbar a.newshelf {
+       background : transparent url("../../images/shelf-new.gif") 5px 50% no-repeat;
+       padding-left : 23px;
+       text-decoration : none;
+}
+
+#toolbar a.send,
+a.send {
+       background: transparent url(../../images/send.png) 2px 50% no-repeat;
+       text-decoration : none;
+       padding-left : 28px;
+}
+
+#toolbar a.new {
+       background : transparent url("../../images/new.gif") 5px 50% 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;
+       border : 0;
+       color : #006699;
+       cursor : pointer;
+       font-size : 100%;
+       padding-left : 29px;
+       text-decoration : none;
+}
+
+#toolbar input.newshelf {
+       background : transparent url("../../images/shelf-new.gif") center left no-repeat;
+       border : 0;
+       color : #006699;
+       cursor : pointer;
+       font-size : 100%;
+       margin: 0 0.5em;
+       padding-left : 15px;
+       text-decoration : none;
+}
+
+#toolbar input.deleteshelf,
+input.deleteshelf {
+       background : transparent url("../../images/shelf-delete.gif") 7px 50% no-repeat;
+       border : 0;
+       color : #006699;
+       cursor : pointer;
+       font-size : 100%;
+       padding-left : 20px;
+}
+
+#toolbar input.deleteshelf:hover {
+       color: #990033;
+}
+
+
+#toolbar input.editshelf:active,
+input.editshelf:active,
+#toolbar input.deleteshelf:active,
+input.deleteshelf:active {
+       border : 0;
+}
+
+#tagsel_span input.submit,
+#tagsel_tag {
+       background-image: url(../../images/tags-small.png);
+       background-position : 7px center;
+       background-repeat : no-repeat;
+       padding-left : 25px;
+       text-decoration: none;
+}
+
+#placehold input.submit:hover,
+#tagsel_span input.submit:hover {
+       color: #990033;
+}
+
+#addto {
+       max-width : 10em;
+}
+
+.addto a.addtocart {
+       background-image:url(../../images/cart2.gif);
+       background-position : 9px -3px;
+       background-repeat : no-repeat;
+       text-decoration : none;
+       padding-left : 33px;
+}
+
+#placehold input.submit {
+       background-image:url(../../images/placereserve.gif);
+       background-position : 9px center;
+       background-repeat : no-repeat;
+       text-decoration : none;
+       padding-left : 23px;
+}
+
+#placehold input.submit,
+#tagsel_span input.submit {
+       border : 0;
+       background-color: transparent;
+       font-size : 100%;
+       font-weight : bold;
+       padding-left : 31px;
+       color : #336699;
+       cursor : pointer;
+}
+.searchresults a.highlight_toggle {
+       background : transparent url(../../images/highlight.gif) -4px center no-repeat;
+       display: none;
+       font-weight: normal;
+       padding : 0 10px 0 21px;
 }
 
 /* the itemtype list in advanced search */
@@ -419,6 +659,22 @@ a .term {
        background-color : #F8F8EB;
 }
 
+body#advsearch #breadcrumbs {
+       line-height : 1px;
+       height : 1px;
+       padding : 0;    
+}
+
+body#advsearch #cartmenulink,
+body#advsearch #listsmenulink {
+       float : right;
+}
+
+#advsearch #branchloop,
+#advsearch #sort_by {
+       width : 23em;
+}
+
 #auth {
        float : left;
 }
@@ -445,9 +701,21 @@ a .term {
        font-size : 10pt;
 }
 
+#header-wrapper {
+       background-color: #FFF;
+}
+
+#holds,#opac-auth {
+       min-width : 750px;
+       width : 57.69em;
+       margin : auto;
+}
+
 #members {
        background-color: #fff;
        font-size : 85%;
+       margin-left : -10px;
+       margin-right : -10px;
        padding : 4px 0 4px 0;
        color : #000066;
 }
@@ -463,11 +731,12 @@ a .term {
        text-decoration : none;
 }
 
-#members li:first-child {
-       border-right : 1px solid black;
+#members li:last-child {
+       border-right : 0;
 }
 
 #members li {
+       border-right : 1px solid black;
        display : inline;
        list-style : none;
        margin : 0;
@@ -484,8 +753,11 @@ a .term {
        background-image : url( ../../images/menu-background.gif);
        background-repeat : repeat-x;
        background-color : #739ACF;
+       background-position : -10px top;
        border-top : 1px solid #335599;
        border-bottom : 1px solid #335599;
+       margin-left : -10px;
+       margin-right : -10px;
        padding : .7em 0 .4em .5em;
        font-size : 108%;
        line-height : 116%;
@@ -513,7 +785,7 @@ a .term {
 }
 
 #search-facets h4 {
-       background-color : #EFF1DC;
+       background-color : #EEE;
        border-bottom : 1px solid #e8e8e8;
        font-size : 90%;
        margin : 0;
@@ -589,6 +861,10 @@ a .term {
        padding : .7em;
 }
 
+p {
+       margin: .7em 0;
+}
+
 strong {
        font-weight : bold;
 }
@@ -597,15 +873,48 @@ em {
        font-style : italic;
 }
 
-#catalogue_detail_biblio p span.label {  
+
+table#marc,
+table#marc td,
+table#marc th {
+       background-color : transparent;
+       border : 0;
+}
+
+table#marc p span.label {
        font-weight : bold;
 }
 
-#catalogue_detail_biblio p, #catalogue_detail_biblio ul {  
+table#marc p,
+table#marc ul {
        padding-bottom: .6em;
 }
 
-#basket {
+table#items,
+table#items td
+table#items th {
+       border-width : 1px solid #EEE;
+       font-size : 90%;
+}
+
+
+table#marc div.results_summary {
+       clear :  left;
+}
+table#marc div.results_summary ul {
+       display : inline;
+       float :  none;
+       clear :  none;
+       margin: 0;
+       padding: 0;
+       list-style : none;
+}
+
+table#marc div.results_summary ul li {
+       display : inline;
+}
+
+#basketcount {
        display : inline;
 }
 
@@ -687,7 +996,7 @@ a.cancel {
        margin-top : 5px;
 }
 
-.cartlist input.submit {
+.cartlist input.submit, #tagsel_button {
        background-color : #d8deb8;
        background-image : none;
        border-color : #bebf84;
@@ -718,8 +1027,7 @@ a.cancel {
 
 .searchresults p {
        margin: 0;
-       padding: 0;
-       padding-top : .6em;
+       padding: 0 0 .6em 0;
 }
 
 td.resultscontrol img {
@@ -736,9 +1044,12 @@ td.resultscontrol img {
 .searchresults td, .searchresults th, .searchresults table {
        border: 0;
 }
+.searchresults td {
+       vertical-align: top;
+}
 
 .searchresults tr {
-       border-bottom : 1px solid #CCCCCC;
+       border-bottom : 1px solid #f3f3f3;
 }
 
 .searchresults tr:first-child {
@@ -762,7 +1073,7 @@ td.resultscontrol img {
        color:#006699;
 }
 
-.unavailable {
+.unavailable, .tagerror, .tagerror:visited {
        color: #990033;
 }
 
@@ -820,7 +1131,7 @@ a:active.current {
 }
 
 a:link.nav {
-       background-color: #EFF1DC;
+       background-color: #EEE;
        border: 1px solid #CCCC99;
        color: #3366CC;
        font-weight: bold;
@@ -829,7 +1140,7 @@ a:link.nav {
 }
 
 a:visited.nav {
-       background-color: #EFF1DC;
+       background-color: #EEE;
        border: 1px solid #CCCC99;
        color: #3366CC;
        font-weight: bold;
@@ -910,18 +1221,10 @@ div.tab-container {
        width : 90%;
 }
 
-#catalogue_detail_biblio table, #catalogue_detail_biblio td, #catalogue_detail_biblio th {
-       background-color : transparent;
-       border : 0;
-}
-
 tr.overdue td {
        background-color : #ffcccc;
-       font-weight : bold;
-}
-
-tr.highlight.overdue td {
-       background-color : #ffaeae;
+       border-bottom : 1px solid #ffaeae;
+       border-right : 1px solid #ffaeae;
        font-weight : bold;
 }
 
@@ -941,6 +1244,7 @@ table#marc, table#marc td, table#marc th {
 
 table#marc th {
        background-color : transparent;
+       text-align : left;
 }
 
 table#marc td:first-child {
@@ -962,6 +1266,11 @@ float : right;
 width: 100%;
 }
 
+#translControl{
+float : left;
+padding-left : .4em;
+}
+
 .clearfix:after {
     content: "."; 
     display: block; 
@@ -974,10 +1283,50 @@ width: 100%;
 * html .clearfix {height: 1%;}
 /* End hide from IE-mac */
 
-.searchhighlightblob {
+.results_summary {
+       display: block;
        font-size : 85%;
+       color: #707070;
+       padding : 0 0 .5em 0;
+}
+
+.searchresults .tagstatus {
+       display: block;
+       color: #707070;
+}
+
+#login4tags {
+       margin-top : .3em;
+}
+
+.results_summary .label {
+       color: #202020;
+}
+
+.results_summary a {
+       font-weight: normal;
+}
+
+.actions a {
+       margin-left : 1em;
+       text-decoration : none;
+}
+
+.actions a.hold {
+       background : url("../../images/placehold-small.gif") center left no-repeat;
+       padding-left : 16px;
 }
 
+.actions a.addtocart {
+       background : url("../../images/cart-small.gif") center left no-repeat;
+       padding-left : 13px;
+       display : none;
+}
+
+.actions a.addtoshelf {
+       background : url("../../images/addtolist-small.gif") center left no-repeat;
+       padding-left : 13px;
+}
 
 .dialog {
   border: 1px solid #bcbcbc;
@@ -1020,6 +1369,11 @@ div.message {
        text-decoration : none;
 }
 
+#news th {
+       text-align : left;
+       padding : 3px 5px;
+}
+
 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
        color : #000;
        font-weight : normal;
@@ -1029,6 +1383,10 @@ div.message {
        font-weight : bold;
        margin : 0 .2em; 
  }
+#opac-main-search #listsmenu .yuimenuitemlabel {
+       cursor : pointer;
+}
 
 #opac-main-search #listsmenu .bd {
        background-color : #f3f3f3;
@@ -1037,10 +1395,6 @@ div.message {
        background-position : top right;
        background-repeat : repeat-y;
        padding : .3em 1em 0 0;
-       // margin : 3em 0 0 0;
-}
-#opac-main-search #listsmenu .yui-menu-shadow {
-       // margin : 3em 0 0 0;
 }
 
 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
@@ -1049,98 +1403,70 @@ div.message {
 
 #opac-main-search #listsmenu ul {
        border-color : #b8d0e6;
-       m
 }
 
+.selectcol {
+       vertical-align: top;
+       width: 10px;
+}
+.itypecol {
+       vertical-align: top;
+       width: 10px;
+}
 #container {
        color : #000;
 }
 
-
-ul#i18nMenu {
-       margin : 0;
-       padding : .2em 0;
- }
-ul#i18nMenu li {
-       border-left : 1px solid #CCC;
-       display : inline;
-       list-style : none;
-       padding : 0 10px;
- }
-ul#i18nMenu li a {
-       text-decoration : none;
-}
-ul#i18nMenu li:first-child {
-       border-left : 0;
- }
-ul#i18nMenu li ul li {
-       border : 0;
-       display : block;
+div#changelanguage{
+       background-color: #fff;
+       border-top: 1px solid #CCC;
+       color : #666;
+       font-size : 85%;
+       padding : 1em;
  }
  
+div#changelanguage a {
+       font-weight : normal;
+       padding : .5em;
+} 
                
-ul#i18nMenu li.more a {
+div#changelanguage a.more {
        background-image:url(../../images/more-up-arrow.gif);
        background-position:right center;
        background-repeat:no-repeat;
        padding-right:13px;
 }
-               
-ul#i18nMenu li.more ul li a {
-       background-image : none;
-       padding-right : 20px;
-}
- div#changelanguage{
-       background-color: #fff;
-       border-top: 1px solid #CCC;
-  position:absolute;
-  bottom:0;
-  left:0;
-  width:100%;
-  height: 1.8em;
- }
- @media screen{
-  body>div#changelanguage {
-   position: fixed;
-  }
- }
- * html body{
-  overflow:hidden;
- } 
- * html div#doc1{
-  height:100%;
-  overflow:auto;
- }
-  
- * html div#doc2{
-  height:100%;
-  overflow:auto;
- }
-  
- * html div#doc3{
-  height:100%;
-  overflow:auto;
- }
  
-div#changelanguage a.yuimenuitemlabel {
-       color : #006699;
+div#changelanguage li.yuimenuitem {
+       font-size : 120%;
        font-weight : normal;
- }
+       margin : 0;
+       padding : 0 1em;
+}
+
+div#changelanguage li.yuimenuitem a.yuimenuitemlabel {
+       padding : 0;
+}
 
-#cartDetails {
+#cartDetails,#cartUpdate,#holdDetails,#listsDetails {
        background-color : #FFF;
        border: 1px solid #739acf;
        color : black;
-       padding : .3em;
+       display : none;
+       margin : 0;
+       padding : 10px;
        text-align : center;
+       width : 180px;
+       box-shadow: 1px 1px 3px #666;
+       -moz-box-shadow: 1px 1px 3px #666;
+       -webkit-box-shadow: 1px 1px 3px #666;
+
+}
+
+.yui-panel .hd, .yui-panel .bd, .yui-panel .ft {
+       background-color : transparent;
+       border : 0;
+       padding : inherit;
 }
 
 #login #userid, #login #password {
@@ -1216,7 +1542,7 @@ div#menu li.active a:hover {
        padding: 2px 2px 1px 2px;
 }
 
-#export {
+#export,#further,.detailtagcell {
        margin-top : .5em;
        background-color : #F3F3F3;
        border : 1px solid #E8E8E8;
@@ -1224,31 +1550,55 @@ div#menu li.active a:hover {
        padding : 3px;
        text-align : center;
 }
+#furtherm { margin-top : .5em; }
 
-#export label {
+#export label, .detailtagcell label {
        display : block;
        font-weight : bold;
        font-size : 110%;
        margin-bottom : 2px;
 }
 
-#export input {
+#export input, .detailtagcell input {
        padding : 2px;
 }
-#starFull {
-       background: url(../../images/bluestars.png) top left no-repeat;
-       height: 25px;
+
+#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;
 }
 
-#starMT {
-       background: url(../../images/emptystars.png) top left no-repeat;
-       height: 25px;
-       margin: 0 3px 0 30px;
+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: 100px;
+       width: 50px;
 }
 
 #cartmenulink, #listsmenulink {
@@ -1286,6 +1636,9 @@ div#menu li.active a:hover {
        padding : 0 0 5px 10px;
        margin-bottom : -5px;
 }
+/* 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;
@@ -1312,7 +1665,9 @@ div#menu li.active a:hover {
        background-image : none;
        cursor : pointer;
 }
-
+* html #cartmenulink span, * html #listsmenulink span {
+       padding-top : 5px;
+}
 #listsmenulink {
        background : #9FBFFF;
 }
@@ -1323,17 +1678,13 @@ div#menu li.active a:hover {
        font-size : 105%;
 }
 
-#cartmenulink:active,  #listsmenulink:active {
-       background-color : #cc3399;
-}
-
 #cartmenulink[class], #listsmenulink[class] {
        background-image : url(../../images/button-background-gradient.png);
        background-position : left top;
 }
 
 #listsmenulink:hover {
-       background-color : #6699FF;
+       background-color : #b8d0e6;
 }
 
 #cartmenulink:hover {
@@ -1346,7 +1697,7 @@ div#menu li.active a:hover {
        padding : 3px 3px 0 3px;
 }
 
-#cartmenulink span#basket {
+#cartmenulink span#basketcount {
        background-image : none;
        float : none;
        display : inline;
@@ -1359,7 +1710,7 @@ div#menu li.active a:hover {
        top : auto;
 }
 
-#cartmenulink span#basket span {
+#cartmenulink span#basketcount span {
        background-image : none;
        background-color : #E6FCB7;
        color : #000;
@@ -1375,9 +1726,6 @@ div#menu li.active a:hover {
        top : auto;
 }
 
-*html #cartmenulink span#basket, *html #cartmenulink span#basket span {
-}
-
 a#listsmenulink, a#listsmenulink:hover {
        color : #006699;
        font-size : 105%;
@@ -1393,6 +1741,19 @@ a#cartmenulink, a#cartmenulink:hover {
        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;
@@ -1401,11 +1762,11 @@ a#cartmenulink, a#cartmenulink:hover {
 }
 
 * html #cartmenulink {
-       border : 1px solid #66ff00;
+       border : 1px solid #336600;
 }
 
 * html #listsmenulink {
-       border : 1px solid #99ccff;
+       border : 1px solid #006699;
 }
 
 ul.ui-tabs-nav li {
@@ -1435,17 +1796,22 @@ ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a
 
 #views {
        border-bottom : 1px solid #E8E8E8;
+       margin-bottom : .5em;
+       padding : 0 2em 2px 0.2em;
+       white-space : nowrap;
 }
 
-.views {
-       margin-left : .7em;
+span.view {
+       padding : 0.2em .2em 2px .2em;
 }
 
-#bibliodescriptions {
+#bibliodescriptions,
+#isbdcontents {
+       clear : left;
        margin-top : .5em;
 }
 
-a#MARCview, span#MARCview, a#ISBDview, span#ISBDview, a#Normalview, span#Normalview {
+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%;
@@ -1458,6 +1824,10 @@ a#MARCview, span#MARCview {
        background-image : url(../../images/marc.gif);
        padding-left : 17px;
 }
+a#MARCviewPop, span#MARCviewPop {
+    background-image : url(../../images/marc.gif);
+    padding-left : 17px;
+}
 a#ISBDview, span#ISBDview {
        background-image : url(../../images/isbd.gif);
        padding-left : 20px;
@@ -1467,7 +1837,166 @@ a#Normalview, span#Normalview {
        padding-left : 15px;
 }
 
-a#MARCview, a#ISBDview, a#Normalview {
+a#MARCview, a#MARCviewPop, a#ISBDview, a#Normalview, a#Fullhistory, a#Briefhistory {
        background-color : #F3F3F3;
        border-left : 1px solid #E8E8E8;
-}
\ No newline at end of file
+}
+
+#shelfbrowser table {
+       margin : 0 20px;
+}
+#shelfbrowser table, #shelfbrowser td, #shelfbrowser th {
+       border : 0;
+       font-size : 90%;
+       text-align : center;
+}
+#shelfbrowser a {
+       font-size : 110%;
+       text-decoration : none;
+}
+#shelfbrowser td, #shelfbrowser th {
+       vertical-align : bottom;
+       width : 20%;
+}
+#shelfbrowser td.top {
+       vertical-align : top;
+}
+#shelfbrowser td.top a {
+       text-decoration : underline;
+}
+#shelfbrowser a {
+       display : block;
+}
+
+#comments .commentline {
+       border-bottom : 2px solid #eeeeeb;
+       margin : 0 -.5em 0 -.5em;
+       padding : 0 .5em .5em .5em;
+}
+#comments .yours {
+       background-color : #effed5;
+}
+#comments #addcomment {
+       margin : 0 -1em -1em -1em;
+       padding : .3em 1em;
+}
+input.tagbutton {
+       padding : 1px !important;
+}
+table#items th {
+       padding : 2px;
+}
+#action {
+       margin-top: 0;
+}
+#similars h4 {
+       text-align : left;
+}
+#similars table,
+#similars td {
+       border : 0;
+       margin : 0;
+}
+#similars td {
+       width : 13em;
+}
+#similars a {
+       display : block;
+       font-weight : normal;
+}
+#furtherm a,
+#furtherm a:link,
+#furtherm a:visited {
+       color : #006699;
+}
+#furtherm h4 {
+       font-size : 106%;
+       margin : .1em .5em;
+}
+#furtherm .bd {
+       background-color : #F3F3F3;
+       border:1px solid #DDD;
+}
+.results_summary img {
+       margin : 0 5px;
+ }
+span.no-image {
+       background-color : #FFF;
+       border: 1px solid #979797;
+       color : #AAA;
+       display:block;
+       font-size : 86%;
+       font-weight : bold;
+       text-align : center;
+       width : 75px;
+}
+#bookcover span.no-image {
+       margin-right : 10px;
+       margin-bottom : 10px;
+}
+#shelfbrowser a:link span.no-image,
+#shelfbrowser a:visited span.no-image,
+#shelfbrowser a:hover span.no-image,
+#shelfbrowser a:active span.no-image {
+       font-size : 95%;
+}
+#shelfbrowser a:link span.no-image,
+#shelfbrowser a:visited span.no-image,
+#shelfbrowser a:hover span.no-image,
+#shelfbrowser a:active span.no-image,
+td.jacketcell a:link,
+td.jacketcell a:visited,
+td.jacketcell a:hover,
+td.jacketcell a:active,
+a.p1:link,
+a.p1:visited,
+a.p1:hover,
+a.p1:active {
+       color : #AAA;
+       text-decoration : none;
+       font-weight : bold;
+}
+
+.copies_row > td:first-child {
+    border-left-style : none;
+}
+
+.rtl {
+  unicode-bidi: embed;
+  direction: rtl;
+  text-align: right;
+}
+
+div.ft {
+       clear : both;
+}
+#basket td ul li {
+       font-size:90%;
+       list-style:disc outside url("../../images/item-bullet.gif");
+       padding:0.2em 0;
+}
+
+#recentcomments {
+       margin:auto;
+       max-width:750px;
+}
+
+.searchresults .commentline {
+       background-color : rgb(255, 255, 204);
+       background-color : rgba(255, 255, 204, 0.4);
+       border : 1px solid #CCC;
+       display: inline-block;
+       -webkit-border-radius: 4px;
+       -moz-border-radius: 4px;
+       border-radius: 4px;
+       -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
+       -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
+       box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
+       margin : .3em;
+       padding : .4em;
+}
+
+.searchresults .commentline.yours {
+       background-color : rgb(239, 254, 213);
+       background-color : rgba(239, 254, 213, 0.4);
+}