/****************************************************** Bike **/

body {
    background-color: #eee;
    width: 800px;
    font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;  /**/
    font-size: 16px;			/**/
    margin: 0;
    padding: 0;
}

#bike {
    margin-left: 1em;
    margin-right: 1em;
    padding-top: 1em;
}
#bike a {
    color: #02a;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
#bike a:hover {
    font-weight: bold;
    text-decoration: none;
    color: #a20;
}

p {
    margin-top: 0;
    margin-bottom: .2em;
}

h1 {
    color: #02a;
    font-size: 180%;
    margin-top: 0;
    margin-bottom: .25em;
}

h2 {
    font-size: 140%;
    margin-top: 0;
    margin-bottom: .5em;
}

h3 {
    margin-top: .5em;
    margin-bottom: .1em;
}

h3 a:focus, h3 a:focus img {
    border: none;
    outline: none;
}

ul {
    margin-top: 0;
    margin-bottom: .1em;
}

/**************************************************************/

a {
    color: #02a;
    text-decoration: underline;
    cursor: pointer;
}
a:hover {
    color: #a20 !important;
    text-decoration: underline;
}
a:visited {				/**/
    color: grey;			/**/
    text-decoration: underline;		/**/
}					/**/
.disabled {
    color: #777 !important;
}
pre {
    background-color: #fff;
    border: 1px #000 dotted;
    padding: .5em;
    margin: 0;
}
img {
    border: none;
    vertical-align: bottom;
}
.hidden {
    display: none;
}
.httypes {
    list-style-type: none;
}
#topbar, #sidebar {
    background-color: #9ce;
}
#topbar a, #sidebar a {
    color: navy;
    font-weight: bold;
    text-decoration: none;
}
#topbar a:hover, #sidebar a:hover {	/**/
    color: #a20;			/**/
    text-decoration: none;		/**/
}					/**/
#topbar {
    width: 100%;
}
#topbar td {
    padding-left: 1em;
    padding-right: 1em;
    vertical-align: bottom;
}
#logo {
/** width: 180px; **/
    padding-top: .25em;			/**/
    padding-bottom: .25em;		/** padding-bottom: .4em; **/
}
#help-search, #topbar-navigation {
    text-align: right;
    white-space: nowrap;
}
#help-search input {
    font-size: 70%;
}
#help-search, #topbar-navigation {
    padding-top: 1em;
    padding-bottom: .5em;
}
#topbar-navigation ul {
    padding: 0;
    margin: 0;
}
#topbar-navigation li {
    display: inline;
    padding-left: 1em;
}
#toolbar {
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
#toolbar-info {
    text-align: left;
    white-space: nowrap;
}
#help-search-form, #corpus-search-form {
    margin: 0;
    padding: 0;
    width: 100%;
}
#corpus-search {
    text-align: right;
    white-space: nowrap;
}
#toolbar-info, #corpus-search {
    padding-left: 1em;
    padding-right: 1em;
}
#corpus-search select {
    width: 15em;
}
#toolbar-info ul {
    padding: 0;
    margin: 0;
}
#toolbar-info li {
    display: inline;
    padding: 0 1em 0 0;
}
#sidebar {
    float: left;
}
#in-sidebar {
    padding: 1em;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    min-height: 50em;
    position: relative;
}
#sidebar ul, #sidebar p {
    margin: .5em 0 2em 0;
}
#sidebar ul {
    list-style-type: none;
    padding-left: 3px;
    line-height: 1.5em;
}
#sidebar .submenu {
    margin: 0 0 .3em .3em;
}
#sidebar .menu_switch {
    position: absolute;
    bottom: 0px;
    margin-bottom: 1em;
}
#sidebar ul img {
    vertical-align: middle;
}
#sidebar label {
    display: block;
    font-weight: bold;
    background-color: #fff;
    padding: .3em .5em .3em .5em;
    border: 1px solid #000;
}
form {
    width: auto;
    display: table;
}
fieldset {
    border: 1px solid #000;
    background-color: #dee;
}
fieldset.parallel table.form table.form {
    margin-left: 5em;
}
table.data {
    border: 1px solid #000;
    border-spacing: 0px;
    -webkit-print-color-adjust: exact;
}
table.bim {
    background-color: #cfc;
    position:relative;
    left: -1px;
}
table.data tr.odd {
    background-color: #fff;
}
table.data tr.even {
    background-color: #dee;
}
table.data tr.odd:hover {
    background-color: #ffb;
}
table.data tr.even:hover {
    background-color: #dea;
}
table.data td, table.data th {
    padding: 3px 5px 3px 5px;
}
table.data th {
    text-align: left;
    font-weight: bold;
    background-color: #9ce;
}
#obsolete_corpus {
    background-color: #ff9;
    border-bottom: 1px solid #000;
    padding: 2px 1em;
}
/* from here definitions are for bonito only */
#sidebar {
    width: 10em;
}
#sidebar.horizontal {
    width: 100%;
    border: solid 1px black;
    border-width: 0px 0px 1px 0px;
    padding-bottom: 0px;
    margin-bottom: 1.5em;
}
#in-sidebar.horizontal {
    border: 0px solid #000;
    position: static;
    min-height: 3em;
}
#in-sidebar.horizontal hr {
    margin: 10px 0px 10px 0px;
    clear: both;
}
#sidebar.horizontal ul {
    margin-top: 0px;
    margin-bottom: 2px;
    list-style-type: none;
}
#sidebar.horizontal li {
    float: left;
    padding: 0 2em 0 0;
}
#sidebar.horizontal .submenu {
    visibility: hidden;
    position: absolute;
    display: block;
    border: 1px solid black;
    padding: 8px;
    margin: 0 0 0 -20px;
    background-color: #9CE;
}
#sidebar.horizontal .submenu li {
    float: none;
}
#sidebar.horizontal .menu_switch {
    float: right;
    position: relative;
    margin-bottom: 5px;
}
#sidebar.horizontal li:hover .submenu {
    visibility: visible;
    z-index: 100;
}
#content {
    display: block;
    margin: 0px 0px 0px 10em;
    padding: 1.5em;
    white-space: nowrap;
}
#content.horizontal {
    margin-left: 0px;
    white-space: normal;
}
#error, #notification {
    display: inline-block;
    background-color: #EAB7B7;
    margin: 0px 0px 1.5em 0px;
    color: #A32424;
    padding: 1em 20px 1em 1em;
    font-weight: bold;
    border: solid 1px #A32424;
    border-radius: 4px;
}
#notification {
    background-color: #FFFF99;
    color: black;
    border-color: black;
}
#error span, #notification span {
    margin: 0px 4em 0px 1em;
    float: left;
    max-width: 700px;
}
#error img, #notification img {
    float: left;
}
#error #close-icon, #notification #close-icon {
    float: right;
}
.menu_switch, .context_help {
    font-size: 12px;			/** font-size: 9px; **/
    list-style-type: none;
}
#footer {
    margin-top: 5px;
    color: #999;
    clear: right;
}
#lc_logo, #ske_version, #switch_language {
    text-align: right;
}
#lc_logo a {
    color: #999;
}
.lemma {
    font-size: 200%;			/** font-size: 300%; **/
}
#lemma2header {
    background-color: #CFC;
    display: inline-block;
    padding: 0px 5px 0px 5px;
}
.mwlemma {
    font-size: 200%;
}
.backlight {
    background-color: #fcc;
}
.eval_set {
    font-size: 200%;
    font-weight: bold;
}
.note {
    padding: 0 0 0 1em;
    color: #555;
}
.clust {
    padding: 0 0 0 1em;
    font-size: 85%;
}
.highlighted {
    font-weight: bold;
    color: red;
}
.advanced_options h3 {
    font-size: 160%;
    margin: 10px 0px 0px 2px;
}
.advanced_options h4 {
    font-size: 120%;
    margin: 20px 0px 0px 0px;
}
.indent {
    margin-left: 3em;
}
.no-wrap {
    white-space: nowrap;
}
.ffopts {
    display: inline-block;
    margin-left: 5px;
}
#content form {
    background-color: #DEE;
    display: inline-block;
    border: solid 1px black;
    padding: 1em;
    margin: 0px 0px 1em 0px;
    border-radius: 4px;
}
#content div.bonito-pagination form {
    background-color: transparent;
    border: 0px;
    margin: 0px;
    padding: 0.5em 0.5em 0px 0.5em;
}
#content form.tblexform {
    border: none;
    min-width: 0px;
    background-color: transparent;
    padding: 0px;
}
fieldset {
    border: none;
    margin: 14px 0px 6px 0px;
    padding: 0px 0px 0px 14px;
}
fieldset legend {
    font-size: 120%;			/** font-size: 130%; **/
    font-weight: bold;
    padding: 0px 0px 5px 0px;
    margin-left: -11px;
    white-space: normal;
}
fieldset fieldset {
    float: left;
    margin: 6px 10px 6px 6px;
}
fieldset fieldset legend {
    font-size: small;
}
fieldset p {
    width: 500px;
}
input[type="text"] {
    display: inline-block;
    border: solid 1px #999;
    padding: 1px;
}
.wrong {
    outline: red solid 1px;
    background-color: #FDD;
}
.multiple_choice {
    display: inline-block;
    height: 80px;
    overflow: scroll;
    overflow-x: auto;
    overflow-y: scroll;
    border: solid 1px #AAA;
    background-color: white;
}
.multiple_choice label {
    display: block;
    border: dashed 1px #AAA;
    border-width: 0px 0px 1px 0px;
    padding-right: 4px;
}
.multiple_choice label.over {
    background-color: #DDD;
}
.multiple_choice label input[type="checkbox"] {
    margin: 0px 0px 0px 2px;
    vertical-align: bottom;
}
.multiple_choice label.sel {
    background-color: #CCC;
}
.multiple_choice label.sel.over {
    background-color: #BBB;
}
table.form th {
    text-align: right;
    font-weight: normal;
    white-space: nowrap;
    vertical-align: top;
    padding: 5px 5px 5px 0px;
}
tbody.advanced_query input[type="text"] {
    width: 280px;
}
tbody.simple_query input[type="text"] {
    width: 280px;
}
fieldset.parallel input[type="text"] {
    width: 262px;
}
table.form tr.required th {
    font-weight: bold;
}
#advanced {
    margin-top: 10px;
}
div.buttons {
    padding-top: 5px;
}
#save_ws_options {
    display: none;
}
#save_thes_options {
    display: none;
}
#save_wsdiff_options {
    display: none;
}
.texttypetable tr td {
    vertical-align: top;
}
input.fc_lemword {
    width: 120px !important;
}
.envelope {
    border: solid 1px #CCC;
    background-color: #eee;
    padding: 4px;
    margin: 3px;
    float: left;
}
.envelope th {
    font-style: normal;
    font-weight: bold;
    padding: 3px;
    display: block;
    margin-bottom: 2px;
    text-transform: uppercase;
    text-align: center;
    min-width: 200px;
}
.envelope ul {
    list-style-type: none;
    padding-left: 16px;
    margin: 0px;
}
.envelope ul.httypes {
    padding-left: 0px;
}
.envelope input {
    margin: 0px;
}
#progress_message {
    border: 1px solid green;
    border-radius: 4px;
    margin-top: 1em;
    background-color: #cfc;
    padding: 1em;
}
#progress_scale {
    width: 30%;
    min-width: 300px;
    height: 12px;
    border: 1px solid black;
    background-color: #777;
    padding: 1px;
    border-radius: 2px;
    display: inline-block;
    margin: 0px 5px 0px 0px;
}
#processbar {
    height: 10px;
    border: 1px solid #8f8;
    background-color: #8f8;
}
#processper {
    font-size: 130%;
    font-weight: bold;
}
form#navigation_form, form#navigation_form2 {
    background-color: #EEE;
    border: 0px;
    padding: 0.5em;
    margin: 0px;
}
.bonito-pagination-left {
    padding-right: 6px;
    display: inline;
}
.bonito-pagination-right {
    padding-left: 6px;
    display: inline;
}
.bonito-pagination-core {
    display: inline;
}
.bar {
    background-color: #008;
}
.greybar {
    background-color: #999;
}
.autocomplete-w1 {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 8px 0px 0px 6px;
    _background: none;	/* IE6 fix: */
    _margin: 0;
}
.autocomplete {
    border: solid 1px #999;
    background: #FFF;
    cursor: default;
    text-align: left;
    max-height: 350px;
    overflow: auto;
    margin: -6px 6px 6px -6px;
    _height: 350px;   /* IE6 specific: */
    _margin: 0px;
    _overflow-x: hidden;
}
.autocomplete .selected {
    background-color: #DDD;
}
.autocomplete div {
    padding: 2px 5px;
    white-space: nowrap;
}
.autocomplete strong {
    font-weight: normal;
    color: red;
}
#help_format {
    display: none;
    border: solid 1px #AAA;
    border-radius: 3px;
    width: 200px;
    background-color: #FF9;
    box-shadow: 2px 2px 4px #AAA;
    position: absolute;
    padding: 4px;
    margin-left: 6px;
}
#help_format.inline {
    display: inline-block;
}
#infobox {
    border: solid 1px #006;
    padding: .5em;
}
hr {
    border: 0;
    height: 1px;
    color: black;
    background-color: black;
    padding: 0;
}
.warning {
    color: red;
}
#rightpanel {
    right: 10px;
    top: 120px;
    width: 10%;
    position: absolute;
    border: 2px solid;
    padding: 10px;
    background-color: #dee;
}
#rightpanel ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-left: 20px;
    margin-bottom: 0.5em;
}
#rightpanel h3 {
   margin: 0;
   padding: 0;
}
#rightpanel hr {
   margin-top: 5px;
   margin-bottom: 5px;
   padding: 0;
}
div.narrowmain {
    width: 85%;
}
.dark {
    background-color: #600;
    color: #fff;
}
table.query {
    border: solid 1px #600;
    border-spacing: 0px;
}
.color_table {
    border: solid 1px;
}
.wsdiff_0 {
    background-color: transparent;
}
.wsdiff_1 {
    background-color: #9c9;
}
.wsdiff_2 {
    background-color: #7c7;
}
.wsdiff_3 {
    background-color: #3c3;
}
.wsdiff_-1 {
    background-color: #e99;
}
.wsdiff_-2 {
    background-color: #e66;
}
.wsdiff_-3 {
    background-color: #e44;
}
.desc {
    display : inline;
}
fieldset.float {
    border-width: 0px;
    background-color: transparent;
}
table.result {
    border-spacing: 0px;
    margin-top: 0.5em;
}
table.result tbody tr:nth-child(3n+3) {
    background: #ddd;
}
table.result td {
    padding: 2px 0.3em 0 0.3em;
}
table.numtab td {
    text-align: right;
}
table.data th.super {
    text-align: center;
}
tr.even {
    background-color: #ddd;
}
table.result th {
    border-bottom: solid 2px gray;
    padding: 3px 0.5em 2px 0.5em;
}
table.result td.left {
    text-align: left;
    font-weight: bold;
    padding-left: 3px;
}
.plusminus, .plusminusgrey {
    padding: 0px;
    margin: 4px 4px 6px 5px;
}
#cup_hl_line {
    display: none;
}
.lngrpinfo {
    margin: 1em 0px 1em 0px;
    border-spacing: 0px;
}
.lngrpinfo td, .lngrpinfo th {
    padding: 2px 1em 2px 0em;
    text-align: right;
}
.lngrpinfo th {
    text-align: left;
}
.copy_div {
    position: relative;
}
.copy_button {
    background: url('../img/copy.png') 0px 0px no-repeat;
    width: 16px;
    height: 16px;
    display: block;
}
.copy_button.selected {
    background-position: -16px 0px;
}
#contextel, #wsmoreel, #texttypeel, #thesmoreel, #wsdiffadvel, #patternsadvel,
.advanced_query {
    display: none;
}
#detailframe  {
    position: fixed;
    overflow: auto;
    bottom: 0px;
    left: 10%;				/** left: 20%; **/
    right: 10%;				/** right: 20%; **/
    max-height: 30%;
    width: auto;
    display: none;
    background-color: #FFFF99;
    border-radius: 10px 10px 0px 0px;
    border: solid 1px #AAA;
    padding-bottom: 1em;
}
#detailframe a {
    font-size: small;
}
#detailframecontent {
    margin: 10px;
}
#hideel img {
    margin: 10px auto 0px auto;
}
#detailframecontent span.load {
    display: block;
    width: 150px;
    margin: 10px auto 10px auto;
    text-align: center;
}
#detailframe textarea {
    width: 95%;
    margin: 5px auto 5px auto;
    height: 200px;
    display: none;
    font-size: 90%;
}
#hideel {
    display: block;
    width: 100%;
    text-align: center;
    height: 18px;
}
.err_aux {
    display: none;
}
#filter_select_lines {
    display: none;
}
#subcorpinfo {
    padding-top: 4px;
}
.clearboth {
    clear: both;
}
.result_info_line {
    display: inline-block;
}
.thes_item_score, .thes_item_freq {
    text-align: right;
    vertical-align: top;
}
#help_icon img {
    margin-bottom: 4px;
}
#svg_plot {
    display: inline-block;
    background-color: white;
    border: solid 1px #CCC;
    padding: 1em;
    margin-bottom: 1em;
}
form#freqdist_granularity {
    background-color: transparent;
    border: none;
    padding: 0px;
    margin: 0px;
}
/* noUISlider styles */
.noUiSlider, .noUiSlider * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
    display: block;
    cursor: default;
}
.noUiSlider {
    position: relative;
}
.noUiSlider a {
    position: absolute;
    z-index: 1;
}
.noUiSlider a:nth-child(2) {
    background: inherit !important;
}
.noUiSlider.vertical a {
    width: 100%;
    bottom: 0;
}
.noUiSlider.horizontal a {
    height: 100%;
    right: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.noUiSlider:before, body.TOUCH, .noUiSlider div {
    -ms-touch-action: none;
}
.noUiSlider:before {
    display: block;
    position: absolute;
    width: 150%;
    left: -25%;
    height: 400%;
    top: -150%;
    content: "";
    z-index: -1;
}
.noUiSlider.vertical:before {
    width: 400%;
    left: -150%;
    height: 150%;
    top: -25%;
}
}
.noUiSlider {
    border: 1px solid #908d84;
    border-radius: 3px;
    display: inline-block;
    margin: 0px 10px;
    cursor: pointer;
}
.noUiSlider.connect a, .noUiSlider.connect.lower {
    background: #b2a98f;
}
.noUiSlider, .noUiSlider.connect.lower a {
    background: transparent;
}
.noUiSlider.disabled, .noUiSlider.disabled.connect.lower a {
    background: #ccc;
}
.noUiSlider div {
    height: 18px;
    width: 18px;
    border: 1px solid #99968f;
    border-radius: 3px;
    background: #efefe7;
    cursor: pointer;
}
.noUiSlider.disabled div {
    background: transparent;
}
.noUiSlider.horizontal {
    width: 300px;
    height: 10px;
}
.noUiSlider.horizontal div {
    margin: -5px 0 0 -9px;
}
#slider_granularity {
    display: inline-block;
}
#slider_value {
    width: 70px;
    margin-left: 1em;
}
.corpinfo {
    border-spacing: 0px;
    padding: 0px;
    border: solid 1px #884;
    float: left;
    margin: 5px;
}
#full_ref {
    border: none;
}
.corpinfo tbody tr {
    border: solid 1px #884;
    border-width: 0px 0px 1px 0px;
}
.corpinfo td, .corpinfo th {
    padding: 3px 6px;
}
.corpinfo th {
    text-align: right;
    border: solid 1px #CC8;
    text-align: left;
    border-width: 0px 1px 0px 0px;
}
.corpinfo th a {
    font-weight: normal;
}
.corpinfo thead th {
    text-align: left;
    font-size: 100%;
    border: none;
}
.corpinfo thead {
    border: solid 1px #CC8;
    border-width: 0px 0px 1px 0px;
    background-color: rgba(0, 0, 0, 0.3);
}
.pextrg {
    display: none;
}
.trgex p {
    margin: 0px;
    padding: 0px;
}
.trgex p:hover {
    background-color: #DDD;
}
#simple_n_slider.horizontal {
    width: 100px;
    background-color: white;
    display: inline-block;
}
.inline_notification {
    display: none;
    color: #555;
}
a.mwlink {
    font-weight: bold;
    text-decoration: none;
    color: black !important;
}
a.mwlink:hover {
    color: #a20 !important;
}
#util_menu {
    display: block;
    float: right;
    overflow: auto;
    clear: right;
}
#util_menu a {
    float: left;
    display: block;
    overflow: auto;
    margin-left: 8px;
}
#util_menu a img {
    border: none;
}
a.bim_coll {
    color: black;
    font-weight: bold;
    text-decoration: none;
}
a.bim_coll:hover {
    color: #A00;
}
form.ibim_template {
    padding: 2px !important;
    background-color: transparent !important;
    border: none !important;
    margin: 0px !important;
}
form.ibim_template input[type="text"] {
    width: 80px;
    margin-left: 6px !important;
}
tr.ibim {
    background-color: rgba(150,150,150,0.3) !important;
}
td.with_ibim {
    border: solid 1px rgba(0,0,0,0.3) !important;
    background-color: rgba(150,150,150,0.3) !important;
    border-width: 0px 0px 1px 0px !important;
    padding-top: 0px;
}