Re-structuring shelf browser markup for improved robustness; Including GoogleJackets...
[koha.git] / koha-tmpl / opac-tmpl / prog / en / css / opac.css
index 1b20e5e..2ace4ec 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;
 }
 
@@ -25,6 +26,7 @@ caption {
 }
 
 fieldset {
+       background-color: #FFF;
        border : 2px solid #EEEEEE;
        margin : 1em 1em 1em 0;
        padding : 1em;
@@ -112,6 +114,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;
@@ -121,6 +145,10 @@ fieldset.action {
        width : auto;
 }
 
+fieldset.action p {
+       margin-bottom : 1em;
+}
+
 form {
        display : inline;
        margin : 0;
@@ -132,7 +160,7 @@ h1 {
 }
 
 h1#library {
-       font-size : 100%
+       font-size : 100%;
        font-weight : normal;
        margin : .2em 0 .2em .5em;
 } 
@@ -141,6 +169,7 @@ h1#library {
 h1#libraryname {
        background:transparent url(../../images/koha-logo.gif) no-repeat scroll 0%;
        border: 0;
+       float : left !important;
        margin:0;
        padding:0;
        width:120px;
@@ -188,14 +217,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;
@@ -212,12 +234,13 @@ input[type=submit]:active, input[type=button], input[type=reset] {
 }
 
 td.resultscontrol {
-       background-color : #EFF1DC;
+       background-color : #EEE;
        vertical-align : middle;
        padding : 3px 3px 5px 5px;
 }
 
 table {
+       background-color: #FFF;
        border-collapse : collapse;
        margin : 1em 0;
        border-right : 1px solid #dddddd;
@@ -225,15 +248,17 @@ table {
 }
 
 td,th {
+       background-color: #FFF;
        border-left : 1px solid #dddddd;
        border-bottom : 1px solid #dddddd;
        padding : 3px 5px;
 }
 
 th {
-       background-color:#EFF1DC;
+       background-color:#EEE;
        font-weight : bold;
-       padding : 2px 4px;
+       padding : 2px 23px;
+       text-align : center;
 }
 
 th.sum {
@@ -249,12 +274,49 @@ 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;
 }
 
+tr.even td, tr.even.highlight td {
+       background-color: #FFF;
+}
+
+tr.grouplabel td {
+       background-color : #E8E8E8;
+       border : 1px solid #DDDDDD;
+       border-right : 1px solid #DDDDDD;
+       text-align : center;
+       font-weight : bold;
+    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;
@@ -278,11 +340,11 @@ p.availability {
 
 /* css styles for reserves color alerts */
 .onloan {
-       background-color : #FFED3D;
+       background-color : #eeeeee;
 }
 
 .other {
-       background-color : #FF0000;
+       background-color : #ffcccc;
 }
 
 /* "problem" enhancement */
@@ -297,8 +359,7 @@ p.availability {
 
 /* style for search terms in catalogsearch */
 .term {
-       background-color : #ffffe0;
-       color : #990033;
+       color : blue;
 }
 
 a .term {
@@ -312,19 +373,76 @@ a .term {
 /* action buttons */
 #action {
        margin-top : .5em;
+       background-color : #F3F3F3;
+       border : 1px solid #E8E8E8;
+       padding-bottom : 3px;
 }
 
 #action li {
        list-style : none;
+       margin : .2em;
+       padding : .3em 0;
 }
 
-#action a {
-       background-color : #F3F3F3;
-       border : 1px solid #E8E8E8;
-       display : block;
-       margin : .2em;
-       padding : .5em;
+#action a, #toolbar a {
+       background-position : 5px center;
+       background-repeat : no-repeat;
        text-decoration : none;
+       padding-left : 26px;
+}
+
+
+
+#toolbar ul li {
+       display : inline;
+       list-style : none;
+}
+
+#toolbar ul li a {
+       border-left : 1px solid #e8e8e8;
+}
+
+#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);
+}
+
+#action a.addtocart, #toolbar a.addtocart {
+       background-image:url(../../images/cart2.gif);
+}
+
+#action a.print, #toolbar a.print {
+       background-image:url(../../images/print.gif);
+}
+
+#toolbar a.brief {
+       background-image: url(../../images/brief.gif);
+}
+
+#toolbar  a.detail {
+       background-image: url(../../images/detail.gif);
+}
+
+#toolbar a.print {
+       background-image: url(../../images/print.gif);
+}
+
+#toolbar a.hide {
+       background-image: url(../../images/close.gif);
+}
+
+#toolbar a.send {
+       background-image: url(../../images/send.gif);
+}
+#toolbar a.empty {
+       background-image: url(../../images/trash.gif);
 }
 
 /* the itemtype list in advanced search */
@@ -376,6 +494,7 @@ a .term {
 }
 
 #members {
+       background-color: #fff;
        font-size : 85%;
        padding : 4px 0 4px 0;
        color : #000066;
@@ -416,26 +535,19 @@ a .term {
        border-top : 1px solid #335599;
        border-bottom : 1px solid #335599;
        padding : .7em 0 .4em .5em;
-       color : #FFFFCC;
        font-size : 108%;
        line-height : 116%;
 }
 
-#opac-main-search a, #opac-main-search a, #opac-main-search a:visited {
-       color : #FFFFCC;
-}
-
-#opac-main-search a:hover {
-       color : #FFFFFF;
-}
-
 #opac-main-search form {
        display : inline;
        padding-right : 1em;
 }
 
 #opac-main-search label {
+       color : #FFFFCC;
        font-weight : bold;
+       margin : .2em .3em 0 0;
 }
 
 
@@ -449,7 +561,7 @@ a .term {
 }
 
 #search-facets h4 {
-       background-color : #EFF1DC;
+       background-color : #EEE;
        border-bottom : 1px solid #e8e8e8;
        font-size : 90%;
        margin : 0;
@@ -537,62 +649,10 @@ em {
        font-weight : bold;
 }
 
-#catalogue_detail_biblio p {  
+#catalogue_detail_biblio p, #catalogue_detail_biblio ul {  
        padding-bottom: .6em;
 }
 
-.toptabs {
-       margin-top : 1em;
-}
-
-.toptabs .tabs-nav a, .toptabs .tabs-nav span.a {
-    top: 0;
- }
-
-.toptabs .tabs-nav li {
-       margin-right : .5em;
-}
-
-.toptabs .tabs-nav li a, .toptabs .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;
-       text-align : center;
-       text-decoration : none;
-}
-
-.toptabs .tabs-nav li.tabs-selected  {
-       background-color : #FFF;
-}
-
-.toptabs .tabs-nav li.tabs-selected a, .toptabs .tabs-nav li.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;
-       padding-bottom : 5px;
-       text-align : center;
-}
-
-.toptabs.numbered .tabs-nav li {
-       min-width : 3em;
-}
-
-.toptabs .tabs-container {
-       border : 1px solid #E8E8E8;
-       padding : 1em;
-}
-
-.tabs-container {
-    border-top: 0;
-    padding : inherit;
-    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
-}
-
 #basket {
        display : inline;
 }
@@ -618,10 +678,32 @@ fieldset.brief legend {
 
 fieldset.brief label {
        display : block;
-       font-weight : bold;
        padding : .3em 0;
 }
 
+fieldset.brief input+input {
+       margin-top : 3px;
+}
+
+fieldset.brief input, fieldset.brief textarea, fieldset.brief select { 
+       background-color: #F3F3F3;
+       border-top : 1px solid #979797;
+       border-left : 1px solid #979797;
+       border-right : 1px solid #DDDDDD;
+       border-bottom : 1px solid #DDDDDD;
+       font-size : 140%;
+       padding : .2em;
+       font-weight: normal;
+}
+
+fieldset.brief textarea {
+       font-size: 105%;
+}
+
+fieldset.brief input:focus {
+       background-color: #FFFFCC;
+}
+
 fieldset.brief ol, fieldset.brief li {
        list-style-type : none;
 }
@@ -645,23 +727,6 @@ a.cancel {
        padding-left : 1em;
 }
 
-#toolbar ul {
-       margin : 1em 0 0 0;
-       padding : 0;
-}
-
-#toolbar ul li {
-       display : inline;
-       list-style : none;
-}
-
-#toolbar ul li a {
-       border : 1px solid #afbccf;
-       padding : .3em;
-       text-decoration : none;
-       margin-right : .1em;
-}
-
 .resultscontrol, .resultscontrol select {
        font-size: 90%;
 }
@@ -721,7 +786,7 @@ td.resultscontrol img {
 }
 
 .searchresults tr {
-       border-bottom : 1px solid #CCCCCC;
+       border-bottom : 1px solid #f3f3f3;
 }
 
 .searchresults tr:first-child {
@@ -730,6 +795,7 @@ td.resultscontrol img {
 
 .searchresults table {
        border-top : 0px solid #CCCCCC;
+       width : 100%;
 }
 
 .searchresults a.reserve, .searchresults a.reserve:visited {
@@ -744,14 +810,6 @@ td.resultscontrol img {
        color:#006699;
 }
 
-input.reserve, a.reserve {
-       background-image:url(../../images/placereserve.gif);
-}
-
-a.reserve {
-       background-color:#006699;
-       color:White;
-}
 .unavailable {
        color: #990033;
 }
@@ -810,7 +868,7 @@ a:active.current {
 }
 
 a:link.nav {
-       background-color: #EFF1DC;
+       background-color: #EEE;
        border: 1px solid #CCCC99;
        color: #3366CC;
        font-weight: bold;
@@ -819,7 +877,7 @@ a:link.nav {
 }
 
 a:visited.nav {
-       background-color: #EFF1DC;
+       background-color: #EEE;
        border: 1px solid #CCCC99;
        color: #3366CC;
        font-weight: bold;
@@ -845,25 +903,6 @@ a:active.nav {
        text-decoration: none;
 }
 
-input.icon {
-       background-position: left;
-       background-repeat: no-repeat;
-       font-size : 96%;
-       font-weight: bold;
-       padding: 2px 2px 2px 22px;
-       background-color: #6699CC;
-       border: 1px outset #666666;
-       color: #FFFFCC;
-}
-
-input.shelf, a.shelf {
-       background-image: url(../../images/addtobasket.gif);
-}
-
-input.clearall, a.clearall {
-       background-image: url(../../images/clearbasket.gif);
-}
-
 /* Tabs */
 ul.link-tabs {
        list-style-type: none;
@@ -950,6 +989,7 @@ table#marc, table#marc td, table#marc th {
 
 table#marc th {
        background-color : transparent;
+       text-align : left;
 }
 
 table#marc td:first-child {
@@ -961,31 +1001,14 @@ width: 120px;
 }
 
 #fluid {
-float: right;
-width: 100%;
-margin-left: -120px;
-}
-
-#fluid-offset {
-margin-left: 119px;
+margin-left: 124px;
 margin-top : .4em;
+padding-left : 1em;
 }
 
-#fluid-content-1 {
-float: left;
-width: 65%;
-margin : .3em -1px 0 2%;
-display: inline /* fix IE6 */;
-line-height : 15px;
-}
-
-#fluid-content-2 {
-float: left;
-width: 28%;
-margin-left: 2%;
-display: inline /* fix IE6 */;
-margin-right: -1px /* fix IE6 */;
-line-height : 25px;
+#fluid-offset {
+float : right;
+width: 100%;
 }
 
 .clearfix:after {
@@ -1000,10 +1023,36 @@ line-height : 25px;
 * html .clearfix {height: 1%;}
 /* End hide from IE-mac */
 
-.searchhighlightblob {
+.results_summary {
+       display: block;
        font-size : 85%;
+       color: #707070;
+       padding : 0 0 .5em 0;
+}
+
+.results_summary .label {
+       color: #202020;
 }
 
+.results_summary a {
+       font-weight: normal;
+}
+
+#catalogue_detail_biblio div.results_summary {
+       clear :  left;
+}
+#catalogue_detail_biblio div.results_summary ul {
+       display : inline;
+       float :  none;
+       clear :  none;
+       margin: 0;
+       padding: 0;
+       list-style : none;
+}
+
+#catalogue_detail_biblio div.results_summary ul li {
+       display : inline;
+}
 
 .dialog {
   border: 1px solid #bcbcbc;
@@ -1033,10 +1082,11 @@ div.message {
 }
 
 #moresearches {
+       clear : left;
        color : #000099;
        font-size : 90%;
        line-height : 110%;
-       margin : .6em 0 .3em 2%;
+       margin : .6em 0 .3em 0;
 }
 
 #moresearches a:link, #moresearches a:visited {
@@ -1054,6 +1104,10 @@ div.message {
        font-weight : bold;
        margin : 0 .2em; 
  }
+#opac-main-search #listsmenu .yuimenuitemlabel {
+       cursor : pointer;
+}
 
 #opac-main-search #listsmenu .bd {
        background-color : #f3f3f3;
@@ -1061,11 +1115,7 @@ div.message {
        background-image : url("../../images/listmenu-container-bg.gif");
        background-position : top right;
        background-repeat : repeat-y;
-       padding-right: 1em;
-       // margin : 3em 0 0 0;
-}
-#opac-main-search #listsmenu .yui-menu-shadow {
-       // margin : 3em 0 0 0;
+       padding : .3em 1em 0 0;
 }
 
 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
@@ -1074,9 +1124,16 @@ 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;
 }
@@ -1160,20 +1217,18 @@ div#changelanguage a.yuimenuitemlabel {
        font-weight : normal;
  }
 
-#cartDetails {
+#cartDetails,#cartUpdate {
        background-color : #FFF;
        border: 1px solid #739acf;
        color : black;
-       padding : .1em;
+       padding : .3em;
        text-align : center;
 }
 
-a#listsmenulink, a#listsmenulink:hover {
-       color : #006699;
-}
-
-a#cartmenulink, a#cartmenulink:hover {
-       color : #336600;
+.yui-panel .hd, .yui-panel .bd, .yui-panel .ft {
+       background-color : transparent;
+       border : 0;
+       padding : inherit;
 }
 
 #login #userid, #login #password {
@@ -1181,7 +1236,7 @@ a#cartmenulink, a#cartmenulink:hover {
 }
 
 #opac-main-search input.submit {
-       background : #b8d0e6 url(../../images/submit-bg.gif) no-repeat 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;
@@ -1192,47 +1247,24 @@ a#cartmenulink, a#cartmenulink:hover {
        font-size : 80%;
        padding : 2px;
 }
-       .btn { display: block; position: relative; background: #aaa; padding: 5px; float: right; color: #fff; text-decoration: none; cursor: pointer; }
-       .btn * { font-style: normal; background-image: url('../../images/button-background.png'); background-repeat: no-repeat; display: block; position: relative; }
-       .btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
-       .btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
-       .btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
-       .btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
-
-       * html .btn span,
-       * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
-
-       .btn.blue { background: #6699FF; }
-       .btn.blue:hover { background-color: #6699FF; background-image: none; }
-       .btn.green { background: #98CB58; }
-       .btn.green:hover { background-color: #98CB58; background-image: none; }
-       .btn:active { background-color: #444; }
-       .btn[class] {  background-image: url('../../images/button-background-gradient.png'); background-position: 0 0; }
-        .btn[class]:hover { background-image: url('../../images/button-background-gradient.png'); background-position: 0 -200px; }
-
-       * html .btn { border: 3px double #aaa; }
-       * html .btn.blue { border-color: #2ae; }
-       * html .btn.green { border-color: #9d4; }
-       * html .btn:hover { border-color: #a00; }
-       #cartmenulink { margin-right :  1em;    }
-       
-       div#menu {
-       border-right: 1px solid #979797;
+
+div#menu {
+       border-right : 1px solid #979797;
        font-size : 94%;
-       margin-right: .5em;
-       padding-top: 1em;
-       padding-bottom: 2em;
+       margin-right : .5em;
+       padding-top : 1em;
+       padding-bottom : 2em;
 }
 
 div#menu li a {
-       text-decoration: none;
-       display: block;
+       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;
-       padding: .4em .3em;
-       margin-right :  -1px;
+       border : 1px solid #979797;
+       font-size : 111%;
+       margin : .5em 0;
+       padding : .4em .3em;
+       margin-right : -1px;
 }
 
 div#menu li a:hover {
@@ -1240,17 +1272,428 @@ div#menu li a:hover {
 }
 
 div#menu li.active a:hover {
-       background-color: #fff;
-       color :  #0000CC;
+       background-color : #fff;
+       color : #0000CC;
 }
 
 #menu ul li {
-       list-style-type: none;
+       list-style-type : none;
 }
 
 #menu ul li.active a {
-       background-color: #FFF;
+       background-color : #FFF;
        background-image : none;
-       border-right: 0;
-       font-weight: bold;
+       border-right : 0;
+       font-weight : bold;
+}
+
+.left {
+       float : left;
+}
+
+.right {
+       float : right;
+}
+
+#searchsubmit {
+       cursor : default;
+       font-size : 87%;
+       font-weight :  normal;
+       margin-top : 0;
+       margin-left :  .2em;
+       padding: 2px 2px 1px 2px;
+}
+
+#export,#further,#similars, .detailtagcell {
+       margin-top : .5em;
+       background-color : #F3F3F3;
+       border : 1px solid #E8E8E8;
+       font-size : 76%;
+       padding : 3px;
+       text-align : center;
+}
+
+#export label, .detailtagcell label {
+       display : block;
+       font-weight : bold;
+       font-size : 110%;
+       margin-bottom : 2px;
+}
+
+#export input, .detailtagcell input {
+       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");
+}
+
+#similars {
+       background-color : #FFF;
+    text-align : center;
+    font-size : 95%;
+    padding : 0 3px 3px 3px;
+}
+
+#similars ul {
+       margin : 0;
+       padding : 0;
+}
+
+#similars li {
+       list-style : none;
+       margin : 0;
+       padding : 0;
+}
+
+#similars li a {
+       display : block;
+}
+
+#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 {
+       display : block;
+       position : relative;
+       background : #aaa;
+       padding : 5px;
+       float : left;
+       color : #333;
+       text-decoration : none;
+       cursor : pointer;
+}
+
+ #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;
+}
+
+ #cartmenulink span, #listsmenulink span {
+       background-position : bottom left;
+       left : -5px;
+       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;
+       margin-bottom : 0;
+       position : absolute;
+       left : 100%;
+       width : 10px;
+       height : 100%;
+       top : 0;
+}
+
+ #cartmenulink span span, #listsmenulink span span {
+       background-position : top right;
+       position : absolute;
+       right : -10px;
+       margin-left : 10px;
+       top : -5px;
+       height : 0;
+}
+
+* 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;
+}
+#listsmenulink {
+       background : #9FBFFF;
+}
+
+#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;
+}
+
+#cartmenulink span#basket {
+       background-image : none;
+       float : none;
+       display : inline;
+       height : auto;
+       position : relative;
+       margin : 0;
+       padding : 0;
+       left : auto;
+       right : auto;
+       top : auto;
+}
+
+#cartmenulink span#basket span {
+       background-image : none;
+       background-color : #E6FCB7;
+       color : #000;
+       display : inline;
+       float : none;
+       font-size : 80%;
+       font-weight : normal;
+       margin : 0 0 0 .9em;
+       padding : 0 .3em 0 .3em;
+       position : relative;
+       left : auto;
+       right : auto;
+       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;
+}
+
+#views h1 {
+       display : inline;
+       margin-right : .7em;
+       margin-bottom : 1em;
+}
+
+.views {
+       white-space : nowrap;
+}
+
+#bibliodescriptions {
+       margin-top : .5em;
+}
+
+a#MARCview, span#MARCview, a#MARCviewPop, a#ISBDview, span#ISBDview, a#Normalview, span#Normalview {
+       background-position : 5px 3px;
+       background-repeat : no-repeat;
+       font-size : 87%;
+       font-weight : normal;
+       padding : .2em .5em;
+       text-decoration: none;
+}
+
+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;
+}
+a#Normalview, span#Normalview {
+       background-image : url(../../images/normal.gif);
+       padding-left : 15px;
+}
+
+a#MARCview, a#ISBDview, a#Normalview {
+       background-color : #F3F3F3;
+       border-left : 1px solid #E8E8E8;
+}
+
+#shelfbrowser table {
+       margin : 0 20px;
+}
+#shelfbrowser table, #shelfbrowser td, #shelfbrowser th {
+       border : 0;
+       font-size : 90%;
+       text-align : center;
+}
+#shelfbrowser a {
+       font-size : 110%;
+}
+#shelfbrowser td, #shelfbrowser th {
+       vertical-align : bottom;
+       width : 20%;
+}
+#shelfbrowser td.top {
+       vertical-align : top;
+}
+#shelfbrowser a {
+       display : block;
+}
+
+
+
+input.editshelf,a.editshelf {
+       background : transparent url("../../images/shelf-edit.gif") center left no-repeat;
+       border : 0;
+       color : #006699;
+       cursor : pointer;
+       margin:0pt 0.5em;
+       padding-left : 15px;
+       text-decoration : none;
+}
+input.newshelf,a.newshelf {
+       background : transparent url("../../images/shelf-new.gif") center left no-repeat;
+       border : 0;
+       color : #006699;
+       cursor : pointer;
+       margin:0pt 0.5em;
+       padding-left : 15px;
+       text-decoration : none;
+}
+input.deleteshelf {
+       background : transparent url("../../images/shelf-delete.gif") center left no-repeat;
+       border : 0;
+       color : #006699;
+       cursor : pointer;
+       font-size : 100%;
+       margin:0pt 0.5em;
+       padding-left : 13px;
+}
+
+input.editshelf:active,input.deleteshelf:active {
+       border : 0;
+}
+
+#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;
 }
\ No newline at end of file