Fourth installment Patron card generation feature
[koha_fer] / koha-tmpl / intranet-tmpl / prog / en / css / staff-global.css
index ba830d5..3a2cc28 100644 (file)
@@ -1,4 +1,4 @@
-@import url("/intranet-tmpl/prog/en/lib/yui/reset-fonts-grids.css");
+@import url("../lib/yui/reset-fonts-grids.css");
 
 a, a:link, a:visited, a:active {
        color : #0000CC;
@@ -10,6 +10,7 @@ a:hover {
 
 body {
        text-align : left;
+       padding:0 0 2.5em 0;
 }
 
 br.clear {
@@ -51,6 +52,13 @@ h6 {
        font-weight : bold;
 }
 
+h1,h2,h3,h4,h5,h6 {
+       margin : .3em 0;
+}
+
+html {
+}
+
 p {
        margin: .5em 0 .5em 0;
 }
@@ -98,7 +106,6 @@ em {
 
 #login  {
        position : absolute;
-       top : 3px;
        right : .5em;
 }
 
@@ -110,18 +117,26 @@ 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 */
@@ -149,11 +164,6 @@ li li {
        text-decoration : none;
 }
 
-#toplevelnav {
-       float : left;
-       line-height : 2em;
-}
-
 #submenu {
        margin : 0 0 .5em 0;
        padding : 0;
@@ -168,22 +178,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;
@@ -205,10 +199,27 @@ th {
        font-weight : bold;
 }
 
-td.highlight {
+tr.highlight td, td.highlight {
        background-color : #F3F3F3;
 }
 
+td.od {
+       color : #cc0000;
+       font-weight : bold;
+}
+
+tr.warn td {
+       background-color: #FF9090;
+}
+
+tr.onissue td {
+       background-color: #FFFFCC;
+}
+
+tr.highlight.onissue td {
+       background-color: #FFFFE1;
+}
+
 caption {
        font-size : 153.9%;
        font-weight : bold;
@@ -239,7 +250,12 @@ legend {
        border-bottom : 1px solid #E8E8E8;
        clear : both;
        font-size : 90%;
-       padding :.2em .5em .4em .5em;
+       padding :.2em .5em .4em 10px;
+       margin : 0;
+}
+
+#header+#breadcrumbs {
+       margin-top : 1em;
 }
 
 #commonsearch {
@@ -248,13 +264,10 @@ legend {
 
 
 div#header_search {
-       background-image : url("../../img/koha-logo-medium.gif");
        background-position : .5em .5em;
        background-repeat : no-repeat;
        float: left;
-       padding-left : 14.2em;
        margin: .3em 0 .5em 0;
-       min-height : 52px;
 }
 
 div#header_search input {
@@ -283,7 +296,7 @@ div#reserves,div#checkouts {
        padding : 1em;
 }
 
-div#header_search .tip {
+.tip {
        font-size: 93%;
        color : Gray;
 }
@@ -293,113 +306,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;
-}
-
-.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%;
@@ -434,35 +340,33 @@ ul.toolbar li {
        list-style : none;
 }
 
-div.message {
-   border : 1px solid #6699CC;
-       width : 33%;
-       margin : 1em;
-       padding : .5em;
-}
-
 div.patroninfo {
        margin-top : -.5em;
 }
 
+*html div.patroninfo {
+       margin-right : .5em;
+}
+
 div.patroninfo h5 {
-       background-color : #FCFAF3;
-       /*border-top :  1px solid #CCCC99;
-       border-left :  1px solid #CCCC99;*/
-       border-right :  1px solid #CCCC99;
+       border-right :  1px solid #000;
        margin-bottom : 0;
-       padding-left : .5em;
+       padding-left : -.5em;
        padding-top : .3em;
        padding-bottom : .5em;
 }
 
 div.patroninfo ul {
-       /*border : 1px solid #CCCC99;*/
-       border-right : 1px solid #CCCC99;
+       border : 0;
+       border-right : 1px solid #000;
        border-bottom : 0;
        border-top : 0;
-       background-color : #FCFAF3;
-       padding-bottom : .5em;
+       padding : 0;
+       margin : 0;
+}
+
+div.patroninfo ul li {
+       margin : 0;
 }
 
 div.patroninfo ul li, div.patronviews ul li {
@@ -470,11 +374,8 @@ div.patroninfo ul li, div.patronviews ul li {
 }
 
 div.patronviews {
-       background-color : #FDFCF7;
-       /*border-left : 1px solid #CCCC99;
-       border-bottom : 1px solid #CCCC99;*/
-       border-right :  1px solid #CCCC99;
-       border-top : 1px solid #CCCC99;
+       border-right :  1px solid #000;
+       border-top : 1px solid #000;
        margin-bottom : .5em;
        padding : .5em 0 .5em 0;
 }
@@ -498,9 +399,13 @@ fieldset.brief label {
        padding : .3em 0;
 }
 
-fieldset.brief div.hint {
+fieldset.brief ol, fieldset.brief li {
+       list-style-type : none;
+}
+
+fieldset.brief div.hint, fieldset.rows div.hint {
        color : #999999;
-       font-size : 80%;
+       font-size : 95%;
        margin-bottom : .4em;
 }
 
@@ -524,11 +429,33 @@ fieldset.rows legend {
 fieldset.rows label, fieldset.rows span.label {  
        float: left;  
        font-weight : bold;
-       width: 9em;  
+       width: 6em;  
        margin-right: 1em;  
        text-align: right;
 }
 
+fieldset.rows fieldset {
+       border-width : 1px;
+       margin : 0 0 .5em 0;
+       padding : .3em;
+}
+
+.yui-b fieldset.rows label, .yui-b fieldset.rows span.label {  
+       width: 9em;  
+}
+
+.yui-b fieldset.rows div.hint {
+       margin-left : 10.5em;
+}
+
+.yui-u fieldset.rows label, .yui-u fieldset.rows span.label {  
+       width: 6em;  
+}
+
+.yui-u fieldset.rows div.hint {
+       margin-left : 7.5em;
+}
+
 fieldset.rows.left label, fieldset.rows.left span.label {
        width : 8em;
        text-align : left;      
@@ -575,8 +502,9 @@ fieldset.rows ol.radio label.radio {
 }
 
 fieldset.rows table {
+       font-size : 105%;
        clear : both;
-       margin-left : 1em;
+       margin : 1em 0 1em 1em;
 }
 
 fieldset.rows td label {
@@ -585,7 +513,12 @@ fieldset.rows td label {
        width : auto;
 }
 
-fieldset.action {
+fieldset.rows label.yesno {
+       float : none;
+       width : auto;
+}
+
+fieldset.action, div.action {
        clear : both;
        float : none;
        border : none;
@@ -594,8 +527,55 @@ fieldset.action {
        width : auto;
 }
 
+div.rows {
+float : left;
+clear : left;
+margin: 0 0 0 0;  
+padding: 0;
+width: 100%; 
+}
+
+
+div.rows span.label {  
+       float: left;  
+       font-weight : bold;
+       width: 9em;  
+       margin-right: 1em;  
+       text-align: left;
+}
+
+div.rows ol {  
+padding: .5em 1em 0 0;  
+list-style-type: none;
+}
+
+div.rows ol li li {
+       border-bottom: 0;
+}
+
+div.rows li {
+border-bottom :  1px solid #EEE;
+float : left;
+clear : left;
+padding-bottom: .2em;
+padding-top: .1em;
+list-style-type: none;
+width: 100%; 
+}
+
+a.cancel {
+       padding-left : 1em;
+}
+
 fieldset.rows fieldset.action {
-       padding : 0 0 1em 1em;
+       padding : 1em;
+}
+
+fieldset.rows label.inline {
+       display : inline;
+       float : none;
+       margin-left : 1em;
+       width : auto;
 }
 
 fieldset.rows .inputnote {
@@ -603,20 +583,21 @@ fieldset.rows .inputnote {
        margin : .5em 0 0 10em;
 }
 
-.tabs-nav li {
+.ui-tabs-nav li {
        list-style : none;
 }
 
-.tabs-nav a, .tabs-nav a span {
+.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 {
+.ui-tabs-nav a, .ui-tabs-nav span.a {
     z-index : auto;
 }
 
-.tabs-nav .tabs-selected 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;
@@ -625,26 +606,27 @@ fieldset.rows .inputnote {
        font-weight : bold;
        text-align : center;
        text-decoration : none;
-       top : -1px;
+       margin-top : -1px;
+       z-index: 100;
 }
 
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
+.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 {
     background-position : inherit;
     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 {
+.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active, .ui-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 {
+.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 */
 }
@@ -659,15 +641,19 @@ fieldset.rows .inputnote {
     background: none;
 }
 
-.toptabs .tabs-nav a {
+.toptabs {
+       margin-top : 1em;
+}
+
+/*.toptabs .ui-tabs-nav a, .toptabs .ui-tabs-nav span.a {
     top: 0;
- }
+ }*/
 
-.toptabs .tabs-nav li {
+.toptabs .ui-tabs-nav li {
        margin-right : .5em;
 }
 
-.toptabs .tabs-nav li 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;
@@ -677,22 +663,16 @@ fieldset.rows .inputnote {
        text-decoration : none;
 }
 
-.toptabs .tabs-nav li.tabs-selected  {
+.toptabs .ui-tabs-nav li.ui-tabs-selected  {
        background-color : #FFF;
+       margin-top :  1px;
 }
 
-.toptabs .tabs-nav li.tabs-selected 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-bottom :  -1px;
+       z-index : 2;
 }
 
 .toptabs .tabs-container {
@@ -718,41 +698,101 @@ fieldset.rows .inputnote {
     visibility:visible; /* you propably don't need to change this one */
     display:block;
 }
-#addbiblio a, #addchild 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;
+}
+
+#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("/intranet-tmpl/prog/img/toolbar-new.gif");
+       background-image: url("../../img/toolbar-edit.gif");
        background-position : center left;
        background-repeat : no-repeat;
 }
 
-#deletebiblio a, #deletepatron a {
+#duplicate a {
        padding-left : 34px;
-       background-image: url("/intranet-tmpl/prog/img/toolbar-delete.gif");
+       background-image: url("../../img/toolbar-duplicate.gif");
        background-position : center left;
        background-repeat : no-repeat;
 }
 
-#printbiblio a {
+#receive a {
        padding-left : 34px;
-       background-image: url("/intranet-tmpl/prog/img/toolbar-print.gif");
+       background-image: url("../../img/toolbar-receive.gif");
        background-position : center left;
        background-repeat : no-repeat;
 }
 
-#addtoshelf a {
+#renew a {
        padding-left : 34px;
-       background-image: url("/intranet-tmpl/prog/img/toolbar-add-to-shelf.gif");
+       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;
+}
+
+#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;
+       background-repeat : no-repeat;
+}
+
+#addtoshelf button, #addtoshelf a {
+       padding-left : 34px;
+       background-image: url("../../img/toolbar-add-to-shelf.gif");
        background-position : center left;
        background-repeat : no-repeat;
 }
 
 #placehold a {
        padding-left : 34px;
-       background-image: url("/intranet-tmpl/prog/img/toolbar-hold.gif");
+       background-image: url("../../img/toolbar-hold.gif");
        background-position : center left;
        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;
+}
+
 div.error {
        border : 2px dashed #990000;
        background-color : #FFFF99;
@@ -760,6 +800,11 @@ div.error {
        margin : 1em;
 }
 
+input.alert {
+       background-color : #FFFF99;
+       border-color: #900;
+}
+
 ol.bibliodetails {
        float: left;
        margin : 0 0 1em 1em;
@@ -779,6 +824,22 @@ ol.bibliodetails span.label {
        margin-right: 1em;  
 }
 
+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 {
        margin : .2em 0 .2em .4em;
 }
@@ -798,6 +859,14 @@ tr.highlight td {
        background-color : #F6F6F6;
 }
 
+tr.highlight th[scope=row] {
+       background-color : #DDDDDD;
+}
+
+tr.confirm td, tr.highlight.confirm td {
+       background-color : #ffbfbf;
+}
+
 #circ_circulation_issue label {
        font-size: 105%;
        font-weight : bold;
@@ -806,4 +875,603 @@ tr.highlight td {
 #circ_circulation_issue div.hint {
        color : #666666;
        margin: .2em 0;
-}
\ No newline at end of file
+}
+
+tr.expired td {
+       color : #999999;
+}
+
+span.expired {
+       color : #990000;
+       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;  
+}
+
+.blocker {
+       color : #990000;
+}
+
+.circmessage li {
+       list-style : url(../../img/arrow-bullet.gif);
+       margin-bottom : .2em;
+}
+
+div.circmessage:first-child {
+       margin-top : 1em;
+}
+
+div.circmessage {
+       padding: .4em;
+       margin-bottom : .3em;
+}
+
+span.circ-hlt {
+       color : #cc0000;
+       font-weight : bold;
+}
+
+div.first fieldset {
+       margin-right : 0;
+}
+
+#circ_needsconfirmation {
+       margin : auto;
+}
+
+.dialog {
+  border: 1px solid #bcbcbc;
+       padding : .5em;
+       margin : 1em auto;
+  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;
+  }
+  
+.dialog input {
+       background-color : #FFF;
+       border : 1px solid #bcbcbc;
+       margin : .4em;
+       padding : .4em .4em .4em 25px;
+ }
+.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:hover {
+       background-color : #ffc;
+ }
+div.alert {
+  background : #FFC url(../../img/alert-bg.gif) repeat-x left 0;
+  text-align : center;
+}
+
+div.alert strong {
+       color : #900;
+}
+
+div.message {
+       background : white url("../../img/message-bg.gif") repeat-x left 0;
+   border : 1px solid #bcbcbc;
+       width : 55%;
+}
+
+div.message input.approve {
+       display : block;
+       margin: auto;
+}
+ div.results {
+       padding : .7em 0;
+ }
+ .accesskey {
+       text-decoration : underline;
+ }
+.required {
+    color : #C00;
+}
+
+span.required {
+       font-style : italic;
+}
+
+.term {
+    background-color: #FFC;
+        color : #990000;
+}
+
+a .term {
+        text-decoration : underline;
+}
+
+a:hover .term {
+       color : #FF9090;
+}
+
+div#menu {
+       border-right: 1px solid #000;
+       margin-right: .5em;
+       padding-top: 1em;
+       padding-bottom: 2em;
+}
+
+*html #menu li {
+       display : inline;
+}
+
+div#menu li a {
+       text-decoration: none;
+       display: block;
+       background : #EEE url(../../img/side-tab-gradient.gif) repeat-y top right;
+       border: 1px solid #000;
+       font-size: 111%;
+       margin: .5em 0;
+       padding: .4em .3em;
+       margin-right :  -1px;
+}
+
+div#menu li a:hover {
+       background : #E8F0F6 url(../../img/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;
+}
+
+ul.error {
+       background : #ffffcc;
+       border : 1px solid #ff9090;
+       margin : .5em;
+       padding : .5em .5em .5em 1.5em;
+       width : 75%
+}
+
+h1#logo {
+       border:0pt none;
+       float:left !important;
+       margin:0;
+       padding:0;
+       width:180px;
+}
+h1#logo {
+       background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
+       border: 0;
+       margin:0.75em .3em 0.75em .7em;
+       padding:0;
+}
+
+*html h1#logo {
+       margin : 0.75em .3em 0.75em .3em;
+}
+
+h1#logo a {
+       border:0;
+       cursor:pointer;
+       display:block;
+       height:0px !important;
+       margin:0;
+       overflow:hidden;
+       padding:44px 0 0;
+       text-decoration:none;
+       width:180px;
+}
+
+#closewindow {
+       margin-top : 2em;
+       text-align : center;
+}
+
+#closewindow a {
+       font-weight : bold;     
+}
+
+.patroninfo+#menu {
+       margin-right : 0;
+}
+
+.barcode {
+       font-size :  200%;
+}
+
+.email {
+font-size :  87%;
+width : 15em;
+margin: 0;
+padding: 0;
+overflow :  hidden;
+}
+
+.address {
+       font-size: 110%;
+}
+
+#circ_circulation_issue .date-select label {
+       font-weight: normal;
+}
+
+.clearfix:after {
+    content: "."; 
+    display: block; 
+    height: 0; 
+    clear: both; 
+    visibility: hidden;
+}
+
+/* Hides from IE-mac \*/
+* html .clearfix {height: 1%;}
+/* End hide from IE-mac */
+
+.title {
+       font-weight : bold;
+       font-size : 105%;
+}
+
+.reserve {
+       float : right;
+       font-weight : bold;
+}
+
+.thumbnail {
+       display : block;
+       margin : auto;
+}
+
+#searchresults ul li {
+       list-style : url(../../img/item-bullet.gif);
+}
+
+#searchheader {
+       background-color : #f3f3f3;
+       font-size : 80%;
+       margin : 0 0 .5em -1px;
+       padding : .1em 0 .1em 1em;
+}
+
+#searchheader h3 {
+}
+
+#searchheader form {
+       float : right;
+}
+
+#search-facets ul {
+       margin : 0;
+       padding : .3em;
+}
+
+#search-facets {
+       border : 1px solid #e8e8e8;
+}
+
+#search-facets h4 {
+       background-color : #F3F3F3;
+       border-bottom : 1px solid #e8e8e8;
+       font-size : 90%;
+       margin : 0;
+       padding : .4em .2em;
+       text-align : center;
+}
+
+#search-facets ul li {
+       font-weight : bold;
+       list-style-type : none;
+}
+
+#search-facets li li {
+       font-weight : normal;
+       font-size : 85%;
+       margin-bottom : 2px;
+       padding : .1em .2em;
+}
+
+#search-facets li li a {
+}
+
+#search-facets li.showmore {
+       font-weight : bold;
+       text-indent : 1em;
+}
+
+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#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;
+}
+
+/* Define a new style for each menu */
+       
+.yui-skin-sam .yuimenu {
+       line-height: 2;/* ~24px */
+       *line-height: 1.9; /* For IE */
+}
+
+a.yuimenuitemlabel {
+}
+       
+.yui-skin-sam .yuimenu .bd {
+       border-width: 1px;
+       border-color: #ddd #666 #666 #ddd;
+       border-style: solid;
+       background-color: #fff;
+}
+
+.yui-skin-sam #sublangs li.yuimenuitem {
+       /*
+       For IE 7 Quirks and IE 6 Strict Mode and Quirks Mode:
+       Used to collapse superfluous white space between <li> 
+       elements that is triggered by the "display" property of the
+       <a> elements being set to "block."
+       */
+       _border-bottom: solid 1px #ccc;
+}
+       
+       
+/* Define a new style for a MenuItem instance's "selected" state. */
+.yui-skin-sam #sublangs .yuimenuitem-selected {
+       background-color: #82AAE1;
+}
+.yui-skin-sam #sublangs .yuimenuitemlabel-selected {
+       color: #fff;
+}
+               
+#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 {
+       font-weight : normal;
+       margin : 0 .5em 0 0;
+}
+.lost,.dmg,.wdn {
+       display : block;
+       color : #990000;
+}
+.datedue {
+       display : block;
+       color : #999;
+       font-style : italic;
+}