X-Git-Url: http://git.rot13.org/?a=blobdiff_plain;f=koha-tmpl%2Fopac-tmpl%2Fprog%2Fen%2Fcss%2Fopac.css;h=ec96b30527db2ab6c2db8447cc2ba3dedc1e57f5;hb=c705832fa9cca2ddd97d009688c00bffaebeee86;hp=e15c2a3021c24009d700174ebfe47ea7015bbd27;hpb=32194460684061b2a57dd161dc87660469b623ce;p=koha.git

diff --git a/koha-tmpl/opac-tmpl/prog/en/css/opac.css b/koha-tmpl/opac-tmpl/prog/en/css/opac.css
index e15c2a3021..ec96b30527 100644
--- a/koha-tmpl/opac-tmpl/prog/en/css/opac.css
+++ b/koha-tmpl/opac-tmpl/prog/en/css/opac.css
@@ -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;
@@ -167,8 +196,7 @@ h2 {
 	font-size : 131%;
 }
 
-h2.author {
-	text-indent : .5em;
+h5.author {
 }
 
 h3 {
@@ -188,14 +216,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 +233,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 +247,25 @@ table {
 }
 
 td,th {
+	background-color: #FFF;
 	border-left : 1px solid #dddddd;
 	border-bottom : 1px solid #dddddd;
 	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 {
@@ -249,10 +281,47 @@ 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-top : 1px solid #DDDDDD;
+   border-bottom : 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 {
@@ -272,18 +341,20 @@ 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 : #FFED3D;
+.notforloan {
+	color : #900;
 }
-
-.other {
-	background-color : #FF0000;
+.lost {
+	color : #666;
 }
+.waiting {
+	
+}
+
+
 
 /* "problem" enhancement */
 .problem {
@@ -291,14 +362,9 @@ p.availability {
 	background-color : red;
 }
 
-.reserved {
-	background-color : #8EBAFF;
-}
-
 /* style for search terms in catalogsearch */
 .term {
-	background-color : #ffffe0;
-	color : #990033;
+	color : blue;
 }
 
 a .term {
@@ -312,19 +378,112 @@ 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 {
+	padding-left : 0;
+}
+
+#toolbar ul li {
+	display : inline;
+	list-style : none;
+}
+
+#toolbar ul li a {
+	border-left : 1px solid #e8e8e8;
+}
+
+#toolbar ul li:first-child a {
+	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);
+}
+
+a.send {
+	background-image: url(../../images/send.gif);
+	background-position : 0px center;
+	background-repeat : no-repeat;
+	text-decoration : none;
+	padding-left : 21px;
+}
+a.hold,#placehold input.submit {
+	background-image: url(../../images/placereserve.gif);
+	background-position : 9px center;
+	background-repeat : no-repeat;
 	text-decoration : none;
+	padding-left : 34px;
+}
+#placehold input.submit,#tagsel_span input.submit {
+	border : 0;
+	background-color: transparent;
+	font-size : 100%;
+	font-weight : bold;
+	padding-left : 31px;
+	text-decoration : underline;
+	color : #336699;
+	cursor : pointer;
+}
+#tagsel_span input.submit {
+	background-image: url(../../images/tags.gif);
+	background-position : 9px center;
+	background-repeat : no-repeat;
+	padding-left : 24px;
+}
+#placehold input.submit:hover,#tagsel_span input.submit:hover {
+	color: #990033;
+}
+#toolbar a.empty {
+	background-image: url(../../images/trash.gif);
 }
 
 /* the itemtype list in advanced search */
@@ -349,6 +508,17 @@ a .term {
 	background-color : #F8F8EB;
 }
 
+body#advsearch #breadcrumbs {
+	line-height : 1px;
+	height : 1px;
+	padding : 0;	
+}
+
+#advsearch #branchloop,
+#advsearch #sort_by {
+	width : 23em;
+}
+
 #auth {
 	float : left;
 }
@@ -375,8 +545,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;
 }
@@ -396,6 +579,10 @@ a .term {
 	border-right : 1px solid black;
 }
 
+#members li:last-child {
+	border-right : 0;
+}
+
 #members li {
 	display : inline;
 	list-style : none;
@@ -413,29 +600,25 @@ 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;
-	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 +632,7 @@ a .term {
 }
 
 #search-facets h4 {
-	background-color : #EFF1DC;
+	background-color : #EEE;
 	border-bottom : 1px solid #e8e8e8;
 	font-size : 90%;
 	margin : 0;
@@ -525,6 +708,10 @@ a .term {
 	padding : .7em;
 }
 
+p {
+	margin: .7em 0;
+}
+
 strong {
 	font-weight : bold;
 }
@@ -537,63 +724,11 @@ 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 {
+#basketcount {
 	display : inline;
 }
 
@@ -618,10 +753,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 +802,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%;
 }
@@ -670,7 +810,7 @@ a.cancel {
 	margin-top : 5px;
 }
 
-.cartlist input.submit {
+.cartlist input.submit, #tagsel_button {
 	background-color : #d8deb8;
 	background-image : none;
 	border-color : #bebf84;
@@ -719,9 +859,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 {
@@ -730,6 +873,7 @@ td.resultscontrol img {
 
 .searchresults table {
 	border-top : 0px solid #CCCCCC;
+	width : 100%;
 }
 
 .searchresults a.reserve, .searchresults a.reserve:visited {
@@ -744,15 +888,7 @@ td.resultscontrol img {
 	color:#006699;
 }
 
-input.reserve, a.reserve {
-	background-image:url(../../images/placereserve.gif);
-}
-
-a.reserve {
-	background-color:#006699;
-	color:White;
-}
-.unavailable {
+.unavailable, .tagerror, .tagerror:visited {
 	color: #990033;
 }
 
@@ -810,7 +946,7 @@ a:active.current {
 }
 
 a:link.nav {
-	background-color: #EFF1DC;
+	background-color: #EEE;
 	border: 1px solid #CCCC99;
 	color: #3366CC;
 	font-weight: bold;
@@ -819,7 +955,7 @@ a:link.nav {
 }
 
 a:visited.nav {
-	background-color: #EFF1DC;
+	background-color: #EEE;
 	border: 1px solid #CCCC99;
 	color: #3366CC;
 	font-weight: bold;
@@ -845,25 +981,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;
@@ -926,11 +1043,8 @@ div.tab-container {
 
 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;
 }
 
@@ -950,6 +1064,7 @@ table#marc, table#marc td, table#marc th {
 
 table#marc th {
 	background-color : transparent;
+	text-align : left;
 }
 
 table#marc td:first-child {
@@ -967,7 +1082,6 @@ padding-left : 1em;
 }
 
 #fluid-offset {
-margin-left: 125px;
 float : right;
 width: 100%;
 }
@@ -984,10 +1098,65 @@ 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;
+}
+
+.actions a.addtoshelf {
+	background : url("../../images/addtolist-small.gif") center left no-repeat;
+	padding-left : 13px;
+}
+
+#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;
@@ -1030,6 +1199,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;
@@ -1039,6 +1213,10 @@ div.message {
 	font-weight : bold;
 	margin : 0 .2em; 
  }
+ 
+#opac-main-search #listsmenu .yuimenuitemlabel {
+	cursor : pointer;
+}
 
 #opac-main-search #listsmenu .bd {
 	background-color : #f3f3f3;
@@ -1047,10 +1225,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 {
@@ -1059,111 +1233,66 @@ 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 {
 	background-color : #FFF;
 	border: 1px solid #739acf;
 	color : black;
-	padding : .1em;
+	display : none;
+	margin : 0;
+	padding : 10px;
 	text-align : center;
+	width : 180px;
 }
 
-a#listsmenulink, a#listsmenulink:hover {
-	color : #006699;
-	font-size : 105%;
-	line-height : 185%;
-}
-
-a#cartmenulink, a#cartmenulink:hover {
-	color : #336600;
-	font-size : 105%;
-	line-height : 185%;
-	margin-left : 1.5em;
+.yui-panel .hd, .yui-panel .bd, .yui-panel .ft {
+	background-color : transparent;
+	border : 0;
+	padding : inherit;
 }
 
 #login #userid, #login #password {
@@ -1182,38 +1311,163 @@ a#cartmenulink, a#cartmenulink:hover {
 	font-size : 80%;
 	padding : 2px;
 }
-	.btn {
+
+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, .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;
-	color : #fff;
+	float : left;
+	color : #333;
 	text-decoration : none;
-	cursor : default;
-	margin-left : .5em;
+	cursor : pointer;
 }
 
-	.btn * {
+ #cartmenulink *, #listsmenulink * {
 	font-style : normal;
-	background-image : url('../../images/button-background.png');
+	background-image : url(../../images/button-background.png);
 	background-repeat : no-repeat;
 	display : block;
 	position : relative;
 }
 
-#cartmenulink.btn img {
-	background-image : none;
-	float : left;
-	padding : 3px 3px 0 3px;
-}
-
-#listsmenulink.btn img {
-	background-image : none;
-	display : inline;
-	padding : 0 0 2px 3px;
-}
-
-	.btn i {
+ #cartmenulink i, #listsmenulink i {
 	background-position : top left;
 	position : absolute;
 	margin-bottom : -5px;
@@ -1223,14 +1477,17 @@ a#cartmenulink, a#cartmenulink:hover {
 	height : 5px;
 }
 
-	.btn span {
+ #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; }
 
-	.btn span i {
+ #cartmenulink span i, #listsmenulink span i {
 	background-position : bottom right;
 	margin-bottom : 0;
 	position : absolute;
@@ -1240,7 +1497,7 @@ a#cartmenulink, a#cartmenulink:hover {
 	top : 0;
 }
 
-	.btn span span {
+ #cartmenulink span span, #listsmenulink span span {
 	background-position : top right;
 	position : absolute;
 	right : -10px;
@@ -1249,111 +1506,316 @@ a#cartmenulink, a#cartmenulink:hover {
 	height : 0;
 }
 
-	* html .btn span,
-	* html .btn i {
+* 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;
+}
 
-	.btn.blue {
-	background : #9fbfff;
+#cartmenulink {
+	background : #98CB58;
+	color : #336600;
+	font-size : 105%;
 }
 
-	.btn.blue:hover {
-	background-color : #6699FF;
-	background-image : none;
+#cartmenulink[class], #listsmenulink[class] {
+	background-image : url(../../images/button-background-gradient.png);
+	background-position : left top;
 }
 
-	.btn.green {
-	background : #98CB58;
+#listsmenulink:hover {
+	background-color : #b8d0e6;
+}
+
+#cartmenulink:hover {
+	background-color : #BFDE96;
 }
 
-	.btn.green:hover {
-	background-color : #98CB58;
+#cartmenulink img {
 	background-image : none;
+	display : inline;
+	padding : 3px 3px 0 3px;
 }
 
-	.btn:active {
-	background-color : #444;
+#cartmenulink span#basketcount {
+	background-image : none;
+	float : none;
+	display : inline;
+	height : auto;
+	position : relative;
+	margin : 0;
+	padding : 0;
+	left : auto;
+	right : auto;
+	top : auto;
 }
 
-	.btn[class] {
-	background-image : url('../../images/button-background-gradient.png');
-	background-position : 0 0;
+#cartmenulink span#basketcount 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;
 }
 
-	 .btn[class]:hover {
-	background-image : url('../../images/button-background-gradient.png');
-	background-position : 0 -200px;
+a#listsmenulink, a#listsmenulink:hover {
+	color : #006699;
+	font-size : 105%;
+	font-weight : bold;
+	line-height : 185%;
+	margin-left : 1.5em;
 }
 
-	* html .btn {
-	border : 3px double #aaa;
+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; }
 
-	* html .btn.blue {
-	border-color : #2ae;
+#listsmenulink img {
+	background-image : none;
+	display : inline;
+	padding : 0 0 2px 0;
 }
 
-	* html .btn.green {
-	border-color : #9d4;
+* html #cartmenulink {
+	border : 1px solid #336600;
 }
 
-	* html .btn:hover {
-	border-color : #a00;
+* html #listsmenulink {
+	border : 1px solid #006699;
 }
 
-div#menu {
-	border-right : 1px solid #979797;
-	font-size : 94%;
+ul.ui-tabs-nav li {
 	margin-right : .5em;
-	padding-top : 1em;
-	padding-bottom : 2em;
 }
 
-div#menu li a {
+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;
-	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;
+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;
 }
 
-div#menu li.active a:hover {
-	background-color : #fff;
-	color : #0000CC;
+#views {
+	border-bottom : 1px solid #E8E8E8;
+	margin-bottom : .5em;
+	padding : 0 2em 2px 0.2em;
+	white-space : nowrap;
 }
 
-#menu ul li {
-	list-style-type : none;
+span.view {
+	padding : 0.2em .2em 2px .2em;
 }
 
-#menu ul li.active a {
-	background-color : #FFF;
-	background-image : none;
-	border-right : 0;
-	font-weight : bold;
+#bibliodescriptions,
+#isbdcontents {
+	clear : left;
+	margin-top : .5em;
 }
 
-.left {
-	float : left;
+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;
 }
 
-.right {
-	float : right;
+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;
 }
 
-#go {
-	cursor : default;
-	font-size : 87%;
-	margin-top : -.2em;
+a#MARCview, a#MARCviewPop, 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%;
+	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;
+}
+a.new {
+	background : transparent url("../../images/new.gif") center left no-repeat;
+	border : 0;
+	color : #006699;
+	cursor : pointer;
+	margin:0pt 0.5em;
+	padding-left : 15px;
+	text-decoration : none;
+}
+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;
+}
+table#items th {
+	padding : 2px;
+}
+#action {
+	margin-top: 0;
+}
+.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;
 }
\ No newline at end of file