CSS for autocomplete extracted from jquery-ui css and included in general css

app/static/css/style.css

@@ -176,6 +176,64 @@ background-color:red;
 color: #fafafa;
 }
 
+.ui-autocomplete {
+position: absolute;
+top: 100%;
+left: 0;
+z-index: 1000;
+float: left;
+display: none;
+min-width: 160px;
+padding: 4px 0;
+margin: 0 0 10px 25px;
+list-style: none;
+background-color: #ffffff;
+border-color: #ccc;
+border-color: rgba(0, 0, 0, 0.2);
+border-style: solid;
+border-width: 1px;
+-webkit-border-radius: 5px;
+-moz-border-radius: 5px;
+border-radius: 5px;
+-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+-webkit-background-clip: padding-box;
+-moz-background-clip: padding;
+background-clip: padding-box;
+*border-right-width: 2px;
+*border-bottom-width: 2px;
+}
+
+.ui-menu-item > a.ui-corner-all {
+display: block;
+padding: 3px 15px;
+clear: both;
+font-weight: normal;
+line-height: 18px;
+color: #555555;
+white-space: nowrap;
+text-decoration: none;
+}
+
+.ui-menu-item {
+  margin: 3px 15px;
+}
+
+.ui-state-hover, .ui-state-active {
+color: #ffffff;
+text-decoration: none;
+background-color: #0088cc;
+border-radius: 0px;
+-webkit-border-radius: 0px;
+-moz-border-radius: 0px;
+background-image: none;
+}
+
+.ui-helper-hidden-accessible {
+    display: none;
+}
+
 
 
 .footer{
@@ -489,4 +547,4 @@ nav { font-size: .7em }
 @page { size: A5; margin: 1cm }
 @media print {
     nav { display: none }
-}
+}