body.mG { background-image: url('https://www.madtakes.com/images/Dark-Wind.jpg'); background-color: #5C5C7B; }
body.mG_print { font-size: 12pt; }
.mG_page_title { font-size: 18pt; text-align: center; font-weight: bold; font-variant: small-caps; }
.mG_page_subtitle { font-size: 8pt; text-align: center; }
.mG_desc { font-size: 10pt; margin-left: 30px; }
.mG_glibword { text-transform: capitalize; color:#1F2E8E; }
.mG_glibbox { border:inset; border-color:#8F8FBC; width: 580px; }
.mG_recentbox { border:inset; border-color:#8F8FBC; width: 500px; }
.mG_removed { display: none; }
.mG_displayed { display: inline; }
input.mG_fullwidth { width: 590px; }
textarea.mG_fullwidth { width:590px; height:150px; }
textarea.mG_halfwidth { width:280px; height:200px; }
.mG_buttons { font-weight:bold; color:#f5f5f5; background-color:#444F9F; border-style:outset; border-color:#B3BBF2; }
table.mG_page { padding: 10px; background-color: #d0d0d0; background-image: url('https://www.madtakes.com/images/Gray-Wind.jpg'); border: ridge; border-color: #B3BBF2; width: 728px; font-size: 12pt; }
table.mG_print { padding: 10px; width: 100%; font-size: 12pt; }
td.mG_navbar { border-top-style:double; border-color:#8F8FBC; }
td.mG_navbar_top { border-bottom-style:double; /*background-color:#d0d0d0;*/ border-color:#8F8FBC; }
a:link { color: #0000ee; }
a:visited { color: #000099; }
a:hover { color: #0000ff; }
a:active { color: #0000ff; }
a.mG_none:link { color: #0000ee; text-decoration: none; }
a.mG_none:visited { color: #000099; text-decoration: none; }
a.mG_none:hover { color: #0000ff; text-decoration: none; }
a.mG_none:active { color: #0000ff; text-decoration: none; }
.mG_code { font-weight: bold; }
.mG_coded { font-family: monospace; }
.mG_high { background-color: #B6CEE6; }
.mG_high2 { background-color: #E4E6B6; }
.mG_high3 { background-color: #c0c0c0; }
.mG_norm { color: #000000; text-decoration: none; cursor: default }
a.mG_norm:link { color: #000000; text-decoration: none; cursor: default }
a.mG_norm:visited { color: #000000; text-decoration: none; cursor: default }
a.mG_norm:hover { color: #000000; text-decoration: none; cursor: default }
a.mG_norm:active { color: #000000; text-decoration: none; cursor: default }
a.mG_menuLink:link { font-weight:bold; color:#f5f5f5; text-decoration: none; }
a.mG_menuLink:visited { font-weight:bold; color:#f5f5f5; text-decoration: none; }
a.mG_menuLink:hover { font-weight:bold; color:#f5f5f5; text-decoration: none; }
a.mG_menuLink:active { font-weight:bold; color:#f5f5f5; text-decoration: none; }
.mG_hover { color: #0000ff; text-decoration: underline; }
div.hr { border-bottom-style:double; border-color:#8F8FBC; width: 95%; height: 7px; font-size: 2pt; }

a.mG_games:link
{
  color: #741E0E;
}
a.mG_games:visited
{
  color: #741E0E;
}
a.mG_games:hover
{
  color: #741E0E;
}
a.mG_games:active
{
  color: #741E0E;
}

.MMgb {width: 26px; height: 20px;}
.MMr {width: 10px; height: 10px;}

.mG_menuItem {font-weight:bold; color:#f5f5f5; background-color:#444F9F; border: 2px outset #B3BBF2; cursor: pointer;}
.gameboard
{
  background-color: #c0c0c0;
  border: 2px outset #b0b0b0;
}
.peg
{
  cursor: pointer;
}
.MMbtnNorm { background-color:#444F9F; padding: 0px; font-weight:bold; color:#f5f5f5; cursor: pointer; border-style: outset; border-color:#B3BBF2; }
.MMbtnHovr { background-color:#444F9F; padding: 0px; font-weight:bold; color:#f5f5f5; cursor: pointer; border-style: inset; border-color:#B3BBF2; }

//wordsearch
.x
{
  border: 2px outset #ffffff;
  background-color: #cccccc;
  cursor: default;
}
.u
{
  border: 2px solid #eeeeee;
  text-align: center;
  font-family: Courier New;
  cursor: pointer;
}
.s
{
  border: 2px outset #cccccc;
  text-align: center;
  font-family: Courier New;
  cursor: pointer;
}
.c
{
  border: 2px solid #d7dde8;
  background-color: #dde3ee;
  text-align: center;
  font-family: Courier New;
  color: #001100;
  cursor: pointer;
}
.cH
{
  border: 2px solid #000077;
  background-color: #dde3ee;
  text-align: center;
  font-family: Courier New;
  color: #001100;
  cursor: pointer;
}
.f
{
  color: #aaaaaa;
  text-decoration: line-through;
}
.b
{
  border: 2px outset #ffffff;
  background-color: #cccccc;
  cursor: default;
}
.br
{
  border: 2px outset #ffcccc;
  background-color: #ffcccc;
  cursor: default;
}
.by
{
  border: 2px outset #ffffcc;
  background-color: #ffffcc;
  cursor: default;
}
.bg
{
  border: 2px outset #ccffcc;
  background-color: #ccffcc;
  cursor: default;
}
.bc
{
  border: 2px outset #ccffff;
  background-color: #ccffff;
  cursor: default;
}
.bb
{
  border: 2px outset #ccccff;
  background-color: #ccccff;
  cursor: default;
}
.bm
{
  border: 2px outset #ffccff;
  background-color: #ffccff;
  cursor: default;
}

.MClabel
{
  font-size: 8pt;
  font-family: sans-serif;
  text-align: center;
}
.MCedit
{
  width: 20px;
  font-size: 8pt;
  font-family: sans-serif;
  text-align: center;
}
.MCset
{
  width: 20px;
  font-size: 8pt;
  font-family: sans-serif;
  font-weight: bold;
  text-align: center;
  border-style: dotted dotted solid dotted;
  border-left-color: #b0b0b0;
  border-top-color: #b0b0b0;
  border-right-color: #b0b0b0;
  background-color: #f0f0f0;
}
.AP
{
  border: 3px outset;
  background-color: #c0c0c0;
}
.APavail
{
  text-align: center;
  border: 1px solid #000000;
  background-color: #f0f0f0;
  font-size: 8pt;
  font-family: sans-serif;
  font-weight: bold;
  width: 15px;
  height: 15px;
}
.APused
{
  text-align: center;
  border: 1px solid #606060;
  color: #606060;
  background-color: #909090;
  font-size: 8pt;
  font-family: sans-serif;
  font-weight: bold;
  width: 15px;
  height: 15px;
}
.APmulti
{
  text-align: center;
  border: 1px solid #600000;
  color: #909090;
  background-color: #900000;
  font-size: 8pt;
  font-family: sans-serif;
  font-weight: bold;
  width: 15px;
  height: 15px;
}

.ABavail
{
  text-align: center;
  border-size: 2px;
  font-size: 8pt;
  font-family: sans-serif;
  font-weight: bold;
  width: 20px;
  height: 20px;
  color:#f5f5f5;
  background-color:#444F9F;
  border-style:outset;
  border-color:#B3BBF2;
}
.ABused
{
  text-align: center;
  border-size: 2px;
  font-size: 8pt;
  font-family: sans-serif;
  font-weight: bold;
  width: 20px;
  height: 20px;
  color:#f5f5f5;
  background-color:#AF888F;
  border-style:outset;
  border-color:#cccccc;
}

.ABmatch
{
  text-align: center;
  border-size: 2px;
  font-size: 8pt;
  font-family: sans-serif;
  font-weight: bold;
  width: 20px;
  height: 20px;
  color:#f5f5f5;
  background-color:#88AF8F;
  border-style:outset;
  border-color:#cccccc;
}
.MMhide
{
  width: 20px;
  border-style: solid solid solid solid;
  border-color: #d0d0d0 #d0d0d0 #000000 #d0d0d0;
  background-color: #f0f0f0;
}
.MMshow
{
  width: 20px;
  font-size: 10pt;
  font-family: sans-serif;
  font-weight: bold;
  text-align: center;
  border-style: solid;
  border-color: #d0d0d0;
  background-color: transparent;
}
.MMmissed
{
  width: 20px;
  font-size: 10pt;
  font-family: sans-serif;
  font-weight: bold;
  text-align: center;
  border-style: solid;
  border-color: #ff3333;
  background-color: #AF888F;
}