Fixing bug that caused all items in checked-out list to show up as overdue; Reformatt...
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / css / staff-global.css
index c3775c8..acc0cd8 100644 (file)
@@ -1,4 +1,4 @@
-@import url( /intranet-tmpl/prog/en/lib/yui/reset-fonts-grids.css) all;
+@import url("../lib/yui/reset-fonts-grids.css");
 
 a, a:link, a:visited, a:active {
        color : #0000CC;
@@ -8,8 +8,18 @@ a:hover {
        color : #669ACC;
 }
 
+a.overdue,.overdue {
+       color : #cc0000;
+}
+
 body {
        text-align : left;
+       padding:0 0 2.5em 0;
+}
+
+br.clear {
+       clear : both;
+       line-height : 1px;
 }
 
 form {
@@ -17,27 +27,27 @@ form {
 }
 
 h1 {
-       font-size : 182%;
+       font-size : 161.6%;
        font-weight : bold;
 }
 
 h2 {
-       font-size : 167%;
+       font-size : 146.5%;
        font-weight : bold;
 }
 
 h3 {
-       font-size : 153.9%;
+       font-size : 131%;
        font-weight : bold;
 }
 
 h4 {
-       font-size : 138.5%;     
+       font-size : 116%;       
        font-weight : bold;
 }
 
 h5 {
-       font-size : 123.1%;     
+       font-size : 100%;       
        font-weight : bold;
 }
 
@@ -46,6 +56,13 @@ h6 {
        font-weight : bold;
 }
 
+h1,h2,h3,h4,h5,h6 {
+       margin : .3em 0;
+}
+
+html {
+}
+
 p {
        margin: .5em 0 .5em 0;
 }
@@ -58,6 +75,10 @@ em {
        font-style : italic;
 }
 
+.subfield-label {
+    font-style : italic;
+}
+
 #hd {
 }
 
@@ -83,13 +104,12 @@ em {
 .yui-u {
 }
 
-#doc3 {
+#doc, #doc1, #doc2, #doc3 {
        padding-top : 1em;
 }
 
 #login  {
        position : absolute;
-       top : 3px;
        right : .5em;
 }
 
@@ -101,14 +121,26 @@ ul {
        padding-left : 1.1em;
 }
 
-li {
-       
+ul li {
        list-style-type : disc;
 }
 
+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 */
@@ -136,11 +168,6 @@ li {
        text-decoration : none;
 }
 
-#toplevelnav {
-       float : left;
-       line-height : 2em;
-}
-
 #submenu {
        margin : 0 0 .5em 0;
        padding : 0;
@@ -155,22 +182,6 @@ 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;
@@ -180,7 +191,7 @@ table {
 td, th {
        border-bottom : 1px solid #BCBCBC;
        border-left : 1px solid #BCBCBC;
-       padding : .5em;
+       padding : .2em .3em;
 }
 
 td {
@@ -190,12 +201,34 @@ td {
 th {
        background-color : #E8E8E8;
        font-weight : bold;
+       text-align : center;
+}
+
+#editions table, #editions td {
+       border : 0;
 }
 
-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;
@@ -210,12 +243,12 @@ span.problem {
 
 fieldset {
        border : 2px solid #EEEEEE;
-       margin : 1em;
+       margin : 1em 1em 1em 0;
        padding : 1em;
 }
 
 legend {
-       font-size : 138.5%;
+       font-size : 123.1%;
        font-weight : bold;
        margin : 0 0 0 -1em;
        padding : 0;
@@ -226,7 +259,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 {
@@ -235,12 +273,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: 1em 0 1.5em 0;
+       margin: .3em 0 .5em 0;
 }
 
 div#header_search input {
@@ -258,163 +294,1207 @@ div#header_search ul.link-tabs li.off a {
        padding : 0.1em .5em .2em .5em;
 }
 
-div#circ_search,div#catalog_search,div#patron_search,div#subscription_search,div#addbooks_search {
+div#header_search div.residentsearch {
        border : 0;
        border-bottom : 1px solid #FF9900;
        padding : 0 0 .2em 0;
 }
 
-/* Panel-Switch Tabs */
-ul.link-tabs {
-       list-style-type: none;
-       margin: 1px 0 9px 5px;
-       padding: 0;
+div#reserves,div#checkouts {
+       border : 1px solid #E8E8E8;
+       padding : 1em;
 }
 
-ul.link-tabs li {
-       display: inline;
-       padding: 0px;
+.tip {
+       font-size: 93%;
+       color : Gray;
 }
 
-ul.link-tabs li a {
-       border-bottom: 1px solid #333333;
-       border-left : 1px solid #DDDDDD;
-       border-right : 1px solid #666666;
-       padding: .2em 1.2em .2em 1.2em;
-       text-decoration: none;
+.ex {
+       font-family : "Courier New", Courier, fixed-width;
+       font-weight : bold;
 }
 
-ul.link-tabs li.off a {
-       background-color: #FFFFFF;
-       border : 0;
-       margin-right : 1px;
-       text-decoration: underline;
+
+div.yui-b h5 {
+       font-size : 100%;
+       margin : .5em 0;
+}
+
+dt {
+       font-size : 110%;
+       font-weight : bold;
+}
+
+dd {
+       padding : .2em;
+       text-indent : 1.5em;
 }
 
-ul.link-tabs li.off a:hover {
-       background-color: #FFFFEC;
+div#toolbar {
+       background-color : #F3F3F3;
+       margin-bottom : .7em;
+}
+
+ul.toolbar {
+       padding-left : 0;
+}
+
+.yui-menu-button  {
+       
+}
+
+ul.toolbar li {
+       display : inline;
+       list-style : none;
+}
+
+div.patroninfo {
+       margin-top : -.5em;
+}
+
+*html div.patroninfo {
+       margin-right : .5em;
+}
+
+div.patroninfo h5 {
+       border-right :  1px solid #000;
+       margin-bottom : 0;
+       padding-left : -.5em;
+       padding-top : .3em;
+       padding-bottom : .5em;
+}
+
+div.patroninfo ul {
        border : 0;
+       border-right : 1px solid #000;
+       border-bottom : 0;
+       border-top : 0;
+       padding : 0;
+       margin : 0;
+}
+
+div.patroninfo ul li {
+       margin : 0;
+}
+
+div.patroninfo ul li, div.patronviews ul li {
+       list-style-type : none;
+}
+
+div.patronviews {
+       border-right :  1px solid #000;
+       border-top : 1px solid #000;
+       margin-bottom : .5em;
+       padding : .5em 0 .5em 0;
+}
+
+a.member-edit {
+       float : right;
+       background-color : #DBECC8;
+       margin-top : .5em;
+       padding : .3em;
+       text-align : right;
+       text-decoration : none;
+}
+
+fieldset.brief {
+       border : 1px solid #E8E8E8;
+}
+
+fieldset.brief label {
+       display : block;
+       font-weight : bold;
+       padding : .3em 0;
+}
+
+fieldset.brief ol, fieldset.brief li {
+       list-style-type : none;
+}
+
+fieldset.brief div.hint, fieldset.rows div.hint {
+       color : #999999;
+       font-size : 95%;
+       margin-bottom : .4em;
+}
+
+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: 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;      
+}
+
+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;
-       padding: .2em 1.2em .2em 1.2em;
 }
 
-ul.link-tabs li.on a {
-       background-color: #FFFFCC;
+fieldset.rows ol.radio label.radio {
+       float : left;
+       width : 12em;
+       margin-right : 1em;
+}
+
+fieldset.rows table {
+       font-size : 105%;
+       clear : both;
+       margin : 1em 0 1em 1em;
+}
+
+fieldset.rows td label {
+       float : none;
+       font-weight : normal;
+       width : auto;
+}
+
+fieldset.rows label.yesno {
+       float : none;
+       width : auto;
+}
+
+fieldset.action, div.action {
+       clear : both;
+       float : none;
+       border : none;
+       margin : 0;
+       padding : 1em 0 .3em 0;
+       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 : 1em;
+}
+
+fieldset.rows label.inline {
+       display : inline;
+       float : none;
+       margin-left : 1em;
+       width : auto;
+}
+
+fieldset.rows .inputnote {
+       float : left;
+       margin : .5em 0 0 10em;
+}
+
+.ui-tabs-nav li {
+       list-style : none;
+}
+
+.ui-tabs-nav a, .ui-tabs-nav a span, .ui-tabs-nav span.a {
+   background : none;
+       display : block;
+       padding: .2em .5em .25em .5em;
+}
+
+.ui-tabs-nav a, .ui-tabs-nav span.a {
+    z-index : auto;
+}
+
+.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;
        border-bottom: 1px solid #FF9900;
        border-left: 1px solid #FFCC66;
        font-weight : bold;
+       text-align : center;
+       text-decoration : none;
+       margin-top : -1px;
+       z-index: 100;
 }
 
-div#header_search .tip {
-       font-size: 93%;
-       color : Gray;
+.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 */
+}
+.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;
+}
+
+.ui-tabs-nav .ui-tabs-selected a:hover {
+       color : #0000CC;
 }
 
-/* ClickMenu Overrides */
+.ui-tabs-nav li.ui-tabs-selected {
+       background-color : #FFFFCC;
+}
 
-div.cmDiv
-{
-       border: 0;
-       background-color: #F3F3F3;
+.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 */
 }
 
+.tabs-container {
+    border-top: 0;
+    padding : inherit;
+    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
+}
+.tabs-loading em {
+    padding: inherit;
+    background: none;
+}
 
-.clickMenu li.more a {
-       background-image: url("../../img/more-arrow.gif");
-       background-position: right;
-       background-repeat: no-repeat;
-       padding-right : 13px;
+.toptabs {
+       margin-top : 1em;
 }
 
-.clickMenu li.more li a {
+/*.toptabs .ui-tabs-nav a, .toptabs .ui-tabs-nav span.a {
+    top: 0;
+ }*/
+
+.toptabs .ui-tabs-nav li {
+       margin-right : .5em;
+}
+
+.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;
+       text-align : center;
+       text-decoration : none;
+}
+
+.toptabs .ui-tabs-nav li.ui-tabs-selected  {
+       background-color : #FFF;
+       margin-top :  1px;
+}
+
+.toptabs .ui-tabs-nav li.ui-tabs-selected a, .toptabs .ui-tabs-nav li.ui-tabs-selected span.a {
+       background-color : #FFF;
+       border-bottom : 1px solid #FFF;
+       margin-bottom :  -1px;
+       z-index : 2;
+}
+
+.toptabs .tabs-container {
+       border : 1px solid #E8E8E8;
+       padding : 1em;
+}
+
+.checkedout {
+       color : #999999;
+       font-style : italic;
+}
+
+.subfield_not_filled {
+       background-color : #FFFF99;
+}
+.content_hidden {
+    visibility:hidden; /* you propably don't need to change this one */
+    display:none;
+}
+
+/* the property for the displayed tab */
+.content_visible {
+    visibility:visible; /* you propably don't need to change this one */
+    display:block;
+}
+#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("../../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;
+}
+
+#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("../../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;
+       padding : .5em;
+       margin : 1em;
+}
+
+input.alert {
+       background-color : #FFFF99;
+       border-color: #900;
+}
+
+ol.bibliodetails {
+       float: left;
+       margin : 0 0 1em 1em;
+}
+
+ol.bibliodetails li {
+       border-bottom: 1px solid #E8E8E8;
+       list-style-type : none;
+       padding : .1em;
+}
+
+ol.bibliodetails span.label {
+       border-right : 1px solid #E8E8E8;
+       float : left;
+       font-weight: bold;
+       width: 12em;  
+       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;
+}
+
+div.sysprefs dl {
+       margin-left : 1.5em;
+}
+
+div.sysprefs div.hint {
+       width : 25%;
+       float : right;
+       padding : .5em;
+       margin : .7em;
+}
+
+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;
+}
+
+#circ_circulation_issue div.hint {
+       color : #666666;
+       margin: .2em 0;
+}
+
+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;
-       padding-right : 0;
+       border-right: 0;
+       font-weight: bold;
 }
 
-.clickMenu
-{
-       margin: 0;
-       padding: 0;
-       cursor: default;
+ul.error {
+       background : #ffffcc;
+       border : 1px solid #ff9090;
+       margin : .5em;
+       padding : .5em .5em .5em 1.5em;
+       width : 75%
 }
-.clickMenu, .clickMenu ul
-{
-       list-style: none;
+
+h1#logo {
+       border:0pt none;
+       float:left !important;
+       margin:0;
+       padding:0;
+       width:180px;
 }
-.clickMenu ul
-{
-       margin: 0;
-       padding: 2px;
+h1#logo {
+       background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
        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
-{
+       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;
-       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 */
+
+#search-facets li li {
+       font-weight : normal;
+       font-size : 85%;
+       margin-bottom : 2px;
+       padding : .1em .2em;
 }
-.clickMenu li.main li
-{
-       z-index: 2;
-       min-width: 78px;
+
+#search-facets li li a {
 }
-.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;
+
+#search-facets li.showmore {
+       font-weight : bold;
+       text-indent : 1em;
 }
-.clickMenu img.liArrow
-{
-       position: absolute;
-       right: 5px;
-       top: 0.41em;
+
+div.pages {
+       margin-top : .5em;
 }
-.clickMenu ul a {
-       cursor: default;
+
+div.pages a {
+       font-weight: bold;
+       padding: 1px 5px 1px 5px;
+       text-decoration: none;
 }
 
-ul.innerBox a {
-       cursor : pointer;
+div.pages a:link {
+       background-color : #eeeeee;
+       color : #3366CC;
 }
 
-ul.innerBox {
-       
-       border: 1px solid #E8E8E8;
+div.pages a:hover {
+       background-color : #e8f0f6;
 }
 
-div.yui-b h5 {
-       font-size : 100%;
+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;
+}
+/* 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");
 }
\ No newline at end of file