Fix for Bug 6855 - List bullet showing in wrong place on error message
[koha-ffzg.git] / koha-tmpl / intranet-tmpl / prog / en / css / staff-global.css
index fec66d6..c19eb95 100644 (file)
@@ -1,8 +1,37 @@
 @import url("../lib/yui/reset-fonts-grids.css");
 @import url("../lib/yui/skin.css");
 
-a, a:link, a:visited, a:active {
-       color : #0000CC;
+input:focus, textarea:focus {
+    border-color:#538200;
+    border-style:solid;
+    border-radius: 4px;
+}
+
+radio:focus, checkbox: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 {
@@ -13,9 +42,6 @@ a.yuimenuitemlabel {
         color: #000000;
 }
 
-a:hover {
-       color : #669ACC;
-}
 
 a.overdue,
 .overdue,
@@ -82,9 +108,6 @@ h1,h2,h3,h4,h5,h6 {
        margin : .3em 0;
 }
 
-html {
-}
-
 p {
        margin: .5em 0 .5em 0;
 }
@@ -111,9 +134,6 @@ em strong {
     font-style : italic;
 }
 
-#hd {
-}
-
 #navigation {
        border-right : 1px solid #BCBCBC;
 }
@@ -140,12 +160,6 @@ em strong {
        text-decoration : none;
 }
 
-#ft {
-}
-
-.yui-u {
-}
-
 #doc, #doc1, #doc2, #doc3 {
        padding-top : 1em;
 }
@@ -155,10 +169,6 @@ em strong {
        right : .5em;
 }
 
-#login a {
-
-}
-
 ul {
        padding-left : 1.1em;
 }
@@ -180,9 +190,31 @@ ol li {
 }
 
 #header {
-       background-color : #F3F3F3;
-       border-bottom : 1px solid #E8E8E8;
-       line-height : 2em;
+    background-color : #e6f0f2;
+    line-height : 2em;
+}
+
+#header a.toplinks {
+    #color: #ffffff;
+    font-weight: bold;
+}
+
+.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 {
@@ -193,7 +225,9 @@ ol li {
     visibility: hidden;
 }
 
-.clearfix {display: inline-block;}
+.clearfix {
+    display: inline-block;
+}
 
 /* Hides from IE-mac \*/
 * html .clearfix {height: 1%;}
@@ -334,25 +368,29 @@ span.problem {
 }
 
 fieldset {
-       border : 2px solid #EEEEEE;
        margin : 1em 1em 1em 0;
        padding : 1em;
+    background-color:#f4f8f9;
+    border:2px solid #b9d8d9;
+    border-radius:5px;
 }
 
 legend {
        font-size : 123.1%;
        font-weight : bold;
-       margin : 0 0 0 -1em;
-       padding : 0;
+    border:2px solid #b9d8d9;
+    background-color:#ffffff;
+    border-radius:3px;
+    text-align:right;
+    padding: 0.2em 0.5em;
 }
 
 #breadcrumbs {
-       background-color : #F3F3F3;
-       border-bottom : 1px solid #E8E8E8;
-       clear : both;
-       font-size : 90%;
-       padding :.2em .5em .4em 10px;
-       margin : 0;
+    background-color : #e6f0f2;
+    clear : both;
+    font-size : 90%;
+    padding :.2em .5em .4em 10px;
+    margin : 0;
 }
 
 #header+#breadcrumbs {
@@ -391,12 +429,12 @@ div#header_search ul.link-tabs li.off a {
 
 div#header_search div.residentsearch {
        border : 0;
-       border-bottom : 1px solid #FF9900;
+    border-bottom : 1px solid #85ca11;
        padding : 0 0 .2em 0;
 }
 
 div#reserves,div#checkouts {
-       border : 1px solid #E8E8E8;
+        border : 1px solid #B9D8D9;
        padding : 1em;
 }
 
@@ -432,8 +470,11 @@ dd {
 }
 
 div#toolbar {
-       background-color : #F3F3F3;
+       background-color : #EDF4F6;
        margin-bottom : .7em;
+     padding: 5px 5px 5px 5px;
+      border-radius: 5px 5px 0 0;
+    border: 1px solid #E6F0F2;
 }
 
 div#toolbar .yui-menu-button button,
@@ -449,9 +490,6 @@ ul.toolbar button {
        padding-bottom : 2px;
        font-family: arial, verdana, helvetica, sans-serif;
 }
-.yui-menu-button  {
-       
-}
 
 a.yuimenuitemlabel-disabled, #disabled a {
        color: #999;
@@ -477,7 +515,7 @@ div.patroninfo {
 }
 
 div.patroninfo h5 {
-       border-right :  1px solid #000;
+    border-right:1px solid #b9d8d9;
        margin-bottom : 0;
        padding-left : -.5em;
        padding-top : .3em;
@@ -486,7 +524,7 @@ div.patroninfo h5 {
 
 div.patroninfo ul {
        border : 0;
-       border-right : 1px solid #000;
+    border-right:1px solid #b9d8d9;
        border-bottom : 0;
        border-top : 0;
        padding : 0;
@@ -513,7 +551,7 @@ div.patronviews {
 }
 
 fieldset.brief {
-       border : 1px solid #E8E8E8;
+    border : 2px solid #B9D8D9;
 }
 
 fieldset.brief label,
@@ -575,7 +613,7 @@ div.yui-b fieldset.brief fieldset legend {
 
 fieldset.rows {  
 border-width : 1px;
-border-bottom : 1px solid #666;
+border:2px solid #b9d8d9;
 float : left;
 font-size : 90%;
 clear : left;
@@ -665,6 +703,14 @@ fieldset.rows ol.radio label.radio {
        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;
@@ -685,10 +731,10 @@ fieldset.rows label.yesno {
 fieldset.action, div.action {
        clear : both;
        float : none;
-       border : none;
-       margin : 0;
-       padding : 1em 0 .3em 0;
-       width : auto;
+    border : 0px;
+  margin: 0;
+     padding: .4em .4em .4em .1em;
+  width: auto;
 }
 
 div.rows {
@@ -759,7 +805,7 @@ fieldset.rows .inputnote {
 }
 
 .ui-tabs-nav a, .ui-tabs-nav a span, .ui-tabs-nav span.a {
-   background : none;
+    background : none;
        display : block;
        padding: .2em .5em .25em .5em;
 }
@@ -769,14 +815,15 @@ fieldset.rows .inputnote {
 }
 
 .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;
+    border-top: 1px solid #e6f0f2;
+    border-right: 1px solid #85ca11;
+    border-bottom: 1px solid #85ca11;
+    border-left: 1px solid #85ca11;
        font-weight : bold;
        text-align : center;
        text-decoration : none;
+    border-radius: 0px 0px 4px 4px;
+    color : #000000;
 
 }
 
@@ -785,11 +832,11 @@ fieldset.rows .inputnote {
 }
 
 .ui-tabs-nav .ui-tabs-selected a:hover {
-       color : #0000CC;
+    color : #000000;
 }
 
 .ui-tabs-nav li.ui-tabs-selected {
-       background-color : #FFFFCC;
+    /* background-color : #FFFFCC; */
 }
 
 .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 {
@@ -818,24 +865,25 @@ fieldset.rows .inputnote {
 }
 
 .toptabs .ui-tabs-nav li a, .toptabs .ui-tabs-nav li span.a {
-       background-color : #F3F3F3;
-       border : 1px solid #E8E8E8;
+       background-color : #E6F0F2;
+    border : 1px solid #B9D8D9;
        text-align : center;
        text-decoration : none;
-}
-
-.toptabs .ui-tabs-nav li.ui-tabs-selected  {
-
+    border-radius : 3px 3px 0 0;
 }
 
 .toptabs .ui-tabs-nav li.ui-tabs-selected a, .toptabs .ui-tabs-nav li.ui-tabs-selected span.a {
        background-color : #FFF;
+       border-top : 1px solid #85CA11;
+        border-right : 1px solid #85CA11;
+      border-left : 1px solid #85CA11;
        border-bottom : 1px solid #FFF;
        margin-top : 0;
+    border-radius : 3px;
 }
 
 .toptabs .tabs-container {
-       border : 1px solid #E8E8E8;
+      border : 1px solid #B9D8D9;
        padding : 1em;
 }
 
@@ -857,7 +905,7 @@ fieldset.rows .inputnote {
     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, #newbasket a, #newrootbudget-button, #budgets_menuc .first-child, #periods_menuc .first-child {
+#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;
@@ -886,7 +934,17 @@ fieldset.rows .inputnote {
        background-repeat : no-repeat;
 }
 
-#editpatron a, #editmenuc .first-child, #editshelf a, #edit a, #editsupplier a, #managelabel a, #managetemplate a, #managelabelbatch a, #manageprofile a {
+#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;
@@ -1217,6 +1275,15 @@ div.alert strong {
        color : #900;
 }
 
+div.dialog {
+  background : #FFC url(../../img/dialog-bg.gif) repeat-x left 0;
+  text-align : center;
+}
+
+.dialog li {
+ list-style-position:inside;
+}
+
 a.document {
        background-position : left middle;
        background-repeat : no-repeat;
@@ -1290,6 +1357,7 @@ div.note {
 
 span.required {
        font-style : italic;
+       margin-left : .5em;
 }
 
 .term {
@@ -1312,7 +1380,7 @@ a:hover .term {
 }
 
 div#menu {
-       border-right: 1px solid #000;
+    border-right:1px solid #b9d8d9;
        margin-right: .5em;
        padding-top: 1em;
        padding-bottom: 2em;
@@ -1325,19 +1393,20 @@ div#menu {
 div#menu li a {
        text-decoration: none;
        display: block;
-       background: #eeeeee; /* Old browsers */
-       background: -moz-linear-gradient(left, #eeeeee 0%, #eeeeee 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); /* FF3.6+ */
-       background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(96%,#eeeeee), color-stop(97%,#e6e6e6), color-stop(99%,#cccccc), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
-       background: -webkit-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
-       background: -o-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera11.10+ */
-       background: -ms-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */
-       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */
-       background: linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */
+
+              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+ */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f0f6', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */
+       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 #000;
+    border:1px solid #b9d8d9;
        font-size: 111%;
        margin: .5em 0;
        padding: .4em .3em;
@@ -1345,19 +1414,24 @@ div#menu li a {
 }
 
 div#menu li a:hover {
-       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+ */
-       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f0f6', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */
-       background: linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* W3C */
+
+
+     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+ */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */
+       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 :  #0000CC;
+    color :  #538200;
 }
 
 #menu ul li {
@@ -1367,8 +1441,12 @@ div#menu li.active a:hover {
 #menu ul li.active a {
        background-color: #FFF;
        background-image : none;
-       border-right: 0;
        font-weight: bold;
+    color:#000000;
+    border-left: 1px solid #85CA11;
+    border-top: 1px solid #85CA11;
+    border-bottom: 1px solid #85CA11;
+    border-right: 0;
 }
 
 ul.error {
@@ -1505,10 +1583,12 @@ li.email {
 }
 
 #searchheader {
-       background-color : #f3f3f3;
+     background-color : #E6F0F2;
        font-size : 80%;
        margin : 0 0 .5em -1px;
-       padding : .1em 0 .1em 1em;
+ padding : .1em 0 .4em 1em;
+     border-radius : 5px 5px 0 0;
+   border : 1px solid #B9D8D9;
 }
 
 /* Hack just for Firefox */
@@ -1516,11 +1596,9 @@ html>/**/body #searchheader button, x:-moz-any-link, x:default {
        padding-bottom : 3px;
 }
 
-#searchheader h3 {
-}
-
 #searchheader form {
        float : right;
+  padding : 5px 5px 3px 0;
 }
 
 #searchheader form.fz3950 {
@@ -1546,12 +1624,14 @@ html>/**/body #searchheader button, x:-moz-any-link, x:default {
 }
 
 #search-facets {
-       border : 1px solid #e8e8e8;
+    border : 1px solid #B9D8D9;
+    border-radius: 5px 5px 0 0;
 }
 
 #search-facets h4 {
-       background-color : #F3F3F3;
-       border-bottom : 1px solid #e8e8e8;
+     background-color : #E6F0F2;
+    border-bottom : 1px solid #B9D8D9;
+     border-radius: 5px 5px 0 0;
        font-size : 90%;
        margin : 0;
        padding : .4em .2em;
@@ -1570,9 +1650,6 @@ html>/**/body #searchheader button, x:-moz-any-link, x:default {
        padding : .1em .2em;
 }
 
-#search-facets li li a {
-}
-
 #search-facets li.showmore {
        font-weight : bold;
        text-indent : 1em;
@@ -1654,6 +1731,16 @@ input[type=submit], input[type=reset], input[type=button], input.submit, button.
        color: #333333;
 }
 
+input[type=submit]:disabled,
+input[type=reset]:disabled,
+input[type=button]:disabled,
+input.submit:disabled,
+button.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 {
        border : 1px inset #999999;
 }
@@ -1691,13 +1778,13 @@ a.yuimenuitemlabel:hover {
 #toplevelnav {
        float : left;
        margin-left : .5em;
-       width : 30em;
+     width: 40%;
 }
 
 ul#toplevelmenu {
        padding : 0;
 }
-               
+
 ul#toplevelmenu li {
        display: inline;
        padding : 0 .6em;
@@ -1738,10 +1825,15 @@ ul#i18nMenu {
 ul#i18nMenu li {
        border-left : 1px solid #CCC;
        display : inline;
+       float: left;
        list-style : none;
        padding : 0 10px;
- }
+}
+
+ul#i18nMenu li.yuimenuitem {
+       float: none;
+}
+
 ul#i18nMenu li:first-child {
        border-left : 0;
  }
@@ -1752,7 +1844,6 @@ ul#i18nMenu li ul li {
        padding : 0;
  }
  
-               
 ul#i18nMenu li.more a {
        background-image:url(../../img/more-up-arrow.gif);
        background-position:right center;
@@ -1862,9 +1953,8 @@ span.permissiondesc {
        padding : .5em;
 }
 
-
 /* borrower autocomplete */
-#borrowerautocomplete { width: 450px; text-align:left;} /* z-index needed on top instances for ie & sf absolute inside relative issue */
+#borrowerautocomplete { width: 500px; text-align:left;} /* z-index needed on top instances for ie & sf absolute inside relative issue */
 .autocomplete .yui-ac-highlight ,
 .autocomplete .yui-ac-highlight .sample-result,
 .autocomplete .yui-ac-highlight .sample-query { color:#FFF; }
@@ -1887,7 +1977,8 @@ span.permissiondesc {
        border: 0;
        padding: 5;
        font-size: 11pt;
-       color: darkblue;
+    color: #000000;
+    font-style: italic;
 }
 
 .labeledmarc-value {
@@ -2054,52 +2145,49 @@ fieldset.rows+h3 {clear:both;padding-top:.5em;}
     padding-left:20px
 }
 
-#advanced-search fieldset {
-       border : 1px solid #EEE;
-       -moz-border-radius : 3px;
-       border-radius : 3px;
+.advsearch {
+    margin: 0;
 }
 
-#advanced-search fieldset.action {
-       border : 0;
+.advsearch fieldset {
+    border : 1px solid #EEE;
+    -moz-border-radius : 3px;
+    border-radius : 3px;
 }
 
-#advanced-search fieldset fieldset {
-       border : 1px solid #EEE;
-       margin : 0;
-       padding : .3em .5em;
-       -moz-border-radius : 0;
-       border-radius : 0;
+.advsearch fieldset.action {
+    border : 0;
 }
-#advanced-search fieldset fieldset+fieldset {
-       border-top : 0;
+
+.advsearch fieldset fieldset {
+    border : 1px solid #EEE;
+    margin : 0;
+    padding : .3em .5em;
+    -moz-border-radius : 0;
+    border-radius : 0;
 }
-#advanced-search table {
-       border-spacing : 5px;
-       border-collapse : separate;
-       border-width : 0;
+.advsearch fieldset fieldset+fieldset {
+    border-top : 0;
 }
-#advanced-search td {
-       border : 1px solid #EEE;
-       padding : 0.3em 0.4em;
+.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 {
-    margin-right: 0;
     position: absolute;
     top:0;
     right:0;
     }
-/* CSS Hack to target Firefox */
-@-moz-document url-prefix() {
-    #clearscreen {
-        margin-right : 1em;
-        top: -1em;
-    }
-}
+
 #clearscreen a {
     display:block;
     -moz-border-radius: 0 0 0 5px;
@@ -2125,7 +2213,11 @@ div.pager {
        padding : .3em .5em .3em .5em;
        margin : .4em 0;
 }
-div.pager img {
+div.pager img {+/* jQuery UI Autocomplete */
++ul.ui-autocomplete li { list-style-type: none; font-size : inherit; }
++ul.ui-autocomplete { -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); }
++input.ui-autocomplete-input.active { background: transparent url("../../img/loading-small.gif") right center no-repeat; }
+
        vertical-align : middle;
 }
 div.pager img.last {
@@ -2145,3 +2237,50 @@ a.localimage img {
 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;
+}
+
+/* jQuery UI Autocomplete */
+ul.ui-autocomplete li {
+    list-style-type: none;
+    font-size : inherit;
+}
+
+ul.ui-autocomplete {
+    -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 {
+    background-image : none;
+}
+
+.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;
+}