<!--A:hover {text-decoration:bold; color:#FF0000;}-->
<!--A:active {text-decoration:bold; color:#FF0000;}-->

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-display: swap;
}

body.dark-theme {
  background-color: black;
  color: green;
}

body.dark-theme .resbox2 {
  background-color: black;
  color: green;
}

body .dark-theme #pattern-cheatsheet {
  background-color: black;
  color: green;    
}

body.dark-theme #welcomebox {
    background-color: black;
}
/* body.dark-theme #more-from-rz {
    background-color: black;
} */

body.light-theme {
    background-color: #c6e2ee;
    color: black;
}

.darkModeToggle-mobile {
    font-size: 1.2em;
}

b {
  font-weight: 700;
}
table.rzalert {
  border-radius: 15px;
  background-color: #fafad2;
}
table.rzf {
  background-color: #000000;
}
div.mainform {
  margin-top:10;
  margin-left:10;
  font-size:16;
  padding:0;
}
.resbox {
    border-radius: 15px;
}
.resbox2 {
    border-radius: 11px;
    background-color: white;
}
.resbox3 {
    border-radius: 14px;
}
.d {color:#56789a}
.srl {
cursor: pointer;
font-size: 24;
color: green;
}
#selrhy {
    width: 250px;
}
#selgen {
    width: 250px;
}
#selrhy-button {
    margin-right: 6px;
}
#selgen-button {
    margin-left: 6px;
}
#rhymefilter {
    cursor: pointer;
    margin-bottom: 10px;
    margin: auto;
}
.r_highlight {
  font-size: 24;
  color:red;
}
.r_nohighlight {
  font-size: 12;
 color:#56789a;
}
#related_restrict {
 color:#888;
}
#filter_res {
 font-size: 12;
 color:#888;
}
#filtertitle {
  display: inline-block;
  margin: 0px;
}
.filterinnertitle {
  vertical-align: top;
}
#rz_oldrel {
  display: inline-block;
  padding-bottom: 10px;
}
.r {
  text-decoration: none;
  margin-left: 0.2em;
}
.advwelcome1 {
    width: 600px;
    border: 2px solid #999;
    padding: 15px 25px 15px 25px;
    border-radius: 15px;
    border-color: green;
}
.advwelcome2 {
    width: 600px;
    border: 2px solid #999;
    border-color: blue;
    padding: 15px 25px 15px 25px;
    border-radius: 15px;
}
#welcomebox {
    width: 600px;
    padding: 15px 25px 15px 25px;
    background-color: #ffffff44;
    border-radius: 20px;
    border: 2px solid #999;
    border-color: lightblue;
}
.field-set{
    border: 1px solid lightgray;
}

.ui-checkboxradio-label.ui-corner-all.ui-button.ui-widget.ui-checkboxradio-checked.ui-state-active {
    background: #e7f3ff; !important;
    color: #000000;
}

.field-set{
    border: 1px solid lightgray;
}

.ui-button {
    padding: .2em .5em !important;
}

.wke_show_similar {
    color: grey;
    font-size: 10;
}

.wke_show_similar_title {
    color: grey;
    font-size: 10;
}

.wke_show_similar:hover {
    font-weight: bold;
    cursor: pointer; 
}
ul.ui-autocomplete.ui-menu li:last-child {
    font-size: 0.8em;
    color: blue;
}

#pattern-cheatsheet {
    font-size: 14px;
    border-radius: 20px;
    padding: 10px;

    border: 2px solid #999;
    border-color: lightblue;
}

/* #more-from-rz {
    border-radius: 20px;
#    background-color: #ffbbbb44;
    background-color: #ffffff44;
#    background-color: #ffffbf;
    padding: 10px;

    border: 2px solid #999;
    border-color: lightblue;

} */

.thes_usage {
    font-size: 0.8em;
}
html {
    margin: 0;
    min-height: 100%;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
}
html, body {
    height: 100%;
}
body {
    margin: 0; 
}
.main-container {
    position: relative;
    padding-bottom: 100px;
}
#footer-placeholder {
    z-index: 10000;
    background: #ffffff44;
    min-height: 100px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}
#right-rail-placeholder {
    min-height: 100px;
}
.main-table-container-row td:first-child {
    vertical-align: top;
}
@media (max-width: 767px) {
    .main-table-container-row { 
        display: block;
    }
    #right-rail-placeholder {
        display: inline-block;
        width: 100%;
    }
    .right-rail-nbsp {
        display: none;
    }
}
#header-banner-placeholder {
    width: 100%;
    height: 100px;
}
/* Sticky for right rail ad on desktop */
#AdThrive_Sidebar_9_desktop {
    position: sticky;
    top: 10px;
}