html {
  background: #888;
  color: #ccc;
  /* font-family: Trebuchet MS, sans-serif; */
  font-family: sans-serif;
}

body {
  border-color: #000;
  border-style: solid;
  border-width: 1px;
  background-color: #900;
  padding: 1em;
}

.NDiIwb {
  background-color: white;
}

.debug {
  color: white;
  background: blue;
}

h2, h3, h4 {
  color: white;
}

table, td, tr{
  padding: 0;
  margin: 0;
  border-width: 0;
}

td {
  vertical-align: top;
}

a {
  color: #ccc;
}

a:hover {
  color: #fff;
}

.buttonbar {
  margin: 1em 0;
  font-size: large;
  line-height: 200%;
}

.buttonbar a, .buttonbar b {
  text-decoration: none;
  padding: 3px;
  color: #fff;
  background-color: #444;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
}

.buttonbar a:hover {
  color: #fff;
  background-color: #f00;
}

.buttonbar b {
  background-color: #888;
  font-weight: normal;
}

.announce {
  color: black;
  background: white;
  border-color: blue;
  border-width: 3px;
  border-style: solid;
  padding: 8px;
  margin: 8px;
}

.logo {
  color: #900;
  background-color: #ccc;
  padding: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  font-size: 10pt;
  font-family: Trebuchet MS, sans-serif;
}

.logo h1 {
	margin: 0;
  font-size: 36pt;
  font-weight: bold;
}

.oracle a {
  color: #000;
}

.options {
  border-style: ridge;
  border-width: 2px;
  background-color: #ccc;
  vertical-align: top;
  color: #000;
  padding: 4px;
}

.options table tr td {
  color: #000;
}

.options a {
	color: blue;
}
	
.options a:hover {
	color: blue;
}
	

input {
  border-style: solid;
  border-width: 1px;
  border-color: black;
  /* font-size: large; */
}

input[type="text"]{
  width: 120px;
}

input[type="text"].half {
  width: 56px;
}

input[type="text"].double {
  width: 400px;
}

input.described {
  color: gray;
}

select {
  width: 120px;
  /* font-size: large; */
}

.oracle {
  margin-top: 4px;
  margin-bottom: 0;
  font-family: courier new, courier, monospace;
  /* font-size: 10pt; */
  padding: 2px;
  border-width: 3px;
  border-style: solid;
  color: #333;
  clear: both;
}

img {
  margin-right: 12px;
}

.white {
  background: #ffd;
  border-color: #fff;
}

.blue {
  background: #bbf;
  border-color: #33f;
}

.black {
  background: #aaa;
  color: #000;
  border-color: #000;
}

.red {
  background: #fbb;
  border-color: #f66;
}

.green {
  background: #bfb;
  border-color: #0c0;

}

.artifact {
  background: #ddd;
  border-color: #999;
}

.colorless {
  background: #ddd;
  border-color: #999;
}

.multi {
  background: #ff9;
  border-color: #ff3;
}

.land {
  background: #cc9;
  border-color: #996;
}

.cardImage {
  text-align: center;
  margin: 10px 0 0 10px;
  padding: 4px;
  float: right;
  background: white;
  color: #900;
  border-style: solid;
  border-width: 2px;
  border-color: black;
}

.cardImage img {
  margin: 0;
}

.card {
  background-color: #ffd;
  color: #000;
  border-style: solid;
  border-color: #000;
  border-width: 1px;
  margin-top: 10px;
  border-collapse: collapse;
}

.card td {
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  padding: 2px;
}

.card a {
  color: #00c;
}

.abilities, .traders, .values, .manage-collections {
  font-family: courier new, courier, monospace;
}

.traders {
  margin-bottom: 1em;
}

.header {
  color: white;
  font-weight: normal;
}

.header a {
  color: white;
}

.abilities a {
  text-decoration: none;
}

.inputMenu {
  color: black;
  background-color: white;
  position: absolute;
  z-index: 2;
  border-color: #000;
  border-style: solid;
  border-width: 1px 2px 2px 2px;
  margin-top: -1px;
  max-height: 300px;
  overflow-y: auto;
  min-width: 150px;
}

.menuItem {
  padding: 1px 3px;
}

.selected {
  background-color: #ccc;
}

.minimized .hidable {
  display: none;
}