accurator/commit

CSS editor and typeahead updated.

diff --git a/web/css/accurator.css b/web/css/accurator.css
index e66f725..d57a1df 100644
--- a/web/css/accurator.css
+++ b/web/css/accurator.css
@@ -313,8 +313,6 @@ Item page
 .itemDivHidden {
 	display: none;
 }
-/* Item page: Typeahead functionality */
-/* source: http://twitter.github.io/typeahead.js/examples/ */
 
 #itemFrmAnnotationFields {
 	text-align: center;
@@ -325,41 +323,115 @@ Item page
   vertical-align: bottom;
 }
 
-#itemInpPageType,
-.tt-menu {
-  width: 396px;
+/* Item page: Typeahead functionality */
+/* source: https://github.com/bassjobsen/typeahead.js-bootstrap-css */
+span.twitter-typeahead .tt-menu,
+span.twitter-typeahead .tt-dropdown-menu {
+	position: absolute;
+	top: 100%;
+	left: 0;
+	z-index: 1000;
+	display: none;
+	float: left;
+	min-width: 160px;
+	padding: 5px 0;
+	margin: 2px 0 0;
+	list-style: none;
+	font-size: 14px;
+	text-align: left;
+	background-color: #ffffff;
+	border: 1px solid #cccccc;
+	border: 1px solid rgba(0, 0, 0, 0.15);
+	border-radius: 4px;
+	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+	background-clip: padding-box;
+}
+
+span.twitter-typeahead .tt-suggestion {
+	display: block;
+	padding: 3px 20px;
+	clear: both;
+	font-weight: normal;
+	line-height: 1.42857143;
+	color: #333333;
+	white-space: nowrap;
+}
+
+span.twitter-typeahead .tt-suggestion.tt-cursor,
+span.twitter-typeahead .tt-suggestion:hover,
+span.twitter-typeahead .tt-suggestion:focus {
+	color: #ffffff;
+	text-decoration: none;
+	outline: 0;
+	background-color: #337ab7;
+	cursor: pointer;
+}
+
+.input-group.input-group-lg span.twitter-typeahead .form-control {
+	height: 46px;
+	padding: 10px 16px;
+	font-size: 18px;
+	line-height: 1.3333333;
+	border-radius: 6px;
+}
+
+.input-group.input-group-sm span.twitter-typeahead .form-control {
+	height: 30px;
+	padding: 5px 10px;
+	font-size: 12px;
+	line-height: 1.5;
+	border-radius: 3px;
+}
+
+span.twitter-typeahead {
+	width: 100%;
+}
+
+.input-group span.twitter-typeahead {
+	display: block !important;
+	height: 34px;
+}
+
+.input-group span.twitter-typeahead .tt-menu,
+.input-group span.twitter-typeahead .tt-dropdown-menu {
+	top: 32px !important;
+}
+
+.input-group span.twitter-typeahead:not(:first-child):not(:last-child) .form-control {
+	border-radius: 0;
+}
+
+.input-group span.twitter-typeahead:first-child .form-control {
+	border-top-left-radius: 4px;
+	border-bottom-left-radius: 4px;
+	border-top-right-radius: 0;
+	border-bottom-right-radius: 0;
+}
+
+.input-group span.twitter-typeahead:last-child .form-control {
+	border-top-left-radius: 0;
+	border-bottom-left-radius: 0;
+	border-top-right-radius: 4px;
+	border-bottom-right-radius: 4px;
 }
 
-.tt-menu {
-  text-align: left;
-  margin: 4px 0;
-  padding: 4px 0;
-  background-color: #fff;
-  border: 1px solid #ccc;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  -webkit-border-radius: 8px;
-     -moz-border-radius: 8px;
-          border-radius: 8px;
-  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
-     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
-          box-shadow: 0 5px 10px rgba(0,0,0,.2);
+.input-group.input-group-sm span.twitter-typeahead {
+	height: 30px;
 }
 
-.tt-suggestion {
-  padding: 1px 20px;
-  font-size: 13px;
-  line-height: 18px;
+.input-group.input-group-sm span.twitter-typeahead .tt-menu,
+.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
+	top: 30px !important;
 }
 
-.tt-suggestion:hover {
-  cursor: pointer;
-  color: #fff;
-  background-color: #0097cf;
+.input-group.input-group-lg span.twitter-typeahead {
+	height: 46px;
 }
 
-.tt-suggestion.tt-cursor {
-  color: #fff;
-  background-color: #0097cf;
+.input-group.input-group-lg span.twitter-typeahead .tt-menu,
+.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
+	top: 46px !important;
 }
 
 /*******************************************************************************
diff --git a/web/css/annotorious.css b/web/css/annotorious.css
index 26adff3..9bf75b4 100644
--- a/web/css/annotorious.css
+++ b/web/css/annotorious.css
@@ -189,7 +189,7 @@
   width:240px;
   height:50px;
   outline:none;
-  font-family:Verdana, Arial;
+  /*font-family:Verdana, Arial;*/
   font-size:11px;
   padding:4px;
   margin:0px;
@@ -209,7 +209,7 @@
   display:inline-block;
   text-align:center;
   text-decoration:none;
-  font-family:Verdana, Arial;
+  /*font-family:Verdana, Arial;*/
   font-size:10px;
   border:1px solid #777;
   color:#ddd;
@@ -235,7 +235,7 @@
   margin:0px;
   background-color:#fff;
   padding:3px;
-  font-family:Verdana, Arial;
+  /*font-family:Verdana, Arial;*/
   font-size:12px;
 }