Fix for bug 2155: duplicate checkin box on returns screen
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / css / staff-global.css
index 2faefef..cad0234 100644 (file)
@@ -1,15 +1,25 @@
-@import url("/intranet-tmpl/prog/en/lib/yui/reset-fonts-grids.css");
+@import url("../lib/yui/reset-fonts-grids.css");
+@import url("../lib/yui/skin.css");
 
 a, a:link, a:visited, a:active {
        color : #0000CC;
 }
 
+.yui-button a,.yui-button a:link,.yui-button a:visited {
+       color : #000;
+}
+
 a:hover {
        color : #669ACC;
 }
 
+a.overdue,.overdue {
+       color : #cc0000;
+}
+
 body {
        text-align : left;
+       padding:0 0 2.5em 0;
 }
 
 br.clear {
@@ -21,6 +31,11 @@ form {
        display : inline;
 }
 
+form.confirm {
+       display : block;
+       text-align : center;
+}
+
 h1 {
        font-size : 161.6%;
        font-weight : bold;
@@ -55,6 +70,9 @@ h1,h2,h3,h4,h5,h6 {
        margin : .3em 0;
 }
 
+html {
+}
+
 p {
        margin: .5em 0 .5em 0;
 }
@@ -63,10 +81,20 @@ strong {
        font-weight : bold;
 }
 
+strong em {
+       font-weight : bold;
+       font-style : italic;
+}
+
 em {
        font-style : italic;
 }
 
+em strong {
+       font-weight : bold;
+       font-style : italic;
+}
+
 .subfield-label {
     font-style : italic;
 }
@@ -90,6 +118,16 @@ em {
        font-size : 85%;
 }
 
+#navmenulist li {
+       padding : .2em 0;
+       list-style-image : url("../../img/arrow-bullet.gif");
+       border-bottom : 1px solid #EEE;
+}
+
+#navmenulist li a {
+       text-decoration : none;
+}
+
 #ft {
 }
 
@@ -102,7 +140,6 @@ em {
 
 #login  {
        position : absolute;
-       top : 3px;
        right : .5em;
 }
 
@@ -114,26 +151,43 @@ ul {
        padding-left : 1.1em;
 }
 
-li {
-       
+ul li {
        list-style-type : disc;
 }
 
-li li {
+ul li li {
        list-style-type : circle;
 }
 
+ol {
+       padding-left : 1.5em;
+}
+
+ol li {
+       list-style : decimal;
+}
+
 #header {
        background-color : #F3F3F3;
        border-bottom : 1px solid #E8E8E8;
+       line-height : 2em;
 }
 
-#header:after { /* clearing without presentational markup, IE gets extra treatment */
+.clearfix:after {
+    content: ".";
     display: block;
+    height: 0;
     clear: both;
-    content: " ";
+    visibility: hidden;
 }
 
+.clearfix {display: inline-block;}
+
+/* Hides from IE-mac \*/
+* html .clearfix {height: 1%;}
+.clearfix {display: block;}
+/* End hide from IE-mac */
+
 #sitetitle {
 /*     background-image : url("../../img/koha-logo-black.png");
        background-position : 5px 2px;
@@ -153,11 +207,6 @@ li li {
        text-decoration : none;
 }
 
-#toplevelnav {
-       float : left;
-       line-height : 2em;
-}
-
 #submenu {
        margin : 0 0 .5em 0;
        padding : 0;
@@ -172,22 +221,6 @@ li li {
        padding-left : 0;
 }
 
-/*#toplevelnav ul {
-       margin : 0;
-       padding : 0;
-}
-
-#toplevelnav li, #submenu li {
-       display : inline;
-       border-right : 1px solid #E8E8E8;
-       padding : 0 .5em;
-       white-space : nowrap;
-}
-
-#toplevelnav li:last-child, #submenu li:last-child {
-       border : 0;
-}*/
-
 table {
        border-collapse : collapse;
        border-top : 1px solid #BCBCBC;
@@ -207,10 +240,23 @@ td {
 th {
        background-color : #E8E8E8;
        font-weight : bold;
+       text-align : center;
+}
+
+#editions table, #editions td {
+       border : 0;
 }
 
-tr.highlight td, td.highlight {
+
+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;
+       border-right : 1px solid #DDDDDD;
 }
 
 td.od {
@@ -231,8 +277,9 @@ tr.highlight.onissue td {
 }
 
 caption {
-       font-size : 153.9%;
+       font-size : 133.9%;
        font-weight : bold;
+       margin : .3em 0;
 }
 
 span.problem {
@@ -261,6 +308,7 @@ legend {
        clear : both;
        font-size : 90%;
        padding :.2em .5em .4em 10px;
+       margin : 0;
 }
 
 #header+#breadcrumbs {
@@ -305,7 +353,7 @@ div#reserves,div#checkouts {
        padding : 1em;
 }
 
-div#header_search .tip {
+.tip {
        font-size: 93%;
        color : Gray;
 }
@@ -315,114 +363,6 @@ div#header_search .tip {
        font-weight : bold;
 }
 
-/* ClickMenu Overrides */
-
-ul#toplevelmenu li {
-       display : inline;
-       list-style: none;
-}
-
-ul#toplevelmenu li ul {
-}
-
-div.cmDiv
-{
-       border: 0;
-       background-color: #F3F3F3;
-}
-
-.clickMenu li.more a {
-       background-image: url("../../img/more-arrow.gif");
-       background-position: right;
-       background-repeat: no-repeat;
-       padding-right : 13px;
-}
-
-.clickMenu li.more li a {
-       background-image : none;
-       padding-right : 0;
-       white-space : nowrap;
-}
-
-.clickMenu
-{
-       margin: 0;
-       padding: 0;
-       cursor: default;
-}
-.clickMenu, .clickMenu ul
-{
-       list-style: none;
-}
-.clickMenu ul
-{
-       margin: 0;
-       padding: 2px;
-       border: 0;
-       background-color: #F3F3F3;
-       min-width: 100px; /* ie doesnt know this :/ */
-       //float: left;/*ie again*/
-       //width: 100%;/*and again*/
-}
-.clickMenu div.outerbox
-{
-       display: none;
-       min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
-}
-.clickMenu div.inner
-{
-       //top: 20px; /* for ie */
-       left: 0;
-       margin: 0;
-}
-.clickMenu div.inner div.outerbox
-{
-       margin: 0;
-       left: 98px;
-       //left: 90px; /* for ie */
-       top: -3px;
-}
-.clickMenu li
-{
-       list-style-type : none;
-       position: relative;
-       padding: 0 20px 0 2px;
-       /*white-space: nowrap; does not really work in ie */
-}
-.clickMenu li.main
-{
-       float: left;
-       padding: 0 10px;
-       background-color: #F3F3F3;
-       //height: 20px; /* for ie */
-}
-.clickMenu li.main li
-{
-       z-index: 2;
-       min-width: 78px;
-}
-.clickMenu li.hover
-{
-       z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
-       background-color : transparent;
-}
-.clickMenu img.liArrow
-{
-       position: absolute;
-       right: 5px;
-       top: 0.41em;
-}
-.clickMenu ul a {
-       cursor: default;
-}
-
-ul.innerBox a {
-       cursor : pointer;
-}
-
-ul.innerBox {
-       border: 1px solid #E8E8E8;
-}
 
 div.yui-b h5 {
        font-size : 100%;
@@ -430,13 +370,14 @@ div.yui-b h5 {
 }
 
 dt {
-       font-size : 110%;
        font-weight : bold;
 }
 
 dd {
        padding : .2em;
-       text-indent : 1.5em;
+       font-size : 90%;
+       text-indent : 2.5em;
+       font-weight : normal;
 }
 
 div#toolbar {
@@ -452,6 +393,13 @@ ul.toolbar {
        
 }
 
+a.yuimenuitemlabel-disabled, #disabled a {
+       color: #999;
+}
+a.yuimenuitemlabel-disabled:hover, #disabled a:hover {
+       color : #999;
+}
+
 ul.toolbar li {
        display : inline;
        list-style : none;
@@ -461,6 +409,10 @@ div.patroninfo {
        margin-top : -.5em;
 }
 
+*html div.patroninfo {
+       margin-right : .5em;
+}
+
 div.patroninfo h5 {
        border-right :  1px solid #000;
        margin-bottom : 0;
@@ -470,10 +422,16 @@ div.patroninfo h5 {
 }
 
 div.patroninfo ul {
+       border : 0;
        border-right : 1px solid #000;
        border-bottom : 0;
        border-top : 0;
-       padding : 0 0 .5em 0;
+       padding : 0;
+       margin : 0;
+}
+
+div.patroninfo ul li {
+       margin : 0;
 }
 
 div.patroninfo ul li, div.patronviews ul li {
@@ -487,13 +445,8 @@ div.patronviews {
        padding : .5em 0 .5em 0;
 }
 
-a.member-edit {
-       float : right;
-       background-color : #DBECC8;
-       margin-top : .5em;
-       padding : .3em;
-       text-align : right;
-       text-decoration : none;
+.column-tool {
+       font-size: 80%;
 }
 
 fieldset.brief {
@@ -516,9 +469,23 @@ fieldset.brief div.hint, fieldset.rows div.hint {
        margin-bottom : .4em;
 }
 
+div.yui-b fieldset.brief {
+       padding : .4em .7em;
+}
+
+div.yui-b fieldset.brief ol {
+       font-size : 85%;
+       margin : 0;
+       padding : 0;
+}
+
+div.yui-b fieldset.brief select {
+       width: 12em;
+}
+
 fieldset.rows {  
 border-width : 1px;
-border-bottom : 1px solid black;
+border-bottom : 1px solid #666;
 float : left;
 font-size : 90%;
 clear : left;
@@ -543,7 +510,7 @@ fieldset.rows label, fieldset.rows span.label {
 
 fieldset.rows fieldset {
        border-width : 1px;
-       margin : 0;
+       margin : 0 0 .5em 0;
        padding : .3em;
 }
 
@@ -609,8 +576,9 @@ fieldset.rows ol.radio label.radio {
 }
 
 fieldset.rows table {
+       font-size : 105%;
        clear : both;
-       margin : 1em 0 0 1em;
+       margin : 1em 0 1em 1em;
 }
 
 fieldset.rows td label {
@@ -677,26 +645,39 @@ fieldset.rows fieldset.action {
        padding : 1em;
 }
 
+fieldset.rows label.inline {
+       display : inline;
+       float : none;
+       margin-left : 1em;
+       width : auto;
+}
+
 fieldset.rows .inputnote {
        float : left;
        margin : .5em 0 0 10em;
 }
 
-.tabs-nav li {
-       list-style : none;
+.ui-tabs-nav li {
+       margin-right : .5em;
+       position : relative;
+       top : -1px;
+}
+
+.ui-tabs-nav li.ui-tabs-selected {
+
 }
 
-.tabs-nav a, .tabs-nav a span, .tabs-nav span.a {
+.ui-tabs-nav a, .ui-tabs-nav a span, .ui-tabs-nav span.a {
    background : none;
        display : block;
        padding: .2em .5em .25em .5em;
 }
 
-.tabs-nav a, .tabs-nav span.a {
-    z-index : auto;
+.ui-tabs-nav a, .ui-tabs-nav span.a {
+
 }
 
-.tabs-nav .tabs-selected a, .tabs-nav .tabs-selected span.a {
+.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected span.a {
        background-color : #FFFFCC;
        border-top: 1px solid #FFFFCC;
        border-right: 1px solid #FF9900;
@@ -705,26 +686,22 @@ fieldset.rows .inputnote {
        font-weight : bold;
        text-align : center;
        text-decoration : none;
-       top : -1px;
+
 }
 
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active, .tabs-nav span.a {
-    background-position : inherit;
+.ui-tabs-nav .tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav span.a {
     outline: 0; /* prevent dotted border in Firefox */
 }
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active, .tabs-nav span.a {
-    background-position: inherit;
-}
 
-.tabs-nav .tabs-selected a:hover {
+.ui-tabs-nav .ui-tabs-selected a:hover {
        color : #0000CC;
 }
 
-.tabs-nav li.tabs-selected {
+.ui-tabs-nav li.ui-tabs-selected {
        background-color : #FFFFCC;
 }
 
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active, .tabs-nav span.a {
+.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav span.a {
         background : none;
     outline: 0; /* prevent dotted border in Firefox */
 }
@@ -738,44 +715,32 @@ fieldset.rows .inputnote {
     padding: inherit;
     background: none;
 }
+
 .toptabs {
        margin-top : 1em;
 }
 
-.toptabs .tabs-nav a, .toptabs .tabs-nav span.a {
-    top: 0;
- }
-
-.toptabs .tabs-nav li {
+.toptabs .ui-tabs-nav li {
        margin-right : .5em;
+       position : relative;
+       top : 1px;
 }
 
-.toptabs .tabs-nav li a, .toptabs .tabs-nav li span.a {
+.toptabs .ui-tabs-nav li a, .toptabs .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;
+       border : 1px solid #E8E8E8;
        text-align : center;
        text-decoration : none;
 }
 
-.toptabs .tabs-nav li.tabs-selected  {
-       background-color : #FFF;
+.toptabs .ui-tabs-nav li.ui-tabs-selected  {
+
 }
 
-.toptabs .tabs-nav li.tabs-selected a, .toptabs .tabs-nav li.tabs-selected span.a {
+.toptabs .ui-tabs-nav li.ui-tabs-selected a, .toptabs .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;
-}
-
-.toptabs.numbered .tabs-nav li {
-       min-width : 3em;
+       margin-top : 0;
 }
 
 .toptabs .tabs-container {
@@ -801,21 +766,77 @@ fieldset.rows .inputnote {
     visibility:visible; /* you propably don't need to change this one */
     display:block;
 }
-#addbiblio a, #addchild a, #newentry a {
+#newbiblio a, #addchild a, #newentry a, #newshelf a, #newmenuc .first-child, #newsupplier .first-child, #newlabel a, #newtemplate a, #newlabelbatch a, #newpatroncardbatch a, #newprofile a, #newsubscription a, #newdictionary a, #neworder a {
        padding-left : 34px;
        background-image: url("../../img/toolbar-new.gif");
        background-position : center left;
        background-repeat : no-repeat;
 }
 
-#deletebiblio button, #deletebiblio a, #deletepatron a {
+#changepassword a {
+       padding-left : 34px;
+       background-image: url("../../img/toolbar-password.gif");
+       background-position : center left;
+       background-repeat : no-repeat;
+}
+
+#manageorders a {
+       padding-left : 34px;
+       background-image: url("../../img/toolbar-orders.gif");
+       background-position : center left;
+       background-repeat : no-repeat;
+}
+
+
+#savemenuc .first-child, #addbiblio .first-child {
+       padding-left : 34px;
+       background-image: url("../../img/toolbar-save.gif");
+       background-position : center left;
+       background-repeat : no-repeat;
+}
+
+#editpatron a, #editmenuc .first-child, #editshelf a, #edit a, #editsupplier a {
+       padding-left : 34px;
+       background-image: url("../../img/toolbar-edit.gif");
+       background-position : center left;
+       background-repeat : no-repeat;
+}
+
+#duplicate a {
+       padding-left : 34px;
+       background-image: url("../../img/toolbar-duplicate.gif");
+       background-position : center left;
+       background-repeat : no-repeat;
+}
+
+#receive a {
+       padding-left : 34px;
+       background-image: url("../../img/toolbar-receive.gif");
+       background-position : center left;
+       background-repeat : no-repeat;
+}
+
+#renew a {
+       padding-left : 34px;
+       background-image: url("../../img/toolbar-renew.gif");
+       background-position : center left;
+       background-repeat : no-repeat;
+}
+
+#deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a {
        padding-left : 34px;
        background-image: url("../../img/toolbar-delete.gif");
        background-position : center left;
        background-repeat : no-repeat;
 }
 
-#printbiblio button, #printbiblio a {
+#z3950search .first-child {
+       padding-left : 34px;
+       background-image: url("../../img/toolbar-search.gif");
+       background-position : center left;
+       background-repeat : no-repeat;
+}
+#printbiblio button, #printbiblio a, #printmenuc .first-child {
        padding-left : 34px;
        background-image: url("../../img/toolbar-print.gif");
        background-position : center left;
@@ -836,6 +857,15 @@ fieldset.rows .inputnote {
        background-repeat : no-repeat;
 }
 
+#editmenuc .first-child, #deleteshelf .first-child,#newmenuc .first-child, #addbiblio .first-child, #z3950search .first-child, #printmenuc .first-child, #newsupplier .first-child, #savemenuc .first-child {
+       padding-left : 15px;
+}
+
+.error {
+       background-color : #FFFF99;
+       color: red;
+}
+
 div.error {
        border : 2px dashed #990000;
        background-color : #FFFF99;
@@ -843,6 +873,11 @@ div.error {
        margin : 1em;
 }
 
+input.alert {
+       background-color : #FFFF99;
+       border-color: #900;
+}
+
 ol.bibliodetails {
        float: left;
        margin : 0 0 1em 1em;
@@ -862,9 +897,20 @@ ol.bibliodetails span.label {
        margin-right: 1em;  
 }
 
-ol.bibliodetails span.listgroup {
-       font-weight: bold;
-       font-style: oblique;
+div.listgroup {
+       clear :  left;
+}
+
+div.listgroup h4 {
+       font-style: italic;
+}
+
+div.listgroup h4 a {
+       font-size :  80%;
+}
+
+div.listgroup input {
+       font-size: 80%;
 }
 
 div.sysprefs h3 {
@@ -890,7 +936,7 @@ tr.highlight th[scope=row] {
        background-color : #DDDDDD;
 }
 
-tr.confirm td, tr.confirm.highlight td {
+tr.confirm td, tr.highlight.confirm td {
        background-color : #ffbfbf;
 }
 
@@ -904,6 +950,20 @@ tr.confirm td, tr.confirm.highlight td {
        margin: .2em 0;
 }
 
+#circ_circulation_issue .date-select {
+       font-size : 85%;
+       padding-top : .3em;
+}
+
+#circ_circulation_issue .date-select label {
+       font-size : inherit;
+       font-weight: normal;
+}
+
+#circ_circulation_issue .date-select input {
+       padding : 1px;
+}
+
 tr.expired td {
        color : #999999;
 }
@@ -913,19 +973,6 @@ span.expired {
        font-style : italic;
 }
 
-div.subfield_line {
-       padding-bottom : .3em;
-}
-
-div.subfield_line label {
-    font-size:89%;
-    float: left;
-        padding-right : .4em;
-    width: 210px;
-    text-align: left;
-    clear:left;
-}
-
 div.help {
        margin: .9em 0 0 0;  
 }
@@ -944,7 +991,7 @@ div.circmessage:first-child {
 }
 
 div.circmessage {
-       padding: .4em;
+       padding: 0 .4em .4em .4em;
        margin-bottom : .3em;
 }
 
@@ -968,6 +1015,18 @@ div.first fieldset {
   width: 65%;
   }
   
+.dialog table {
+       margin : .5em auto;
+}
+
+.dialog table th {
+       text-align : right;
+}
+
+.dialog table td {
+       text-align : left;
+}
+  
 .dialog  h2, .dialog h3, .dialog h4 {
        margin : auto;
        text-align : center;
@@ -982,12 +1041,31 @@ div.first fieldset {
  
 .dialog input.approve {
        background : #FFF url(../../img/approve.gif) no-repeat 4px center;
+       padding : .4em .4em .4em 25px;  
  }
 
 .dialog input.deny {
        background : #FFF url(../../img/deny.gif) no-repeat 4px center;
+       padding : .4em .4em .4em 25px;
  }
+
+.dialog input.save {
+       background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
+       color:black;
+       padding: .4em .4em .4em 34px;
+}
  
+.dialog input.edit {
+       background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center;
+       color:black;
+       padding: .4em .4em .4em 34px;
+}
+
+.dialog input.print {
+       background : #FFF url(../../img/print-confirm.gif) no-repeat 4px center;
+       padding : .4em .4em .4em 25px;  
+}
+
 .dialog input:hover {
        background-color : #ffc;
  }
@@ -1003,13 +1081,13 @@ div.alert strong {
 
 div.message {
        background : white url("../../img/message-bg.gif") repeat-x left 0;
-   border : 1px solid #bcbcbc;
+       border : 1px solid #bcbcbc;
+       text-align: center;
        width : 55%;
 }
 
-div.message input.approve {
-       display : block;
-       margin: auto;
+div.message ul+h4 {
+       margin-top : .7em;
 }
  
  div.results {
@@ -1020,30 +1098,6 @@ div.message input.approve {
        text-decoration : underline;
  }
  
- #changelanguage {
-       background-color : #F3F3F3;
-       border-top : 1px solid #E8E8E8;
-       font-size : 93%;
-       margin-top : 2em;
-       padding : .3em .5em .5em .5em;
- }
- #changelanguage ul {
-       margin : 0;
-       padding : 0;
- }
- #changelanguage li {
-       border-left : 1px solid #CCC;
-       display : inline;
-       list-style : none;
-       padding : 0 .5em;
- }
- #changelanguage li:first-child {
-       border-left : 0;
- }
 .required {
     color : #C00;
 }
@@ -1072,6 +1126,10 @@ div#menu {
        padding-bottom: 2em;
 }
 
+*html #menu li {
+       display : inline;
+}
+
 div#menu li a {
        text-decoration: none;
        display: block;
@@ -1125,6 +1183,10 @@ h1#logo {
        padding:0;
 }
 
+*html h1#logo {
+       margin : 0.75em .3em 0.75em .3em;
+}
+
 h1#logo a {
        border:0;
        cursor:pointer;
@@ -1162,12 +1224,12 @@ padding: 0;
 overflow :  hidden;
 }
 
-.address {
-       font-size: 110%;
+.empty {
+       color : #CCC;
 }
 
-#circ_circulation_issue .date-select label {
-       font-weight: normal;
+.address {
+       font-size: 110%;
 }
 
 .clearfix:after {
@@ -1201,10 +1263,14 @@ overflow :  hidden;
        list-style : url(../../img/item-bullet.gif);
 }
 
+#searchresults table td {
+       vertical-align : top;
+}
+
 #searchheader {
        background-color : #f3f3f3;
        font-size : 80%;
-       margin-bottom : .5em;
+       margin : 0 0 .5em -1px;
        padding : .1em 0 .1em 1em;
 }
 
@@ -1251,4 +1317,279 @@ overflow :  hidden;
 #search-facets li.showmore {
        font-weight : bold;
        text-indent : 1em;
-}
\ No newline at end of file
+}
+
+div.pages {
+       margin-top : .5em;
+}
+
+div.pages a {
+       font-weight: bold;
+       padding: 1px 5px 1px 5px;
+       text-decoration: none;
+}
+
+div.pages a:link {
+       background-color : #eeeeee;
+       color : #3366CC;
+}
+
+div.pages a:hover {
+       background-color : #e8f0f6;
+}
+
+div.pages a:active {
+       background-color : #ffc;
+}
+
+div.browse {
+       margin : .5em 0;
+}
+
+div#bookcoverimg {
+       text-align : center;
+}
+
+div#header_search input.submit {
+       font-size : 1em;
+}
+
+input[type=submit], input[type=button] {
+       border: 1px outset #999999;
+       border-top-color: #666;
+       border-left-color: #666;
+       padding: 0.25em;
+       background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
+       color: #333333;
+}
+
+input.submit {
+       border: 1px solid #999999;
+       border-top-color: #666;
+       border-left-color: #666;
+       padding: 0.25em;
+       background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
+       color: #333333;
+}
+
+*html input.submit {
+       padding : .1em;
+}
+
+input[type=submit]:active, input[type=button]:active {
+       border : 1px inset #999999;
+}
+
+input.submit:active {
+       border : 1px inset #999999;
+}
+
+input[type=reset], input[type=button], input.submit {
+       border: 1px outset #999999;
+       border-top-color: #666;
+       border-left-color: #666;
+       padding: 0.25em;
+       background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
+       color: #333333;
+}
+
+input[type=reset]:active, input[type=button]:active, input.submit:active {
+       border : 1px inset #999999;
+}
+
+.searchhighlightblob {
+    font-size:75%;
+       font-style : italic;
+}
+
+a.yuimenuitemlabel:hover {
+       background-color : #B3D4FF;
+       color : #000;
+}
+               
+#displayexample {
+       padding: 5px; 
+       margin-bottom: 10px;
+       background-color: #CCCCCC;
+}
+
+#irregularity_summary {
+       vertical-align : top;
+}
+
+#toplevelnav {
+       float : left;
+       margin-left : .5em;
+}
+
+ul#toplevelmenu {
+       padding : 0;
+}
+               
+ul#toplevelmenu li {
+       display: inline;
+       padding : 0 .6em;
+}
+               
+ul#toplevelmenu li.more a {
+       background-image:url(../../img/more-arrow.gif);
+       background-position:right center;
+       background-repeat:no-repeat;
+       padding-right:13px;
+}
+               
+ul#toplevelmenu li.more ul li a {
+       background-image : none;
+       padding-right : 20px;
+}
+
+ul#toplevelmenu li.more ul li a.yuimenuitemlabel {
+       padding: .2em 20px .2em 20px;
+}
+               
+ul#menu li a, ul#toplevelmenu li a {
+       text-decoration : none;
+}
+ul#menu li ul li, ul#toplevelmenu li ul li {
+       display :block;
+       padding :0;
+}
+ul#menu li ul li a, ul#toplevelmenu li ul li a {
+       text-decoration : none;
+}
+
+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:first-child {
+       border-left : 0;
+ }
+ul#i18nMenu li ul li {
+       border : 0;
+       display : block;
+       padding : 0;
+ }
+               
+ul#i18nMenu li.more a {
+       background-image:url(../../img/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: 2em;
+ }
+ @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;
+ }
+
+#CheckAll, #CheckNone, #CheckPending {
+       font-weight : normal;
+       margin : 0 .5em 0 0;
+}
+.lost,.dmg,.wdn {
+       display : block;
+       color : #990000;
+}
+.datedue {
+       display : block;
+       color : #999;
+       font-style : italic;
+}
+/* Tablesorter */
+.header {
+       background-image:url("../../img/ascdesc.gif");
+       background-position:right center;
+       background-repeat:no-repeat;
+       cursor:pointer;
+       padding : .2em 23px;
+}
+.headerSortUp {
+       background-image:url("../../img/asc.gif");
+}
+.headerSortDown {
+       background-image:url("../../img/desc.gif");
+}
+
+tr.reserved td {
+       background-color : #eeffd4;
+}
+tr.transfered td {
+       background-color : #e8f0f6;
+}
+.waitinghere {
+       color : #669900;
+}
+
+/* Permissions Labels */
+label.permissioncode:before {
+       content: "(";
+}
+label.permissioncode:after {
+       content: ")";
+}
+label.permissioncode {
+       font-style : italic;
+}
+span.permissiondesc {
+       font-weight : normal;
+}
+/* autocomplete additions */
+#borrowerautocomplete { width: 450px; text-align:left;} /* z-index needed on top instances for ie & sf absolute inside relative issue */
+.autocomplete .yui-ac-highlight ,
+.autocomplete .yui-ac-highlight .sample-result,
+.autocomplete .yui-ac-highlight .sample-query { color:#FFF; }
+.autocomplete .sample-result { color: black; }
+.autocomplete .sample-query { color:#000; }
+#findborrower { position:static; width:auto; }
+#yborrowercontainer { text-align:left;width:335px; }
+#mainuserblock {
+       border : 1px solid #E8E8E8;
+       margin-top : .5em;
+       padding : .5em;
+}