@charset "UTF-8";

body { font-family:arial; font-size:1.20em; overflow-x: hidden; overflow-y: auto; }

div.entry { display:block; border:0px solid black; padding:10px 10px 10px 10px;  }

div.form {display:inline; }
div.entry > div.form { display:block; text-align:center; font-size:12px; }
div.entry > div.form > div.medo_logo {display:block;}
div.entry > div.form > div.medo-hw {display:block; margin:3px 0px 3px 0px;}

div.xr {display:inline;}
div.entry > div.xr[type="pron"] {display:block; cursor:pointer; text-align:center;}

div.hom { display:block;}
div.hom + div.hom { margin-top:6px;}

div.gramGrp { display:inline;}
div.hom > div.gramGrp > div.gram[type="pos"] { font-variant:small-caps; font-weight:bold; }
div.sense {display:block; margin-left:15px;}
div.sense-before { font-family:lucida sans unicode; font-size:14px; margin-left:-15px; display:block; float:left; }

re {display:block;}

div.orth {display:inline;font-weight:bold;}

div.def {display:inline;}
div.gram {display:inline;}

.dmapi_link {text-decoration:underline; color: blue; cursor: pointer;}

a > img {border:0; border-style:none;}
a:hover {text-decoration:underline;}

.informal {
 color: grey;
}

td.ec {
    font-family:times;
    font-size:16px;
}

b.ec {
    font-family:times;
    font-size:18px;
}

input.asearch {
  font-size:18px;
  font-weight:bold;
}

a.mbreslink {
  font-size:24px;
}

#olform {
  vertical-align: center;
}
#formset {
  padding-top: 10px;
}
#fb1 {
  display: inline-block;
  vertical-align: center;
}
#fb2 {
  display: inline-block;
  vertical-align: top;
}
.btn {
  font-size: 10px;
  width: 10em;
  margin-bottom: 2px;
  height: 25px;
}
#olinput {
  height: 50px;
  font-size: 30px;
}
#olsubmit {
  -webkit-appearance: none;
  height: 50px;
  vertical-align: top;
  font-size: 20px;
}
#main {
        display: flex;
        flex-flow: column;
        align-items: center;
}
#section-dicts {
  margin: 10px;
  flex: 1 1 auto;
  max-width:100%;
  order: 1;
}
#section-defn {
        margin: 10px;
        flex: 1 1 auto;
}
@media all and (min-width: 750px) {
        #main {
                flex-flow: row wrap;
                align-items: flex-start;
        }
        #section-dicts {
                flex: 1 1 0%;
                order: 0;
        }
        #section-defn {
                flex: 1 1 0%;
        }
}
@media all and (min-width: 992px) {
        #section-dicts {
                flex: 3 1 0%;
        }
        #section-defn {
                flex: 2 1 0%;
        }
}