removing escape=url as it broke '=' for q=query
[koha_fer] / koha-tmpl / opac-tmpl / prog / en / css / opac.css
index fd88250..1a0c347 100644 (file)
@@ -1,4 +1,4 @@
-@import url("/opac-tmpl/prog/en/lib/yui/reset-fonts-grids.css");  
+@import url("../../en/lib/yui/reset-fonts-grids.css");
 
 a {
        font-weight : bold;
@@ -8,14 +8,14 @@ a, a:visited {
        color : #006699;
 }
 
-a:hover {
-       text-decoration : none;
+a:hover,input.editshelf:hover,a.editshelf:hover,input.deleteshelf:hover {
        color : #990033;
 }
 
 body {
        background-color : white;
        text-align : left;
+       padding : 0 0 2.5em 0;
 }
 
 caption {
@@ -25,24 +25,165 @@ caption {
 }
 
 fieldset {
-       border : 1px solid #dddddd;
+       background-color: #FFF;
+       border : 2px solid #EEEEEE;
+       margin : 1em 1em 1em 0;
+       padding : 1em;
+}
+
+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%; 
+}
+
+fieldset.rows legend {  
+       margin-left: 1em;
+       font-weight: bold;
+       font-size : 110%;
+}
+
+fieldset.rows label, fieldset.rows span.label {  
+       float: left;  
+       font-weight : bold;
+       width: 9em;  
+       margin-right: 1em;  
+       text-align: right;
+}
+
+fieldset.rows fieldset {
+       border-width : 1px;
+       margin : 0;
+       padding : .3em;
+}
+
+fieldset.rows ol {  
+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%; 
+}
+
+fieldset.rows.left li {
+       padding-bottom : .4em;
+}
+
+fieldset.rows li.radio {
+       padding-left: 9em;
+       width : auto;
+}
+
+fieldset.rows li.radio label {
+       float : none;
+       width : auto;
+       margin : 0 0 0 1em;
+}
+
+fieldset.rows ol.radio label {
+       width : auto;
+       float : none;
+       margin-right : 0;
+}
+
+fieldset.rows ol.radio label.radio {
+       float : left;
+       width : 12em;
+       margin-right : 1em;
+}
+
+fieldset.rows table {
+       clear : both;
+       margin-left : 1em;
+}
+
+fieldset.rows td label {
+       float : none;
+       font-weight : normal;
+       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;
+       border : none;
+       margin : 0;
+       padding : 1em 0 .3em 0;
+       width : auto;
+}
+
+fieldset.action p {
+       margin-bottom : 1em;
+}
+
+form {
+       display : inline;
+       margin : 0;
+       padding : 0;
 }
 
 h1 {
        font-size : 138.5%;
 }
 
-h1#libraryname {
+h1#library {
+       font-size : 100%;
        font-weight : normal;
        margin : .2em 0 .2em .5em;
-}
+} 
 
-h1#libraryname a {
-       text-decoration : none;
+
+h1#libraryname {
+       background:transparent url(../../images/koha-logo.gif) no-repeat scroll 0%;
+       border: 0;
+       float : left !important;
+       margin:0;
+       padding:0;
+       width:120px;
 }
 
-h1#libraryname a:hover {
-       color : #384B73;
+h1#libraryname a {
+       border:0;
+       cursor:pointer;
+       display:block;
+       height:0px !important;
+       margin:0;
+       overflow:hidden;
+       padding:40px 0 0;
+       text-decoration:none;
+       width:120px;
 }
 
 h1,h2,h3,h4,h5,h6 {
@@ -54,6 +195,10 @@ h2 {
        font-size : 131%;
 }
 
+h2.author {
+       text-indent : .5em;
+}
+
 h3 {
        font-size : 123.1%;
 }
@@ -71,17 +216,37 @@ h6 {
 }
 
 input[type=submit], input[type=button], input[type=reset] {
-       background-color : #6BA037;
+/*     background-color : #6BA037;
+       border:1px outset #666666;
        color : #FFFFFF;
+       font-size : 93%;
        font-weight : bold;
-       padding : 2px;
+       padding : 2px;*/
+       
+               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;
+       color : #333;
+       font-size : 93%;
+       font-weight : bold;
+       padding : 4px;
+}
+
+input[type=submit]:active, input[type=button], input[type=reset] {
+       border: 1px inset #666666;
 }
 
-p.searchresults {
-       background-color : #EFF1DC;
+td.resultscontrol {
+       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;
@@ -89,23 +254,66 @@ table {
 }
 
 td,th {
+       background-color: #FFF;
        border-left : 1px solid #dddddd;
        border-bottom : 1px solid #dddddd;
-       padding : 5px;
+       padding : 3px 5px;
 }
 
 th {
-       background-color : #eeeeee;
+       background-color:#EEE;
+       font-weight : bold;
+       padding : 2px 23px;
+       text-align : center;
+}
+
+th.sum {
+       text-align: right;
+}
+
+td.sum {
+       background-color: #FFC;
+       font-weight: bold;
 }
 
 th[scope=row] {
        text-align : right;
 }
 
-tr.highlight td, tr.highlight th {
-       background-color : #EEEEEE;
+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;
+}
+
+#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 {
@@ -117,8 +325,12 @@ li {
        list-style : disc;
 }
 
+p.availability {
+       font-size : 87%;
+}
+
 .available {
-       font-size : 0.75em;
+       color : #006600;
 }
 
 .inwait {
@@ -127,11 +339,11 @@ li {
 
 /* css styles for reserves color alerts */
 .onloan {
-       background-color : #FFED3D;
+       background-color : #eeeeee;
 }
 
 .other {
-       background-color : #FF0000;
+       background-color : #ffcccc;
 }
 
 /* "problem" enhancement */
@@ -158,28 +370,79 @@ a .term {
        background-color : #F9FF9A;
 }
 
-.unavailable {
-       background-color : #FFED3D;
-}
-
 /* action buttons */
 #action {
-       margin-top : 15px;
+       margin-top : .5em;
+       background-color : #F3F3F3;
+       border : 1px solid #E8E8E8;
+       padding-bottom : 3px;
 }
 
-#action a {
-       background-color : #6699cc;
-       color : #eeeeee;
-       font-size : 0.8em;
-       font-weight : bold;
-       border : 1px outset #666666;
-       margin-right : 5px;
-       padding : 0 5px 0 5px;
+#action li {
+       list-style : none;
+       margin : .2em;
+       padding : .3em 0;
 }
 
-#action a:hover {
-       color : white;
-       border : 1px inset;
+#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 */
@@ -231,14 +494,9 @@ a .term {
 }
 
 #members {
-       font-size : .8em;
-       font-weight : bold;
+       background-color: #fff;
+       font-size : 85%;
        padding : 4px 0 4px 0;
-       background-image : url(../../images/member-menu-background.gif);
-       background-repeat : repeat-x;
-       border-top : 1px solid #9999CC;
-       border-bottom : 1px solid #9999CC;
-       background-color : #AFBCCF;
        color : #000066;
 }
 
@@ -246,36 +504,22 @@ a .term {
        text-decoration : none;
 }
 
-#members a.card {
-       background-image : url(../images/card.gif);
-       background-position : left;
-       background-repeat : no-repeat;
-       display : block;
-       padding-left : 39px;
-}
-
 #members a.logout {
+       color : #cc3333;
        font-weight : bold;
        padding : 0 .3em 0 .3em;
        text-decoration : none;
 }
 
-#members a.logout:link, #members a.logout:visited, #members a.logout:hover, #members a.logout:active {
-       background-image : url(../images/member-menu-background-logout.gif);
-       background-repeat : repeat-x;
-       color : #000000;
-}
-
-#members a:hover.logout {
-       background-image : url(../images/member-menu-background-logout-hover.gif);
-       background-repeat : repeat-x;
-       color : #000000;
+#members li:first-child {
+       border-right : 1px solid black;
 }
 
 #members li {
        display : inline;
        list-style : none;
        margin : 0;
+       padding : 0 .5em;
 }
 
 #members ul {
@@ -284,79 +528,66 @@ a .term {
        text-align : right;
 }
 
-#members ul li a:link, #members ul li a:visited, #members span.members {
-       background-image : url(../images/member-menu-background-link.gif);
-       background-repeat : repeat-x;
-       border-left : 1px solid #9999CC;
-       color : #006699;
-}
-
-#members ul li a:link, #members ul li a:visited, #members ul li a:hover, #members ul li a:active, #members span.members {
-       padding : 4px;
-}
-
-#members ul li a:hover {
-}
-
-#members ul li a:hover, #members ul li a:active {
-       background-image : url(../images/member-menu-background-hover.gif);
-       background-repeat : repeat-x;
-}
-
-#members ul li:last-child {
-}
-
-#members ul li:last-child a {
-       border-right : 1px solid #9999CC;
-}
-
 #opac-main-search {
-       background-image : url( /opac-tmpl/prog/images/menu-background.gif);
+       background-image : url( ../../images/menu-background.gif);
        background-repeat : repeat-x;
-       background-color : #6699CC;
+       background-color : #739ACF;
        border-top : 1px solid #335599;
        border-bottom : 1px solid #335599;
-       padding : 15px 0 15px 10px;
-       color : #FFFFCC;
+       padding : .7em 0 .4em .5em;
        font-size : 108%;
        line-height : 116%;
 }
 
-#opac-main-search a, #opac-main-search a, #opac-main-search a:visited {
+#opac-main-search form {
+       display : inline;
+       padding-right : 1em;
+}
+
+#opac-main-search label {
        color : #FFFFCC;
+       font-weight : bold;
+       margin : .2em .3em 0 0;
 }
 
-#opac-main-search a:hover {
-       color : #FFFFFF;
+
+#search-facets ul {
+       margin : 0;
+       padding : .3em;
 }
 
-#opac-main-search form {
-       display : inline;
+#search-facets {
+       border : 1px solid #e8e8e8;
 }
 
-#opac-main-search label {
+#search-facets h4 {
+       background-color : #EEE;
+       border-bottom : 1px solid #e8e8e8;
+       font-size : 90%;
+       margin : 0;
+       padding : .7em .2em;
+       text-align : center;
+}
+
+#search-facets ul li {
        font-weight : bold;
+       list-style-type : none;
 }
 
-/***********************************************************/
-/* the user menu, for user option (and biblio detail view) */
-/***********************************************************/
-#usermenu {
-       float : right;
+#search-facets li li {
+       font-weight : normal;
+       font-size : 85%;
+       margin-bottom : 2px;
+       padding : .1em .2em;
 }
 
-#usermenu a {
-       background-color : #6BA037;
-       color : #FFFFFF;
-       font-size : 0.8em;
-       font-weight : bold;
-       border : 1px outset #666666;
-       display : block;
-       margin-bottom : 3px;
+#search-facets li li a {
+       font-weight : normal;
 }
 
-#usermenu a:hover {
-       border : 1px inset #666666;
+#search-facets li.showmore a {
+       font-weight : bold;
+       text-indent : 1em;
 }
 
 .suggestion {
@@ -414,26 +645,985 @@ em {
        font-style : italic;
 }
 
-#catalogue_detail_biblio {
-       font-size : 90%;
-       clear : left;
-       margin: .9em 0 0 0;  
-       padding: 0;
-       width: 100%; 
+#catalogue_detail_biblio p span.label {  
+       font-weight : bold;
 }
 
-#catalogue_detail_biblio p span.label {  
-       float: left;  
+#catalogue_detail_biblio p, #catalogue_detail_biblio ul {  
+       padding-bottom: .6em;
+}
+
+#basket {
+       display : inline;
+}
+
+#bookcover {
+       float : left;
+       margin : 0;
+       padding : 0;
+}
+
+#bookcover img {
+       margin : 0 1em 1em 0;   
+}
+
+fieldset.brief {
+       border : 1px solid #E8E8E8;
+}
+
+fieldset.brief legend {
        font-weight : bold;
-       width: 6em;  
-       margin-right: 1em;  
-       text-align: right;
+       font-size : 100%;
 }
 
-#catalogue_detail_biblio p {  
-float : left;
-clear : left;
-padding-bottom: .3em;
-list-style-type: none;
-width: 100%; 
-}
\ No newline at end of file
+fieldset.brief label {
+       display : block;
+       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;
+}
+
+fieldset.brief div.hint, fieldset.rows div.hint {
+       color : #666666;
+       font-size : 100%;
+       margin : .4em;
+}
+
+h2 span.hint {
+       font-size: 76%;
+       font-weight : normal;
+}
+.thumbnail {
+       border : 0;
+       float : left;
+       margin : 0pt 5px 5px 0pt;
+}
+a.cancel {
+       padding-left : 1em;
+}
+
+.resultscontrol, .resultscontrol select {
+       font-size: 90%;
+}
+
+.cartlist {
+       margin-top : 5px;
+}
+
+.cartlist input.submit {
+       background-color : #d8deb8;
+       background-image : none;
+       border-color : #bebf84;
+       color : #333;
+       font-size : 87%;
+       padding : 2px 0;
+       margin : 0 0 0 0;
+}
+
+#CheckAll, #CheckNone {
+       font-weight : normal;
+       margin : 0 .5em;
+}
+
+.resultscontrol label {
+       font-weight : bold;
+       margin-left : .5em;
+}
+
+.resort {
+       float : right;
+       margin-top : 5px;
+}
+
+.searchresults p.details {
+       color : #979797;
+}
+
+.searchresults p {
+       margin: 0;
+       padding: 0;
+       padding-top : .6em;
+}
+
+td.resultscontrol img {
+       vertical-align: middle;
+}
+
+.searchresults table td {
+}
+
+.searchresults table {
+       margin : 0;
+}
+
+.searchresults td, .searchresults th, .searchresults table {
+       border: 0;
+}
+
+.searchresults tr {
+       border-bottom : 1px solid #CCCCCC;
+}
+
+.searchresults tr:first-child {
+       border : 0;
+}
+
+.searchresults table {
+       border-top : 0px solid #CCCCCC;
+       width : 100%;
+}
+
+.searchresults a.reserve, .searchresults a.reserve:visited {
+       background-position:left top;
+       background-repeat:no-repeat;
+       float:right;
+       padding:2px 3px 2px 26px;
+}
+
+.searchresults a.reserve {
+       background-color:transparent;
+       color:#006699;
+}
+
+.unavailable {
+       color: #990033;
+}
+
+#libraryname {
+       float : left;
+       line-height : 2em;
+}
+
+#corner {
+       float : right;
+       line-height : 2em;
+}
+
+.pages {
+       line-height : 1.8em;
+       text-align: center;
+}
+a:link.current {
+       background-color: transparent;
+       color: #3366CC;
+       font-weight: bold;
+       padding: 1px 5px 1px 5px;
+       text-decoration: none;
+}
+a:visited.current {
+       background-color: transparent;
+       color: #3366CC;
+       font-weight: bold;
+       padding: 1px 5px 1px 5px;
+       text-decoration: none;
+}
+
+a:hover.current {
+       background-color: #CCFF00;
+       color: #CC3333;
+       font-weight: bold;
+       padding: 1px 5px 1px 5px;
+       text-decoration: none;
+}
+
+a:active.current {
+       background-color: #99CC00;
+       color: #FFFF99;
+       font-weight: bold;
+       padding: 1px 5px 1px 5px;
+       text-decoration: none;
+}
+
+.current {
+       background-color: #FFFFFF;
+       color: #3366CC;
+       font-weight: bold;
+       padding: 1px 5px 1px 5px;
+       text-decoration: none;
+}
+
+a:link.nav {
+       background-color: #EEE;
+       border: 1px solid #CCCC99;
+       color: #3366CC;
+       font-weight: bold;
+       padding: 1px 5px 1px 5px;
+       text-decoration: none;
+}
+
+a:visited.nav {
+       background-color: #EEE;
+       border: 1px solid #CCCC99;
+       color: #3366CC;
+       font-weight: bold;
+       padding: 1px 5px 1px 5px;
+       text-decoration: none;
+}
+
+a:hover.nav {
+       background-color: #FFFFCC;
+       border: 1px solid #CCCC99;
+       color: #CC3333;
+       font-weight: bold;
+       padding: 1px 5px 1px 5px;
+       text-decoration: none;
+}
+
+a:active.nav {
+       background-color: #FFFFCC;
+       border: 1px solid #CCCC99;
+       color: #D25500;
+       font-weight: bold;
+       padding: 1px 5px 1px 5px;
+       text-decoration: none;
+}
+
+/* Tabs */
+ul.link-tabs {
+       list-style-type: none;
+       margin: 9px 0 -2px 5px;
+       padding: 0;
+}
+
+ul.link-tabs li {
+       display: inline;
+       padding: 0px;
+}
+
+ul.link-tabs li a {
+       font-weight: bold;
+       padding: 2px 4px 2px 4px;
+       text-decoration: none;
+       border-top: 1px solid #DDDDDD;
+       border-left : 1px solid #DDDDDD;
+       border-right : 1px solid #666666;
+}
+
+ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
+       padding: 2px 4px 3px 4px;
+}
+
+ul.link-tabs li.off a {
+       background-color: #EEEEEB;
+       border-bottom: 1px solid #DDDDDD;
+}
+
+ul.link-tabs li.off a:hover {
+       padding: 2px 3px 2px 4px;
+       background-color: #FFFFEC;
+       border-top: 1px solid #BEBF84;
+       border-left : 1px solid #BEBF84;
+       border-right : 2px solid #333333;
+}
+
+ul.link-tabs li.on a {
+       background-color: #FFFFFF;
+       border-bottom: 1px solid #FFFFFF;
+}
+
+ul.link-tabs li a.debit {
+       background-color : #FFFF99;
+       color : #990033;
+}
+
+div.tab-container {
+       border : 1px solid #DDDDDD;     
+       margin-top : 4px;
+       padding : .7em;
+       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;
+       font-weight : bold;
+}
+
+td.overdue {
+       color : #cc3333;
+}
+
+.renewals {
+       display:block;
+       font-size:0.8em;
+       padding:0.5em;
+}
+
+table#marc, table#marc td, table#marc th {
+       border : 0;
+}
+
+table#marc th {
+       background-color : transparent;
+       text-align : left;
+}
+
+table#marc td:first-child {
+       text-indent : 2em;
+}
+#masthead {
+float: left;
+width: 120px;
+}
+
+#fluid {
+margin-left: 124px;
+margin-top : .4em;
+padding-left : 1em;
+}
+
+#fluid-offset {
+float : right;
+width: 100%;
+}
+
+.clearfix:after {
+    content: "."; 
+    display: block; 
+    height: 0; 
+    clear: both; 
+    visibility: hidden;
+}
+
+/* Hides from IE-mac \*/
+* html .clearfix {height: 1%;}
+/* End hide from IE-mac */
+
+.searchhighlightblob {
+       font-size : 85%;
+}
+.results_summary {
+
+    font-size: 95%;
+    color: grey;
+}
+.dialog {
+  border: 1px solid #bcbcbc;
+       padding : .5em;
+       margin : 1em auto;
+  width: 65%;
+  }
+  
+.dialog  h2, .dialog h3, .dialog h4 {
+       margin : auto;
+       text-align : center;
+  }
+div.alert {
+  background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
+  text-align : center;
+}
+
+div.alert strong {
+       color : #900;
+}
+
+div.message {
+       background : white url("../../images/message-bg.gif") repeat-x left 0;
+   border : 1px solid #bcbcbc;
+       width : 55%;
+}
+
+#moresearches {
+       clear : left;
+       color : #000099;
+       font-size : 90%;
+       line-height : 110%;
+       margin : .6em 0 .3em 0;
+}
+
+#moresearches a:link, #moresearches a:visited {
+       color : #e5ebff;
+       font-weight : normal;
+       text-decoration : none;
+}
+
+#opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
+       color : #000;
+       font-weight : normal;
+}
+ #opac-main-search #listsmenu h4 {
+       font-size : 90%;
+       font-weight : bold;
+       margin : 0 .2em; 
+ }
+
+#opac-main-search #listsmenu .bd {
+       background-color : #f3f3f3;
+       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;
+}
+#opac-main-search #listsmenu .yui-menu-shadow {
+}
+
+#opac-main-search #listsmenu .yuimenuitemlabel.selected {
+       background-color : #fff;
+}
+
+#opac-main-search #listsmenu ul {
+       border-color : #b8d0e6;
+}
+
+#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;
+ }
+               
+ul#i18nMenu li.more a {
+       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;
+       font-weight : normal;
+ }
+
+#cartDetails,#cartUpdate {
+       background-color : #FFF;
+       border: 1px solid #739acf;
+       color : black;
+       padding : .3em;
+       text-align : center;
+}
+
+#login #userid, #login #password {
+       width : 98%;    
+}
+
+#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;
+       color : #333;
+       font-weight : normal;
+       font-size : 80%;
+       padding : 2px;
+}
+
+div#menu {
+       border-right : 1px solid #979797;
+       font-size : 94%;
+       margin-right : .5em;
+       padding-top : 1em;
+       padding-bottom : 2em;
+}
+
+div#menu li a {
+       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;
+}
+
+div#menu li a:hover {
+       background : #E8F0F6 url(../../images/side-tab-gradient-hover.gif) repeat-y top right;
+}
+
+div#menu li.active a:hover {
+       background-color : #fff;
+       color : #0000CC;
+}
+
+#menu ul li {
+       list-style-type : none;
+}
+
+#menu ul li.active a {
+       background-color : #FFF;
+       background-image : none;
+       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 {
+       margin-top : .5em;
+       background-color : #F3F3F3;
+       border : 1px solid #E8E8E8;
+       font-size : 76%;
+       padding : 3px;
+       text-align : center;
+}
+
+#export label {
+       display : block;
+       font-weight : bold;
+       font-size : 110%;
+       margin-bottom : 2px;
+}
+
+#export 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;
+}
+
+ #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;
+}
+
+#listsmenulink {
+       background : #9FBFFF;
+}
+
+#cartmenulink {
+       background : #98CB58;
+       color : #336600;
+       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;
+}
+
+#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;
+}
+
+*html #cartmenulink span#basket, *html #cartmenulink span#basket span {
+}
+
+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;
+}
+
+#listsmenulink img {
+       background-image : none;
+       display : inline;
+       padding : 0 0 2px 0;
+}
+
+* html #cartmenulink {
+       border : 1px solid #66ff00;
+}
+
+* html #listsmenulink {
+       border : 1px solid #99ccff;
+}
+
+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#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#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 dl {text-align:center;font-size:.85em;margin-top:0;float:left;}
+#shelfbrowser dt,dd {width:10.5em;float:left;}
+#shelfbrowser dt {margin-bottom:3.5em;}
+#shelfbrowser dd {margin:90px 0 0 -10.5em;}
+#shelfbrowser dl img {vertical-align:bottom;padding:2px;background:#fff;margin-top:0;}
+#shelfbrowser em {display:block;font-weight:bold;margin-bottom:5px;font-style:normal;}
+#shelfbrowser dl div {float:left;}
+#shelfbrowser img {margin-top:3.5em;}
+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;
+}