staff-global.css
authorDobrica Pavlinusic <dpavlin@rot13.org>
Sat, 14 Jan 2017 00:35:32 +0000 (01:35 +0100)
committerDobrica Pavlinusic <dpavlin@rot13.org>
Mon, 25 Mar 2019 14:43:15 +0000 (15:43 +0100)
koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css [new file with mode: 0644]

diff --git a/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css b/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css
new file mode 100644 (file)
index 0000000..6602d27
--- /dev/null
@@ -0,0 +1,2800 @@
+@import url("../lib/yui/reset-fonts-grids.css") screen;
+@import url("../lib/yui/skin.css");
+
+input:focus, textarea:focus {
+    border-color:#538200;
+    border-style:solid;
+    border-radius: 4px;
+}
+
+::selection      { background:#538200; color:#ffffff; /* Safari and Opera */ }
+::-moz-selection  { background:#538200; color:#ffffff; /* Firefox */ }
+
+a, a:link, a:visited {
+    color : #004d99;
+    text-decoration: none;
+}
+
+a:hover, a:active {
+    color : #538200;
+    text-decoration: none;
+}
+
+.yui-button {
+    border-radius: 5px;
+}
+
+.yui-button .first-child {
+    border-radius: 5px;
+}
+
+.yui-button,.yui-button a:link,.yui-button a:visited {
+       color : #000;
+}
+
+a.yuimenuitemlabel {
+        color: #000000;
+}
+
+.overdue,
+.debit {
+       color : #cc0000;
+}
+
+a.popup {
+       background : transparent url("../../img/pop-up-link.png") center right no-repeat;
+       padding-right : 15px;
+}
+
+body {
+       text-align : left;
+    padding:0 0 4em 0;
+  font-family: arial, verdana, helvetica, sans-serif;
+}
+
+br.clear {
+       clear : both;
+       line-height : 1px;
+}
+
+form {
+       display : inline;
+}
+
+form.confirm {
+       display : block;
+       text-align : center;
+}
+
+h1 {
+       font-size : 161.6%;
+       font-weight : bold;
+}
+
+h2 {
+       font-size : 146.5%;
+       font-weight : bold;
+}
+
+h3 {
+       font-size : 131%;
+       font-weight : bold;
+}
+
+h4 {
+       font-size : 116%;
+       font-weight : bold;
+}
+
+h5 {
+       font-size : 100%;
+       font-weight : bold;
+}
+
+h6 {
+       font-size : 93%;
+       font-weight : bold;
+}
+
+h1,h2,h3,h4,h5,h6 {
+       margin : .3em 0;
+}
+
+p {
+       margin: .5em 0 .5em 0;
+}
+
+strong {
+       font-weight : bold;
+}
+
+strong em {
+       font-weight : bold;
+       font-style : italic;
+}
+
+em, cite {
+       font-style : italic;
+}
+
+em strong {
+       font-weight : bold;
+       font-style : italic;
+}
+
+input, textarea {
+    padding : 2px 4px;
+}
+
+.subfield-label {
+    font-style : italic;
+}
+
+.subfield-label span.subfield-code {
+    font-weight : bold;
+}
+
+#navmenulist li {
+       padding : .2em 0;
+       list-style-image : url("../../img/arrow-bullet.gif");
+       border-bottom : 1px solid #EEE;
+}
+
+#navmenulist li a {
+       text-decoration : none;
+}
+
+#doc, #doc1, #doc2, #doc3 {
+       padding-top : 1em;
+}
+
+#login_controls         {
+       position : absolute;
+       right : .5em;
+    padding: .4em .5em;
+}
+
+ul {
+       padding-left : 1.1em;
+}
+
+ul li {
+       list-style-type : disc;
+}
+
+ul li li {
+       list-style-type : circle;
+}
+
+ol {
+       padding-left : 1.5em;
+}
+
+ol li {
+       list-style : decimal;
+}
+
+.gradient {
+    background-image: linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
+    background-image: -o-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
+    background-image: -moz-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
+    background-image: -webkit-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
+    background-image: -ms-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
+
+    background-image: -webkit-gradient(
+        linear,
+        left top,
+        left bottom,
+        color-stop(0.1, rgb(230, 240, 242)),
+        color-stop(0.99, rgb(255,255,255))
+    );
+    display: inline-block;
+    width:100%;
+}
+
+.clearfix:after {
+    content: ".";
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden;
+}
+
+.clearfix {
+    display: inline-block;
+}
+
+/* Hides from IE-mac \*/
+* html .clearfix {height: 1%;}
+.clearfix {display: block;}
+/* End hide from IE-mac */
+
+table {
+       border-collapse : collapse;
+       border-top : 1px solid #BCBCBC;
+       border-right : 1px solid #BCBCBC;
+}
+
+table.invis,
+table.invis tr,
+table.invis td,
+tr.highlight table.invis td {
+       border : none;
+}
+
+td, th {
+       border-bottom : 1px solid #BCBCBC;
+       border-left : 1px solid #BCBCBC;
+       padding : .2em .3em;
+}
+
+td {
+       background-color : White;
+       vertical-align : top;
+}
+
+table.indexes td {
+    vertical-align : middle;
+}
+
+td.borderless {
+    border-collapse : separate;
+    border : 0 none;
+}
+
+td.data,
+th.data {
+       font-family : "Courier New", Courier, monospace;
+       text-align : right;
+}
+
+th {
+       background-color : #E8E8E8;
+       font-weight : bold;
+       text-align : center;
+}
+
+table+table {
+       margin-top : 1em;
+}
+
+#editions table, #editions td {
+       border : 0;
+}
+
+.highlighted-row { background-color: orange !important }
+
+tbody tr:nth-child(odd) td,
+tr.highlight td,
+tr.highlight th,
+tr.odd td,
+tr.odd.highlight td {
+       background-color : #F3F3F3;
+    border : 1px solid #BCBCBC;
+    border-right : 1px solid #BCBCBC;
+}
+
+tr.even td, tr.even.highlight td {
+       background-color: #FFF;
+    border-right : 1px solid #BCBCBC;
+}
+
+.overdue td.od {
+       color : #cc0000;
+       font-weight : bold;
+}
+
+tr.warn td,
+tr.warn:nth-child(odd) td {
+       background-color: #FF9090;
+}
+
+tr.ok td,
+tr.ok:nth-child(odd) td,
+tr.ok:nth-child(even) td {
+ background-color: #FFFFCC;
+}
+
+tr.onissue td {
+       background-color: #FFFFCC;
+}
+
+tr.odd.onissue td {
+       background-color: #FFFFE1;
+}
+
+tfoot td {
+       background-color : #f3f3f3;
+       font-weight : bold;
+}
+
+td.total {
+       text-align : right;
+}
+
+caption {
+       font-size : 133.9%;
+       font-weight : bold;
+       margin : .3em 0;
+}
+
+span.problem {
+       background-color : #FFFFCC;
+       color : #990000;
+       font-weight : bold;
+       line-height : 1.7em;
+}
+
+fieldset {
+       margin : 1em 1em 1em 0;
+       padding : 1em;
+    background-color:#f4f8f9;
+    border:2px solid #b9d8d9;
+    border-radius:5px;
+}
+
+fieldset.lastchecked {
+    margin-bottom : 0;
+    border-bottom-width: 0;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+}
+
+legend {
+       font-size : 123.1%;
+       font-weight : bold;
+    border:2px solid #b9d8d9;
+    background-color:#ffffff;
+    border-radius:3px;
+    padding: 0.2em 0.5em;
+}
+
+#breadcrumbs {
+    background-color : #e6f0f2;
+    clear : both;
+    font-size : 90%;
+    padding :.2em .5em .4em 10px;
+    margin : 0;
+}
+
+#header+#breadcrumbs {
+       margin-top : 1em;
+}
+
+div.justify {
+    text-align: justify;
+}
+
+div#header_search {
+       background-position : .5em .5em;
+       background-repeat : no-repeat;
+       float: left;
+       margin: .3em 0 .5em 0;
+}
+
+div#header_search input {
+       font-size : 1.3em;
+}
+
+div#header_search div.residentsearch {
+       border : 0;
+    border-bottom : 1px solid #85ca11;
+       padding : 0 0 .2em 0;
+}
+
+div#reserves,div#checkouts {
+        border : 1px solid #B9D8D9;
+       padding : 1em;
+}
+
+.tip {
+       font-size: 93%;
+       color : Gray;
+}
+
+.single-line {
+       white-space: nowrap;
+}
+
+.ex {
+       font-family : "Courier New", Courier, fixed-width;
+       font-weight : bold;
+}
+
+
+div.yui-b h5 {
+       font-size : 100%;
+       margin : .5em 0;
+}
+
+dt {
+       font-weight : bold;
+}
+
+dd {
+       padding : .2em;
+       font-size : 90%;
+       text-indent : 2.5em;
+       font-weight : normal;
+}
+
+div#toolbar {
+       background-color : #EDF4F6;
+     padding: 5px 5px 5px 5px;
+      border-radius: 5px 5px 0 0;
+    border: 1px solid #E6F0F2;
+}
+
+ul.toolbar {
+       padding-left : 0;
+}
+
+ul.toolbar button {
+       padding-bottom : 2px;
+       font-family: arial, verdana, helvetica, sans-serif;
+}
+
+a.yuimenuitemlabel-disabled, #disabled a {
+       color: #999;
+}
+a.yuimenuitemlabel-disabled, #disabled2 a {
+ color: #999;
+}
+a.yuimenuitemlabel-disabled:hover, #disabled a:hover {
+       color : #999;
+}
+a.highlight_toggle {
+    display : none;
+}
+
+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 #b9d8d9;
+       margin-bottom : 0;
+       padding-left : -.5em;
+       padding-top : .3em;
+       padding-bottom : .5em;
+}
+
+div.patroninfo h5:empty {
+    border-right: none;
+}
+
+div.patroninfo ul {
+       border : 0;
+    border-right:1px solid #b9d8d9;
+       border-bottom : 0;
+       border-top : 0;
+       padding : 0;
+       margin : 0;
+}
+
+div.patroninfo ul li {
+       margin : 0;
+}
+
+div.patroninfo 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;
+}
+}
+
+.column-tool {
+       font-size: 80%;
+}
+
+fieldset.brief {
+    border : 2px solid #B9D8D9;
+}
+
+fieldset.brief label,
+fieldset.brief span.label {
+       display : block;
+       font-weight : bold;
+       padding : .3em 0;
+}
+
+fieldset.brief ol, fieldset.brief li {
+       list-style-type : none;
+}
+
+.hint {
+       color : #999999;
+       font-size : 95%;
+}
+
+fieldset.brief div.hint, fieldset.rows div.hint, div.yui-u div.hint {
+       font-size : 95%;
+       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;
+}
+div.yui-b fieldset.brief li.radio {
+       padding : .7em 0;
+}
+div.yui-b fieldset.brief li.radio label,
+div.yui-b fieldset.brief li.dateinsert label,
+div.yui-b fieldset.brief li.dateinsert span.label,
+div.yui-b fieldset.brief li.radio span.label {
+       display : inline;
+}
+
+div.yui-b fieldset.brief li.radio input {
+       padding:0.3em 0;
+}
+
+div.yui-b fieldset.brief fieldset {
+       margin : 0 .3em;
+       padding : .5em;
+}
+
+div.yui-b fieldset.brief fieldset legend {
+       font-size : 85%;
+}
+
+fieldset.rows {
+border-width : 1px;
+border:2px solid #b9d8d9;
+float : left;
+font-size : 90%;
+clear : left;
+margin: .9em 0 0 0;
+padding: 0;
+width: 100%;
+}
+
+fieldset.rows.unselected {
+    background-color: white;
+    border-width : 0px;
+    border: 0;
+}
+
+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 {
+    background-color: transparent;
+       border-width : 1px;
+    margin : 1em;
+       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: 10em;
+}
+
+.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;
+}
+
+fieldset.rows ol.radio label.radio {
+       float : left;
+       width : 12em;
+       margin-right : 1em;
+}
+
+fieldset.rows caption {
+    font-size : 120%;
+}
+
+fieldset.rows p {
+    margin : 1em 0 1em 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.rows label.error {
+       float: none;
+       margin-left: 1em;
+       width: auto;
+}
+
+fieldset.action, div.action {
+    background-color: transparent;
+       clear : both;
+       float : none;
+    border : 0px;
+  margin: 0;
+     padding: .4em .4em .4em .1em;
+  width: auto;
+}
+
+div.rows+div.rows {
+    margin-top : .6em;
+}
+
+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.brief label.inline,
+fieldset.rows label.inline {
+       display : inline;
+       float : none;
+       margin-left : 1em;
+       width : auto;
+}
+
+fieldset.rows .inputnote {
+       clear : left;
+       float : left;
+       margin : .5em 0 0 11em;
+}
+
+.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;
+}
+#new_course 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, #newbasket a, #newrootbudget-button, #budgets_menuc .first-child {
+       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,
+#editreport a,
+#editmenuc .first-child,
+#editshelf a,
+#edit a,
+#editsupplier a,
+#managelabel a,
+#managetemplate a,
+#managelabelbatch a,
+#manageprofile a,
+#periods_menuc .first-child {
+       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;
+}
+
+#z3950searcht table {
+       /* doesn't have desired effect in catalogue/results.tmpl - I'll leave this here for now but there do seem to be casscading CSS errors in this and other CSS fiels - RICKW 20081118 */
+       padding: 20px;
+       border: none;
+}
+
+#z3950_search_targets {
+    height:     338px;
+    overflow-y: auto;
+}
+
+#z3950_search_targets_acq {
+    height:     308px;
+    overflow-y: auto;
+}
+
+#z3950_search_targets_auth {
+    height:     348px;
+    overflow-y: auto;
+}
+
+#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,
+#placehold button,
+#holdfor .first-child {
+       padding-left : 34px;
+       background-image: url("../../img/toolbar-hold.gif");
+       background-position : center left;
+       background-repeat : no-repeat;
+}
+
+#placeholdc #yui-gen13 { border-top : 1px solid #CCCCCC; margin-top : .3em; }
+
+#holdfor .first-child { padding-left : 17px; }
+
+#editmenuc .first-child, #deleteshelf .first-child,#newmenuc .first-child, #addbiblio .first-child, #z3950search .first-child, #printmenuc .first-child, #newsupplier .first-child, #savemenuc .first-child, #budgets_menuc .first-child, #periods_menuc .first-child {
+       padding-left : 15px;
+}
+
+.error {
+       color: #cc0000;
+}
+
+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;
+       border-color : #BCBCBC;
+}
+
+tr.highlight th[scope=row] {
+       background-color : #DDDDDD;
+       border-color : #BCBCBC;
+}
+
+#circ_circulation_issue label {
+       font-size: 105%;
+       font-weight : bold;
+}
+
+#circ_circulation_issue div.hint {
+       color : #666666;
+       margin: .2em 0;
+}
+
+.date-select,
+.onsite_checkout-select {
+    font-size : 85%;
+    padding-top : .3em;
+}
+
+#circ_circulation_issue .date-select label,
+.date-select label {
+    font-size : inherit;
+    font-weight: normal;
+}
+
+.date-select input {
+    vertical-align: middle;
+}
+
+tr.expired td {
+       color : #999999;
+}
+
+span.expired {
+       color : #990000;
+       font-style : italic;
+}
+
+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: 0 .4em .4em .4em;
+       margin-bottom : .3em;
+}
+
+span.circ-hlt {
+       color : #cc0000;
+       font-weight : bold;
+}
+
+div.first fieldset {
+       margin-right : 0;
+}
+
+#circ_needsconfirmation {
+       margin : auto;
+}
+
+.dialog {
+       -moz-border-radius : 2px;
+       border-radius : 2px;
+       padding : .5em;
+       margin : 1em auto;
+       text-align : center;
+       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[type="submit"] {
+       background : #FFF none;
+ }
+
+.dialog input.approve, td input.approve {
+       background : #FFF url(../../img/approve.gif) no-repeat 4px center;
+       padding : .4em .4em .4em 25px;
+ }
+
+td input.approve {
+       background-color : #FFC;
+}
+
+.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;
+       max-width : 13em;
+       padding: .4em .4em .4em 34px;
+       white-space: normal;
+}
+
+.dialog input.new {
+       background: #fff url(../../img/toolbar-new.gif) no-repeat 4px center;
+       color:black;
+       max-width : 13em;
+       padding: .4em .4em .4em 34px;
+       white-space: normal;
+}
+
+.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;
+ }
+
+div.dialog {
+       border: 1px solid #bcbcbc;
+    text-align : center;
+}
+
+div.alert {
+       background: #fef8d3; /* Old browsers */
+       background: -moz-linear-gradient(top, #fef8d3 0%, #ffec91 9%, #ffed87 89%, #f9dc00 100%); /* FF3.6+ */
+       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef8d3), color-stop(9%,#ffec91), color-stop(89%,#ffed87), color-stop(100%,#f9dc00)); /* Chrome,Safari4+ */
+       background: -webkit-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Chrome10+,Safari5.1+ */
+       background: -o-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Opera11.10+ */
+       background: -ms-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* IE10+ */
+       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef8d3', endColorstr='#f9dc00',GradientType=0 ); /* IE6-9 */
+       background: linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* W3C */
+         text-align : center;
+       border: 1px solid #E0C726;
+    color : inherit;
+    text-shadow : none;
+}
+
+div.alert strong {
+       color : #900;
+}
+
+.dialog li {
+    list-style-position:inside;
+}
+
+a.clear-field {
+    background : transparent url("../../img/clear-field.png") center left no-repeat;
+    padding-left : 16px;
+}
+
+a.clone-field {
+    background : transparent url("../../img/clone-field.png") center left no-repeat;
+    padding-left : 20px;
+}
+
+a.document {
+       background-position : left middle;
+       background-repeat : no-repeat;
+       padding-left : 20px;
+}
+
+a.pdf {
+       background-image : url("../../img/famfamfam/silk/page_white_acrobat.png");
+}
+
+a.csv {
+       background-image : url("../../img/famfamfam/silk/page_white_excel.png");
+}
+
+a.xml {
+       background-image : url("../../img/famfamfam/silk/page_white_code.png");
+}
+
+div.message {
+       background: #ffffff; /* Old browsers */
+       background: -moz-linear-gradient(top, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%); /* FF3.6+ */
+       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(2%,#f4f6fa), color-stop(23%,#eaeef5), color-stop(94%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */
+       background: -webkit-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
+       background: -o-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Opera11.10+ */
+       background: -ms-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* IE10+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef5', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
+       background: linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* W3C */
+       border : 1px solid #bcbcbc;
+       text-align: center;
+       width : 55%;
+}
+
+div.message ul,
+div.message h5 {
+       padding-left : 25%;
+       text-align : left;
+}
+
+div.message ul+h4 {
+       margin-top : .7em;
+}
+
+div.note {
+       background: #f4f6fa;
+       background-repeat : no-repeat;
+       background-position : left center;
+       background-image : url("../../img/note.png");
+       background-image: url("../../img/note.png"), -moz-linear-gradient(top, #f4f6fa 0%, #e8edf6 100%); /* FF3.6+ */
+       background-image: url("../../img/note.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6fa), color-stop(100%,#e8edf6)); /* Chrome,Safari4+ */
+       background-image: url("../../img/note.png"), -webkit-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* Chrome10+,Safari5.1+ */
+       background-image: url("../../img/note.png"), -o-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* Opera11.10+ */
+       background-image: url("../../img/note.png"), -ms-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* IE10+ */
+       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#e8edf6',GradientType=0 ); /* IE6-9 */
+       background-image: url("../../img/note.png"), linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* W3C */
+       border : 1px solid #BCBCBC;
+       padding : .5em .5em .5em 20px;
+       margin : .5em 0;
+}
+
+ div.results {
+       padding : .7em 0;
+ }
+
+ .accesskey {
+       text-decoration : underline;
+ }
+
+label.required,
+span.required {
+    color : #C00;
+}
+
+span.required {
+       font-style : italic;
+       margin-left : .5em;
+}
+
+.missing{
+    background-color : #FFFFCC;
+}
+
+.term {
+    background-color: #FFC;
+        color : #990000;
+}
+
+a .term {
+        text-decoration : underline;
+}
+
+/* style for shelving location in catalogsearch */
+.shelvingloc {
+    display : block;
+    font-style : italic;
+}
+
+a:hover .term {
+       color : #FF9090;
+}
+
+div#menu {
+    border-right:1px solid #b9d8d9;
+       margin-right: .5em;
+       padding-top: 1em;
+       padding-bottom: 2em;
+}
+
+*html #menu li {
+       display : inline;
+}
+
+div#menu li a {
+       text-decoration: none;
+       display: block;
+
+              background: #e8f0f6; /* Old browsers */
+        background: -moz-linear-gradient(left, #e8f0f6 0%, #e8f0f6 96%, #c1c1c1 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8f0f6), color-stop(96%,#e8f0f6), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
+     background: -o-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Opera11.10+ */
+   background: -ms-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* IE10+ */
+       background: linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* W3C */
+       -moz-border-top-left-radius: 5px;
+       border-top-left-radius: 5px;
+       -moz-border-bottom-left-radius: 5px;
+       border-bottom-left-radius: 5px;
+    border:1px solid #b9d8d9;
+       font-size: 111%;
+       margin: .5em 0;
+       padding: .4em .3em;
+       margin-right :  -1px;
+}
+
+div#menu li a:hover {
+     background: #fff; /* Old browsers */
+   background: -moz-linear-gradient(left, #FAFAFA 0%, #FAFAFA 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FAFAFA), color-stop(96%,#FAFAFA), color-stop(97%,#e6e6e6), color-stop(99%,#cccccc), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
+     background: -o-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera11.10+ */
+   background: -ms-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */
+       background: linear-gradient(left, #FAFAFA 0%,#fff 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */
+    border-left: 1px solid #85CA11;
+    border-top: 1px solid #85CA11;
+    border-bottom: 1px solid #85CA11;
+}
+
+div#menu li.active a:hover {
+       background-color: #fff;
+    color :  #538200;
+}
+
+#menu ul li {
+       list-style-type: none;
+}
+
+#menu ul li.active a {
+       background-color: #FFF;
+       background-image : none;
+       font-weight: bold;
+    color:#000000;
+    border-left: 1px solid #85CA11;
+    border-top: 1px solid #85CA11;
+    border-bottom: 1px solid #85CA11;
+    border-right: 0;
+}
+
+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%;
+       margin:0.75em .3em 0.75em .7em;
+}
+
+*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%;
+        vertical-align: middle;
+}
+
+li.email a {
+       display:block;
+       overflow:hidden;
+       width:13em;
+}
+li.email {
+       background: #FFF url(../../img/elipsis.gif) right bottom no-repeat;
+       font-size :  87%;
+       overflow:hidden;
+       padding :0 10px 0 0;
+       width:13em;
+}
+
+.empty {
+       color : #CCC;
+}
+
+.address {
+       font-size: 110%;
+}
+
+.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%;
+}
+
+.hold {
+       float : right;
+       font-size: 90%;
+       margin: 0;
+}
+
+.thumbnail {
+       display : block;
+       margin : auto;
+}
+
+.thumbnails > li {
+    list-style-type: none;
+}
+
+#searchresults ul li {
+       font-size : 90%;
+       list-style : url(../../img/item-bullet.gif);
+       padding : .2em 0;
+        clear : left;
+}
+
+#searchresults span.status {
+       clear : left;
+       color : #900;
+       display : block;
+}
+
+#searchresults span.unavailable {
+       clear : left;
+       display : block;
+}
+
+#searchresults .availability strong {
+       display : block;
+}
+
+#searchresults ul li img {
+       float : left;
+       margin : 3px 5px 3px -5px;
+}
+
+#searchresults table td {
+       vertical-align : top;
+}
+
+#searchheader {
+     background-color : #E6F0F2;
+       font-size : 80%;
+       margin : 0 0 .5em -1px;
+    padding : .4em 0 .4em 1em;
+     border-radius : 5px 5px 0 0;
+   border : 1px solid #B9D8D9;
+}
+
+#searchheader .btn-group > .btn:first-child {
+    margin-left : .7em;
+}
+
+#searchheader form {
+       float : right;
+  padding : 5px 5px 3px 0;
+}
+
+#searchheader form.fz3950 {
+       float : right;
+       font-size : 125%;
+       padding : 0 0 0 5em;
+}
+
+#searchheader form.fz3950bigrpad {
+       float : right;
+       font-size : 125%;
+       padding : 5px 25em 0 0;
+}
+
+#searchheader .yui-button button,
+#searchheader .yui-button a {
+       line-height : 1.5em;
+}
+
+#search-facets ul {
+       margin : 0;
+       padding : .3em;
+}
+
+#search-facets {
+    border : 1px solid #B9D8D9;
+    border-radius: 5px 5px 0 0;
+}
+
+#search-facets h4 {
+     background-color : #E6F0F2;
+    border-bottom : 1px solid #B9D8D9;
+     border-radius: 5px 5px 0 0;
+       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.showmore {
+       font-weight : bold;
+       text-indent : 1em;
+}
+
+.facet-count {
+    display: inline-block;
+}
+
+div.pages {
+       margin : .5em 0;
+}
+
+div.pages a {
+       font-weight: bold;
+       padding: 1px 5px 1px 5px;
+       text-decoration: none;
+}
+
+div.pages a:link,
+div.pages a:visited {
+       background-color : #eeeeee;
+       color : #3366CC;
+}
+
+div.pages a:hover {
+       background-color : #FFC;
+}
+
+div.pages a:active {
+       background-color : #ffc;
+}
+
+div.pages .current,
+div.pages .currentPage {
+       background-color : #e6fcb7;
+       color : #666;
+       font-weight: bold;
+       padding: 1px 5px 1px 5px;
+}
+
+div.pages .inactive {
+       background-color : #f3f3f3;
+       color : #BCBCBC;
+       font-weight: bold;
+       padding: 1px 5px 1px 5px;
+}
+
+div.browse {
+       margin : .5em 0;
+}
+
+div#bookcoverimg {
+       text-align : center;
+}
+
+div#header_search input.submit {
+       font-size : 1em;
+}
+
+*html input.submit {
+       padding : .1em;
+}
+
+input[type=submit]:active, input[type=button]:active, button.submit:active, a.submit:active {
+       border : 1px inset #999999;
+}
+
+input[type=submit], input[type=reset], input[type=button], input.submit, button.submit, a.submit {
+       border: 1px outset #999999;
+       border-top-color: #666;
+       border-left-color: #666;
+       -moz-border-radius : 2px;
+       padding: 0.25em;
+       background: #ffffff; /* Old browsers */
+       background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 35%, #e0e0e0 100%); /* FF3.6+ */
+       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#f7f7f7), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
+       background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
+       background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Opera11.10+ */
+       background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* IE10+ */
+       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
+       background: linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* W3C */
+       color: #333333;
+}
+
+input[type=submit]:disabled,
+input[type=reset]:disabled,
+input[type=button]:disabled,
+input.submit:disabled,
+button.submit:disabled,
+a.submit:disabled {
+    color : #999;
+    border : 1px solid #C0C0C0;
+    background : #EEE none;
+}
+
+input[type=reset]:active, input[type=button]:active, input.submit:active, button.submit:active, a.submit:active {
+       border : 1px inset #999999;
+}
+
+a.submit {
+    display: inline-block;
+}
+
+ul li input.submit {
+       font-size : 87%;
+       padding : 2px;
+}
+
+input.warning {
+    background : #FFF url(../../img/famfamfam/silk/error.png) no-repeat 4px center;
+       padding : 0.25em 0.25em 0.25em 25px;
+}
+
+.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;
+}
+
+ul#toplevelmenu {
+    padding : 0;
+}
+
+table > caption span.actions {
+    font-size: 66%;
+    font-weight : normal;
+    margin : 0 .5em 0 0;
+}
+
+#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;
+}
+
+tr.reserved td {
+       background-color : #eeffd4;
+}
+tr.transfered td {
+       background-color : #e8f0f6;
+}
+.waitinghere,
+.credit {
+       color : #669900;
+}
+
+/* Permissions Labels */
+label.permissioncode:before {
+       content: "(";
+}
+label.permissioncode:after {
+       content: ")";
+}
+label.permissioncode {
+       font-style : italic;
+}
+span.permissiondesc {
+       font-weight : normal;
+}
+#mainuserblock {
+       border : 1px solid #E8E8E8;
+       margin-top : .5em;
+       padding : .5em;
+}
+
+.labeledmarc-table {
+       border: 0;
+}
+
+.labeledmarc-label {
+       border: 0;
+       padding: 5;
+       font-size: 11pt;
+    color: #000000;
+    font-style: italic;
+}
+
+.labeledmarc-value {
+       border: 0;
+       padding: 5;
+       font-size: 10pt;
+       color: black;
+}
+
+#marcPreview table { border: 0; margin: .7em 0 0 0; font-family: monospace; font-size: 95%; }
+#marcPreview th { background-color : #FFF; border: 0; white-space: nowrap; text-align:left; vertical-align: top; padding: 2px; }
+#marcPreview td { border: 0; padding : 2px; vertical-align: top; }
+#marcPreview tbody tr:nth-child(2n+1) td { background-color: #FFF; }
+#marcPreview { width : 80%; margin-left : -40%; }
+@media (max-width: 767px) { #marcPreview { margin: 0; width : auto; } }
+
+#cartDetails {
+       background-color : #FFF;
+       border: 1px solid #739acf;
+        -moz-box-shadow: 1px 1px 3px 0 #666;
+        -webkit-box-shadow: 1px 1px 3px 0 #666;
+        box-shadow: 1px 1px 3px 0 #666;
+       color : black;
+       display : none;
+       margin : 0;
+       padding : 10px;
+       text-align : center;
+       width : 180px;
+       z-index : 50;
+}
+#cartmenulink {
+        background: transparent url("../../img/cart-small.gif") left center no-repeat;
+        padding-left : 15px;
+}
+#cartmenulink span#basketcount span {
+       display : inline;
+       font-size : 90%;
+       font-weight : normal;
+       padding : 0;
+}
+#moremenu {
+        display : none;
+}
+
+.results_summary {
+  display: block;
+  font-size : 85%;
+  color: #707070;
+  padding : 0 0 .5em 0;
+}
+.results_summary .label {
+  color: #202020;
+}
+.results_summary a {
+  font-weight: normal;
+}
+
+ul.budget_hierarchy {
+    margin-left: 0px;
+    padding-left: 0px;
+}
+ul.budget_hierarchy li {
+    display: inline;
+}
+ul.budget_hierarchy li:after {
+    content: " -> ";
+}
+ul.budget_hierarchy li:last-child:after {
+    content: "";
+}
+ul.budget_hierarchy li:first-child:after {
+    content: "";
+}
+.child_fund_amount {
+    font-style: italic;
+}
+.holdcount { font-size : 105%; line-height : 200%; }
+.holdcount a {
+       border : 1px solid #a4bedd;
+       background-color : #e4ecf5;
+       font-weight : bold;
+       -moz-border-radius: 4px;
+       border-radius: 4px;
+       padding : .1em .4em;
+       text-decoration : none;
+}
+.holdcount a:hover { background-color : #ebeff7; }
+.container {
+       border : 1px solid #EEE;
+       padding : 1em;
+       margin : 1em 0;
+}
+fieldset.rows+h3 {clear:both;padding-top:.5em;}
+
+.import_export{
+    position:relative;
+}
+.import_export .import_export_options{
+    background: white;
+    border: 1px solid #CDCDCD;
+    left: 60px;
+    padding: 10px;
+    position: absolute;
+    top: 0;
+    z-index: 1;
+    width: 300px;
+}
+.import_export_options fieldset.rows li label {
+    width : 16em;
+}
+.form_import fieldset.rows li label {
+    width : auto;
+}
+
+.import_export_options .export_ok {
+    padding: 10;
+    background: #E3E3E3 none;
+    cursor: pointer;
+    margin-left: 20px;
+    border: none;
+}
+.import_export_options {
+    padding: 10;
+    background: #E3E3E3 none;
+    cursor: pointer;
+    margin-left: 20px;
+    border: none;
+}
+.form_import .input_import {
+    border: 1px solid #bcbcbc;
+}
+.import_export_options .importing {
+    padding: inherit;
+    background: none;
+}
+
+.importing {
+    position: relative;
+}
+
+.importing .importing_msg {
+    padding-left: 10px;
+    padding-bottom: 10px;
+}
+
+.field_hint {
+    color: grey;
+    font-style: italic;
+    padding-left: 1em;
+}
+
+.m880 {
+    display:block;
+    text-align:right;
+    float:right;
+    width:50%;
+    padding-left:20px
+}
+
+.advsearch {
+    margin: 0;
+}
+
+.advsearch table {
+    border-spacing : 5px;
+    border-collapse : separate;
+    border-width : 0;
+}
+.advsearch td {
+    border : 1px solid #EEE;
+    padding : 0.3em 0.4em;
+}
+#circ_circulation_issue {
+    position: relative;
+    }
+
+#clearscreen {
+    position: absolute;
+    top:0;
+    right:0;
+    }
+
+#clearscreen a {
+    display:block;
+    -moz-border-radius: 0 0 0 5px;
+    border-radius: 0 0 0 5px;
+    padding : 0 .7em .2em .7em;
+    background-color : #EEE;
+    color : #CCC;
+    text-shadow: 0px -1px 0px #666;
+    text-decoration: none;
+    font-size: 160%;
+    font-weight : bold
+    }
+#clearscreen a:hover {
+    color : #cc0000;
+    }
+
+div.pager {
+       background-color : #E8E8E8;
+       border : 1px solid #BCBCBC;
+       -moz-border-radius : 5px;
+    border-radius : 5px;
+       display : inline-block;
+       font-size : 85%;
+       padding : .3em .5em .3em .5em;
+       margin : .4em 0;
+}
+div.pager img {
+       vertical-align : middle;
+}
+
+div.pager img.last {
+       padding-right: 5px;
+}
+div.pager input.pagedisplay {
+       border : 0;
+       background-color : transparent;
+       font-weight: bold;
+       text-align : center;
+}
+a.localimage img {
+       border : 1px solid #0000CC;
+       margin : 0 .5em;
+       padding : .3em;
+}
+
+.no-image {
+    background-color : #FFF;
+    border: 1px solid #AAA;
+    color : #979797;
+    display:block;
+    font-size : 86%;
+    font-weight : bold;
+    text-align : center;
+    width : 75px;
+    border-radius : 3px;
+}
+
+div.pager p {
+       margin: 0;
+}
+
+div#acqui_order_supplierlist > div.supplier {
+    border: 1px solid #EEEEEE;
+    margin: 0.5em;
+    padding: 1em;
+}
+
+div#acqui_order_supplierlist > div.supplier > span.suppliername {
+    display: inline;
+    font-size: 1.7em;
+    margin-bottom: 0.5em;
+}
+
+div#acqui_order_supplierlist > div.supplier > span.action {
+    margin-left: 5em;
+}
+
+div#acqui_order_supplierlist > div.supplier > div.baskets {
+    margin-top: 0.5em;
+}
+
+.supplier-contact-details {
+    float: left;
+}
+
+#add-contact {
+    margin: 0 0 8px 8px;
+}
+
+#contact-template {
+    display: none;
+}
+
+/* Override core jQueryUI widgets */
+.ui-widget-content { border: 1px solid #B9D8D9; background: #ffffff none; color: #222222; }
+.ui-widget-header { border: 1px solid #B9D8D9; background: #E6F0F2 none; color: #222222; font-weight: bold; }
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #B9D8D9; background: #F4F8F9 none; font-weight: normal; color: #555555; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #B9D8D9; background: #E6F0F2 none; font-weight: normal; color: #212121; }
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff none; font-weight: normal; color: #212121; }
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #FED22F; background: #FFF4C6; color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
+
+/* Override jQuery Autocomplete */
+.ui-autocomplete {
+    position: absolute;
+    cursor: default;
+    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
+    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
+    box-shadow: 2px 2px 2px rgba(0,0,0,.3);
+}
+.ui-autocomplete.ui-widget-content .ui-state-hover {
+    border: 1px solid #B9D8D9;
+    background: #E6F0F2 none;
+    font-weight: normal;
+    color: #212121;
+}
+.ui-autocomplete-loading {
+    background: #FFF url("../../img/loading-small.gif") right center no-repeat;
+}
+
+/* jQuery UI standard tabs */
+.ui-menu li {
+    list-style:none;
+}
+
+.ui-tabs-nav .ui-tabs-active a,
+.ui-tabs-nav a:hover,
+.ui-tabs-nav a:focus,
+.ui-tabs-nav a:active,
+.ui-tabs-nav span.a {
+    background: none repeat scroll 0 0 transparent;
+    outline: 0 none;
+}
+
+.ui-tabs .ui-tabs-nav li.ui-tabs-active {
+    background-color : #FFF;
+    border : 1px solid #B9D8D9;
+    border-bottom-width: 0;
+}
+
+.ui-widget,
+.ui-widget input,
+.ui-widget select,
+.ui-widget textarea,
+.ui-widget button {
+    font-family : inherit;
+    font-size : inherit;
+}
+ul.ui-tabs-nav li {
+    list-style : none;
+}
+.ui-tabs.ui-widget-content {
+    background : transparent none;
+    border : 0;
+}
+
+.ui-tabs .ui-tabs-panel {
+    border : 1px solid #B9D8D9;
+}
+.ui-tabs-nav.ui-widget-header {
+    border : 0;
+    background : none;
+}
+.ui-tabs .ui-tabs-nav li {
+    background: #E6F0F2 none;
+    border: 1px solid #B9D8D9;
+    margin-right : .4em;
+    top: 1px;
+}
+.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
+    color : #000;
+    font-weight : bold;
+}
+
+.ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
+    background : #EDF4F5 none;
+}
+
+.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover {
+    background : #FFF none;
+}
+
+.ui-tabs .ui-state-default a,
+.ui-tabs .ui-state-default a:link,
+.ui-tabs .ui-state-default a:visited {
+    color: #004D99;
+}
+
+.ui-tabs .ui-state-hover a,
+.ui-tabs .ui-state-hover a:link,
+.ui-tabs .ui-state-hover a:visited {
+    color: #538200;
+}
+
+.statictabs ul {
+    background: none repeat scroll 0 0 transparent;
+    border: 0 none;
+    margin: 0;
+    padding: 0.2em 0.2em 0;
+    border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 4px;
+    border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    color: #222222;
+    font-weight: bold;
+    font-size: 100%;
+    line-height: 1.3;
+    list-style: none outside none;
+    outline: 0 none;
+    text-decoration: none;
+}
+
+.statictabs ul:after {
+    clear: both;
+}
+
+.statictabs ul:before,
+.statictabs ul:after {
+    content: "";
+    display: table;
+}
+
+.statictabs ul li {
+    background: none repeat scroll 0 0 #E6F0F2;
+    border: 1px solid #B9D8D9;
+    border-bottom: 0 none;
+    border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    float: left;
+    list-style: none outside none;
+    margin-bottom: 0;
+    margin-right: 0.4em;
+    padding: 0;
+    position: relative;
+    white-space: nowrap;
+    top: 1px;
+    color: #555555;
+    font-weight: normal;
+
+}
+
+.statictabs ul li.active {
+    background-color: #FFFFFF;
+    color: #212121;
+    font-weight: normal;
+    padding-bottom: 1px;
+}
+
+.statictabs ul li a {
+    color: #004D99;
+    cursor: pointer;
+    float: left;
+    padding: 0.5em 1em;
+    text-decoration: none;
+}
+
+.statictabs ul li a:hover {
+    background-color : #EDF4F5;
+    border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    color : #538200;
+}
+
+.statictabs ul li.active a {
+    color: #000000;
+    font-weight: bold;
+    cursor: text;
+    background: none repeat scroll 0 0 transparent;
+    outline: 0 none;
+    top : 1px;
+}
+
+.statictabs .tabs-container {
+    border: 1px solid #B9D8D9;
+    background: none repeat scroll 0 0 transparent;
+    display: block;
+    padding: 1em 1.4em;
+    border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 4px;
+    color: #222222;
+}
+
+/* jQuery UI header search box tabs */
+#header_search ul.ui-tabs-nav {
+    padding-top : 0;
+    margin-left: 1em;
+}
+#header_search ul.ui-tabs-nav li.ui-state-default {
+    border: 0;
+    background : transparent none;
+    top: 0;
+}
+#header_search ul.ui-tabs-nav li.ui-state-default a {
+    padding : .3em .6em;
+}
+#header_search ul.ui-tabs-nav li.ui-tabs-active {
+    border : 1px solid #85CA11;
+    border-top-width: 0;
+    top: -2px;
+    background-color : #FFFFF1;
+}
+#header_search ul.ui-tabs-nav li.ui-tabs-active a {
+    text-decoration: none;
+}
+#header_search .ui-corner-top {
+     border-radius: 0 0 4px 4px;
+}
+
+.authref {
+    font-style: normal;
+    text-indent: 4em;
+}
+
+.seefrom, .seealso {
+    font-style: italic;
+    text-indent: 2em;
+}
+
+#authfinderops {
+    float: right;
+}
+div.authorizedheading {
+  font-weight: bold;
+}
+.authres_notes, .authres_seealso, .authres_otherscript {
+  padding-top: 3px;
+}
+.authres_notes {
+  font-style: italic;
+}
+
+
+.contents {
+    width: 75%;
+}
+
+.contentblock {
+    position: relative;
+    margin-left: 2em;
+}
+
+.contents .t:first-child:before {
+    content: "→ ";
+}
+
+.contents .t:before {
+    content: "\A→ ";
+    white-space: pre;
+}
+
+.contents .t {
+    font-weight: bold;
+    display: inline;
+}
+
+.contents .r {
+    display: inline;
+}
+
+#hierarchies a {
+    font-weight: normal;
+    text-decoration: underline;
+    color: #069;
+}
+
+#hierarchies a:hover {
+    color: #990033;
+}
+
+#didyoumeanopac, #didyoumeanintranet {
+    float: left;
+    width: 260px;
+}
+
+.pluginlist {
+    padding-bottom: 10px;
+}
+.plugin {
+    margin: 0 1em 1em 0;
+}
+.pluginname {
+    margin: 0.3em;
+    padding-bottom: 4px;
+    padding-left: 0.2em;
+    background-color: #E6F0F2;
+}
+.pluginname .ui-icon {
+    float: right;
+}
+.plugindesc {
+    padding: 0.4em;
+}
+.ui-sortable-placeholder {
+    border: 1px dotted black;
+    visibility: visible !important;
+    height: 80px !important;
+}
+.ui-sortable-placeholder * {
+    visibility: hidden;
+}
+
+/* jQuery UI Datepicker */
+.ui-datepicker table {
+    width: 100%;
+    font-size: .9em;
+    border : 0;
+    border-collapse: collapse;
+    margin:0 0 .4em;
+}
+
+.ui-datepicker th {
+    background : transparent none;
+    padding: .7em .3em;
+    text-align: center;
+    font-weight: bold;
+    border: 0;
+}
+
+.ui-datepicker-trigger {
+    vertical-align: middle;
+    margin : 0 3px;
+}
+.ui-datepicker {
+    -moz-box-shadow: 1px 1px 3px 0 #666;
+    -webkit-box-shadow: 1px 1px 3px 0 #666;
+    box-shadow: 1px 1px 3px 0 #666;
+}
+
+/* css for timepicker */
+.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
+.ui-timepicker-div dl { text-align: left; }
+.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
+.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
+.ui-timepicker-div td { font-size: 90%; }
+.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
+.ui_tpicker_second,
+.ui_tpicker_millisec,
+.ui_tpicker_microsec {
+    display: none;
+}
+
+/* jQuery UI Accordion */
+.ui-accordion-header,
+.ui-widget-content .ui-accordion-header {
+    font-weight: bold; font-size : 110%;
+}
+
+fieldset.rows.ui-accordion-content {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    margin: 0;
+    padding: 0;
+    width: auto;
+}
+
+fieldset.rows.ui-accordion-content table {
+    margin : 0;
+}
+
+video {
+    width: 480px;
+}
+
+/* Bootstrap overrides */
+.btn {
+    border-color : #ADADAD #ADADAD #949494;
+}
+
+.btn.btn-link {
+    border : 0;
+}
+
+.btn-small .caret {
+    margin-top : .6em;
+}
+
+.icon-hold {
+    background-position:-24px -166px;
+}
+
+.icon-copy {
+    background-position:-3px -166px;
+}
+
+.icon-merge {
+    background-position:-48px -166px;
+}
+
+#toolbar .btn,
+#toolbar .dropdown-menu {
+    font-size: 13px;
+}
+a.btn:link,
+a.btn:visited{
+    color: #333333;
+}
+.dropdown-menu li {
+    list-style: none outside none;
+}
+a.dropdown-toggle {
+    white-space: nowrap;
+}
+[class^="icon-"],[class*=" icon-"]{background-image:url("../../img/glyphicons-halflings-koha.png");}
+.icon-white,.nav-tabs>.active>a>[class^="icon-"],.nav-tabs>.active>a>[class*=" icon-"],.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"]{background-image:url("../../img/glyphicons-halflings-white-koha.png");}
+a.disabled {
+    color : #999999;
+}
+
+.navbar {
+    color: #333;
+}
+
+.navbar .nav > li > a {
+    color: #004D99;
+    font-weight: bold;
+    padding : .4em .2em;
+}
+
+.navbar .nav > li {
+    list-style: none outside none;
+    padding : 0 .6em;
+}
+
+.navbar .nav > li > a:focus,
+.navbar .nav > li > a:hover {
+    color: #538200;
+}
+
+.navbar .nav li.dropdown.open > .dropdown-toggle,
+.navbar .nav li.dropdown.active > .dropdown-toggle,
+.navbar .nav li.dropdown.open.active > .dropdown-toggle {
+    background: transparent none;
+}
+
+.navbar-static-top .navbar-inner {
+    background: #E6F0F2 none;
+    border: 0;
+    box-shadow: none;
+    min-height: 0;
+    padding-left: 0;
+}
+.navbar-fixed-bottom .navbar-inner {
+    min-height: 0;
+    padding : .4em 0;
+}
+
+.navbar-fixed-bottom .nav > li > a {
+    font-weight: normal;
+    padding : .05em .3em;
+}
+
+.navbar-fixed-bottom .nav > li {
+    border-right : 1px solid #CCC;
+}
+
+.navbar-fixed-bottom .nav > li:last-child {
+    border-right : 0;
+}
+
+.navbar-fixed-bottom .nav > li.navbar-text {
+    line-height: normal;
+    padding : 0.4em 0.7em;
+}
+.navbar .nav > li {
+    list-style: none outside none;
+    padding : 0 .6em;
+}
+.navbar .nav > li > a {
+    color: #004D99;
+    font-weight: bold;
+    padding : .4em .3em;
+}
+.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
+    background: transparent none;
+}
+
+.navbar .nav > li > a:focus,
+.navbar .nav > li > a:hover {
+    color: #538200;
+}
+
+.navbar .nav li.dropdown.open > .dropdown-toggle,
+.navbar .nav li.dropdown.active > .dropdown-toggle,
+.navbar .nav li.dropdown.open.active > .dropdown-toggle {
+    background: transparent none;
+}
+
+.tooltip.bottom .tooltip-arrow {
+    border-bottom-color: #EEE;
+}
+.tooltip.bottom .tooltip-inner {
+    background-color : #FFF;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+    color: #000;
+    padding : 1em;
+    font-size : 120%;
+}
+.separator { color : #666; padding : 0 .2em; }
+
+.close {
+    position: inherit;
+    top: auto;
+    right : auto;
+    filter : none;
+    float : none;
+    font-size: inherit;
+    font-weight: normal;
+    opacity: inherit;
+    text-shadow: none;
+}
+
+.close:hover {
+    color: #538200;
+    filter: inherit;
+    font-size: inherit;
+    opacity: inherit;
+}
+
+/* Redefine a new style for Bootstrap's class "close" since we use that already */
+/* Use <a class="closebtn" href="#">&times;</a> */
+.alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
+.modal-header .closebtn{margin-top:2px;}
+.closebtn{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.closebtn:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
+button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
+
+.btn-group label,
+.btn-group select {
+    font-size: 13px;
+}
+
+.tooltip-inner {
+    white-space:pre-wrap;
+}
+
+/* End Bootstrap overrides */
+
+.waiting {
+    cursor: wait;
+}
+
+fieldset.rows table.mceListBox {
+    margin: 0;
+}
+
+#jobpanel,#jobstatus,#jobfailed { display : none; }
+#jobstatus { margin:.4em; }
+#jobprogress{ width:200px;height:10px;border:1px solid #666;background:url('../../img/progress.png') -300px 0px no-repeat; }
+#selections { width : 100%; white-space : normal; }
+#selections span { margin:3px;padding:3px;background-color:#EBF3FF;-moz-border-radius:5px;border-radius:5px;white-space:nowrap;line-height:240%;font-size:75%; }
+#selections span.selected { background-color : #CCE0FC; }
+#selections input { vertical-align:middle;margin:0 2px; }
+#changepasswordf input[type="text"],
+#changepasswordf input[type="password"] {
+    font-size: 140%;
+    font-family : monospace;
+    padding : .3em;
+}
+
+/* Class to be added to toolbar when it starts being fixed at the top of the screen*/
+
+.floating {
+    -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
+    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
+}
+
+div#toolbar.floating,
+#searchheader.floating {
+    border-radius: 0;
+    margin-top: 0;
+}
+
+.inline {
+    display : inline;
+}
+
+.nowrap {
+    white-space: nowrap;
+}
+
+.tag_editor {
+    background: transparent url("../../img/edit-tag.png") top left no-repeat;
+    display : block;
+    float : left;
+    width : 16px;
+    height: 16px;
+    margin : 4px;
+    text-indent: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+.browse-controls {
+    margin-left: 1.1em;
+    margin-right: .5em;
+    padding-bottom: 1em;
+    padding-top: 1em;
+}
+
+#browse-return-to-results {
+    border-top-left-radius : 3px;
+    border-top-right-radius : 3px;
+    display: block;
+    text-align: center;
+}
+
+.browse-button {
+    color: #004d99;
+    padding: .4em .6em;
+    display: inline-block;
+}
+
+span.browse-button {
+    background: #fafafa;
+    color: #222;
+}
+
+.browse-button:hover {
+    background: #fafafa;
+}
+
+.browse-label,
+.browse-prev-next {
+    border: 1px solid #b9d8d9;
+}
+
+.browse-label {
+    border-top-left-radius : 5px;
+    border-top-right-radius : 5px;
+    background-color : #e8f0f6;
+}
+
+.browse-prev-next {
+    border-top-width: 0;
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px;
+}
+
+#browse-previous {
+    border-right : 1px solid #B9D8D9;
+    border-bottom-left-radius: 5px;
+    padding-right: 1em;
+}
+
+#browse-next {
+    border-top-width : 0;
+    border-bottom-right-radius: 5px;
+    float: right;
+    padding-right: 1em;
+}
+
+.loading-overlay {
+    background-color: #FFF;
+    cursor: wait;
+    height: 100%;
+    left: 0;
+    opacity: .7;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: 1000;
+}
+.loading-overlay div {
+    background : transparent url(../../img/loading.gif) top left no-repeat;
+    font-size : 175%;
+    font-weight: bold;
+    height: 2em;
+    left: 50%;
+    margin: -1em 0 0 -2.5em;
+    padding-left : 50px;
+    position: absolute;
+    top: 50%;
+    width: 15em;
+}
+
+#merge_invoices {
+    display: none;
+    margin: 1em auto;
+}
+
+#merge {
+    margin: 0.5em 0 0 0;
+}
+
+#merge_table tr.active td {
+    background-color: #FFFFCC;
+}
+
+.renewals {
+    display:block;
+    font-size:0.8em;
+    padding:0.5em;
+}
+
+#transport-types {
+    padding-top: 0.5px;
+}
+
+#i18nMenu .navbar-text .currentlanguage {
+    color : #000;
+    font-weight: bold;
+}
+
+#i18nMenu a.currentlanguage:link,
+#i18nMenu a.currentlanguage:visited {
+    font-weight: bold;
+}
+
+#i18nMenu a,
+#i18nMenu a:link,
+#i18nMenu a:visited {
+    color : #004d99;
+    font-weight: normal;
+}
+
+#i18nMenu a:hover,
+#i18nMenu a:active {
+    color : #538200;
+    font-weight: normal;
+}
+
+#i18nMenu a .sublanguage-selected {
+    color: #000;
+    font-weight: bold;
+}
+
+#i18nMenu .dropdown-menu a:hover,
+#i18nMenu .dropdown-menu a:focus {
+    color : #FFF;
+}
+
+#circ_circulation_issue .onsite_checkout-select label,
+.onsite_checkout-select label {
+    font-size : inherit;
+    font-weight: normal;
+}
+span.onsite_checkout {
+    color: #cc0000;
+}
+.onsite-checkout-only {
+    background-color : rgba(255, 242, 206, 0.5);
+    border-radius: 4px;
+    border : 1px solid #FFF2CE;
+}
+div.lastchecked {
+    padding : .2em 1em;
+    border: 2px solid #BCDB89;
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px;
+}
+.branchgriditem {
+    background-color: #fff;
+    border: 1px solid #b9d8d9;
+    border-radius: 3px;
+    display: table-cell;
+    float: left;
+    margin: 3px;
+    padding: 0.3em;
+}
+.branchgridrow {
+    display: table-row;
+}
+.branchselector {
+    display: table;
+}
+
+.hq-author {
+    font-weight: bold;
+}
+
+div#cn_browser_table_wrapper > table#cn_browser_table {
+   margin: auto;
+   width:90%;
+}