@charset "utf-8";
/* CSS Document */
body
{
margin:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #b0b1af;
}
ul
{
list-style: none;
margin: 17px 0px 0px 0px;
width: 530px;
border:1px solid;
}


.name.wordtype.descr {
	background:white;
}
#display{

}
html{
   height:101%;
}
#content
{
padding:30px;
width:100%;
	max-width:700px;
	min-height:255px;
	border:1px solid #666;
margin-bottom:0px;
  margin-left: auto;
  margin-right: auto;
	background-color: white;
	
}
@media screen and (max-width: 680px) {
    
	#pages {
        display: none!important;
    }
}

.foundnum{
margin-left:0px;
margin-bottom:17px;
color:#888;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
.comment{
margin-right:75px;
margin-top:10px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif; 
	font-style: italic;
	float:right;
}
.suggestion{
margin-left:65px;
margin-top:10px;
color:#888;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}
.searchable{
	margin-top:10px;
	background-image: url(pixel-bg.png);
    background-position: right 30px;
    background-repeat: repeat-x;
}
#clear
{ clear:both; }
#box
{
float:left;
margin:0 0 20px 0;
text-align:justify;
}
input[type=text]{
	width: 100%;height:30px;
	text-transform: lowercase;
}
input[type=submit]{
width:70px; margin-left:5px;height:30px!important;
	float:right;
}
form {
	margin-top:50px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
	
  }
#result-box{
width:500px;
}

span li.name{
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	color:#1a73e9;
	font-size: 19px;
	text-transform: lowercase;
margin: 0;
padding: 0;
}
span li.wordtype{
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	color:green;
	margin: 0;
	padding: 0;
	margin-top:10px;
	margin-bottom:10px;
}
span li.descr{
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	color: #000000;
	padding-left:0px;
	padding-right:0px;
	padding-bottom: 10px; 
	background-image: url(pixel-bg.png);
    background-position: bottom;
    background-repeat: repeat-x;
}

span.suggest{
	color:blue;
	font-style:italic;
	font-size:14px;
	text-transform: lowercase;
background-color: #FFF;
border-bottom: 1px solid #FFF;
}
span.suggest:first-letter{
	text-transform: uppercase;
}

span.dum{
	color:red;
	font-size:14px;
}
div.tseska{
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
border-bottom: 1px solid #367;
}
p.misspell{
	margin: 0;
    padding: 0;
	margin-top:5px;
}
#allresult ul li.descrresult{
	display:block;
background-color: #FFF;
border-bottom: 1px solid #FFF;
}
.paginate {
font-weight:bold;
	padding: 3px;
	padding-top:30px;
	margin: 3px;
	text-align: center;
	position: inline-block;
	margin-top: 12px;
}

.paginate a {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid black;
	text-decoration:none;
	color: black;
	background-color:#FFF;
}
.paginate a:hover, .paginate a:active {
	border: 1px solid #999;
	background-color: black;
	color: #FFF;
}
.paginate span.current {
    	margin: 2px;
		padding: 2px 5px 2px 5px;
		border: 1px solid #999;
		background-color: #FFF;
		color: #999;
	}
	.paginate span.disabled {
		padding:2px 5px 2px 5px;
		margin:2px;
		border:1px solid #999; 
		color:#999; 
	}
.ui-autocomplete {width:50%;}

.ui-autocomplete li{
	width:100%;
	text-transform: lowercase;
	display: block;
padding: 5px;
	background:white;
		background-image: url(pixel-bg.png);
    background-position: bottom;
    background-repeat: repeat-x;}
.mobilepagination {
	text-align:center; margin-top:30px;
	font-weight:bold;
	padding: 3px;
	margin: 3px;
	text-align: center;
	position: inline-block;
	margin-top: 12px;
	

}
.mobilepagination a {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid black;
	text-decoration:none;
	color: black;
	background-color:#FFF;
}
.mobilepagination a:hover, .mobilepagination a:active {
	border: 1px solid #999;
	background-color: black;
	color: #FFF;
}
@media screen and (min-width: 680px) {
    
	.mobilepagination {
        display: none!important;
		
    }
}
@media screen and (min-width: 1265px) {
    
	.ui-autocomplete {width:auto;}
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 250px;
  height: 83.19631661442px;
}
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing:border-box;
}
.box {
	padding-top: 10px;
}
a:link{
  text-decoration: none!important;
}
div.box {
  display: block;
}
 a  div.box{
  display: block;
  background-color: #ffffff;
  color: #FFF;
}
 a:hover div.box{
  display: block;
  background-color: #f6f5f5;
  color: #000;
}
.boxcontrast {
	background-image: url(pixel-bg.png);
    background-position: top 30px;
    background-repeat: repeat-x;
	margin-top:40px;
	padding-top:10px;
	
	
}