a.mlink{font-family:Tahoma;font-size:15px; margin-top:17px; color: #150BFF; }
#tb a:link   { color:black;background-color:#C0C0CF;border-bottom:1px solid #3E6D8E;border-right:1px solid #7F9FB6; margin-top:-100px; padding:3px 4px 3px 4px;text-decoration:none; font-size:90%;line-height:2.4;}
#header {height:60px; background-color: #77a13d;}
#sidebar{width:auto; padding: 0;margin-bottom: 0;text-align: left;background-color: #005500;padding-left: 10px;padding-top: 5px; color: #ffffff; height: 30px;}
#sidebar a {color: #FFFFFF;text-decoration: none;font-size: 12pt;}
#footer {clear:both;border-top:1px solid #000;background:#77a13d;padding:10px;color:#fff;font-size:8pt;text-align:center;width:auto;}
#content {width:98%; float:right; overflow: hidden; padding-right: 10px; padding-left: 1px;}
#content h2 {color:#060;font-size:18pt;border-bottom:1px solid #ccc;}
#content h3 {color: Navy;font-size:14pt;}
#Verb {color: blue;}
p {text-align: justify; }
p.index {text-align: center;}
p.phrases {color:Olive; display:inline;font-weight: bold; font-style: italic;}
div.links {width:95%; text-align: left; margin: auto;}
body {font-family:arial, helvetica, sans-serif; font-size:1.1em;}

@media screen and (max-width: 200px){
	#yandex_rtb_R-A-68929-6 { display: none; }	/*center top and down */
}
@media screen and (min-width: 200px) and  (max-width:299px){
	#yandex_rtb_R-A-68929-6 { display:inline-block; width: 200px; height: 90px;} 
}
@media screen and (min-width: 300px) and  (max-width:319px){
	#yandex_rtb_R-A-68929-6 { display:inline-block; width: 300px; height: 90px;}
}
@media screen and (min-width: 320px) and  (max-width:479px){
	#yandex_rtb_R-A-68929-6 { display:inline-block; width: 320px; height: 90px;}
}
@media screen and (min-width: 480px) and  (max-width:500px) {
	#yandex_rtb_R-A-68929-6 { display:inline-block; width: 468px; height: 90px;} 
}
@media screen and (min-width: 501px) and  (max-width:599px) {
	#yandex_rtb_R-A-68929-6 { display:inline-block; width: 500px; height: 90px;} 
}

@media screen and (min-width: 600px) and  (max-width:800px) {
	#yandex_rtb_R-A-68929-6 { display:inline-block; width: 600px; height: 100px;} 
}

@media screen and (min-width: 801px) and  (max-width:900px) {
	#yandex_rtb_R-A-68929-6 { display:inline-block; width: 700px; height: 100px;} 
}
@media screen and (min-width: 901px) and  (max-width:1140px) {
	#yandex_rtb_R-A-68929-6 { display:inline-block; width: 800px; height: 120px;} 
}

@media screen and (min-width: 1141px) {
	#yandex_rtb_R-A-68929-6 { display:inline-block; width: 900px; height: 120px; margin-left: 8%;} 
}

@media screen and (max-width:639px) {
 #header h1 {color:#fff;font-size:18pt;margin:0;padding:5px 10px 10px 10px; text-align: center;}
 #container {width:auto; max-width:640px; overflow: hidden; margin:20px auto 20px auto; border:1px solid #000;padding-right: 0px;}
 a.spec{color:#060;font-weight:bold;font-size:14pt; line-height: 2;} 
}
@media screen and (min-width: 640px) {
#header h1 {color:#fff;font-size:20pt;margin:0; text-align: center; padding-top:15px;} 
a.spec{color:#060;font-weight:bold;font-size:10pt;}
}

@media screen and (min-width: 640px) and  (max-width:800px){
#container {width:auto; max-width:800px; overflow: hidden; margin:20px auto 20px auto; border:1px solid #000;padding-right: 0px;}
}

@media screen and (min-width: 801px) and  (max-width:1200px) {
#container {width:95%; max-width:1000px; overflow: hidden; margin:20px auto 20px auto; border:1px solid #000;padding-right: 0px;}
}
@media screen and (min-width: 1201px) {
#container {width:auto; max-width:1200px; overflow: hidden; margin:20px auto 20px auto; border:1px solid #000;padding-right: 0px;}
}
.suggestions {border: 1px solid #A3D0C3; max-height: 150px; overflow-y: auto; position: absolute; background-color: white; margin-left: 2px; margin-top: -2px; width: calc(100% - 4px); z-index: 1000; }
.suggestion-item {padding: 10px; cursor: pointer; }
.suggestion-item:hover {background-color: #f0f0f0; }
* {box-sizing: border-box;}
form { position: relative; min-width: 180px; max-width: 400px; margin: 0 auto; }
input {width: 100%; height: 42px; padding-left: 10px; border: 2px solid #A3D0C3; border-radius: 5px; outline: none; background: #F9F0DA; color: #9E9C9C; }
.sbutton {position: absolute; top: 0; right: 0px; width: 42px; height: 42px; border: none; background: #A3D0C3; background-image: url('/pic/button24.png'); background-size: 24px 24px; background-repeat: no-repeat; background-position: center; cursor: pointer; border-radius: 0 5px 5px 0; cursor: pointer; }
.sbutton:before {background-image: url(/pic/button24.png) no-repeat;}
.button.cycle.small {height: 1.625rem; width: 1.625rem;}
.button.cycle {border-radius: 50%;}

.spbutton {
  background-image: url('/pic/volume-up.svg');
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.button {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  background-color: #ebebeb;
  border: 1px solid transparent;
  display: inline-flex;
  font-weight: 400;
  justify-content: center;
  outline: none;
  overflow: visible;
  position: relative;
  text-align: center;
  transition: all .15s ease-in-out;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}
