div.ui-error-container {
	border: 1px solid red;
	margin: 5px;
	padding: 5px;
}
div.ui-error-container ol li {
	list-style-type: circle;
	margin-left: 5px;
}
div.ui-error-container { display: none }
.ui-error-field {
	background: url('/_images/ui-error-field.png') 50% 50% repeat-x;
}
body {
	background-color: #eee;
}

@media (min-width: 768px) {
  .container {
    max-width: 1024px;
  }
}
#inputForm { margin: 0 auto; max-width: 580px; }
#inputForm .form-control { display: inline-block; max-width: 400px; }
#inputForm label { display: inline-block; width: 170px; vertical-align: top; }
#inputForm .infolabel { display: inline-block; width: 570px;}

.typeahead, .tt-query, .tt-hint, .tt-input {
	width: 400px;
	padding: 8px 12px;
	outline: none;
}
.tt-dropdown-menu { 
	width:400px;
	overflow-y: auto;
	max-height: 400px;  
	margin-top: 8px; 
	padding: 3px 0;
	background-color: #fff;
	color: #906161;
	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);
}
.typeahead { background-color: #fff;}
.typeahead:focus { border: 1px solid #0097cf;}
.tt-hint { color: #999; }
.tt-query {
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	   -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
.tt-suggestion {
	padding: 3px 10px 3px 20px;
}
.tt-suggestion.tt-cursor {
	color: black;
	background-color: #e8d0d0;
}
.tt-suggestion p {
	margin: 0;	
}